@font-face {
	font-family: 'YTSans';
	src:url('../fonts/YTSans-Medium.woff2') format('woff2'),
		url('../fonts/YTSans-Medium.woff') format('woff'),
		url('../fonts/YTSans-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* {margin: 0; padding: 0;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {overflow-y: scroll;}
body {color: #4c4c4c; min-height: 100%; font-size: 12px; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}
body input,
body select,
body textarea {resize: none; display: block; width: 100%; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}
b, strong {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 700;}
a {color: inherit; text-decoration: none;}
a:hover {text-decoration: none;}
:focus {outline: 0;}
.hidden {display: none;}
ul, ol, li {list-style: none;}
html, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%; padding: 0 0 500px;}
body {height: 100%; min-height: 100%; margin: 0;}
#wrapper {padding: 0;}
/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
input, select, textarea {border-radius: 5px;}
input[type=button], input[type=submit], button {-webkit-appearance: none; -webkit-border-radius: 0;}

body {background: #fff;}

.mobile {display: none;}
.desktop {display: block;}

body > .ui-front {z-index: 1000;}

.wrap.error {width: 1120px; padding: 20px 30px; margin: auto; background: #fff;}
.wrap.error h1 {font-size: 30px;}
.wrap.error h2 {font-size: 24px;}

.c-diners, .c-elo, .c-mastercard, .c-discover, .c-visa, .c-americanexpress, .c-hipercard,
.ic_fb, .ic_tw, .ic_yt, .ic_mais, .share_fb, .share_tw, .ic_phone, .ic_lupa,
.check, .check_small {display: inline-block; background: url(../images/sprites.png?q=1);}


.c-diners {width: 35px; height: 20px; background-position: 0 -227px;}
.c-elo {width: 35px; height: 20px; background-position: -36px -227px;}
.c-mastercard {width: 35px; height: 20px; background-position: -72px -227px;}
.c-discover {width: 35px; height: 20px; background-position: 0 -248px;}
.c-visa {width: 35px; height: 20px; background-position: -36px -248px;}
.c-americanexpress {width: 35px; height: 20px; background-position: -72px -248px;}
.c-hipercard {width: 35px; height: 20px; background-position: 0 -269px;}

.ic_fb {width: 19px; height: 20px; background-position: 0 0;}
.ic_tw {width: 19px; height: 20px; background-position: -24px 0;}
.ic_yt {width: 19px; height: 20px; background-position: -47px 0;}
.ic_mais {width: 25px; height: 25px; background-position: -72px 0;}
.share_fb {width: 111px; height: 20px; background-position: -100px 0;}
.share_tw {width: 86px; height: 20px; background-position: -214px 0;}
.ic_phone {width: 72px; height: 72px; background-position: -100px -28px;}
.ic_lupa {width: 18px; height: 18px; background-position: 0 -28px;}
.check {width: 62px; height: 44px; background-position: 0 -163px;}
.check_small {width: 28px; height: 20px; background-position: -76px -165px;}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-8_3, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-12_5, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-25 {float: left; padding-right: 20px; margin: 0 0 20px; position: relative; box-sizing: border-box;}
.col-lg-1 {width: 4%;}
.col-lg-2 {width: 8%;}
.col-lg-3 {width: 12%;}
.col-lg-4 {width: 16%;}
.col-lg-5 {width: 20%;}
.col-lg-6 {width: 24%;}
.col-lg-7 {width: 28%;}
.col-lg-8 {width: 32%;}
.col-lg-8_3 {width: calc(100% / 3);}
.col-lg-9 {width: 36%;}
.col-lg-10 {width: 40%;}
.col-lg-11 {width: 44%;}
.col-lg-12 {width: 48%;}
.col-lg-12_5 {width: 50%;}
.col-lg-13 {width: 52%;}
.col-lg-14 {width: 56%;}
.col-lg-15 {width: 60%;}
.col-lg-16 {width: 64%;}
.col-lg-17 {width: 68%;}
.col-lg-18 {width: 72%;}
.col-lg-19 {width: 76%;}
.col-lg-20 {width: 80%;}
.col-lg-21 {width: 84%;}
.col-lg-22 {width: 88%;}
.col-lg-23 {width: 92%;}
.col-lg-24 {width: 96%;}
.col-lg-25 {width: 100%;}
.col-last {padding: 0;}
.col-m-0 {margin: 0;}

@media screen and (max-width: 600px) {

footer {-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}

}



.indent {max-width: 1223px; width: 100%; margin: auto;}
.fit-indent {}


._ic-fb, ._ic-insta, ._ic-fb-w, ._ic-insta-w,
._ic-cf, ._ic-st, ._ic-up, ._ic-ll, ._ic-ma, ._ic-pe {background: url(../images/sprites.png); display: block;}
._ic-fb {background-position: 0 0; width: 13px; height: 24px;}
._ic-insta {background-position: -13px 0; width: 25px; height: 25px;}
._ic-cf {background-position: 0 -69px; width: 82px; height: 85px;}
._ic-st {background-position: -82px -69px; width: 64px; height: 85px;}
._ic-up {background-position: -146px -69px; width: 96px; height: 85px;}
._ic-ll {background-position: -242px -69px; width: 68px; height: 85px;}
._ic-ma {background-position: -311px -69px; width: 85px; height: 85px;}
._ic-pe {background-position: -395px -69px; width: 76px; height: 85px;}
._ic-fb-w {width: 15px; height: 28px; background-position: 0 -289px;}
._ic-insta-w {width: 28px; height: 28px; background-position: -15px -289px;}

header {width: 100%; overflow: hidden; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .5); position:relative; z-index: 3;}
header.no-shadow { box-shadow: none; overflow: visible;}
header .header {width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; }

header .header .logo img {margin: 0 20px 0 0;}

header .header #menu {position: relative;}
header .header #menu ul {display: flex;}
header .header #menu ul li.separator {border-left: 1px #ccc solid;}
header .header #menu ul li {margin-right: 20px;}
header .header #menu ul li a {display:block; font-size: 14px; color: #1d3254; line-height: 74px; padding: 0 7px; position: relative; font-weight: 300; white-space: nowrap;}
header .header #menu ul li a.border:before {content: ""; display:block; width: 100%; height: 4px; position: absolute; bottom: -4px; left: 0; background: #2273b6; transition: bottom .1s;}
header .header #menu ul li a.border.selected:before,
header .header #menu ul li a.border:hover:before {bottom: 0;}
header .header #menu ul li .split {display: block; width: 2px; height: 15px; background: #1d3254;}
header .header #menu ul li:last-child {margin-right: 0;}
header .header #menu ul li.last a {color: #2273b5; font-weight: bold;}
header .header #menu ul li.social {display: flex; justify-content: center; align-items: center;}
header .header #menu ul li.social a {display: flex; justify-content: center; align-items: center; padding: 0; margin: 0 0 0 10px; min-width: 25px; line-height: 30px;}
header .header #menu ul li.social a:first-child img {margin: 0 7px 0 0;}
header .header #menu ul li.social a small {margin: 2px 7px 0 0;}

header .header-home .logo {height: 127px; width: 100%;border-bottom: 1px solid #d6d6d6;}
header .header-home .logo .indent {display: flex; justify-content: center; align-items: center; height: 100%;}
header .header-home .logo .conf {height: 100%; position: absolute; top: 0; right: 0;}
header .header-home .logo .conf nav {height: 30px; display: flex; overflow: hidden;}
header .header-home .logo .conf nav a {font-size: 12px; color: #1d3254; padding: 0 10px; display: flex; align-items: center; justify-content: center; text-align: center; transition: background .2s; border-right: 1px solid #ccc;}
header .header-home .logo .conf nav a.whatsapp img {margin: 0 7px 0 0;}
header .header-home .logo .conf nav a.whatsapp small {margin: 2px 7px 0 0;}
header .header-home .logo .conf nav a:last-child {border: 0;}
header .header-home .logo .conf nav a:hover {color: #fff; background: #2273b6;}
header .header-home .logo .conf nav a.whatsapp:hover {color: #1D3254; background: #fff;}
header .header-home #menu {height: 83px; width: 100%; position: absolute; top: 127px; background: transparent; z-index: 9; transition: height .3s, box-shadow .3s; overflow: hidden;}
header .header-home #menu .indent {max-width: 1108px;}
header .header-home #menu nav {display: flex; justify-content: space-between; height: 100%;}
header .header-home #menu nav a {display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; font-weight: 600; position: relative; color: #545454;}
header .header-home #menu nav a:before {content: ""; display:block; width: 100%; height: 4px; position: absolute; bottom: -4px; left: 0; background: #2273b6; transition: bottom .1s;}
header .header-home #menu nav a.selected:before,
header .header-home #menu nav a:hover:before {bottom: 0;}

header.scroll .header-home #menu{position: fixed; top: 0; height: 50px; box-shadow: 0 2px 15px rgba(0, 0, 0, .1); background: #ffffff;}

/*
header .header #menu ul li:last-child a {line-height: 32px; border: 2px solid #1d3254; border-radius: 8px; padding: 0 16px; transition: all .2s;}
header .header #menu ul li:last-child a:not(.last-logged):hover {background: #1d3254; color: #fff;}
header .header #menu ul li:last-child .last-logged {border: 0; font-weight: bold; font-size: 16px; color: #2273b5;}
*/

footer {width: 100%; height: 480px; position: relative; text-align: center; margin-top: -480px;}
footer h2 {display: inline-block; background: #fff; color: #ccb99c; line-height: 34px; padding: 0 5px; font-weight: bold; font-size: 23px; margin: 0 0 55px; border-radius: 6px; box-shadow: 0 1px 10px -2px rgba(0, 0, 0, 0.22); transform: translateY(-50%);}
footer .footer {overflow: hidden; text-align: left;}
footer .footer .box01 {width: 100%; overflow: hidden; margin-bottom: 65px; display: flex; justify-content: space-between; align-items: flex-start;}
footer .footer .box01 form#fContato {display: block; max-width: 450px; width: 48%; float:left;}
footer .footer .box01 form#fContato h3 {font-size: 21px; color: #6b6b6a; font-weight: 700; margin: 0 0 50px;}
footer .footer .box01 form input,
footer .footer .box01 form textarea {display: block; width: 100%; font-size: 18px; color: #6b6b6a; border: 0; border-radius: 0; background: transparent; border-bottom: 2px solid #6b6b6a; font-weight: 300;}
footer .footer .box01 form input::-moz-placeholder {opacity: 1;}
footer .footer .box01 form textarea::-moz-placeholder {opacity: 1;}
footer .footer .box01 form input::-webkit-input-placeholder {color: #6b6b6a;}
footer .footer .box01 form textarea::-webkit-input-placeholder {color: #6b6b6a;}
footer .footer .box01 form input {height: 35px;}
footer .footer .box01 form label {font-size: 12px;}
footer .footer .box01 form label.error {color:red; position: absolute;}
footer .footer .box01 form textarea {height: 80px;}
footer .footer .box01 form input[type="button"] {height: auto; margin-top: 25px; text-align: center; float: right; width: 90%; max-width: 175px; line-height: 36px; border: 2px solid #6b6b6a; border-radius: 8px; font-weight: bold; transition: all .2s; cursor: pointer;}
footer .footer .box01 form input[type="button"]:hover {background: #6b6b6a; color: #f2f1ef;}
footer .footer .box01 .tendencias {float: right; width: 48%; max-width: 325px; text-align: left;}
footer .footer .box01 .tendencias .whatsapp {font-size: 22px; margin: 10px 0 50px;}
footer .footer .box01 .tendencias .whatsapp a {display: flex; align-items: center; font-weight: bold;}
footer .footer .box01 .tendencias .whatsapp a img {margin: 0 5px 0 0;}
footer .footer .box01 .tendencias .whatsapp a small {margin: 5px 5px 0 0; font-size: 12px; font-weight: normal;}
footer .footer .box01 .tendencias h3 {font-size: 21px; color: #6b6b6a; font-weight: 700;}
footer .footer .box01 .tendencias strong {font-weight: 800;}
footer .footer .box01 .tendencias form {display: block; width: 100%; margin: 5px 0 0; overflow: hidden;}
footer .footer .box01 .tendencias > a {display: inline-block; margin: 5px 10px 10px 0;}
footer .footer .box01 .tendencias p {font-size: 13px; color: #6b6b6a;}
footer .footer .box01 .tendencias p strong {font-size: 18px;}
footer .footer .copyright {width: 100%; border-top: 1px solid #d0cfcd; padding: 15px 0; text-align: left; overflow: hidden;}
footer .footer .copyright p {color: #272727; font-size: 14px; font-weight: 300; display: block; float:left; margin-right: 50px;}
footer .footer .copyright figure {float:right;}

body > #wrapper.c_index.a_index {padding: 0 0 337px;}
footer.index_index {background: #393939; padding: 82px 0 0; height: 377px; margin-top: -337px;}
footer .footer.home .top,
footer .footer.home .bottom {display: flex; justify-content: space-between; align-items: flex-start;}
footer .footer.home .top .logo > a{margin: 0 0 36px; display: block;}
footer .footer.home .top .social{display: flex;}
footer .footer.home .top .social a:first-child{margin: 0 48px 0 0;}
footer .footer.home .bottom {margin: 71px 0 0;}
footer .footer.home .bottom p {font-size: 18px; color: #9c9c9c;}

#home .indent {margin: 0 auto; max-width: 1108px;}
#home .indent h2{font-size: 55px; font-weight: 200; font-family: 'Montserrat'; line-height: 1; margin: 0 0 15px;}
#home .indent h2 b{font-weight: 900;}
#home .indent p{font-family: 'Montserrat'; font-size: 22px; font-weight: 200;}
#home .indent p b{font-weight: normal;}
#home .indent a.btn{display: inline-block; line-height: 52px; text-align: center; padding: 0 20px; font-family: 'Montserrat'; font-weight: 200; font-size: 25px; color: #fff; background: linear-gradient(to right, #3f6fbb, #2c4e88); border-radius: 100px; transition: all .3s; margin: 45px 0 0;}
#home .indent a.btn:hover{ transform: scale(1.1);}
#home #diagramos{height: 886px; background: url(../images/banner-home.jpg) center top no-repeat; padding: 83px 0 0; display: flex; align-items: center; justify-content: center;}
#home #diagramos h2{color: #4972b2;}
#home #diagramos p{color: #8f8f8f;}
#home #imprimimos{height: 803px; background: url(../images/banner-home-imprimimos.jpg) center top no-repeat; padding: 65px 0 0; display: flex; align-items: flex-start; justify-content: center; text-align: right;}
#home #imprimimos h2{color: #ffffff;}
#home #imprimimos p{color: #ffffff;}
#home #entregamos{height: 803px; background: url(../images/banner-home-entregamos.jpg) center top no-repeat; display: flex; align-items: center; justify-content: center;}
#home #entregamos h2{color: #4972b2;}
#home #entregamos p{color: #8f8f8f;}
#home #conheca{display: flex; align-items: flex-start; justify-content: center; text-align: right;}
#home #conheca .indent{position: relative; padding: 70px 0 0;}
#home #conheca .indent:before{content: ''; display:block; height: 100%; width: 566px; background: #4972b2; position: absolute; top: 0; left: -406px; z-index: -1;}
#home #conheca h2{color: #4972b2;}
#home #conheca p{color: #8f8f8f;}
#home #conheca .wrap-albuns{margin: 55px 0 0;}
#home #conheca .wrap-albuns .owl-item{padding: 35px 0 50px;}
#home #conheca .wrap-albuns .album{width: 100%; max-width: 320px; height: 440px; margin: 0 auto; background: #ffffff; padding: 35px 0; border-radius: 20px; box-shadow: 5px 6px 35px rgba(0, 0, 0, .1); transition: all .3s;}
#home #conheca .wrap-albuns .album p{text-align: center; font-size: 25px; color: #4972b2; margin: 0 0 20px; padding: 0 10px;}
#home #conheca .wrap-albuns .album p b{font-weight: 900;}
#home #conheca .wrap-albuns .album img{max-width: 90%; display: block; margin: 0 auto;}
#home #conheca .wrap-albuns .album:hover{ transform: scale(1.06); box-shadow: 0 0 15px rgba(73, 114, 178, .7), 5px 15px 45px rgba(0, 0, 0, .25);}
#home #conheca .wrap-albuns .owl-buttons > div{position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 45px; height: 45px; transition: all .3s;}
#home #conheca .wrap-albuns .owl-buttons > div:hover{ transform: translateY(-50%) rotate(-45deg) scale(1.07);}
#home #conheca .wrap-albuns .owl-buttons .owl-prev{left: -50px; border-left: 5px solid #fff; border-top: 5px solid #fff;}
#home #conheca .wrap-albuns .owl-buttons .owl-next{right: -50px; border-right: 5px solid #4972b2; border-bottom: 5px solid #4972b2;}
#home #contato{height: 993px; background: url(../images/banner-home-contato.jpg) center top no-repeat; display: flex; align-items: center; justify-content: center; text-align: center;}
#home #contato h2{color: #4972b2; font-size: 50px;}
#home #contato p{color: #8f8f8f;}
#home #contato .wrap-form{width: 100%; display: flex; overflow: hidden; border-radius: 20px; margin: 80px 0 0; height: 547px; background: #ffffff; box-shadow: 5px 6px 35px rgba(0, 0, 0, .1);}
#home #contato .wrap-form form{width: 50%; padding: 45px; text-align: left;}
#home #contato .wrap-form form > div{margin: 0 0 40px;}
#home #contato .wrap-form form label{font-size: 20px; color: #8e8e8e;}
#home #contato .wrap-form form label.error{font-size: 12px; color: red; position: absolute;}
#home #contato .wrap-form form textarea,
#home #contato .wrap-form form input{display: block; border: 0; border-bottom: 2px solid #e4e4e4; border-radius: 0; font-size: 16px; margin: 10px 0 0; height: 35px;}
#home #contato .wrap-form form textarea{height: 115px;}
#home #contato .wrap-form form input[type=submit]{font-size: 27px; color: #ffffff; width: 136px; height: 52px; border-radius: 100px; border: 0; background: linear-gradient(45deg, #326bc3, #193466); cursor: pointer; transition: all .3s;}
#home #contato .wrap-form form input[type=submit]:hover{ transform: scale(1.1);}
#home #contato .wrap-form .infos{width: 50%; background: linear-gradient(45deg, #326bc3, #193466); padding: 40px; text-align: left;}
#home #contato .wrap-form .infos h3{font-size: 40px; color: #ffffff; font-weight: bold; position: relative; margin: 0 0 80px;}
#home #contato .wrap-form .infos h3:before{content: ''; display: block; position: absolute; bottom: -15px; left: 0; width: 97px; height: 7px; background: #ffffff;}
#home #contato .wrap-form .infos p{font-size: 25px; color: #ffffff; font-weight: bold; margin: 48px 0 5px;}
#home #contato .wrap-form .infos a{font-size: 22px; color: #ffffff;}
#home #contato .wrap-form .infos a:hover{ text-decoration: underline;}

#politica-privacidade { padding: 50px 0; font-family: 'Montserrat'; }
#politica-privacidade h1 { text-align: center; margin: 0 0 50px; font-size: 28px; }
#politica-privacidade p { margin: 0 0 35px; font-size: 16px; line-height: 1.4; }
#politica-privacidade h2 { margin: 0 0 35px; font-size: 24px; }
#politica-privacidade h3 { margin: 0 0 35px; font-size: 20px; }

#compra {margin-top: 50px; overflow: hidden;}
/*#compra h2 {font-size: 20px; font-weight: bold; border-bottom: 1px solid currentColor; padding-bottom: 10px; letter-spacing: 3px; margin-bottom: 16px;}*/

#compra h2 {font-size: 20px; font-weight: bold;}
#compra .indent {position: relative; width: 100%; overflow: hidden; text-align: center;}

#compra .box {width: 100%; padding: 20px; margin-bottom: 5px; overflow: hidden;}
#compra .box input,
#compra .box select,
#compra .box textarea,
#compra .box label {width: 100%; font-size: 16px; display:block;}
#compra .box input[type=text],
#compra .box select,
#compra .box textarea {font-weight: 300; border-radius: 6px; border: 0; padding: 5px;}
#compra .box input[type=text],
#compra .box select {height: 34px;}
#compra .box label {font-weight: 600; margin: 0 0 5px;}
#compra .box input[type=button] {font-weight: 600; max-width: 188px; height: 35px; float:right; background: #3c5e96; letter-spacing: 3px; color: #fff; font-size: 14px; border: 0; border-radius: 6px; cursor: pointer; margin-top: 23px;}
#compra .box input[type=button]:hover {background: #345080;}
#compra .box .col-lg-25 input[type=button] {margin-top: 13px;}
#compra .box input[type=checkbox],
#compra .box input[type=radio] {display: none;}
#compra .box input[type=checkbox] + label,
#compra .box input[type=radio] + label {background: url(../images/sprites.png); background-position: 0 -25px; float:left; width:auto; font-size: 14px; color: #b2b2b2; padding: 0 0 0 21px; line-height: 16px; cursor: pointer;}
#compra .box input[type=checkbox]:checked + label,
#compra .box input[type=radio]:checked + label {background-position: 0 -41px;}

#compra .compra {float:left; max-width: 646px; width: 50%;}
#compra .compra .box {background: #ededed; color: #727272;}
#compra .compra .box input[type=text] {color: #727272;}

#compra .resumo-compra {float:right; max-width: 460px; width: calc(50% - 40px);}
#compra .resumo-compra h2 {margin: 0;}
#compra .resumo-compra .box {background: #3c5e96; color: #fff; padding-bottom: 0;}
#compra .resumo-compra .box p {color: #fff; font-weight: 600; font-size: 16px;}
#compra .resumo-compra .box .wrap-itens .item {display: flex; justify-content: space-between; align-items: center; height: 50px; border-bottom: 1px solid #fff;}
#compra .resumo-compra .box .wrap-itens .item p.valor {font-size: 14px;}
#compra .resumo-compra .box .wrap-itens .item input {width: 45px; background: transparent; border: 1px solid #fff; color: #fff; font-size: 14px; padding: 0 0 0 10px; border-radius: 7px; height: auto; background: url(../images/arrows.png) right 5px center no-repeat;}
#compra .resumo-compra .box .total {display: flex; justify-content: space-between; align-items: center; height: 70px;}
#compra .resumo-compra .box .total p {font-size: 20px; letter-spacing: 2px;}
#compra .resumo-compra .box .total p.valor-total {letter-spacing: 0;}

.cliente .titulo {position: relative; width: 100%; overflow: hidden;text-align: center;}
.cliente .titulo:before {content: ""; display: block; width: 100%; height: 3px; background: #d9ccb7; position: absolute; top: calc(50% - 1.5px);}
.cliente .titulo h2 {display: inline-block; font-weight: bold; color: #000; font-size: 23px; background: #fff; position: relative; padding: 0 30px; margin: 20px 0 0;}

/**/
.cliente .step.step1 {max-width: 600px; margin: 30px auto 50px;}
.cliente .step [disabled="disabled"] {background: #e3e3e3;}
.cliente .step {background: #ededed; padding: 20px; margin: 30px 0 50px; overflow: hidden;}
.cliente .step h1 {font-size: 20px; color: #727272; font-weight: bold; margin: 0 0 40px;}
.cliente .step h1:after {content: ""; width: 100%; height: 1px; background: #727272; margin: 10px 0 0; display: block;}
.cliente .step input,
.cliente .step select {width: 100%; height: 35px; padding: 0 10px; border-radius: 5px; border: 0; font-size: 14px; font-weight: 300; margin: 0 0 10px; color: #727272;}
.cliente .step select {opacity: 0; z-index: 2; position: relative;}
.cliente .step .label {position: absolute; z-index: 0; width: 100%; height: 35px; top: 26px; left: 0; padding: 0 10px; display: block; color: #727272; background: #FFF; border-radius: 5px; font-weight: 300; font-size: 14px; line-height: 35px;}
.cliente .step .label:before {content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #727272; right: 15px; bottom: 7.5px; position: absolute;}
.cliente .step select[disabled] + .label,
.cliente .step select[disabled] + label + .label {background: #e3e3e3;}
.cliente .step select.error + label + .label {background: #faeae6; border: 1px #f16048 solid;}
.cliente .step input[type='submit'],
.cliente .step .btn-proximo {cursor: pointer; background: #3c5e96; color: #FFF; font-weight: bold; padding: 0; width: 190px; float: right; margin: 20px 0 0;}
.cliente .step .btn-proximo {height: 35px; border: 0; border-radius: 5px;}
.cliente .step .margin-25 {margin: 25px 0 0;}
.cliente .step label {font-weight: 600; font-size: 16px; color: #727272; margin: 0 0 5px; display: block;}
.cliente .step label.error {color: #dd0000; font-size: 12px; font-weight: 600; margin: 3px 0 0;}
.cliente .step .ball {background: #40be7f; width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 15px 0 0; opacity: 1; transition: opacity .5s;}
.cliente .step .ball.check-user {opacity: 0;}
.cliente .step .ball.active {opacity: 1;}
.cliente .step .pessoa {display: none;}
.cliente .step .pessoa + label {font-size: 14px; font-weight: normal; color: #b2b2b2; margin: 0 0 15px;}
.cliente .step .pessoa + label span {width: 15px; height: 15px; border-radius: 50%; border: 2px solid #b2b2b2; display: inline-block; vertical-align: middle; margin: 0 5px 0 0;}
.cliente .step .pessoa:checked + label span {background: #b2b2b2;}
.cliente .step #chalterarsenha {width: auto; height: auto; float: left; margin: 2.5px 10px 0 0;}

.cliente .step .swrap > div {width: 50%; float: left;}
.cliente .step .swrap .sl {padding: 0 25px 0 0;}
.cliente .step .swrap .sr {padding: 0 0 0 25px;}
.cliente .step .t-holder {font-size: 16px; font-weight: bold; color: #727272; margin: 0 0 20px;}
.cliente .step .t-holder:after {content: ""; width: 100%; height: 1px; background: #727272; margin: 10px 0 0; display: block;}
.cliente .step .esqueceu {transition: min-height .5s; width: 100%; display: none;}
.cliente .step .side {width: 50%; float: left;}
.cliente .step .side.side-1 {padding: 0 25px 0 0;}
.cliente .step .side.side-2 {padding: 0 0 0 25px;}
.cliente .step .step-cadastro {display: none;}

.cliente .wrap-passos {display: flex; justify-content: space-between; margin: 0 0 60px;}
.cliente .wrap-passos .passo {display: flex; align-items: center; flex-direction: column; opacity: 0.5; transition: opacity .5s;}
.cliente .wrap-passos .passo.active {opacity: 1;}
.cliente .wrap-passos .ball {background: #40be7f; width: 95px; height: 95px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 0 10px;}
.cliente .wrap-passos span {font-weight: 600; font-size: 16px; color: #727272; text-align: center;}
/*.bg-cliente {width: 100%; height: 283px; background: url(../images/bg-cliente.jpg) top center no-repeat;}*/


.line {font-weight: bold; color: #000; font-size: 23px; text-align: center; position: relative; margin: 50px 0 30px;}
.line span {display: inline-block; position: relative; background: #FFF; padding: 0 50px;}
.line:before {content: ""; background: #d9ccb7; width: 100%; height: 2px; position: absolute; top: calc(50% - 1px); left: 0;}
/**/

.montagem .step [disabled="disabled"] {background: #e3e3e3;}
.montagem .step {overflow: hidden;}
.montagem .step form { background: #034965; padding: 40px 30px; width: 585px; border-radius: 5px; overflow: hidden; margin: auto; }
.montagem .step .forgot { color: #FFF; }
.montagem .step .obs { color: #FFF; margin: 10px 0 0; }
.montagem .step .box{ width: 300px; background: #FFF; padding: 40px; border-radius: 40px 40px 0 0; margin: 30px auto 0; }
.montagem .step .box img{ width: 100%; }
.montagem .step h1 {font-size: 20px; color: #727272; font-weight: bold; margin: 0 0 40px;}
.montagem .step h1:after {content: ""; width: 100%; height: 1px; background: #727272; margin: 10px 0 0; display: block;}
.montagem .step input,
.montagem .step select {width: 100%; height: 65px; padding: 0 20px; border-radius: 5px; border: 0; font-size: 18px; font-weight: 300; margin: 0 0 10px; color: #767879;}
.montagem .step select {opacity: 0; z-index: 2; position: relative;}
.montagem .step .label {position: absolute; z-index: 0; width: 100%; height: 35px; top: 26px; left: 0; padding: 0 10px; display: block; color: #727272; background: #FFF; border-radius: 5px; font-weight: 300; font-size: 14px; line-height: 35px;}
.montagem .step .label:before {content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #727272; right: 15px; bottom: 7.5px; position: absolute;}
.montagem .step select[disabled] + .label,
.montagem .step select[disabled] + label + .label {background: #e3e3e3;}
.montagem .step select.error + label + .label {background: #faeae6; border: 1px #f16048 solid;}
.montagem .step input[type='submit'],
.montagem .step .btn-proximo {cursor: pointer; background: #095b9f; color: #FFF; font-weight: bold; padding: 0; width: 190px; float: right; margin: 20px 0 0;}
.montagem .step .btn-proximo {height: 35px; border: 0; border-radius: 5px;}
.montagem .step .margin-25 {margin: 25px 0 0;}
.montagem .step label {font-weight: 600; font-size: 16px; color: #727272; margin: 0 0 5px; display: block;}
.montagem .step label.error {color: #dd0000; font-size: 12px; font-weight: 600; margin: 3px 0 0;}

.montagem .step .swrap .sl {}
.montagem .step .t-holder {font-size: 16px; font-weight: bold; color: #727272; margin: 0 0 20px;}
.montagem .step .t-holder:after {content: ""; width: 100%; height: 1px; background: #727272; margin: 10px 0 0; display: block;}
.montagem .step .esqueceu {transition: min-height .5s; width: 100%; display: none;}



/* CHECKOUT */
.checkout [type=radio],
.checkout [type=checkbox],
.checkout .checks {border:none; width:auto !important; background:none !important; padding: 0 !important;}
.checkout .step {width: 100%;}

.checkout {}


.checkout .titulo {position: relative; width: 100%; overflow: hidden; text-align: center; margin: 30px 0;}
.checkout .titulo:before {content: ""; display: block; width: 100%; height: 3px; background: #d9ccb7; position: absolute; top: calc(50% - 1.5px);}
.checkout .titulo h2 {display: inline-block; font-weight: bold; color: #d9ccb7; font-size: 23px; background: #fff; position: relative; padding: 0 30px;}

.checkout .content {opacity: 1;}

.checkout .step h2 {font-size: 20px; color: #666; margin: 0 0 10px;}
.checkout .step .wrap_i {float:left; display: block; margin: 10px 0 0;}
.checkout .step .swrap {overflow: hidden;}
.checkout .step .swrap .wraphold {overflow: hidden;}
.checkout .step .swrap .separator_prelogin {display: block; width: 420px; height: 5px; margin: 45px 0 45px -20px;}
.checkout .step .swrap .separator_cliente {display: block; width: 100%; height: 5px; margin: 45px 0;}
.checkout .step .sl,
.checkout .step .sr {width: 380px; float:left; margin: 0 20px;}
.checkout .step .sr {width: 380px; float:right;}
.checkout .step .sfull {width: 100%;}
.checkout .step .sfull .half {width: 410px; overflow: hidden; float:left;}
.checkout .step .sfull .half.r {float:right;}
.checkout .step .sfull .whitespace {width: 100%; height: 89px;}
.checkout .step .sfull .whitespace.small {height: 40px;}
.checkout .step .t-holder {line-height: 40px; font-size: 18px; color: #616161; margin: 0 0 10px; font-weight: 700; border-bottom: 2px #000 solid;}
.checkout .step .sub-t-holder {padding: 10px; background: #eee; border: 1px #ccc solid; font-size: 16px; font-weight: 700; overflow: hidden;}
.checkout .step .sub-t-holder img {float: right; margin: 7px 0 0; height: 20px;}
.checkout .step .sub-t-holder .icon {float: left; margin: 7px 10px 0 0;}
.checkout .step .sub-t-holder .bank {float: right; margin: 7px 0 0 10px;}
.checkout .step .sub-t-holder .dividir {float:right; font-size: 12px; margin: 3px 15px; text-decoration: underline;}
.checkout .step .sub-t-holder .dividir:hover {text-decoration: none;}
.checkout .step label {float:left; display: block; clear:left; height: 27px; line-height: 27px; margin: 0; text-transform: uppercase; font-size: 14px;}
.checkout .step input {float:left; display: block; line-height: 20px; padding: 10px; margin: 3px 0; width: 100%; clear:left; font-size: 16px; background: #ebebeb; border: 0;}
.checkout .step select {float:left; display: block; line-height: 20px; padding: 8px 11px 7px; margin: 3px 0; width: 100%; clear:left; font-size: 16px; background: #ebebeb; border: 0;}
.checkout .step label.error {float:left; display: block; clear:both; height: auto; line-height: 20px; font-size: 14px; text-transform: none; color: #ff0000;}
.checkout .step label.error a {text-decoration: underline;}
.checkout .step input[readonly="readonly"] {background: #ccc;}
.checkout .step a.forgot {float:left; display: block; margin: 13px 8px 0 0; color: #000; font-size: 14px; clear: both;}
.checkout .step .esqueceu {display: none;}
.checkout .step .esqueceu p {color: #000; font-size: 14px; margin: 15px 0 0;}
.checkout .step .wrap_radio {overflow: hidden; position: relative;}
.checkout .step .wrap_radio label.error {position: absolute; top: 0; left: 0; width: auto; white-space:nowrap;}
.checkout .step .wrap_radio input {clear:none; margin: 0 7px 0 0;}
.checkout .step .wrap_radio span,
.checkout .step .wrap_radio label {float:left; display: block; margin: 0 20px 0 10px; line-height: 40px; cursor: pointer; clear:none;}


.checkout .step1 {margin: 0 0 20px;}

.checkout .step #cadastrar {width: 255px; height: 40px; float:right;}

.checkout .step .swIndent {width: 780px; padding: 0;}
.checkout .fisica,
.checkout .juridica {display: none;}
.checkout .useSameEntrega {display: none;}
.checkout .step .btn-padrao {float:right; width: 160px; background: #929292; color: #fff; height: 40px; line-height: 40px; padding: 0; cursor: pointer; font-size: 17px; text-transform: uppercase; border: 0;}
.checkout .step .btn-padrao:hover {background: #787878;}
.checkout .step .btn-padrao.gray {background: #827e7b; color: #fff; width: 100%;}
.checkout .step .btn-padrao.gray:hover {background: #605f5d;}

.checkout .frete {position: relative; padding: 0 0 30px; overflow: hidden;}
.checkout .frete h3 {float:left; display: block; clear:both; margin: 0 0 10px;}
.checkout .frete .opt {line-height: 50px; height: 70px; display: block; float:left; clear:both; padding: 10px 0; margin: 0 0 10px; border: 1px #ccc solid; width: 100%; cursor: pointer;}
.checkout .frete .opt input {height: auto; margin: 18px;}
.checkout .frete .opt .icon {display: block; float:left; margin: 0 20px 0 0;}
.checkout .frete .opt-disabled {clear:both;}
.checkout .frete label.error {margin: 0; bottom: 0; left: 0; position: absolute;}

.checkout .step3 {position: relative; background: none;}
.checkout .step3 .swIndent {overflow: visible;}
.checkout .step3 .group {}
.checkout .step3 .group.error_div .t-holder {border: 1px #f16048 solid; background: #faebe7; color: #df280a; border-left-width: 2px; padding: 0 15px;}
.checkout .step3 .group.error_div .t-holder label {float: none; display: inline;}
.checkout .step3 .group .g_entrega {}
.checkout .step3 .group .wraphold {overflow: visible;}
.checkout .step3 .cart {float:right; width: 300px; overflow: hidden; position: absolute; right: 0;}
.checkout .step3 .cart .wraphold {padding: 0 0 15px;}
.checkout .step3 .cart .sub-t-holder {font-size: 12px;}
.checkout .step3 .cart .resume {border: 1px #ccc solid; padding: 0;}
.checkout .step3 .cart .resume .sub-t-holder {border:none; line-height: 35px; padding: 0 10px;}
.checkout .step3 .cart .resume .sub-t-holder.frete {padding: 5px 10px;}
.checkout .step3 .cart .resume .cartItens {padding: 0;}
.checkout .step3 .cart .resume .cartItens table {border: 0; margin: 0;}
.checkout .step3 .cart .resume .cartItens td {line-height: 14px; border: 0;}
.checkout .step3 .cart .resume .cartItens tr:nth-child(odd) td {background: #f1f1f1;}
.checkout .step3 .cart .resume .cartItens td:first-child {padding: 5px 5px 5px 30px;}
.checkout .step3 .cart .resume .cartItens td:last-child {padding: 5px 30px 5px 5px;}
.checkout .step3 .cart .resume .cartItens tr.valor_total td {background: #b3b3b3; color: #fff;}
.checkout .step3 .cart .blockaddress {background: #f1f1f1; border: none; margin: 10px 0 0; padding: 20px;}
.checkout .step3 .cart .blockaddress .sub-t-holder {background: none; border:none; text-align: center; padding: 0 0 20px; font-size: 16px; text-transform: uppercase; line-height: 27px; font-weight: 700;}
.checkout .step3 .cart .address {padding: 0 20px; border: none;}
.checkout .step3 .cart .address a {color: #f0a221; text-decoration: underline;}
.checkout .step3 .cart .address a:hover {text-decoration: none;}
.checkout .step3 .cart .address span {display: block; clear:both; font-size: 14px; color: #000; line-height: 25px;}
.checkout .step3 .cart .address a {background: #929292; color: #fff; height: 30px; line-height: 30px; display: block; text-decoration: none; text-align: center; margin: 15px 0 0; font-size: 14px;}
.checkout .step3 .cart .address a:hover {background: #787878;}
.checkout .step3 #pagamento input {margin: 3px 0 10px;}
.checkout .step3 #pagamento .opt {margin: 0; position: relative; width: 100%; font-size: 20px;}
.checkout .step3 #pagamento .opt .clk {float: left; color: #404040; display: flex; flex-direction: column; text-align: center;}
.checkout .step3 #pagamento .opt .clk strong {font-size: 28px;}
.checkout .step3 #pagamento .opt .clk small {font-size: 14px;}
.checkout .step3 #pagamento .balao {width: 370px; height: 160px; background: url(../images/bg-balao.png) bottom center repeat-x; border: 1px #f0a221 solid; border-radius: 10px; position: absolute; right: 10px; z-index: 100; display: none;}
.checkout .step3 #pagamento .balao .seta {position: absolute; bottom: -10px; left: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f0a221;}
.checkout .step3 #pagamento .balao .seta.right {left: auto; right: 20px;}
.checkout .step3 #pagamento .balao .close {width: 10px; height: 10px; z-index: 999; cursor: pointer; position: absolute; top: 5px; right: 5px;}
.checkout .step3 #pagamento .balao.nome_cartao {top: 75px; right: 0;}
.checkout .step3 #pagamento .balao.cartao_numero {top: 35px; right: -140px;}
.checkout .step3 #pagamento .balao.cartao_validade_mes {top: 35px; right: -120px;}
.checkout .step3 #pagamento .balao.cartao_cvv {top: 35px; right: 0;}
.checkout .step3 .card1,
.checkout .step3 .card2,
.checkout .step3 .card3,
.checkout .step3 .card4 {width: 178px; height: 99px; margin: 10px 10px 5px 10px; float:left;}
.checkout .step3 .cardinfo {line-height: 12px; font-size: 10px; margin: 10px;}
.checkout .step3 .cardinfo h5 {color: #f0a221; font-size: 12px; margin: 0 0 5px;}
.checkout .step3 #pagamento .balao .card1 {background: url(../images/cartoes-balao.png) top left no-repeat;}
.checkout .step3 #pagamento .balao .card2 {background: url(../images/cartoes-balao.png) top right no-repeat;}
.checkout .step3 #pagamento .balao .card3 {background: url(../images/cartoes-balao.png) bottom right no-repeat;}
.checkout .step3 #pagamento .balao .card4 {background: url(../images/cartoes-balao.png) bottom left no-repeat;}
.checkout .step3 #pagamento .tooltip {width: 20px; height: 20px; line-height: 20px; font-size: 17px; display: block; position: absolute; cursor: pointer; color: #ccc; text-align: center; border: 2px #ccc solid; border-radius: 20px; text-decoration: none; left: 0;}
.checkout .step3 #pagamento .line {float:left; position: relative;}
.checkout .step3 #pagamento .line:before {display: none;}
.checkout .step3 #pagamento .line label {line-height: 18px; height: auto;}
.checkout .step3 #pagamento .line.right {float:right;}
.checkout .step3 #pagamento .line.expiracao label,
.checkout .step3 #pagamento .line.right label {margin: 0 0 0 10px;}
.checkout .step3 #pagamento #nome_cartao {}
.checkout .step3 #pagamento #cpf_titular {}
.checkout .step3 #pagamento #telefone_titular {width: 360px;}
.checkout .step3 #pagamento #data_nascimento_titular {width: 360px; margin: 3px 0 3px 10px;}
.checkout .step3 #pagamento .tipo_cartao {overflow: hidden; clear:both; margin: 0 0 10px;}
.checkout .step3 #pagamento .tipo_cartao input {float:left; clear:none; margin: 4px 0 0;}
.checkout .step3 #pagamento .tipo_cartao a {padding: 0; float:left; min-height: 0; border-radius: 2px; margin: 0 15px 0 10px;}
.checkout .step3 #pagamento #cartao_numero {width: 250px;}
.checkout .step3 #pagamento #cartao_validade_mes {width: 200px; margin: 3px 0 0 10px;}
.checkout .step3 #pagamento #cartao_validade_ano {width: 130px; margin: 3px 0 0 10px; clear:none;}
.checkout .step3 #pagamento #cartao_cvv {width: 120px; margin: 3px 0 0 10px;}
.checkout .step3 #pagamento .cvv_info {padding: 0 0 0 10px; margin: auto; display: table; cursor: pointer; font-size: 14px;}
.checkout .step3 #pagamento #parcelas {width: 300px;}
.checkout .step3 #pagamento .btn-padrao {width: auto; margin: 10px 0 0 10px; clear: none; padding: 0 10px; float: right;}
.checkout .step3 #pagamento .g_pagamento_option {padding: 55px 20px 20px; margin: 0 0 30px; border: 1px #ccc solid; position: relative;}
.checkout .step3 #pagamento .g_pagamento_option .sub-t-holder {background: #f6f6f6; position: absolute; top: 0; left: 0; width: 100%; font-weight: normal; border: 0; border-bottom: 1px #ccc solid; padding: 5px 20px; line-height: 35px;}
.checkout .step3 #pagamento .g_pagamento_option .sub-t-holder span {float: left;}
.checkout .step3 #pagamento .g_pagamento_option .sub-t-holder .stickDesconto {background: #01b42f; width: 35px; height: 35px; border-radius: 50%; display: flex; justify-content: center; flex-direction: column; text-align: center; color: #fff; font-size: 10px; line-height: 11px; margin: 0 0 0 10px;}
.checkout .step3 #pagamento .g_pagamento_option .img_cartoes {float: right; margin: 5px 0 0;}
.checkout .step3 #pagamento .g_pagamento_option .img_cartoes img {float: left; height: 20px; margin: 0 0 0 10px;}

.checkout .step3 #cartao label {width: 100%; text-align: left;}
.checkout .step3 #cartao input {width: 100%;}
.checkout .step3 #cartao select {width: 100%;}
.checkout .step3 #cartao .sl,
.checkout .step3 #cartao .sr {width: 48%; border: 0;}
.checkout .step3 #cartao .sr {float:right;}
.checkout .step3 #cartao #useCadastro {float:left; margin: 17px 3%;}
.checkout .step3 #cartao label[for="useCadastro"] {float:left; width: auto; clear:none; margin: 10px 0 0;}
.checkout .step3 #cartao label.error[for="cartao[tipo]"] {position: absolute; right: 30px; width: auto;}
.checkout .step3 #cartao label.error[for="cartao_validade_mes"] {position: absolute; bottom:-25px; width: auto;}
.checkout .step3 #cartao label.error[for="cartao_validade_ano"] {position: absolute; bottom:-45px; width: auto;}
.checkout .step3 #cartao label.error[for="cartao_cvv"] {position: absolute; bottom:-55px; width: 100px;}
.checkout .step3 #cartao label.error {color: #FF0000; letter-spacing:-0.5px;}

.checkout .success {font-size: 16px;}
.checkout .success p {margin: 0 0 10px;}
.checkout .success .print_boleto {display: block; width: 600px; padding: 20px; margin: 30px auto; border: 1px #ccc solid; text-align: center; overflow: hidden;}
.checkout .success .print_boleto:hover {background: #eee;}
.checkout .success .print_boleto figure {margin: 0 10px 0 0; display: inline-block; vertical-align: middle;}
.checkout .success .print_boleto figure img {display: inline-block;}
.checkout .success .print_boleto span {display: inline-block; line-height: 60px; vertical-align: middle;}

.checkout .success .print_pagamento,
.checkout .failure .print_pagamento {display: block; width: 600px; padding: 20px; margin: 30px auto; border: 1px #ccc solid; text-align: center; overflow: hidden; background: #fff; cursor: pointer;}
.checkout .success .print_pagamento:hover,
.checkout .failure .print_pagamento:hover {background: #eee;}

.checkout .failure .tentar_novamente {display: block; width: 600px; padding: 20px; margin: 30px auto; border: 1px #ccc solid; text-align: center; overflow: hidden; background: #666; cursor: pointer; color: #fff;}
.checkout .failure .tentar_novamente:hover {background: #aaa; color: #fff;}

.checkout .success hr {margin: 20px 0;}

.checkout .success .banco {width: 100%; padding: 30px; border: 1px #ccc solid; background: #eee; float: left; display: block; margin: 20px 0; text-align: center;}
.checkout .success .banco img {display: inline-block;}
.checkout .success .banco h3 {font-size: 22px; margin: 0 0 10px; font-weight: 700;}

.checkout .failure {font-size: 16px;}
.checkout .failure p {margin: 0 0 10px;}
.checkout .failure .print_boleto {display: block; width: 600px; padding: 20px; margin: 30px auto; border: 1px #ccc solid; text-align: center; overflow: hidden;}
.checkout .failure .print_boleto:hover {background: #eee;}
.checkout .failure .print_boleto figure {margin: 0; display: inline-block; vertical-align: middle;}
.checkout .failure .print_boleto figure img {display: inline-block;}
.checkout .failure .print_boleto span {display: inline-block; line-height: 60px; vertical-align: middle;}

.checkout .success .btn-padrao,
.checkout .failure .btn-padrao {background: #929292; color: #fff; cursor: pointer; font-size: 17px; text-transform: uppercase; border: 0; display: inline-block; padding: 8px 15px;}

.checkout .breadcrumb {display: flex; justify-content: space-between; margin: 50px 0; position: relative;}
.checkout .breadcrumb:after {content: ''; width: calc(100% - 100px); height: 2px; background: #000; position: absolute; left: 5px; top: 17px; z-index: 1;}
.checkout .breadcrumb .bc {display: flex; justify-content: center; align-items: flex-end; color: #c6c6c6; position: relative; z-index: 9;}
.checkout .breadcrumb .bc .bull {width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #f4f4f4; border: 2px #c6c6c6 solid;}
.checkout .breadcrumb .bc .bull img {width: 23px; display: none;}
.checkout .breadcrumb .bc.concluded,
.checkout .breadcrumb .bc.current {color: #000;}
.checkout .breadcrumb .bc.concluded .bull,
.checkout .breadcrumb .bc.current .bull {background: #000; border: 0;}
.checkout .breadcrumb .bc.concluded .bull img {display: block;}
.checkout .breadcrumb .bc span {margin: 0 0 0 5px; font-weight: bold; font-size: 12px;}
.checkout .breadcrumb .bc.current:after {content: 'VOCÊ ESTÁ AQUI'; position: absolute; top: 0; left: 41px; font-size: 10px; font-weight: bold;}

.dialogs {display: none;}
.dialogs .addresses {height: 420px; overflow: auto; width: 100%;}
.dialogs .addresses .singleAddr {width: 49%; padding: 10px 1%; border: 1px #ccc solid; margin: 0 0 10px; overflow: hidden; float:left;}
.dialogs .addresses .singleAddr.right {float:right;}
.dialogs .btn,
.dialogs .newAddress .btn {float:right; background: #929292; color: #fff; font-size: 14px; padding: 5px 10px; border:none; cursor: pointer; margin: 0;}
.dialogs .btn:hover,
.dialogs .newAddress .btn:hover {background: #787878;}
.dialogs > .btn {float:left; margin: 10px 0;}
.dialogs .newAddress {display: none;}
.dialogs .newAddress .wrap_i {float:left; display: block; margin: 0;}
.dialogs .newAddress .wrap_i.endereco_padrao {clear: both; margin: 10px 0 0;}
.dialogs .newAddress .wrap_i.endereco_padrao input {width: auto; margin: 2px 5px 3px 0;}
.dialogs .newAddress label {float:left; display: block; clear:left; height: 18px; line-height: 18px; margin: 0; text-transform: uppercase; font-size: 14px;}
.dialogs .newAddress input {float:left; display: block; border: 1px #ccc solid; line-height: 18px; padding: 3px 10px; margin: 3px 0; width: 100%; clear:left;}
.dialogs .newAddress select {float:left; display: block; border: 1px #ccc solid; line-height: 18px; padding: 3px 9px; margin: 3px 0; width: 100%; clear:left;}
.dialogs .newAddress #nome {width: 495px;}
.dialogs .newAddress #descricao {width: 495px;}
.dialogs .newAddress #cep {width: 120px; margin: 3px 0 3px 10px;}
.dialogs .newAddress #endereco {width: 355px;}
.dialogs .newAddress #numero {width: 100px; margin: 3px 0 3px 10px;}
.dialogs .newAddress #complemento {width: 150px; margin: 3px 0 3px 10px;}
.dialogs .newAddress #bairro {width: 225px;}
.dialogs .newAddress #cidade {width: 225px; margin: 3px 0 3px 10px;}
.dialogs .newAddress #uf {width: 155px; margin: 3px 0 3px 10px;}
.dialogs .newAddress #telefone {width: 310px;}
.dialogs .newAddress #celular {width: 305px; margin: 3px 0 3px 10px;}
.dialogs .newAddress label.error {width: auto; float:left; display: block; clear:left; margin: 0 0 5px; text-align: left; color: #ff0000; text-transform: none; font-size: 12px;}
.dialogs .newAddress .btn {float:right; width: auto; height: auto; margin: 10px 22px 0; cursor: pointer;}
.dialogs .newAddress .wrap_i.front label {margin: 0 0 0 10px;}
.dialogs .newAddress .wrap_i.front label.error {margin: 0 0 0 10px;}
/**/





.cliente {overflow: hidden;}
.cliente aside {width: 250px; float: left; padding: 0 60px 0 0;}
.cliente aside nav {padding: 20px 25px; background: #eee;}
.cliente aside ul li {padding: 20px 0; border-bottom: 2px solid #456aa8;}
.cliente aside ul li:first-child {padding: 0 0 20px;}
.cliente aside ul li:last-child {padding: 20px 0 0; border: 0;}
.cliente aside ul li a {font-size: 18px; font-weight: bold; color: #000;}

.cliente .buttons {float: right; display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;}
.cliente .area {float: left; width: calc(100% - 250px);}

.cliente .om {border: 1px solid #d9ccb7; padding: 15px; margin: 0 0 25px; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; position: relative;}
.cliente .om .del_montagem {position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: #fff; border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; display: none;}
.cliente .om .del_montagem img {height: 20px; margin: 5px 0 0 7px;}
/* .cliente .om:hover .del_montagem {display: block;} */

.cliente .om .row {display: flex; width: 100%;}
.cliente .om .row p {font-size: 14px; margin: 0 0 10px;}
.cliente .om .row .blue {color: #4972b2;}
.cliente .om .row .green {color: #04c17c;}
.cliente .om .row .data {font-size: 12px;}

.cliente .om .row .item {padding: 10px; border: 1px #ccc solid; position: relative; margin: 0 20px 0 0; text-align: center; display: flex; align-items: center; justify-content: center; width: 200px;}
.cliente .om .row .item:last-child {margin: 0;}
.cliente .om .row .item .del {position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: #fff; border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; display: none;}
.cliente .om .row .item .del img {height: 20px; margin: 5px 0 0 7px;}
.cliente .om .row .item:hover .del {display: block;}

.cliente .om .row .info {margin: 0 20px 0 0; width: 200px;}
.cliente .om .row .info p {font-size: 12px;}
.cliente .om .row .clientes {padding: 0 0 0 20px; border-left: 1px #ccc solid; width: 200px;}

.cliente .om .row .actions {width: 220px; display: flex; flex-direction: column; margin-left: auto;}
.cliente .om .row .actions p {font-size: 12px;}
.cliente .om .row .actions span {display: block; width: 100%; line-height: 22px; font-weight: bold; font-size: 11px; color: #FFF; text-align: left; background: #c2c2c2; border: 1px #c2c2c2 solid; margin: 0 0 5px; padding: 0 5px;}
.cliente .om .row .actions span:last-child {margin: 0;}
.cliente .om .row .actions .active {background: #456aa8;}
.cliente .om .row .actions .finalized {background: none; color: #000;}
.cliente .om .row .actions .finalized:after {content: ""; width: 18px; height: 18px; background-image: url(../images/sprites.png); background-position: 0 -209px; float: right; margin: 2px 0 0;}
.cliente .om .row .actions a {display: flex; line-height: 22px; justify-content: space-between; align-items: center;}

.cliente .btn-cliente {font-weight: bold; color: #FFF; text-align: center; display: block; width: 225px; padding: 10px 0; background: #40be7f; font-size: 11px;}

.cliente .btn {font-weight: bold; color: #FFF; text-align: center; display: block; padding: 10px 20px; background: #aaa; font-size: 12px;}
.cliente .btn-new {background: #40be7f;}
.cliente .btn-edit {background: #456aa8;}

.cliente .manutencao {}
.cliente .manutencao .erro {display: none;}
.cliente .manutencao h1 {margin: 0 0 20px;}
.cliente .manutencao .list_produtos {display: flex; position: relative; flex-wrap: wrap;}
.cliente .manutencao .list_produtos .item {float: left; margin: 0 20px 20px 0; padding: 20px; border: 1px #d9af6a solid; background: #fff; position: relative; cursor: pointer; width: calc(100% / 5 - 16px); min-height: 180px;}
.cliente .manutencao .list_produtos .item._i4 {margin: 0 0 20px;}
.cliente .manutencao .list_produtos .item:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.cliente .manutencao .list_produtos .item .check {position: absolute; width: 30px; height: 30px; top: 10px; right: 10px; background: #fff; border: 1px #ccc solid;}
.cliente .manutencao .list_produtos .item:last-child {margin: 0;}
.cliente .manutencao .list_produtos .c_item {visibility: hidden; z-index: -1; position: absolute;}
.cliente .manutencao .list_produtos .c_item:checked + .item {box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.cliente .manutencao .list_produtos .c_item:checked + .item .check:before {content: '✓'; text-align: center; font-size: 40px; position: absolute; top: -20px;}
.cliente .manutencao .list_produtos + .clear {margin: 0 0 30px;}
.cliente .manutencao .buttons {margin: 0;}
.cliente .manutencao .step {display: none;}
.cliente .manutencao .step.step1 {display: block;}
.cliente .manutencao .step input,
.cliente .manutencao .step select {margin: 0;}
.cliente .manutencao .w_clientes {}
.cliente .manutencao .w_clientes .w_g_cliente {overflow: hidden;}
.cliente .manutencao .btn_rmCliente {background: #d00; color: #fff; font-weight: bold; cursor: pointer;}
.cliente .manutencao .btn_rmCliente:hover {background: #a00;}
.cliente .manutencao ._c_qtd {position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;}
.cliente .manutencao input.error {background: #faeae6; border: 1px #f16048 solid;}

.montagem {overflow: hidden;}
.montagem .indent h2 {font-size: 20px; text-transform: uppercase; color: #095b9f; }
.montagem .indent h2 span { font-weight: bold; }
.montagem .indent h2 .sair {float: right; color: #000; font-size: 14px; margin: 0 0 0 10px; }
.montagem .indent h2 .sair:hover {color: #3a6796;}

#hmontagem { background: #FFF; box-shadow: 0 0 35px -15px rgba(0,0,0,0.2); padding: 15px 0}
#hmontagem img { width: 120px; }
#hmontagem .indent { display: flex; justify-content: space-between; align-items: center; height: 80px; }

.w_list_montagem {margin: 50px 0 0; position: relative; min-height: 460px; padding: 20px; background: #FFF; }
.w_list_montagem p {font-size: 18px; font-weight: bold; text-align: center; margin: 0 0 3px;}
.w_list_montagem .w_tutorial {width: 360px; top: 0; right: 0; position: absolute; margin-top: 72px; margin-right: 55px;}
.w_list_montagem .w_tutorial iframe {margin: 10px 0 0; width: 360px;}
.w_list_montagem .clear{margin-bottom: -31px}
.w_list_montagem .w_group_p {width: 100%; margin: 52px 0 15px 235px; text-align: initial;}
.w_list_montagem .w_group {width: 62%; /*display: flex; flex-wrap: wrap;*/ margin: 0 0 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 15px; grid-row-gap: 15px; }
.w_list_montagem .w_group .w_produto { border: 1px #d9af6a solid; background: #fff; position: relative;}
.w_list_montagem .w_group .w_produto a {padding: 20px; display: block;}
.w_list_montagem .w_group .w_produto img {max-width: 100%; margin: 0 0 10px;}
.w_list_montagem .w_group .w_produto p {font-size: 14px; font-weight: normal; }
.w_list_montagem .w_group .w_produto:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.w_list_montagem .w_group .w_produto .check {position: absolute; width: 30px; height: 30px; top: 10px; right: 10px; background: #fff; border: 1px #ccc solid;}
.w_list_montagem .w_group .w_produto.closed {border-color: #ff8080; color: #ff8080;}
.w_list_montagem .w_group .w_produto.closed:hover {box-shadow: none;}
.w_list_montagem .w_group .w_produto.closed .locked {position: absolute; top: 7px; right: 7px;}
.w_list_montagem .w_group .w_produto.closed .locked img {width: 20px; height: 20px;}

.upload_fotos .w_list_montagem .w_group_p {width: 100%;}
.upload_fotos .w_list_montagem .w_group {width: 100%;}
.upload_fotos .w_list_montagem .w_group .w_produto {width: calc(100% / 5 - 12px); margin: 0 15px 15px 0;}
.upload_fotos .w_list_montagem .w_group .w_produto:nth-child(5n) {margin: 0 0 15px;}
.upload_fotos .w_list_montagem h2 {font-size: 20px; border-bottom: 1px #727272 solid; padding: 10px 0; text-transform: uppercase; overflow: hidden; margin: 0 0 20px;}
.upload_fotos .w_list_montagem h2 span {color: #4489c1;}
.upload_fotos .w_list_montagem h2 .sair {float: right; color: #4489c1;}
.upload_fotos .w_list_montagem h2 .sair:hover {color: #3a6796;}

.upload_fotos .w_uploader #uploader {margin: 30px 0;}

.upload_fotos .w_uploader .ui-state-default .ui-icon {background-image: url(../images/jquery/ui-icons_ffffff_256x240.png);}
.upload_fotos .w_uploader .plupload_button.ui-state-hover .ui-icon {background-image: url(../images/jquery/ui-icons_456aa8_256x240.png);}

.upload_fotos .w_uploader .plupload_button {border-radius: 0; background: #fff; border: 0;}
.upload_fotos .w_uploader .plupload_view_switch .plupload_button.ui-state-default {border: 1px #fff solid;}
.upload_fotos .w_uploader .plupload_view_switch .plupload_button.ui-state-default .ui-icon {background-image: url(../images/jquery/ui-icons_456aa8_256x240.png);}
.upload_fotos .w_uploader .plupload_view_switch .plupload_button.ui-state-active,
.upload_fotos .w_uploader .plupload_view_switch .plupload_button.ui-state-hover {background: #456aa8; border: 1px #fff solid;}
.upload_fotos .w_uploader .plupload_view_switch .plupload_button.ui-state-active .ui-icon,
.upload_fotos .w_uploader .plupload_view_switch .plupload_button.ui-state-hover .ui-icon {background-image: url(../images/jquery/ui-icons_ffffff_256x240.png);}
.upload_fotos .w_uploader .plupload_header_content {background: #456aa8; color: #fff; height: auto; padding: 10px 15px;}
.upload_fotos .w_uploader .plupload_header_title {padding: 0;}
.upload_fotos .w_uploader .plupload_container {border: 0;}
.upload_fotos .w_uploader .plupload_content {border-left: 1px #ccc solid; border-right: 1px #ccc solid;}
.upload_fotos .w_uploader #uploader_buttons a {background: #456aa8; color: #fff; border: 1px #456aa8 solid; border-radius: 0; padding: 3px 5px;}
.upload_fotos .w_uploader #uploader_buttons a .ui-button-text {padding: 3px 5px 3px 22px;}
.upload_fotos .w_uploader #uploader_buttons a:hover {background: #fff; color: #456aa8; border: 1px #456aa8 solid;}
.upload_fotos .w_uploader #uploader_buttons a.ui-button-disabled {background: #456aa8; color: #fff; border: 1px #456aa8 solid; border-radius: 0; padding: 3px 5px;}
.upload_fotos .w_uploader .plupload_filelist_footer {background: #f2f1ef; border: 1px #ccc solid;}
.upload_fotos .w_uploader #uploader .ui-resizable-s {border-top: 1px #000 dotted; border-bottom: 1px #000 dotted; bottom: -9px;}
.upload_fotos .w_uploader #uploader .ui-resizable-s:before {content: ''; width: 100%; height: 1px; border-top: 1px #000 dotted; top: 2px; left: 0; position: absolute;}

.upload_fotos .w_uploader .plupload_file_thumb {max-width: 100%;}
.upload_fotos .w_uploader .plupload_view_thumbs .plupload_file_status {position: static;}
.upload_fotos .w_uploader .plupload_uploading {position: relative;}
.upload_fotos .w_uploader .plupload_uploading .plupload_file_progress {position: absolute; top: 0; left: 0; opacity: 0.7; background: #456aa8;}
.upload_fotos .w_uploader .plupload_done {background: #456aa8;}
.upload_fotos .w_uploader .plupload_done .plupload_file_name,
.upload_fotos .w_uploader .plupload_done .plupload_file_size {color: #fff;}
.upload_fotos .w_uploader .plupload_done .plupload_file_progress {display: none;}
.upload_fotos .w_uploader .plupload_done .plupload_file_percent {color: #fff;}

.upload_fotos .w_fotos {display: flex; flex-wrap: wrap;}
.upload_fotos .w_fotos .foto {background: #efefef; position: relative; padding: 10px; border: 1px #ccc solid; margin: 0 10px 10px 0; width: 113px;}
.upload_fotos .w_fotos .foto:nth-child(10n) {margin: 0 0 10px 3px;}
.upload_fotos .w_fotos .foto a {position: absolute; top: 0; right: 0; line-height: 20px; background: #fff; padding: 0 5px; border-left: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.upload_fotos .w_fotos .foto a:hover {background: #efefef;}
.upload_fotos .w_fotos .foto img {width: 100%;}

.upload_fotos .w_uploader .plupload_message.ui-state-error {display: none !important;}
.upload_fotos .btn.finalizar {background: #40be7f; float: right; margin: 0 0 20px;}

.cadastro-cliente {width: 100%; overflow: hidden;}
.cadastro-cliente form {padding: 0 20px; margin: 50px 0 0;}
.cadastro-cliente form input,
.cadastro-cliente form select {width: 100%; height: 35px; padding: 0 10px; border-radius: 5px; border: 0; font-size: 14px; font-weight: 300; margin: 0; color: #727272; background: #ededed;}
.cadastro-cliente form select {opacity: 0; z-index: 2; position: relative;}
.cadastro-cliente form .label {position: absolute; z-index: 0; width: calc(100% - 20px); height: 35px; bottom: 0; left: 0; padding: 0 10px; display: block; color: #727272; background: #ededed; border-radius: 5px; font-weight: 300; font-size: 14px; line-height: 35px;}
.cadastro-cliente form .label:before {content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #727272; right: 15px; bottom: 7.5px; position: absolute;}
.cadastro-cliente form input[type='submit'],
.cadastro-cliente form .btn-proximo {cursor: pointer; background: #3c5e96; color: #FFF; font-weight: bold; padding: 0; width: 190px; float: right;}
.cadastro-cliente form .btn-proximo {height: 35px; border: 0; border-radius: 5px;}
.cadastro-cliente form .margin-25 {margin: 25px 0 0;}
.cadastro-cliente form label {font-weight: 600; font-size: 16px; color: #727272; margin: 0 0 5px; display: block;}
.cadastro-cliente form label.error {font-weight: 300; color: #ff0000; font-size: 12px;}
.cadastro-cliente form .ball {background: #40be7f; width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 15px 0 0; opacity: 0; transition: opacity .5s;}

.bg.bg-categorias {width: 100%; height: 445px; background: url(../images/bg-categorias.jpg) top center no-repeat;}

.categorias h2 {text-align: center; font-weight: 900; font-size: 17px; color: #000; margin: 0 0 10px;}
.categorias p {text-align: center; font-weight: 300; font-size: 17px; color: #000;}

.produtos {overflow: hidden;}
.produtos .list {text-align: center; margin: 40px 0 0; display: flex; flex-wrap: wrap;}
.produtos .list > section {margin: 0 0 50px; width: 25%; padding: 30px; border-right: 1px #ccc solid;}
.produtos .list > section:nth-child(4n),
.produtos .list > section:last-child {border-right: 0;}
.produtos .list .details {text-align: left; font-size: 15px; font-weight: 300; color: #000; margin: 0 0 5px;}
.produtos .list .details h1 {font-size: 23px; color: #2273b5; font-weight: bold; text-decoration: underline; text-align: center; margin: 0 0 20px; height: 64px;}
.produtos .list .details img {display: block; margin: 0 auto 25px; max-width: 100%;}
.produtos .list .details .sku {padding: 0 20px;}
.produtos .list .details .offer {padding: 0 20px;}
.produtos .list .details .precoavista {font-size: 23px; color: #000; font-weight: bold; margin: 15px 0 5px; display: block;}
.produtos .list .details .parcelas {font-size: 13px; color: #5a5a5a;}

.produtos .content {padding: 40px 0 165px;}
.produtos .content .gallery {float: left; width: 645px; padding: 0 100px 0 0;}
.produtos .content .info {float: left; width: 450px; max-width: 100%; color: #000;}
.produtos .content .info h1 {font-size: 30px; font-weight: bold; color: #191919; margin: 0 0 15px;}
.produtos .content .info h1:after {content: ""; width: 70%; height: 3px; display: block; background: #446aa8; margin: 15px 0 0;}
.produtos .content .info .codigo {font-size: 15px; margin: 0 0 40px; display: block; font-family: 'YTSans'; font-style: italic;}
.produtos .content .info .price {font-weight: 800; display: none;}
.produtos .content .info .price.psdef {display: block;}
.produtos .content .info .por {font-size: 31px; color: #191919; margin: 0 0 10px;}
.produtos .content .info .p_parcelado,
.produtos .content .info .p_avista {font-size: 14px; font-style: italic;}
.produtos .content .gallery .item > a {display: flex; justify-content: center; align-items: center; height: 100%;}
.produtos .content .gallery .descricao {font-size: 16px; color: #000; font-style: italic; font-weight: 300;}
.produtos .content .gallery .descricao b {font-weight: 500; display: block; margin: 0 0 15px;}

.produtos .content .info .price_box {overflow: hidden;}
.produtos .content .info .price_box .buy_button {overflow: hidden; clear: both; width: 100%; margin: 20px 0 0;}
.produtos .content .info .price_box .buy_button .btn_comprar {width: 100%; height: 60px; background: #446aa8; font-weight: bold; font-size: 20px; color: #fff; display: flex; justify-content: center; align-items: center; white-space: nowrap; padding: 0 20px; margin: 20px 0 0;}
.produtos .content .info #calculo_frete #cep {width: 270px; border: 1px solid #d3d3d3; padding: 0 15px; height: 35px; border-radius: 0; font-size: 17px; font-weight: 300; float: left; margin: 0 0 10px;}
.produtos .content .info #calculo_frete #cep:-moz-placeholder {opacity: 1;}
.produtos .content .info #calculo_frete #cep::-webkit-input-placeholder {color: #000;}
.produtos .content .info #btn_frete {width: 135px; display: block; line-height: 35px; text-align: center; font-size: 20px; font-weight: bold; float: right; background: #446aa8; color: #FFF;}

.produtos .content .info .price_box .atributos {float: left; display: block; width: 100%; padding: 5px;}
.produtos .content .info .price_box .atributos .passo {width: 100%; float: left; clear: both; margin: 0 0 15px; min-height: 60px;}
.produtos .content .info .price_box .atributos .passo span.label {position: relative; display: block; line-height: 25px; font-size: 16px; margin: 0 0 5px; overflow: hidden; -webkit-backface-visibility: hidden;}
.produtos .content .info .price_box .atributos .passo span.label:after {position: absolute; left: 0; top: 50%; height: 1px; background: #ccc !important; content: ""; width: 100%; display: block; z-index: -1; -webkit-backface-visibility: hidden;}
.produtos .content .info .price_box .atributos .passo span.label span {background: #fff; padding: 0 5px 0 0;}
.produtos .content .info .price_box .atributos .passo span.content {width: 100%; margin: 0; overflow: hidden; clear: both; display: block; padding: 10px 0 0;}
.produtos .content .info .price_box .atributos .passo span.content ul {}
.produtos .content .info .price_box .atributos .passo span.content ul li {display: block; float: left; min-width: 32px; height: 32px; background: #fff; margin: 3px; border: 1px #ccc solid; border-radius: 8px; cursor: pointer; text-align: center; line-height: 32px; font-weight: 700; font-size: 14px;}
.produtos .content .info .price_box .atributos .passo span.content ul li img {display: block; margin: -2px; float: left;}
.produtos .content .info .price_box .atributos .passo span.content ul li.selected {border: 2px #000 solid; box-shadow: 0 0 3px 0 #000; margin: 2px 3px;}
.produtos .content .info .price_box .atributos .passo span.content ul li.available span,
.produtos .content .info .price_box .atributos .passo span.content ul li.available {opacity: 1; cursor: pointer;}
.produtos .content .info .price_box .atributos .passo span.content ul li,
.produtos .content .info .price_box .atributos .passo span.content ul li span,
.produtos .content .info .price_box .atributos .passo span.content ul li.unavailable,
.produtos .content .info .price_box .atributos .passo span.content ul li.unavailable span {cursor: default; position: relative; padding: 0 3px;}
.produtos .content .info .price_box .atributos .passo span.content ul li span,
.produtos .content .info .price_box .atributos .passo span.content ul li.unavailable span {opacity: 0.5;}
.produtos .content .info .price_box .atributos .passo span.content ul li.unavailable:after {content: 'X'; font-weight: 700; background: #fff; color: #d00; line-height: 10px; display: block; position: absolute; top: -3px; left: -3px; border: 1px #000 solid; font-size: 10px; padding: 1px 3px; border-radius: 50%; text-align: center;}

.area h1 {font-weight: bold; font-size: 36px; margin: 35px 0 0;}
.area h2 {font-weight: bold; font-size: 34px; color: #2374b6; text-align: center; margin: 40px 0 50px; float: left; width: 100%;}
.area h3 {color: #000; text-align: center; font-size: 30px; font-weight: normal;}
.area p {font-size: 16px; color: #848484; margin: 10px 0 0;}
.area table tr:nth-child(2n + 1) {background: #e0dbdb;}
.area table tr.thin {background: #fff;}
.area table tr.thin td:nth-last-child(1),
.area table tr.thin td:nth-last-child(2) {background: #121212; color: #ffffff;}
.area table tr th {font-size: 14px; background: #456aa8; padding: 15px 10px; color: #ffffff; text-align: center;}
.area table tr td {font-size: 12px; padding: 15px 10px; vertical-align: middle; text-align: center;}
.area table tr td a {text-decoration: underline;}
.area table tr td[align=right] {text-align: right;}
.area table tr td[align=left] {text-align: left;}
.area .title {font-weight: bold; font-size: 20px; color: #2374b6; text-align: center;}
.area .numero {font-weight: bold; font-size: 18px; color: #2374b6; text-align: center;}
.area .wrap_tabela_pedidos {margin: 0 0 20px;}
.area .dados-acesso {width: 100%; display: flex; justify-content: space-evenly; align-items: flex-start;}
.area .dados-acesso.enderecos {flex-direction: column;}
.area .dados-acesso .w_bloco {margin: 0 0 35px;}
.area .dados-acesso .w_bloco:last-child {margin: 0;}
.area .dados-acesso .bloco {width: 45%; box-shadow: 0 0 30px rgba(0, 0, 0, .1); padding: 20px 8% 50px;}
.area .dados-acesso .bloco.w100 {width: 100%; box-shadow: none;}
.area .dados-acesso .bloco.w100 .line {display: flex; justify-content: space-evenly; align-items: flex-start; margin: 0 0 20px;}
.area .dados-acesso .bloco p {font-size: 20px; color: #191919; margin: 0 0 7px; font-style: normal;}
.area .dados-acesso .bloco p.default {font-weight: bold;}
.area .dados-acesso .bloco a, .area a.new {display: block; width: 100%; padding: 7.5px 0; margin: 40px auto 0; text-align: center; font-size: 20px; color: #2374b6; border: 2px solid #2374b6; transition: all .2s; background: transparent; clear: both;}
.area .dados-acesso .bloco a:hover, .area a.new:hover {color: #fff; background: #2374b6;}
.area .dados-acesso .bloco a.remove {color: #afafaf; border: 2px solid #afafaf; transition: all .2s; background: transparent; clear: both; margin-top: 10px;}
.area .dados-acesso .bloco a.remove:hover {color: #fff; background: #afafaf;}
.area a.new {max-width: 500px;}
.area.verpedido .dados-acesso {flex-direction: column; align-items: stretch;}
.area.verpedido .dados-acesso .bloco {float: left;}
.area.verpedido .dados-acesso .bloco:last-child {float: right;}
.area.verpedido .button {overflow: hidden;}
.area.verpedido .button a {margin: 0 0 0 10px; padding: 0 25px; font-size: 15px; float:right; text-align: center; line-height: 45px; color: #fff; font-weight: bold; align-items: center; justify-content: center; display: flex;}
.area.verpedido .button a img {height: 25px; margin: 0 10px 0 0;}
.area.verpedido .button a.gray {background: #ccb99c;}
.area.verpedido .button a.gray:hover {background: #b19f85;}
.area.verpedido .button a.blue {background: #7b7b7b;}
.area.verpedido .button a.blue:hover {background: #686868;}
.area.verpedido .button a.red {background: #191919;}
.area.verpedido .button a.red:hover {background: #000000;}
.area.verpedido .button-pagamento {background: #6083a6; border: none; border-radius: 0; color: #fff; cursor: pointer; font-size: 15px; margin: 0; padding: 10px;}

.thin_arrow {width: 100%; height: 3px; display: inline-block; background: #fff; position: relative; margin: 0 0 0 20px;}
.thin_arrow:after {content: ''; position: absolute; top: -6px; right: -4px; transform: rotate(45deg); width: 20px; height: 3px; border-radius: 2px; background: #fff;}
.thin_arrow:before {content: ''; position: absolute; bottom: -6px; right: -4px; transform: rotate(-45deg); width: 20px; height: 3px; border-radius: 2px; background: #fff;}

.carrinho .titulo {position: relative; width: 100%; overflow: hidden;text-align: center;}
.carrinho .titulo:before {content: ""; display: block; width: 100%; height: 3px; background: #d9ccb7; position: absolute; top: calc(50% - 1.5px);}
.carrinho .titulo h2 {display: inline-block; font-weight: bold; color: #000; font-size: 23px; background: #fff; position: relative; padding: 0 30px; margin: 50px 0;}

.carrinho {overflow: hidden;}

.carrinho .bg-categorias {height: 235px;}
.carrinho .header.indent {margin: 0 auto;}

.carrinho .top-carrinho {background: #f4f4f4; padding: 35px 0 20px;}
.carrinho .top-carrinho .indent {padding: 0 45px;}
.carrinho .top-carrinho .btn-padrao-carrinho {font-size: 15px; font-weight: bold; width: 250px; line-height: 45px; margin: 0 auto;}
.carrinho .top-carrinho .salvar-carrinho {display: block; float: left; line-height: 45px; font-size: 13px; color: #000; font-weight: bold; padding: 0 17px 0 10px; border-bottom: 3px solid #000;}
.carrinho .top-carrinho .salvar-carrinho span {vertical-align: middle; margin: 0 10px 0 0;}

.carrinho #formCarrinho {max-width: 1190px; margin: 50px auto 0;}
.carrinho #formCarrinho table {margin: 0;}
.carrinho #formCarrinho table tr th {font-weight: normal; padding: 10px 0; background: #e3e3e3;}
.carrinho #formCarrinho table tr td {padding: 25px 0; vertical-align: middle; border-bottom: 3px #000 solid;}
.carrinho #formCarrinho table tr th.al-center,
.carrinho #formCarrinho table tr td.al-center {text-align: center;}
.carrinho #formCarrinho table tr th.al-left,
.carrinho #formCarrinho table tr td.al-left {text-align: left;}
.carrinho #formCarrinho table tbody tr {border-bottom: 3px solid #e3e3e3;}
.carrinho #formCarrinho table tr td.img {border: 3px transparent solid;}
.carrinho #formCarrinho table tr:nth-last-child(2) td.img {border: 0; border-bottom: 3px solid #000;}
.carrinho #formCarrinho table tr td.img a {display: flex; overflow: hidden; justify-content: flex-start; align-items: center;}
.carrinho #formCarrinho table tr td.img figure {border: 2px #d6dadf solid;}
.carrinho #formCarrinho table tr td.img figure img {float: left;}
.carrinho #formCarrinho table tr td .info {float: left; margin: 0 50px; font-size: 14px; font-weight: bold; color: #000;}
.carrinho #formCarrinho table tr td .info .nome {font-weight: bold; font-size: 18px; margin: 0 0 5px;}
.carrinho #formCarrinho table tr td.cur {font-size: 22px; color: #000; font-weight: bold;}
.carrinho #formCarrinho table tr td.cur.uni {padding: 0 1vw;}
.carrinho #formCarrinho table tr td .qtd {width: 80px; overflow: hidden; margin: 0 1vw;}
.carrinho #formCarrinho table tr td .qtd .ui-spinner {display: block; float: right; border-radius: 0; height: 37px !important; color: #666666; width: 100%;}
.carrinho #formCarrinho table tr td .qtd .ui-spinner input {margin: 0; height: 37px; float: left; font-size: 12px; width: 79%; text-align: center;}
.carrinho #formCarrinho table tr td .qtd .ui-spinner a {border-radius: 0; width: 18px; height: 18px; border: 1px #e4e4e4 solid; background: #fff;}
.carrinho #formCarrinho table tr td.remover {text-align: center; border: 3px transparent solid; padding: 0 1vw;}
.carrinho #formCarrinho table tr:nth-last-child(2) td.remover {border: 0; border-bottom: 3px solid #000;}
.carrinho #formCarrinho table tr td.remover a {}
.carrinho #formCarrinho table tr td.remover a img {width: 20px;}
.carrinho #formCarrinho table tr:last-child td {border: 0;}
.carrinho #formCarrinho table tr.total {}
.carrinho #formCarrinho table tr.total td {text-align: right;}
.carrinho #formCarrinho table tr.total td a.label {background: #000; color: #fff; display: inline-block; padding: 10px 15px; margin: 0;}
.carrinho #formCarrinho table tr.total td a.labelg {color: #01b42f; font-size: 16px;}

.carrinho #formCarrinho .boxTotal {padding: 0; margin: 0 70px 20px; float: right; font-size: 28px; color: #000; font-weight: bold;}
.carrinho #formCarrinho .boxTotal .lbl-total {line-height: 35px; margin: 0 50px 0 0;}
.carrinho #formCarrinho .boxTotal .lbl-valor {line-height: 35px;}
.carrinho #formCarrinho .boxTotal p {display: inline-block;}

.carrinho .cupom {max-width: 1190px; margin: 0 auto 20px; background: #e3e3e3; padding: 10px 20px;}
.carrinho .cupom * {display: inline-block;}
.carrinho .cupom p {font-size: 13px; color: #4c4c4c; margin: 0 20px 0 0; line-height: 30px;}
.carrinho .cupom input {border: 0; border-radius: 0; height: 30px;}
.carrinho .cupom input[type='text'] {width: 450px; margin: 0 10px 0 0; padding: 0 10px;}
.carrinho .cupom input[type='button'] {text-align: center; color: #fffefe; font-size: 13px; width: 55px; background: #000;}
.carrinho .cupom #desconto {float: right; line-height: 30px; font-size: 16px; color: #01b42f;}

.carrinho .wrap_frete_total {overflow: hidden;}
.carrinho .wrap_frete_total > .indent {width: 100%; max-width: 1190px; background: #f2f2f2; padding: 40px 20px;}
.carrinho .wrap_frete_total .frete {text-align: center; margin: 0 0 60px;}
.carrinho .wrap_frete_total .frete p {font-size: 13px; color: #4c4c4c; margin: 0 15px 0 0; line-height: 30px;}
.carrinho .wrap_frete_total .frete > * {vertical-align: top; display: inline-block;}
.carrinho .wrap_frete_total .frete input {border: 0; border-radius: 0; height: 30px; text-align: left;}
.carrinho .wrap_frete_total .frete input#cep {width: 410px; padding: 0 15px; margin: 0 5px 0 0;}
.carrinho .wrap_frete_total .frete input#btcalculafrete {width: 125px; background-color: #222328; color: #fff; cursor: pointer; padding: 0 0 0 45px;}

.carrinho .opcoes {display: flex; justify-content: center;}
.carrinho .opcoes form {display: flex; justify-content: center;}
.carrinho .opcoes .bloco {margin: 0 40px; text-align: center;}
.carrinho .opcoes .bloco input[type='radio'] {display: none;}
.carrinho .opcoes .bloco input[type='radio'] + label .input {width: 18px; height: 18px; display: block; margin: 0 auto 13px; border: 2px solid #c2c2c2; background: #FFF; position: relative;}
.carrinho .opcoes .bloco input[type='radio']:checked + label .input:after {position: absolute; left: 1px; top: -5px; width: 22px; height: 18px; content: "";}
.carrinho .opcoes .bloco .ic {display: block; margin: 0 auto 15px;}
.carrinho .opcoes .bloco p {font-size: 13px; color: #4c4c4c; margin: 0 0 10px;}
.carrinho .opcoes .bloco p.valor {color: #01b42f; font-size: 18px;}
.carrinho .opcoes .bloco p.line {position: relative;}
.carrinho .opcoes .bloco p.line:after {width: 90%; height: 1px; color: #b9b9b9; content: ""; display: block; margin: 10px auto 0;}
.carrinho .opcoes .bloco label {display: block;}

.carrinho .wrap_frete_total .total {width: 830px; margin: 20px auto; text-align: center; overflow: hidden;}
.carrinho .wrap_frete_total .total .indent {border: 3px #ffe115 solid; padding: 25px; background: #fff; width: 100%; overflow: hidden;}
.carrinho .wrap_frete_total .total p {font-size: 16px; margin: 0 0 20px;}
.carrinho .wrap_frete_total .total .fretes {}
.carrinho .wrap_frete_total .total .fretes td {padding: 0 0 0 10px;}
.carrinho .wrap_frete_total .total .fretes td img {height: 40px;}
.carrinho .wrap_frete_total .total #total {overflow: hidden; margin: 10px 0 0; color: #01b42f;}
.carrinho .wrap_frete_total .total .bt_continuar {}

.carrinho .botoes {margin: 0 auto; width: 580px;}
.carrinho .botoes a {height: 60px; float: left; margin: 0 20px 0 0; padding: 10px 15px; background: #dedede; text-align: center; color: #2c2b2b; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.carrinho .botoes .bt_continuar {float: left; font-size: 14px; background: #01b42f; color: #fff;}
.carrinho .botoes .bt_concluir {float: right; background: #446aa8; color: #fff; margin: 0; font-size: 16px; white-space: nowrap; width: 265px;}

.carrinho .empty {margin: 30px 0 0; font-size: 16px;}

.produtos .content .gallery .wrap_carrousel_big {height: 510px; overflow: hidden; clear: both; display: none;}
.produtos .content .gallery .wrap_carrousel_big.def {display: block;}
.produtos .content .gallery .item {border: 1px #ccc solid;}
.produtos .content .gallery figure {margin: 0; text-align: center;}
.produtos .content .gallery figure img {padding: 10px;}
.produtos .content .gallery figure img.max_w {width: 500px; max-width: 500px;}
.produtos .content .gallery figure img.max_h {height: 500px; max-height: 500px;}

.btn-download {display: inline-block; padding: 3px 5px; color: #fff; background: #337ab7; border-color: #2e6da4; float: right; margin-right: 35px;}
.btn-download:hover {background: #286090; border-color: #204d74;}

body > #wrapper { }
body > #wrapper.c_montagem { background: #095b9f; padding: 0; }

.wrap_carrousel_thumbs {display: none;}

.wrap-loading {width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: rgba(0,0,0,.6) url(../images/loading.svg) center no-repeat; z-index: 99; display: none;}

.error-msg, .success-msg, .note-msg,
.notice-msg {border-style:solid !important; border-width: 1px !important; background-position: 10px 10px !important; background-repeat:no-repeat !important; min-height: 20px !important; padding: 10px 8px 8px 32px !important; font-size: 11px !important; font-weight:bold !important; margin: 0 0 10px}
.error-msg {border-color: #f16048; background-color: #faebe7; background-image:url(../images/i_msg-error.gif); color: #df280a;}
.success-msg {border-color: #446423; background-color: #eff5ea; background-image:url(../images/i_msg-success.gif); color: #3d6611;}
.note-msg,
.notice-msg {border-color: #fcd344; background-color: #fafaec; background-image:url(../images/i_msg-note.gif); color: #3d6611;}

.wrap-popup-teaser-dvd { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,.55); display: none; }
.wrap-popup-teaser-dvd .popup-teaser-dvd { width: 750px; max-width: 100%; position: absolute; padding: 20px 35px; background: #FFF; border-radius: 5px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.wrap-popup-teaser-dvd .popup-teaser-dvd video { width: 100%; max-height: 400px; border: 0; margin: 0 0 20px; }
.wrap-popup-teaser-dvd .popup-teaser-dvd p { margin: 0 0 15px; font-size: 14px; }
.wrap-popup-teaser-dvd .popup-teaser-dvd .btn { padding: 0.375rem .75rem; font-size: 1rem; line-height: 1.5; background-color: #337ab7; border-color: #2e6da4; color: #FFF; display: inline-block; border-radius: 5px; }
.wrap-popup-teaser-dvd .popup-teaser-dvd .close { position: absolute; top: 5px; right: 5px; color: #FFF; text-align: center; width: 20px; line-height: 20px; background: #e00; }

.wrap-popup-payment { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,.55); display: none; }
.wrap-popup-payment .popup-payment { width: 450px; max-width: 100%; position: absolute; padding: 20px 35px; background: #FFF; border-radius: 5px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.wrap-popup-payment .popup-payment p { margin: 0 0 15px; font-size: 14px; }
.wrap-popup-payment .popup-payment .btn { padding: 0.375rem .75rem; font-size: 1rem; line-height: 1.5; background-color: #337ab7; border-color: #2e6da4; color: #FFF; display: inline-block; border-radius: 5px; }
.wrap-popup-payment .popup-payment .close { position: absolute; top: 5px; right: 5px; color: #FFF; text-align: center; width: 20px; line-height: 20px; background: #e00; }

@media screen and (min-width: 600px) and ( max-width: 1200px) {
	.w_list_montagem .w_tutorial iframe { width: 30vw;}

	.w_list_montagem .w_tutorial { width: 30vw; margin-right: 30px;}

	.w_list_montagem .w_group_p { margin-left: 10px;}
	.w_list_montagem p { font-size: 17px;}

	.btn-download { margin-right: 10px;}

}


@media screen and (max-width: 1150px) {
	header .header #menu ul li a {font-size: 12px;}
}

@media screen and (max-width: 1024px) {
	.fit-indent {padding: 0 5%;}
	.indent {padding: 0;}

	header .header {padding: 0 20px;}
	header .header .logo {}
	header .header .logo img {width: 100px;}

	header .header #menu ul li {margin-right: 10px;}
	header .header #menu ul li a {}
	header .header #menu ul li.social a {min-width: 0;}
	header .header #menu ul li.social a:first-child img {margin: 0;}
	header .header #menu ul li.social a span {display: none;}


	header .header-home .logo .conf nav a {font-size: 10px;}
	header .header-home #menu .indent {padding: 0 5vw;}

	footer .footer {padding: 0 2.5%;}
	footer .footer .fit-indent {padding: 0;}
	footer .footer .copyright .fit-indent {display:flex; justify-content: space-between;}
	footer .footer .copyright p {margin: 0;}

	#home .indent {padding: 0 5vw;}

	#home #conheca .indent {padding: 70px 5vw 0;}
	#home #conheca .indent:before{width: 10vw; left: 0;}
	#home #conheca .wrap-albuns .album{width: 90%;}
	#home #conheca .wrap-albuns .owl-buttons > div{width: 35px; height: 35px;}
	#home #conheca .wrap-albuns .owl-buttons .owl-prev{left: -35px;}
	#home #conheca .wrap-albuns .owl-buttons .owl-next{right: -35px;}
}

@media screen and (max-width: 745px) {
	header .header #menu ul li {margin-right: 0;}
	header .header #menu ul li a {padding: 0 1.1vw;}
}