/* Reset css */ * { margin:0; padding:0 } img { border:none } fieldset { border:none } a { outline:none; text-decoration:none} a:hover { text-decoration:underline} ul li, ol li { list-style-type:none } address { font-style:normal; display:block } h1, h2, h3, h4, h5, h6{ padding:0; margin:0; font-size:inherit; font-weight:normal } textarea{font-family:inherit; font-size:inherit; overflow:auto} input[type="search"] { -webkit-appearance: textfield; } /* fim reset */ * { box-sizing: border-box; } body{ font-family: 'Poppins', sans-serif; font-size:11px; color:#666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .clear{clear:both;} .clearfix::after{content: " ";display: table;clear: both;} .center{max-width: 1170px;margin-left: auto;margin-right: auto;width: 100%;} :root{ --color1: #e14452; --darkcolor1: #c02735; --color2: #ffe6e8; --darkcolor2: #ead0d2; --color3: #001369; --darkcolor3: #03104b; --textcolor1: #808080; --textcolor2: #4b4b4b; --green: #5ccf00; } /* Editor de texto */ .html-text{word-break: break-word;font-family: 'Poppins', sans-serif;} .html-text::after{content: " ";display: table;clear: both;} .html-text .wrapper{padding: 0 10px;} .html-text{font-size: 16px;line-height: 26px; color: var(--textcolor1);} .html-text h1, .html-text h2, .html-text h3, .html-text h4, .html-text h5{margin-bottom: 25px;letter-spacing: -.60px;color: var(--color1);} .html-text p{margin-bottom: 15px;font-size: 16px;line-height: 1.8;} .html-text p:last-child{margin: 0;} .html-text a{-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;color: var(--color1);} .html-text a:hover{} .html-text img{max-width: 100%;height: auto !important;} .html-text iframe{max-width: 100%;} .html-text table{margin-left: auto;margin-right: auto;border: 0;border-collapse: collapse;} .html-text table tbody tr:nth-child(even){background-color: #f2f2f2;} .html-text table td{vertical-align: top;} .html-text h1{font-size: 38px;line-height: 44px;color: var(--color1);} .html-text h2{font-size: 28px;line-height: 36px;color: var(--color1);} .html-text ul, .html-text ol{padding-left: 25px;} .html-text ul li, .html-text ol li{list-style-type: square;font-size: 16px;line-height: 1.8;margin-bottom: 10px;} @media(max-width: 1023px){ .html-text table{width: 100% !important;} .html-text table td{display: block;} } /* Fim Editor de texto */ .faixa-erro-pedido{padding: 10px 10px;text-align: center;background-color: #f3e509;margin-bottom: 25px;} .faixa-erro-pedido .errorlist.nonfield{color: var(--textcolor2);font-size: 20px;line-height: 24px;} .pd-fix{margin: 0 -10px;} .wrapper-input{min-height: 54px;text-align: left;padding: 0 10px;position: relative;width: 100%;} .wrapper-input.label, .haslabel .wrapper-input{min-height: 88px;} .wrapper-input::after{content: " ";display: table;clear: both;} .wrapper-input label{font-size: 16px; color: #808080;line-height: 18px;display: inline-block; margin-bottom: 10px;} .wrapper-input label small{color: #666;font-style: italic;font-size: 12px;font-weight: 400;} .wrapper-input.textarea{width: 100%;min-height: 112px;} .wrapper-input.no-h{min-height: auto;} /*.wrapper-input.labelstyled{min-height: 90px;}*/ .wrapper-input.labelstyled > label{display: inline-block;margin-bottom: 5px;font-size: 14px;line-height: 20px;} .haslabel .wrapper-input.textarea{min-height: 166px;} .haslabel .wrapper-input label{font-weight: 600;} .input-style{box-sizing:border-box;height: 40px;border: 1px solid #ccc;width: 100%;padding: 10px 15px;font-size: 14px;line-height: 18px;width: 100%;background-color: #ffffff;border-radius: 5px;} .input-style.readonly{cursor: not-allowed;border-color: #eee;} .input-style.error{border-color: #ea000a;} .input-style.select{padding: 0;background: url(../images/icon-arrow-down.png) no-repeat calc(100% - 10px) center;overflow: hidden;background-position: calc(100% - 15px) center;} .input-style select{box-sizing:border-box;background: transparent;width: 110%;padding:0 50px 0 15px;;font-size: 14px;line-height: 20px;border: 0;border-radius: 0;height: 38px;-webkit-appearance: none;border:none;} .input-style select[readonly]{background: #eee;pointer-events: none;touch-action: none;} .input-style::placeholder{color: #bbb;} textarea.input-style{resize:none;height: 94px;padding-right: 10px;font-size: 14px;line-height: 20px} .input-style:focus, .input-busca:focus, select:focus{outline: none;box-shadow: 0 0 7px 2px rgba(225, 68, 82, .5) inset;border-color: rgba(225, 68, 82, 1);} /*select:focus{outline: none;box-shadow: 0 0 7px 2px rgba(249, 189, 71, .5) inset;border-color: rgba(249, 189, 71, 1);}*/ .input-busca:focus{} .errorlist{color: #ea000a;} .errorlist.dots li{padding: 5px 5px 5px 15px;position: relative;} .errorlist.dots li::before{content: "";display: block;width: 5px;height: 5px;background-color: #ea000a;border-radius: 50%;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);} .wrapper-input .errorlist{padding-bottom: 10px;} .smartlabel.active label, .smartlabel .active label, .smartlabel .wrapper-fixedlabel label{color: var(--darkcolor1);background-color: rgba(255, 255, 255, .7);} .smartlabel .wrapper-input label{font-size: 14px;} .smartlabel.active label, .smartlabel .active label, .smartlabel .wrapper-fixedlabel label{font-size: 12px;} .smartlabel-in .wrapper-input label{top: 16px;background-color: transparent;} .smartlabel-in .wrapper-input.textarea label{top: 8px} .smartlabel-in.active label, .smartlabel-in .active label, .smartlabel-in .wrapper-fixedlabel label, .smartlabel-in .wrapper-fixedlabel.textarea label, .smartlabel-in .active.textarea label{color: var(--darkcolor1);display: flex;justify-content: center;align-items: center;top: 3px;} .smartlabel-in .input-style{padding-top: 20px;height: 50px;} .smartlabel-in .input-style.select{padding-top: 10px;} .smartlabel-in .input-style select:focus{box-shadow: none;} .smartlabel-in .wrapper-input{min-height: 64px;} .smartlabel-in .wrapper-input.textarea{min-height: 126px;} .smartlabel-in textarea.input-style{height: 104px;} .owl-dots-style-1 div.owl-dots{position: absolute;bottom: 15px;left: 0;width: 100%;} .owl-dots-style-1 div.owl-dots .owl-dot{outline: none;} .owl-dots-style-1 div.owl-dots .owl-dot span{border: 2px solid #dedede;background-color: #dedede; width: 11px;height: 11px;margin: 5px 3px;box-shadow: 0 0 15px -2px rgba(0, 0, 0, .54);} .owl-dots-style-1 div.owl-dots .owl-dot.active span, .owl-dots-style-1 div.owl-dots .owl-dot:hover span{background-color: #b1b1b1;border-color: #b1b1b1;} @media(max-width: 1023px){ .owl-dots-style-1 div.owl-dots{bottom: 0;} .owl-dots-style-1 div.owl-dots .owl-dot span{width: 7px;height: 7px;border-width: 1px;} } .owl-dots-style-2 div.owl-dots{width: 100%;} .owl-dots-style-2 div.owl-dots .owl-dot{outline: none;} .owl-dots-style-2 div.owl-dots .owl-dot span{border: 2px solid #ffffff;background-color: #ffffff; width: 11px;height: 11px;margin: 5px 3px;box-shadow: 0 0 5px 1px rgba(0, 0, 0, .24);} .owl-dots-style-2 div.owl-dots .owl-dot.active span, .owl-dots-style-2 div.owl-dots .owl-dot:hover span{background-color: var(--color1);border-color: var(--color1);} @media(max-width: 1023px){ .owl-dots-style-2 div.owl-dots{bottom: 0;} .owl-dots-style-2 div.owl-dots .owl-dot span{width: 7px;height: 7px;border-width: 1px;} } .owl-dots-style-3 div.owl-dots{width: 100%;} .owl-dots-style-3 div.owl-dots .owl-dot{outline: none;} .owl-dots-style-3 div.owl-dots .owl-dot span{border: 2px solid #dedede;background-color: #dedede; width: 11px;height: 11px;margin: 5px 3px;} .owl-dots-style-3 div.owl-dots .owl-dot.active span, .owl-dots-style-3 div.owl-dots .owl-dot:hover span{background-color: var(--color1);border-color: var(--color1);} @media(max-width: 1023px){ .owl-dots-style-3 div.owl-dots{bottom: 0;} .owl-dots-style-3 div.owl-dots .owl-dot span{width: 7px;height: 7px;border-width: 1px;} } .owl-theme.prev-next-style div.owl-nav{margin: 0 auto;max-width: 1170px;} .owl-theme.prev-next-style div.owl-nav [class*=owl-]{background-repeat: no-repeat;background-position: center;background-color: transparent;overflow: hidden;color: #000000;font-size: 30px;} .owl-theme.prev-next-style div.owl-nav [class*=owl-]:hover{background-color: transparent;opacity: 0.7;color: #000000;} .owl-theme.prev-next-style div.owl-nav .owl-prev{width: 64px;height: 64px;overflow: hidden;text-indent: -666px; position: absolute;left: 0px;top: 50%;transform: translateY(-50%);background-image: url(../images/arrow-left.svg);background-size: 50px;border-radius: 50%; background-color: rgba(255, 255, 255, 0.3);} .owl-theme.prev-next-style div.owl-nav .owl-next{width: 64px;height: 64px;overflow: hidden;text-indent: -666px;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);background-image: url(../images/arrow-right.svg);background-size: 50px;border-radius: 50%; background-color: rgba(255, 255, 255, 0.3);} @media(min-width: 1250px){ .owl-theme.prev-next-style div.owl-nav .owl-prev{left: calc(50% - 585px - 170px);} .owl-theme.prev-next-style div.owl-nav .owl-next{right: calc(50% - 585px - 170px);} } @media(max-width: 1170px){ .owl-theme.prev-next-style div.owl-nav .owl-prev{left: 0;} .owl-theme.prev-next-style div.owl-nav .owl-next{right: 0;} .owl-theme.prev-next-style div.owl-nav .owl-prev, .owl-theme.prev-next-style div.owl-nav .owl-next{width: 30px;height: 30px; background-size: 24px;} } .owl-theme.prev-next-style-2 div.owl-nav{margin: 0 auto;max-width: 100%;} .owl-theme.prev-next-style-2 div.owl-nav [class*=owl-]{background-repeat: no-repeat;background-position: center;background-color: transparent;overflow: hidden;color: #000000;font-size: 30px;} .owl-theme.prev-next-style-2 div.owl-nav [class*=owl-]:hover{opacity: 0.7;color: #000000;} .owl-theme.prev-next-style-2 div.owl-nav .owl-prev{width: 40px;height: 40px;overflow: hidden;text-indent: -666px; position: absolute;left: 0px;top: 50%;transform: translateY(-50%);background-image: url(../images/arrow-left2.svg);background-size: 40px;border-radius: 50%; background-color: rgba(255, 255, 255, 1);} .owl-theme.prev-next-style-2 div.owl-nav .owl-next{width: 40px;height: 40px;overflow: hidden;text-indent: -666px;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);background-image: url(../images/arrow-right2.svg);background-size: 40px;border-radius: 50%; background-color: rgba(255, 255, 255, 1);} @media(max-width: 1023px){ .owl-theme.prev-next-style-2 div.owl-nav .owl-prev{left: -10px;} .owl-theme.prev-next-style-2 div.owl-nav .owl-next{right: -10px;} } .owl-theme.prev-next-style-3 div.owl-nav{margin: 0 auto;max-width: 1170px;} .owl-theme.prev-next-style-3 div.owl-nav [class*=owl-]{background-repeat: no-repeat;background-position: center;background-color: transparent;overflow: hidden;color: #000000;font-size: 30px;} .owl-theme.prev-next-style-3 div.owl-nav [class*=owl-]:hover{background-color: transparent;opacity: 0.7;color: #000000;} .owl-theme.prev-next-style-3 div.owl-nav .owl-prev{width: 64px;height: 64px;overflow: hidden;text-indent: -666px; position: absolute;left: 0px;top: 50%;transform: translateY(-50%);background-image: url(../images/arrow-left2.svg);background-size: 50px;border-radius: 50%; background-color: rgba(255, 255, 255, 0.3);} .owl-theme.prev-next-style-3 div.owl-nav .owl-next{width: 64px;height: 64px;overflow: hidden;text-indent: -666px;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);background-image: url(../images/arrow-right2.svg);background-size: 50px;border-radius: 50%; background-color: rgba(255, 255, 255, 0.3);} @media(min-width: 1250px){ .owl-theme.prev-next-style-3 div.owl-nav .owl-prev{left: calc(50% - 585px - 60px);} .owl-theme.prev-next-style-3 div.owl-nav .owl-next{right: calc(50% - 585px - 60px);} } @media(max-width: 1170px){ .owl-theme.prev-next-style-3 div.owl-nav .owl-prev{left: 0;} .owl-theme.prev-next-style-3 div.owl-nav .owl-next{right: 0;} .owl-theme.prev-next-style-3 div.owl-nav .owl-prev, .owl-theme.prev-next-style-3 div.owl-nav .owl-next{width: 30px;height: 30px; background-size: 24px;} } .box-breadcrumbs{background-color: var(--color2);margin-bottom: 30px;} .breadcrumbs{padding: 18px 10px;} .breadcrumbs .item{font-size: 16px;line-height: 20px;text-transform: uppercase; color: var(--color1);display: inline-block;font-weight: 400;} .breadcrumbs .item-home{} .breadcrumbs .item > a{color: var(--color1);} .breadcrumbs .item > a:hover{} .breadcrumbs .item::after{content: "›";display: inline-block;vertical-align: middle;margin: 0px 4px 3px 5px;font-size: 18px;line-height: 20px;} .breadcrumbs .item:last-child::after{content: " ";} .styledcheck{display:inline-block;vertical-align:top;position:relative;width:18px;height:18px;border-radius: 50%; margin-right: 5px;background-color: #fff;border:1px solid var(--color1);} .styledcheck:before{content:" ";position:absolute;width:14px;height:14px;} .row-styledcheck{display: flex;gap: 10px;} .row-styledcheck > label{display:inline-block;line-height:16px;margin: 8px 15px 8px 0;color: var(--textcolor1);position: static;display: flex;align-items: center;} .row-styledcheck > label > input[type=checkbox], .row-styledcheck > label > input[type=radio]{display: none;} .row-styledcheck > label > input[type=checkbox]:checked + .styledcheck:before{content:" ";position:absolute;width:11px;height: 4px;border-left-width: 4px;border-bottom-width: 4px;border-top-width: 0;border-right-width: 0;border-style: solid;border-color: var(--color1);margin: -6px 0 0 -6px;top: 50%;left: 50%;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .row-styledcheck > label > input[type=radio]:checked + .styledcheck:before{content:" ";position:absolute;width: 18px;height: 18px;border-radius: 50%; background-color: var(--color1);top: -1px;left: -1px;} .row-styledcheck > label:hover{opacity:0.7;cursor:pointer;} .table{display:table;width:100%;border-collapse: collapse;} .tr{display:table-row;width:auto;clear:both;} .td{display:table-cell;vertical-align: middle;} #background-overlay{width:100%; height:130%; position:fixed;top: 0;left: 0; z-index:1010; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;} #background-overlay.left-arrow::before{content: "‹";display: block;position: absolute;top: 70px;left: 300px;color: #fff;font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;} .simple-header{text-align: center;background-color: #ff010a;padding: 20px 10px;} .simple-header img{max-width: 100%;height: auto !important;vertical-align: middle;} .main-header{padding: 20px 10px;background-color: #ffffff;} .main-header .wrap-header{display: flex;justify-content: space-between;align-items: center;} .main-header .box-logo{} .main-header .box-logo a{display: block;width: 100%;height: 100%;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .main-header .box-logo a:hover{opacity: 0.7;} .main-header .box-logo img{max-width: 100%;height: auto !important;vertical-align: middle;} .main-header .form-busca{max-width: 370px;width: 100%;} .main-header .form-busca .wrapper-input{position: relative;padding: 0;width: 100%;min-height: auto;} .main-header .form-busca .wrapper-input .input-style{padding-right: 50px;border: 1px solid #d70c21;border-radius: 100px;} .main-header .form-busca .wrapper-input .input-style:focus{box-shadow: 0 0 7px 2px rgba(215, 12, 33, .3) inset;} .main-header .form-busca .wrapper-input label{background-color: #ffffff;} .main-header .form-busca .wrapper-input .bt-style{position: absolute;top: 0px;right: 5px;overflow: hidden;text-indent: -999px; width: 40px; height: 40px; font-size: 14px;color: #fff;display: inline-block; text-transform: uppercase;font-weight: 900;padding: 10px 20px;background: url(../images/icon-lupa.svg) no-repeat center center;background-size: 25px; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;border:none;} .main-header .form-busca .wrapper-input .bt-style:hover{text-decoration: none;opacity: 0.7;cursor: pointer;} .main-header .box-login{text-align: left; display: inline-block;vertical-align: middle;width: 170px;color: #fff;font-size: 12px;line-height: 16px;} .main-header .box-login .nome{color: var(--color2);font-size: 14px;font-weight: 600;line-height: 20px;padding: 2px 0;} .main-header .box-login .nome > span{display: inline-block;max-width: 100px;overflow: hidden;vertical-align: bottom;white-space: nowrap;text-overflow: ellipsis;} .main-header .box-login .nome > span > a{color: var(--color2);} .main-header .box-login .logout{color: var(--color1);font-weight: bold;} .main-header .box-login .box-links{color: var(--color2);font-weight: 600;padding: 5px 0;} .main-header .box-login .box-links a{color: inherit;} .main-header .box-login .auth{font-size: 14px;line-height: 20px;color: var(--textcolor1);display: inline-block;text-transform: uppercase; padding: 15px 10px 15px 50px;background: url(../images/icon-auth.jpg) no-repeat 5px center;} .main-header .box-login .auth span{font-weight: 600;} .main-header .box-login .boxitens-menu{} .main-header .box-login .boxitens-menu .item{} .main-header .box-login .boxitens-menu .item a{display: block;padding: 5px 10px 5px 30px;color: var(--textcolor2);background-position: 5px center;background-repeat: no-repeat;font-size: 14px;line-height: 20px;} .main-header .box-login .boxitens-menu .item a.bt-entrar{background-image: url(../images/icon-auth2.jpg);} .main-header .box-login .boxitens-menu .item a.bt-cadastrar{background-image: url(../images/icon-auth3.jpg);} .main-header .box-suporte{text-align: left; display: inline-block;vertical-align: middle;width: 170px;color: #fff;font-size: 12px;line-height: 16px;} .main-header .box-suporte .nome{color: var(--color2);font-size: 14px;font-weight: 600;line-height: 20px;padding: 2px 0;} .main-header .box-suporte .nome > span{display: inline-block;max-width: 100px;overflow: hidden;vertical-align: bottom;white-space: nowrap;text-overflow: ellipsis;} .main-header .box-suporte .nome > span > a{color: var(--color2);} .main-header .box-suporte .logout{color: var(--color1);font-weight: bold;} .main-header .box-suporte .box-links{color: var(--color2);font-weight: 600;padding: 5px 0;} .main-header .box-suporte .box-links a{color: inherit;} .main-header .box-suporte .suporte{font-size: 14px;line-height: 20px;font-weight: 600; color: var(--textcolor1);display: inline-block;text-transform: uppercase; padding: 15px 10px 15px 50px;background: url(../images/icon-suporte.jpg) no-repeat 5px center;} .main-header .box-suporte .boxitens-menu{} .main-header .box-suporte .boxitens-menu .item{} .main-header .box-suporte .boxitens-menu .item a{display: block;padding: 5px 10px 5px 30px;color: var(--textcolor2);background-position: 5px center;background-repeat: no-repeat;font-size: 14px;line-height: 20px;} .main-header .box-suporte .boxitens-menu .item a.bt-whatsapp{background-image: url(../images/icon-whats1.jpg);} .main-header .box-suporte .boxitens-menu .item a.bt-telefone{background-image: url(../images/icon-tel1.jpg);} .main-header .box-suporte .boxitens-menu .item a.bt-email{background-image: url(../images/icon-email1.jpg);} .main-header .box-carrinho{display: inline-block;vertical-align: middle;text-align: left;text-align: center;position: relative;} .main-header .box-carrinho a{font-size: 14px;line-height: 20px;color: var(--color2);display: inline-block;padding: 15px 20px 15px 30px;height: 50px; background: url(../images/icon-cart.png) no-repeat 5px center;text-align: left;border-radius: 30px;} .main-header .box-carrinho a:hover{text-decoration: none;background-color: var(--color2);} .main-header .box-carrinho .carrinho-qtd{display: inline-block; width: 17px;height: 17px;font-size: 10px; line-height: 17px;text-align: center;border-radius: 30px;background-color: #ff010b;font-weight: 700; color: #ffffff;position: absolute;left: 25px;top: 7px;} .section-vitrine{padding: 50px 10px;} .section-vitrine .titulo-vitrine{margin-bottom: 30px; font-size: 28px;line-height: 32px;color: var(--color1);font-weight: 700;text-align: center;padding: 10px;text-transform: uppercase;} .section-lancamentos{background-color: #ffe6e8;} .section-lancamentos .titulo-vitrine{color: var(--color1);} .section-lancamentos .vitrine .item{margin-bottom: 10px;} .section-outlet{background-color: #ffe6e8;} .section-outlet .titulo-vitrine{color: var(--color1);} .section-outlet .vitrine-outlet{display: flex;justify-content: space-between;align-items: center; gap: 20px; margin-bottom: 20px;} .section-outlet .vitrine-outlet .item-outlet{width: 276px;height: 256px;} .section-outlet .vitrine-outlet img{max-width: 100%;height: auto !important;vertical-align: middle;} .section-outlet .vitrine-outlet .item{width: 256px;height: 256px;border-radius: 50%;overflow: hidden;background-color: rgba(225, 68, 82, 1);} .section-outlet .vitrine-outlet .item .link{width: 100%;height: 100%; position: relative;display: block;} .section-outlet .vitrine-outlet .item .link .label{opacity: 0;transition: all 0.1s ease-out; background-color: rgba(225, 68, 82, .54); color: #fff;font-size: 16px;line-height: 20px;font-weight: 600;text-shadow: 0px 0px 10px rgba(0, 0, 0, .54); text-transform: uppercase;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center; padding: 0 30px;position: absolute;left: 0;top: 0;} .section-outlet .vitrine-outlet .item:hover .link .label{opacity: 1;} .section-outlet .box-texto{color: var(--textcolor1);text-align: center;} .section-relacionados{background-color: var(--color2);} .section-relacionados .titulo-vitrine{color: var(--color1);font-size: 30px;line-height: 34px;} .section-icones{padding: 50px 10px;} .section-icones .vitrine-icones{text-align: center;} .section-icones .vitrine-icones .item{display: inline-block;width: 100%;max-width: 170px;} .section-icones .vitrine-icones .item .thumb{height: 100px;display: flex;justify-content: center;align-items: center;margin-bottom: 10px;} .section-icones .vitrine-icones .item .thumb a{display: block;} .section-icones .vitrine-icones .item .thumb img{max-width: 100%;height: auto !important; vertical-align: middle;filter: grayscale(100%);-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .section-icones .vitrine-icones .item .titulo-icone{filter: grayscale(100%); text-align: center; font-size: 14px;font-weight: 600; color: var(--color1);text-transform: uppercase; line-height: 20px;display: flex;justify-content: center;align-items: center; width: 100%;overflow: hidden; padding: 0 10px;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .section-icones .vitrine-icones .item:hover .thumb img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);} .section-icones .vitrine-icones .item:hover .titulo-icone{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);} .home .vitrine{text-align: center;} .vitrine .item{text-align: left; display: inline-block;vertical-align: top; max-width: 270px; width: 100%;margin: 0 7px 34px 7px;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .vitrine .item:hover{} .vitrine .item .thumb{width: 100%;background-color: #f2f2f2; position: relative;padding-top: 100%; margin-bottom: 10px;overflow: hidden;display: table;text-align: center;border-radius: 30px;} .vitrine .item .thumb .desconto{display: block;background-color: #ff010a;color: #fff;position: absolute;right: -35px;top: -3px;font-weight: bold; z-index: 10;font-size: 14px;line-height: 18px;padding: 20px 0 5px 0;width: 100px;text-align: center; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .vitrine .item .thumb > a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .vitrine .item .thumb > a:hover{opacity: 0.7;} .vitrine .item .thumb img{vertical-align: middle;max-width: 100%;height: auto !important;} .vitrine .item .nome{text-align: center; font-size: 14px;font-weight: 600; color: var(--color1);text-transform: uppercase; line-height: 20px;display: flex;justify-content: center;align-items: center; width: 100%;min-height: 40px;overflow: hidden; padding: 0 10px;} .vitrine .item .cor{text-align: center; font-size: 14px;font-weight: 500; color: var(--textcolor1);text-transform: uppercase; line-height: 20px;padding: 5px 10px;} .vitrine .item .box-valor{position: relative;display: flex;justify-content: space-between;align-items: center;} .vitrine .item .box-valor .valor-antigo{display: block;position: absolute;left: 50%;transform: translateX(-50%); top: 1px; font-size: 12px;line-height: 20px;height: 20px; color: #005a96;text-transform: uppercase;text-decoration: line-through;} .vitrine .item .box-valor .valor{width: 100%;font-size: 26px;line-height: 30px;color: var(--color3);font-weight: 700;padding: 20px 15px 0px 15px;text-align: center;} .vitrine .item .row-bt .bt-style{font-size: 14px;line-height: 20px;width: 100%; color: #ffffff;padding: 10px 10px;text-align: center; font-weight: 600;background-color: #bfbfbf;border-radius: 50px;text-transform: uppercase; display: inline-block; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .vitrine .item .row-bt .bt-style:hover{text-decoration: none;background-color: #5ccf00;} .vitrine .item .box-parcelas{margin-bottom: 20px;} .vitrine .item .parcelas{font-size: 12px;line-height: 16px;color: var(--textcolor1);padding: 0 5px;text-align: center;} .vitrine .item .parcelas > span{display: block;} .vitrine .empty{font-size: 18px;line-height: 24px;font-style: italic;} .box-bt-filtro{text-align: center;display: flex;justify-content: center;} .box-bt-filtro .bt-abrir-filtro{background-color: #ffffff; color: var(--color1);font-size: 16px;line-height: 20px; text-transform: uppercase; font-weight: 700;position: relative;display: flex;align-items: center;border: 1px solid var(--color1);padding: 5px 15px;border-radius: 10px;} .box-bt-filtro .bt-abrir-filtro .fa{color: #fff;background-color: var(--color1);width: 32px;height: 32px;line-height: 32px;font-size: 16px;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 10px;} .faixa-menu{background-color: #fff;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;} .faixa-menu .box-menu .menu{text-align: center;} .faixa-menu .box-menu .menu .item{display: inline-block;vertical-align: middle;} .faixa-menu .box-menu .menu .item > a{font-size: 12px;line-height: 20px; padding: 10px 5px; display: inline-block;color: var(--textcolor1);text-transform: uppercase;font-weight: 600; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .faixa-menu .box-menu .menu .item:hover > a{text-decoration: none;color: #fff;background-color: #ff0000;} .faixa-menu .box-menu .menu .item.has-submenu{position: relative;} .faixa-menu .box-menu .menu .item.has-submenu > a{} .faixa-menu .box-menu .menu .item .wrap-submenu{display: none; width: 190px;text-align: left; position: absolute;left: 0;z-index: 999999;padding-top: 10px;} .faixa-menu .box-menu .menu .item .submenu{width: 100%;padding: 10px 0; background-color: #ffffff;border-radius: 10px; box-shadow: 0 0 10px -2px rgba(0, 0, 0, .54);} .faixa-menu .box-menu .menu .item .submenu .item{width: 100%;padding: 0px 10px;} .faixa-menu .box-menu .menu .item .submenu .item > a{display: block;color: var(--textcolor1); font-size: 12px;line-height: 16px; padding: 10px 10px;text-transform: initial;text-transform: uppercase; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .faixa-menu .box-menu .menu .item .submenu .item > a:hover{text-decoration: none; background-color: #ffe6e8;} .faixa-menu .box-menu .menu .item.has-submenu:hover .wrap-submenu{display: block;} .section-newsletter{padding: 40px 10px;background-color: #c5d1e1;} .section-newsletter .wrap-news{} .section-newsletter .form-news{width: 100%;} .section-newsletter .form-news .label{color: var(--color1);font-size: 1.75rem;text-align: center;margin-bottom: 20px;} .section-newsletter .form-news .inline-form{display: flex;justify-content: space-between;align-items: center;} .section-newsletter .form-news .wrapper-input{min-height: auto;width: 100%;max-width: 600px;} .section-newsletter .form-news .wrapper-input .input-style{border-radius: 30px;height: 50px;} .section-newsletter .form-news .wrapper-input .errorlist{font-size: 14px;font-weight: 600;text-align: right;} .section-newsletter .form-news .row-button{margin-top: 20px;text-align: center;} .section-newsletter .form-news .bt-style{display: inline-block;border: 0; font-family: "Open Sans", sans-serif;font-size: 14px;font-weight: 400;text-transform: uppercase; border-radius: 50px;-webkit-transition: 0.5s;transition: 0.5s;padding: 10px 15px; background: var(--color1);border-color: #fff;color: #fff;} .section-newsletter .form-news .bt-style:hover{text-decoration: none;opacity: 0.7;cursor: pointer;} .center-content{width: 870px;float: left;} .aside-content{width: 300px;float: left;background-color: #fff;} .aside-content.right{padding-left: 30px;} .aside-content.left{padding-right: 30px;} .titulo-style-principal{font-size: 28px;line-height: 32px;color: var(--color1);text-transform: uppercase;font-weight: bold;padding: 20px 10px;margin-bottom: 20px;text-align: center;} .titulo-style-1{font-size: 16px;line-height: 22px;color: var(--color1);text-transform: uppercase;font-weight: bold;border-bottom: 1px solid #e6e6e6;padding: 20px 10px;margin-bottom: 20px;} .titulo-style-carrinho{font-size: 28px;line-height: 32px;color: var(--textcolor2);font-weight: bold;padding: 20px 10px;text-align: center;} .box-titulo-style-2{padding: 20px 10px;} .box-titulo-style-2 .titulo-style-2{font-size: 38px;line-height: 44px;color: var(--textcolor1);font-weight: bold;text-align: center;} .box-titulo-style-2 .subtitulo-style-2{ color: var(--textcolor1);font-size: 14px;line-height: 20px;max-width: 350px;width: 100%;text-align: center; margin-left: auto;margin-right: auto;} .box-banners{width: 100%;} .box-banners .banners{} .box-banners .banners .item-banner{background-position: center center;background-repeat: no-repeat;width: 100%;padding-top: calc(480 / 1920 * 100%);position: relative;background-size: cover;} .box-banners .banners .item-banner a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .faixa-site{background-color: #fceced;} .faixa-site .wrap{align-items: center;} .faixa-site .wrap .item{width: 100%;padding: 20px 10px 20px 70px;background-repeat: no-repeat;background-position: 5px center;} .faixa-site .wrap .item .strong{text-transform: uppercase;font-size: 16px;line-height: 20px;color: var(--color1);font-weight: 600;margin-bottom: 3px;} .faixa-site .wrap .item .normal{font-size: 12px;line-height: 16px;color: #808080;font-weight: 600;} .faixa-site .wrap .item1{background-image: url(../images/faixa5.jpg);padding-left: 90px;} .faixa-site .wrap .item2{background-image: url(../images/faixa6.jpg);} .faixa-site .wrap .item3{background-image: url(../images/faixa7.jpg);} .faixa-site .wrap .item4{background-image: url(../images/faixa8.jpg);} .redes-sociais{padding: 10px 0;} .redes-sociais .redes-item{color: #fff; background-color: var(--color1); width: 40px;height: 40px;border-radius: 50%; font-size: 24px;line-height: 24px; text-align: left;display: inline-block;vertical-align: middle;margin: 4px;text-align: center;} .redes-sociais .redes-item > a{color: #ffffff; display: flex;justify-content: center;align-items: center; background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;transition: all 0.3s ease-out;} .redes-sociais .redes-item > a:hover{opacity: 0.7;text-decoration: none;} .main-content{padding-bottom: 40px;} .home .main-content{padding-bottom: 0;} .flatpage .main-content{padding-left: 10px;padding-right: 10px;} .main-footer{padding: 30px 10px;background-color: #ffffff;box-shadow: 0 0 20px -8px rgba(0, 0, 0, .54);} .main-footer .logo{width: 100%;max-width: 210px;margin-bottom: 30px;} .main-footer .logo > a{display: block;width: 100%;height: 100%;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .main-footer .logo > a:hover{opacity: 0.7;} .main-footer .logo img{max-width: 100%;height: auto !important;vertical-align: middle;} .main-footer .grupo{color: #737373;margin-bottom: 30px;} .main-footer .grupo .titulo{font-size: 16px;line-height: 20px;color: #575757;font-weight: 700;text-transform: uppercase;margin-bottom: 5px;} .main-footer .grupo img{max-width: 100%;height: auto !important;vertical-align: middle;} .main-footer .redes-sociais{padding: 0;} .main-footer .endereco{} .main-footer .endereco p{font-size: 14px;line-height: 20px;} .main-footer .contatos{} .main-footer .contatos a{color: inherit;font-size: 14px;line-height: 20px;} .main-footer .boxitens-menu{} .main-footer .boxitens-menu .item{} .main-footer .boxitens-menu .item a{display: inline-block;padding: 3px 10px 3px 25px;color: var(--textcolor2);background-position: 0px center;background-repeat: no-repeat;font-size: 14px;line-height: 20px;} .main-footer .boxitens-menu .item a.bt-whatsapp{background-image: url(../images/icon-whats1.jpg);} .main-footer .boxitens-menu .item a.bt-telefone{background-image: url(../images/icon-tel1.jpg);} .main-footer .boxitens-menu .item a.bt-email{background-image: url(../images/icon-email1.jpg);} .main-footer .links{} .main-footer .links .item{margin-bottom: 3px;} .main-footer .links .item a{color: inherit;font-size: 14px;line-height: 20px;} .footer .section-copyright{background-color: #ffffff;padding: 20px 10px 40px 10px;box-shadow: 0 0 20px -8px rgba(0, 0, 0, .54);} .footer .section-copyright .copyright{text-align: center;color: var(--textcolor1);} .footer .section-copyright .copyright p{font-size: 14px;line-height: 18px;padding: 30px 0px 30px 0;text-align: center;} .footer .section-copyright .copyright p a{color: inherit;font-weight: 700;} .paginacao{margin:10px auto 30px auto;overflow:hidden;text-align: center;} .paginacao li{display: inline-block;vertical-align: middle; text-align: center;margin: 0 2px;} .paginacao li a{color:var(--color1);font-size:18px;padding: 5px 10px;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .paginacao li a:hover{color: var(--darkcolor1);} .paginacao li a.bt-pag{color:#57585a;display:block;width: 34px;height: 34px;border-radius: 5px;background: #f2f2f2;font-size:18px;line-height: 34px;text-align: center;padding: 0;} .paginacao li a.bt-pag:hover{color:#ffffff;text-decoration:none;background: var(--darkcolor1);} .paginacao li a.active{color:#fff;text-decoration:none;background: var(--color1);} .login .box-conteudo{padding: 0px 0;} .login .box-conteudo .box-login{text-align: center;padding: 30px 0;} .login .box-conteudo .box-acesso{text-align: left;display: inline-block;vertical-align: top;width: 350px;margin: 0 15px 30px 15px;padding: 20px 40px 30px 40px;border-radius: 20px;border: 1px solid #e6e6e6;} .login .box-conteudo .titulo-login{position: relative; background-repeat: no-repeat;background-position: top center; font-size: 15px;color: var(--color1); text-transform: uppercase;padding: 20px 0 20px 0;font-weight: 600;} .login .box-conteudo .titulo-login > span{background-color: #fff;display: inline-block;padding: 0 10px;position: relative;z-index: 1;} .login .box-conteudo .box-acesso .form-login{} .login .box-conteudo .box-acesso .form-login .wrapper{min-height: 50px;} .login .box-conteudo .box-acesso .form-login .wrapper .input-style{border-color: #e0e0e0;padding: 0 10px;} .login .box-conteudo .box-login .box-botoes{text-align: right;margin-top: 10px;} .login .box-conteudo .box-acesso .form-login .bt-recuperar-senha{color: var(--color1);font-size: 12px;line-height: 40px;float: left;} .login .box-conteudo .box-cadastrar{text-align: left;display: inline-block;vertical-align: top;width: 350px;margin: 0 20px 30px 20px;padding: 20px 40px 30px 40px;border-radius: 20px;border: 1px solid #e6e6e6;background-color: #ffffff;} .login .box-conteudo .box-cadastrar .cadastrar{} .login .box-conteudo .box-cadastrar .cadastrar .texto{font-size: 13px;line-height: 20px;color: var(--textcolor1);height: 100px;padding: 0;margin-bottom: 10px;} .login .box-conteudo .box-acesso .bt-style, .login .box-conteudo .box-cadastrar .bt-style{font-size: 14px;line-height: 20px; color: #fff;border-radius: 50px;font-weight: 700; display: inline-block; text-transform: uppercase;padding: 10px 25px;background-color: #4a4a49;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;border:none;} .login .box-conteudo .box-acesso .bt-style:hover, .login .box-conteudo .box-cadastrar .bt-style:hover{text-decoration: none;opacity: 0.7;cursor: pointer;} .login .box-conteudo .box-acesso .titulo-login::before, .login .box-conteudo .box-acesso .bt-style{background-color: var(--color1);} .login .box-conteudo .box-cadastrar .titulo-login::before, .login .box-conteudo .box-cadastrar .bt-style{background-color: var(--color1);} .login .box-conteudo .box-cadastrar .bt-style{} .recuperar-senha{} .recuperar-senha .box-conteudo{padding: 60px 0;} .recuperar-senha .box-conteudo .box-acesso .form-login .legend{margin-bottom: 10px;font-size: 14px;line-height: 20px;} .recuperar-senha .box-conteudo .box-form{max-width: 450px;margin: 0 auto;} .recuperar-senha .box-conteudo .box-form .legend{margin-bottom: 20px;font-size: 16px;padding: 0 10px;} .recuperar-senha .box-conteudo .box-form .box-botoes{text-align: right;padding: 0 10px;} .recuperar-senha .box-conteudo .box-form .box-botoes .bt-style{background-color: var(--color1); color: #fff;padding: 15px 20px; display: inline-block; font-size: 16px;line-height: 20px;text-align: center; font-weight: 700;border-radius: 5px;border: 0; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .recuperar-senha .box-conteudo .box-form .box-botoes .bt-style:hover{text-decoration: none;background-color: var(--darkcolor1);cursor: pointer;} .recuperar-senha .box-conteudo .wrapper-label{text-align: center;padding: 40px 10px;} .recuperar-senha .box-conteudo .label1{font-size: 18px;margin-bottom: 10px;color: #4a4a49;font-weight: 700;} .recuperar-senha .box-conteudo .label2{font-size: 16px;} .recuperar-senha .box-conteudo .label2 > a{color: var(--color1);font-weight: bold;} .detalhes .main-content{padding-top: 30px;} .detalhes .box-conteudo .box-thumbs{width: 100%; max-width: 570px;float: left;} .detalhes .box-conteudo .box-thumbs .thumb-principal{position: relative; width: 100%;max-width: 570px;height: 570px; text-align: center;overflow: hidden;margin-bottom: 10px;} .detalhes .box-conteudo .box-thumbs .thumb-principal a{display: block;width: 100%;height: 100%;border: 1px solid #ebebeb;border-radius: 30px;overflow: hidden;} .detalhes .box-conteudo .box-thumbs .thumb-principal a > img{vertical-align: middle;max-width: 100%;height: auto;max-height: 100%;width: auto;} .detalhes .box-conteudo .box-thumbs .box-mini-thumbs{width: 100%;min-height: 80px; margin-top: 20px;} .detalhes .box-conteudo .box-thumbs .box-mini-thumbs .mini-thumbs{width: 100%;min-height: 80px;overflow: auto;overflow-y:hidden; white-space: nowrap;} .detalhes .box-conteudo .box-thumbs .box-mini-thumbs .mini-thumbs .item{display: inline-block;vertical-align: top; width: 120px;height: 120px;margin-right: 10px;border-radius: 10px;overflow: hidden;} .detalhes .box-conteudo .box-thumbs .box-mini-thumbs .mini-thumbs .item > a{display: block;width: 100%;height: 100%;border: 1px solid #ebebeb;border-radius: 10px;overflow: hidden;} .detalhes .box-conteudo .box-detalhes{float: left;width: 100%;max-width: 575px;margin: 0 0 0 20px;padding: 0 5px;position: relative;} .detalhes .box-conteudo .box-detalhes .referencia{font-size: 14px;line-height: 20px;margin-bottom: 10px;color: #a2a2a2;} .detalhes .box-conteudo .box-detalhes .wrap-titulo{margin-bottom: 20px;} .detalhes .box-conteudo .box-detalhes .titulo-produto{font-size: 26px;line-height: 30px; color: var(--color1);font-weight: 700;} .detalhes .box-conteudo .box-detalhes .cor-produto{font-size: 22px;line-height: 30px; color: var(--textcolor1);margin-top: 10px;font-weight: 500;} .detalhes .box-conteudo .box-detalhes .resenha{color: var(--darkcolor1);font-size: 15px;line-height: 18px;padding-bottom: 10px;} .detalhes .box-conteudo .box-detalhes .resenha > p{margin-bottom: 10px;} .detalhes .box-detalhes .box-caracteristica{} .detalhes .box-detalhes .box-caracteristica .label{font-size: 16px;color: #3c3c3b;margin-bottom: 5px;display: inline-block;vertical-align: middle;} .detalhes .box-detalhes .box-caracteristica .wrapper-input{max-width: 250px;} .detalhes .box-detalhes .box-valor{display: block;vertical-align: top;padding: 10px 0;flex-shrink: 0;} .detalhes .box-detalhes .box-valor .valor-antigo{font-size: 16px;line-height: 20px;color: #737373;display: block;text-decoration: line-through;} .detalhes .box-detalhes .box-valor .valor{font-size: 36px;line-height: 40px; color: var(--color3);letter-spacing: -1px;font-weight: bold;display: block;} .detalhes .box-detalhes .box-valor .valor-parcelado{font-size: 16px;line-height: 20px;color: var(--textcolor1);height: 20px;} .detalhes .box-conteudo .box-detalhes .box-botoes{display: inline-block;margin: 0 10px 10px 10px;} .detalhes .box-conteudo .box-detalhes .box-botoes .bt-style{background-color: #5ccf00; color: #fff;padding: 10px 25px;border: 0;border-radius: 20px; display: inline-block; font-size: 16px;line-height: 20px;text-transform: uppercase; text-align: center; font-weight: 700; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .detalhes .box-conteudo .box-detalhes .box-botoes .bt-style:hover{text-decoration: none;opacity: 0.7; ;cursor: pointer;} .detalhes .box-conteudo .box-detalhes .indisponivel{color: #4a4a49;font-size: 20px;font-weight: bold;line-height: 24px;text-align: left;padding: 20px 0;} .detalhes .box-conteudo .box-calcular-frete{margin-top: 30px;} .detalhes .box-conteudo .box-calcular-frete .wrapper-input{padding: 0;max-width: 200px;} .detalhes .box-conteudo .box-calcular-frete .wrapper-input .errorlist{padding: 0;} .detalhes .box-conteudo .box-calcular-frete .wrapper-input label{font-size: 16px;line-height: 20px;display: inline-block;text-transform: uppercase;font-weight: 700;color: var(--color1);} .detalhes .box-conteudo .box-calcular-frete .wrapper-input .wrap{display: flex;gap: 10px;align-items: center;justify-content: space-between;} .detalhes .box-conteudo .box-calcular-frete .wrapper-input .input-style{border-radius: 50px;} .detalhes .box-conteudo .box-calcular-frete .wrapper-input .bt-style{border-radius: 50%;border: 0;background-color: var(--color1);color: #ffffff;font-size: 14px;line-height: 20px;padding: 10px;width: 40px;height: 40px;font-weight: 700;transition: all 0.1s ease-out;} .detalhes .box-conteudo .box-calcular-frete .wrapper-input .bt-style:hover{opacity: 0.7;cursor: pointer;} .detalhes .box-conteudo .box-calcular-frete .fretes-result{position: relative; margin-top: 30px;max-width: 400px; } .detalhes .box-conteudo .box-calcular-frete .box-fretes{background-color: var(--color2);color: var(--color1);border-radius: 10px;padding: 20px;text-align: center;} .detalhes .box-conteudo .box-calcular-frete .fretes-result .row{display: flex;justify-content: space-between;font-size: 16px;line-height: 20px;text-transform: uppercase;margin-bottom: 10px;} .detalhes .box-conteudo .box-calcular-frete .fretes-result .row:last-child{margin-bottom: 0;} .detalhes .box-conteudo .box-calcular-frete .fretes-result .row .label{font-weight: 700;flex-shrink: 0;width: 70px;text-align: left;} .detalhes .box-conteudo .box-calcular-frete .fretes-result .row .prazo{width: 100%;} .detalhes .box-conteudo .box-calcular-frete .fretes-result .row .valor{flex-shrink: 0;width: 100px;text-align: right;} .detalhes .box-conteudo .box-calcular-frete .fretes-result #overlay{position: absolute;display: block; padding: 20px 0; height: 65px;width: 100%;max-width: 125px; text-align: center;} .detalhes .box-conteudo .box-calcular-frete .fretes-result #overlay .loading{margin: 0;} .detalhes .box-conteudo .titulo-descricao{margin-bottom: 40px;background-color: #d8dbe2;color: #4a4a49;font-weight: bold;padding: 10px 0;text-transform: uppercase; font-size: 30px;text-align: center;} .detalhes .box-conteudo .box-descricao{margin-top: 40px;margin-bottom: 10px;} .detalhes .box-conteudo .box-relacionados{margin-top: 30px;margin-bottom: 10px;} .detalhes .box-conteudo .box-relacionados .item{margin-bottom: 10px;} .detalhes .box-conteudo .titulo-style-1{text-transform: uppercase;} .detalhes .box-conteudo .titulo-style-2{margin-bottom: 10px; font-size: 20px;line-height: 24px;color: var(--color1);font-weight: 600;text-align: center;padding: 10px;text-transform: uppercase;} .detalhes .box-conteudo .box-detalhes .wrapper-qtd{margin-bottom: 10px;display: inline-block;} .detalhes .box-conteudo .input-quantidade{width:32px;height:32px;border-radius: 7px; border:0;color:#333;margin:0 auto;text-align:center;font-size:16px;line-height: 20px; padding: 0;} .detalhes .box-conteudo .input-quantidade:focus{outline: none;box-shadow: 0 0 7px 2px rgba(199, 46, 49, .5) inset;border-color: rgba(199, 46, 49, 1);} .detalhes .box-conteudo .input-quantidade::-webkit-outer-spin-button, .detalhes .box-conteudo .input-quantidade::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;} .detalhes .box-conteudo .input-quantidade{-moz-appearance:textfield;} /*.detalhes .box-conteudo .bt-quantidade{width: 17px;height: 17px; display: inline-block;vertical-align: middle;border: 0;background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: cover;}*/ /*.detalhes .box-conteudo .bt-quantidade.minus{background-image: url(../images/icon-minus.svg);margin-right: 12px;}*/ /*.detalhes .box-conteudo .bt-quantidade.plus{background-image: url(../images/icon-plus.svg);margin-left: 12px;}*/ .detalhes .box-conteudo .bt-quantidade{width: 24px;height: 24px; display: inline-block;vertical-align: middle;border: 0;background-color: transparent; color: var(--color1);background-repeat: no-repeat;background-position: center;background-size: cover;font-size: 20px;line-height: 23px;transition: all 0.1s ease-out;} .detalhes .box-conteudo .bt-quantidade:hover{cursor: pointer;opacity: 0.7;} .detalhes .box-conteudo .box-detalhes .box-estoque{max-width: 370px;margin-bottom: 10px;} .produtos .box-info-busca{margin-bottom: 20px;} .produtos .box-info-busca .titulo-busca{font-size: 18px;line-height: 22px; font-weight: bold;color: #005a96;display: inline-block;vertical-align: middle;} .produtos .box-info-busca .info-busca{font-size: 16px;line-height: 20px; font-style: italic;display: inline-block;vertical-align: middle;} .cadastro{} .cadastro .box-conteudo{padding: 0 0 40px 0;} .cadastro .box-cadastro{} .cadastro .box-cadastro.center-box{width: 100%;max-width: 470px;margin: 0 auto 60px auto;} .cadastro .box-cadastro .box-form{position: relative;} .cadastro .box-cadastro .box-form .wrapper-input label{font-size: 16px;font-weight: 600; color: #808080;line-height: 18px;display: inline-block; margin-bottom: 3px;} .cadastro .box-cadastro .fieldset{margin-bottom: 20px;} .cadastro .box-cadastro .fieldset .wrap-fieldset, .cadastro .box-cadastro .fieldset.fill{width: 100%;float: none;display: flex;flex-wrap: wrap;} .cadastro .box-cadastro .fieldset.fill .wrapper-input.inline{width: 50%;float: left;} .cadastro .box-cadastro .fieldset .titulo-group{position: relative;display: block;width: 100%; background-repeat: no-repeat;background-position: top center; font-size: 20px;color: var(--color1); text-transform: uppercase;padding: 20px 10px;margin-bottom: 5px;font-weight: bold;} .cadastro .box-cadastro .fieldset .input-style select{padding-right: 10px;} .cadastro .box-cadastro .fieldset .input-style, .cadastro .box-cadastro .fieldset div.input-style{border: 1px solid #ccc;} .cadastro .box-cadastro .fieldset .input-style{border-radius: 50px;} .cadastro .box-cadastro .fieldset div.input-style.readonly, .cadastro .box-cadastro .fieldset input.input-style:read-only{border: 0;} .cadastro .box-cadastro .row-button{text-align: right;padding: 0 10px;} .cadastro .box-cadastro .row-button .bt-style{font-size: 14px;color: #fff; display: inline-block; text-transform: uppercase;padding: 15px 25px;border-radius: 50px;font-weight: 700; background-color: var(--color1);-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;border:none;} .cadastro .box-cadastro .row-button .bt-style:hover{text-decoration: none;opacity: 0.7;cursor: pointer;} .cadastro .box-cadastro .fieldset .red{color: #ea000a;} .cadastro .box-cadastro .fieldset label.required::before{content: "* "; color: #ea000a;} .cadastro .box-cadastro .row-button.flex .wrap-recaptcha{margin-bottom: 20px;padding: 0 15px;box-sizing: border-box;} .cadastro .box-cadastro .fieldset label.disabled{display: none;} .cadastro .box-cadastro .wrapper-input{position: relative;} .cadastro .box-cadastro .wrapper-input .toggle-password{position: absolute;top: 40px;right: 24px;font-size: 16px;color: #000;cursor: pointer;} .cadastro .box-cadastro .fieldset .input-style.with-eye{padding-right: 40px;} /* .detalhes .box-conteudo .box-detalhes .box-caracteristicas{font-size: 14px;line-height: 20px;} .detalhes .box-conteudo .box-detalhes .box-caracteristicas p{font-size: 14px;line-height: 20px;} .detalhes .box-conteudo .box-detalhes .sku{color: var(--color3);font-size: 14px;line-height: 18px;margin-bottom: 10px;} .detalhes .box-conteudo .box-detalhes .box-valor{display: inline-block;vertical-align: top;padding: 10px 0;flex-shrink: 0;} .detalhes .box-conteudo .box-detalhes .box-valor .valor-antigo{font-size: 16px;line-height: 20px;font-weight: 600; color: var(--color3);display: block;} .detalhes .box-conteudo .box-detalhes .box-valor .valor{font-size: 36px;line-height: 40px; color: var(--color2);letter-spacing: -1px;font-weight: bold;display: block;margin-bottom: 10px;} .detalhes .box-conteudo .box-detalhes .box-valor .valor-parcelado{font-size: 16px;line-height: 20px;color: var(--color1);height: 20px;font-weight: 600;} .detalhes .box-conteudo .box-detalhes .indisponivel{font-size: 20px;line-height: 24px;color: var(--color3);margin-bottom: 20px;font-weight: 600;} .detalhes .box-conteudo .box-detalhes .box-botoes{margin-top: 30px;} .detalhes .box-conteudo .box-detalhes .box-botoes .bt-style{background-color: #5ccf00; color: #fff;padding: 10px 40px;border: 0; display: inline-block; font-size: 16px;line-height: 20px;text-align: center; font-weight: 700; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .detalhes .box-conteudo .box-detalhes .box-botoes .bt-style:hover{text-decoration: none;opacity: 0.7; ;cursor: pointer;} .detalhes .box-conteudo .titulo-descricao{margin-bottom: 20px;color: var(--color3);font-weight: bold;padding: 10px 0;text-transform: uppercase; font-size: 24px;line-height: 30px;} .detalhes .box-conteudo .box-descricao{margin-top: 30px;margin-bottom: 30px;} .detalhes .box-conteudo .titulo-relacionados{margin-bottom: 20px;color: var(--color3);font-weight: bold;padding: 10px 0;text-transform: uppercase;text-align: center; font-size: 24px;line-height: 30px;} */ .etapas .progress-bar{counter-reset: step;display: flex;margin-bottom: 40px;--ball: #ec1d23;--notselected: #e1dcd5;max-width: 600px;margin: 20px auto 20px auto;padding: 0 10px;} .etapas .progress-bar .item{flex-basis: 25%;text-align: center;position: relative;} .etapas .progress-bar .item::before{width: 30px;height: 30px;content: counter(step);counter-increment: step;line-height: 30px;border: 2px solid var(--notselected);color: var(--notselected);display: block;text-align: center;margin: 0 auto 10px auto;border-radius: 50%;background-color: white;} .etapas .progress-bar .item::after{width: 100%;height: 2px;content: ' ';position: absolute;background-color: var(--notselected);top: 15px;left: -50%;z-index: -1;} .etapas .progress-bar .item:first-child:after {content: none;} .etapas .progress-bar .item.active{color: var(--ball);} .etapas .progress-bar .item.active::before{border-color: var(--ball);background-color: var(--ball);color: #fff;} .etapas .progress-bar .item.active + .item::after{background-color: var(--ball);} .etapas .progress-bar .item > span{font-size: 12px;line-height: 16px;color: var(--notselected);} .etapa-1 .progress-bar .etapa-1, .etapa-2 .progress-bar .etapa-2, .etapa-3 .progress-bar .etapa-3, .etapa-4 .progress-bar .etapa-4{color: var(--ball);} .etapa-1 .progress-bar .etapa-1 > span, .etapa-2 .progress-bar .etapa-2 > span, .etapa-3 .progress-bar .etapa-3 > span, .etapa-4 .progress-bar .etapa-4 > span{color: var(--textcolor1);} .etapa-1 .progress-bar .etapa-1::before, .etapa-2 .progress-bar .etapa-2::before, .etapa-3 .progress-bar .etapa-3::before, .etapa-4 .progress-bar .etapa-4::before{border-color: var(--ball);background-color: var(--ball);color: #fff;} .etapa-1 .progress-bar .etapa-1 + .item::after, .etapa-2 .progress-bar .etapa-2 + .item::after, .etapa-3 .progress-bar .etapa-3 + .item::after, .etapa-4 .progress-bar .etapa-4 + .item::after{background-color: var(--ball);} .carrinho .box_carrinho{width: 100%;padding: 10px 10px;} .carrinho .box_carrinho .table{width:100%;margin-bottom: 30px;} .carrinho .box_carrinho .table .tr{width:100%;height:79px;} .carrinho .box_carrinho .table .tr:first-child{height: 40px;border:none;background-color: var(--color2);} .carrinho .box_carrinho .table .tr .th{font-size:15px;line-height: 20px; color: var(--color1);font-weight: 700; text-align:center;padding: 0 10px;text-transform: uppercase;} .carrinho .box_carrinho .table .tr .th:first-child{text-align: left;} /*.carrinho .box_carrinho .table .tr .td {border-bottom: 1px solid #e6e6e6;}*/ .carrinho .box_carrinho .table .tr .td .thumb{width:70px;height:96px;display: inline-block;vertical-align: middle;} .carrinho .box_carrinho .table .tr .td .thumb:hover{opacity: 0.7;} .carrinho .box_carrinho .table .tr .td .centralizador{width:70px;height:96px;text-align:center;vertical-align:middle;display:table-cell;} .carrinho .box_carrinho .table .tr .td .thumb img{max-width: 70px;height: auto;} .carrinho .box_carrinho .table .tr .td .link_produto{display: inline-block;vertical-align: middle;padding: 10px 20px;color: #777777;font-size: 16px;line-height: 20px;max-width:395px; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .carrinho .box_carrinho .table .tr .td .link_produto:hover{color: var(--color1);text-decoration: none;} .carrinho .box_carrinho .table .tr .td .input-quantidade{width:50px;height:50px;border-radius: 7px; border:0;color:#333;margin:0 auto;text-align:center;font-size:14px;} .carrinho .box_carrinho .table .tr .td .input-quantidade:focus{outline: none;box-shadow: 0 0 7px 2px rgba(225, 68, 82, 0.5) inset;border-color: rgba(225, 68, 82, 1);} .carrinho .box_carrinho .table .tr .td .input-quantidade::-webkit-outer-spin-button, .carrinho .box_carrinho .table .tr .td .input-quantidade::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .carrinho .box_carrinho .table .tr .td .input-quantidade{ -moz-appearance:textfield; } .carrinho .box_carrinho .table .tr .td .bt-quantidade{width: 24px;height: 24px; display: inline-block;vertical-align: middle;border: 0;background-color: transparent; color: var(--color1);background-repeat: no-repeat;background-position: center;background-size: cover;font-size: 20px;line-height: 23px;transition: all 0.1s ease-out;} .carrinho .box_carrinho .table .tr .td .bt-quantidade:hover{cursor: pointer;opacity: 0.7;} .carrinho .box_carrinho .table .tr .td .atualizar{height:20px;line-height: 20px;text-align: center; color: #333333;border: 0;background-color: transparent; margin:3px auto 0 auto;display:block;font-size: 12px;} .carrinho .box_carrinho .table .tr .td .atualizar:hover{color: var(--color1);text-decoration: underline; cursor: pointer;} .carrinho .box_carrinho .table .tr .td_quantidade{text-align: center;} .carrinho .box_carrinho .table .tr .td_quantidade > p{font-size: 16px;} .carrinho .box_carrinho .table .tr .td_quantidade .wrapper{width: 135px;display: inline-block;} .carrinho .box_carrinho .table .tr .td_quantidade .valor-quantidade{font-size: 18px;line-height: 20px;color: var(--textcolor1);} .carrinho .box_carrinho .table .tr .valor_unitario{font-size: 20px;text-align: center;color: var(--textcolor1);} .carrinho .box_carrinho .table .tr .sub_total{font-size: 20px;text-align: center;color: var(--color3);font-weight: 600;} .carrinho .box_carrinho .table .tr .excluir{text-align: center;} .carrinho .box_carrinho .table .tr .excluir a{margin: 0;} .carrinho .box_carrinho .table .tr .td .excluir{background-color: transparent;color: #cccccc;font-size: 24px;line-height: 30px;border: 0;transition: all 0.1s ease-out;} .carrinho .box_carrinho .table .tr .td .excluir:hover{cursor: pointer;color: var(--color1);} /*.carrinho .box_carrinho .table .tr .td .excluir{ border:2px #8c8c8c solid;background-color: transparent; width: 24px;height: 24px;border-radius: 50%; font-size:12px; text-decoration:none;color:#8c8c8c;text-align:center;font-weight: 700; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} /*.carrinho .box_carrinho .table .tr .td .excluir:hover{color:#fff; background:#8c8c8c;cursor: pointer;}*/ .carrinho .box_carrinho .table .th_produto{width:492px;text-align:left;padding:0 0 0 15px;} .carrinho .box_carrinho .table .th_quantidade{width:162px;text-align:center;padding:0;} .carrinho .box_carrinho .table .th_valor_unitario{width:138px;text-align:center;padding:0;} .carrinho .box_carrinho .table .th_sub_total{width:138px;text-align:center;padding:0;} .carrinho .box_carrinho .table .th_excluir{width:40px;text-align:center;padding:0;} .carrinho .box_carrinho .calc_frete{width:100%;box-sizing: border-box;min-height:132px;background-color:#fafafa; padding:25px 15px 0 15px;} .carrinho .box_carrinho .calc_frete .left{float: left;width: 100%;max-width: 470px;} .carrinho .box_carrinho .calc_frete h3{color:#005a96;font-weight: 600; line-height:20px;font-size:12px;margin: 5px 5px; text-transform: uppercase;display: inline-block;vertical-align: middle;} .carrinho .box_carrinho .calc_frete .line .input-cep{width:100%;max-width: 170px;border-radius: 30px; height:40px;border:1px solid #ddd;padding:0 20px;margin: 5px 10px; line-height: 28px;font-size: 14px;display: inline-block;vertical-align: middle;} .carrinho .box_carrinho .calc_frete .calcular{font-size:15px;color:#005a96;border-radius: 30px; line-height:40px;display:inline-block;vertical-align: middle; padding: 0 20px;max-width: 125px; margin: 5px 5px;background-color: #48e7fc;text-align: center;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;border: 0;} .carrinho .box_carrinho .calc_frete .calcular:hover{text-decoration:none;opacity: 0.7;cursor: pointer;} .carrinho .box_carrinho .calc_frete .right{width:620px;float: right;padding: 0 0;} .carrinho .box_carrinho .calc_frete .right .bloc{width:170px;margin: 0 0 10px 0;float: left;} .carrinho .box_carrinho .calc_frete .right .bloc .sep{width:160px;} .carrinho .box_carrinho .calc_frete .right .bloc .sep label{font-size: 14px;line-height: 18px;margin: 0px 15px 0px 0;} .carrinho .box_carrinho .calc_frete .right .bloc .sep input[type="radio"]{margin:4px 0 0 0;} .carrinho .box_carrinho .calc_frete .right .bloc .sep .dir{width:129px;display: inline-block;vertical-align: top;} .carrinho .box_carrinho .calc_frete .right .bloc .sep .dir .valor{font-size:16px;color:#005a96;font-weight: bold;} .carrinho .box_carrinho .calc_frete .right .bloc .sep .dir .dias{color: #666666;font-size: 10px;text-transform: uppercase;} .carrinho .box-conteudo .inf .box_fretes .msg-erro{font-size: 14px;line-height: 20px;font-style: italic;color: var(--textcolor1);} .carrinho .box_carrinho .wrap-resumo{display: flex;justify-content: space-between;gap: 20px;} .carrinho .box_carrinho .wrap-resumo .col1{width: 100%;} .carrinho .box_carrinho .wrap-resumo .col2{flex-shrink: 0;} .carrinho .box_carrinho .box-cupom{margin-bottom: 30px;} .carrinho .box_carrinho .box-cupom .label{color: var(--color1);font-size: 14px;line-height: 20px;font-weight: 700;text-transform: uppercase;margin-bottom: 5px;display: inline-block;} .carrinho .box_carrinho .box-cupom .small{font-size: 14px;line-height: 20px;color: var(--textcolor1);} .carrinho .box_carrinho .box-cupom .bt-remover{color: #ea000a;font-weight: 400;} .carrinho .box_carrinho .box-valores{max-width: 400px;margin-left: auto;margin-bottom: 30px;} .carrinho .box_carrinho .box-valores .row{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #f2f2f2;font-size: 14px;line-height: 20px;color: var(--textcolor1);padding: 10px;text-transform: uppercase;} .carrinho .box_carrinho .box-valores .row .row-label{} .carrinho .box_carrinho .box-valores .row .row-label .small{font-size: 12px;} .carrinho .box_carrinho .box-valores .row .row-valor{} .carrinho .box_carrinho .box-valores .row-total{margin-bottom: 20px;font-weight: 700;color: var(--color3);font-size: 18px;line-height: 22px;} .carrinho .box_carrinho .box-valores .row-total .row-label{} .carrinho .box_carrinho .box-valores .row-total .row-valor{} .carrinho .box_carrinho .box-valores .row-buttons{text-align: center;} .carrinho .box_carrinho .box-valores .row-buttons .bt_finalizar{font-size: 20px;line-height: 24px;text-transform: uppercase;font-weight: 700; color: #fff;display: inline-block; text-transform: uppercase;width: 100%; padding: 10px 10px;border-radius: 50px; background-color: var(--green);border: 1px solid var(--green); -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;margin-bottom: 10px;} .carrinho .box_carrinho .box-valores .row-buttons .bt_finalizar:hover{cursor: pointer;opacity: 0.7;} .carrinho .box_carrinho .box-valores .row-buttons .bt_finalizar:disabled{cursor: not-allowed;opacity: 0.7;} .carrinho .box_carrinho .box-valores .row-buttons .bt_continuar{font-size: 16px;line-height: 20px;color: var(--color1);font-weight: 600; text-decoration: underline;text-transform: uppercase;} .carrinho .box_carrinho .box-valores .row-buttons .bt_continuar:hover{cursor: pointer;color: var(--darkcolor1);} .carrinho .box_carrinho .wrap-total{border: 1px solid #e6e6e6;border-radius: 5px;background-color: #f8f8f8;padding: 20px 0;} .carrinho .box_carrinho .bloco_total{width:100%;} .carrinho .box_carrinho .bloco_total .total{font-size:30px;color:#666666;padding: 0 35px;text-align: right;} .carrinho .box_carrinho .bloco_total .total .label{font-size:14px;line-height:20px;font-weight: 600; margin-right: 10px;display: inline-block;vertical-align: middle;text-transform: uppercase;} .carrinho .box_carrinho .bloco_total .total .valor{display: inline-block;vertical-align: middle;font-size: 30px;line-height: 34px;font-weight: bold;color: #005a96;} .carrinho .box_carrinho .bloco_total.desconto{} .carrinho .box_carrinho .bloco_total.desconto .total{font-size: 12px;line-height: 16px;} .carrinho .box_carrinho .bloco_total.desconto .total .label{font-size: 12px; line-height: 16px;} .carrinho .box_carrinho .bloco_total.desconto .total .valor{font-size: 20px;line-height: 30px;text-decoration: line-through;} .carrinho .box_carrinho .bloco_total.resumo{color: #666;} .carrinho .box_carrinho .bloco_total.resumo .total .label{font-size: 12px;line-height: 16px;} .carrinho .box_carrinho .bloco_total.resumo .total .valor{font-size: 16px;line-height: 20px;color: #005a96;} .carrinho .box_carrinho .bloco_total.negativo{} .carrinho .box_carrinho .bloco_total.negativo .total .label{font-size: 12px;line-height: 16px;} .carrinho .box_carrinho .bloco_total.negativo .total .valor{font-size: 16px;line-height: 20px;color: rgba(76, 175, 82, 1);} .carrinho .box_carrinho .box-botoes{margin: 40px 0 0 0;text-align: right;} .carrinho .box_carrinho .box-botoes .bt_continuar{font-size: 14px;line-height: 20px; margin: 0 10px; color: #4d4d4d;display: inline-block; text-transform: uppercase;padding: 15px 25px;border-radius: 5px; background-color: transparent;border: 1px solid #e7e7e7; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .carrinho .box_carrinho .box-botoes .bt_continuar:hover{text-decoration: none;opacity: 0.7;cursor: pointer;} .carrinho .box_carrinho .box-botoes .bt_finalizar{font-size: 14px;line-height: 20px;color: #fff;display: inline-block; text-transform: uppercase;padding: 15px 25px;border-radius: 5px; background-color: var(--green);border: 1px solid var(--green); -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .carrinho .box_carrinho .box-botoes .bt_finalizar:hover{text-decoration: none;opacity: 0.7;cursor: pointer;} .carrinho .box_carrinho .empty_cart{text-align: center;color: #333333; font-size: 16px;font-weight: bold;padding: 25px 0;font-style: italic;} .carrinho .box-conteudo .box-endereco{} .carrinho .box-conteudo .box-endereco .titulo-endereco{color: var(--color1);font-size: 14px;line-height: 20px;font-weight: 700;text-transform: uppercase;margin-bottom: 10px;display: inline-block;} .carrinho .box-conteudo .card-endereco{border: 1px solid #ccc;background-color: #fafafa;padding: 10px;margin-bottom: 10px;max-width: 450px;} .carrinho .box-conteudo .card-endereco p{font-size: 16px;line-height: 24px;} .carrinho .box-conteudo .row-links{text-align: left;margin-bottom: 0px;} .carrinho .box-conteudo .row-links a{color: var(--color1);} .carrinho .box-conteudo .wrap-split{margin-bottom: 40px;} .carrinho .box-conteudo .wrap-split .card-split{} .carrinho .box-conteudo .wrap-split .card-split .card-endereco{} .carrinho .box-conteudo .inf .box_fretes{width:100%;max-width:610px;float: right;padding-bottom: 30px;} .carrinho .box-conteudo .inf .box_fretes label{font-size:13px;font-weight: bold;text-transform: uppercase;color:#000;float: left;margin:0 50px 0 0} .carrinho .box-conteudo .inf .box_fretes .bloc{width:170px;margin: 0 0 10px 0;float: left;} .carrinho .box-conteudo .inf .box_fretes .row-styledcheck{display: block;} .carrinho .box-conteudo .inf .box_fretes .bloc .sep{width:160px;} .carrinho .box-conteudo .inf .box_fretes .bloc .sep label{font-size: 14px;line-height: 18px;margin: 0px 15px 0px 0;} .carrinho .box-conteudo .inf .box_fretes .bloc .sep input[type="radio"]{margin:4px 0 0 0;} .carrinho .box-conteudo .inf .box_fretes .bloc .sep .dir{width:129px;display: inline-block;vertical-align: top;} .carrinho .box-conteudo .inf .box_fretes .bloc .sep .dir .valor{font-size:14px;color:#000;font-weight: bold;} .carrinho .box-conteudo .inf .box_fretes .bloc .sep .dir .dias{color: #666666;font-size: 10px;text-transform: uppercase;} .carrinho .box-conteudo .inf .box_cep{width:100%;max-width:610px;float: right;padding:0 0 30px 0;} .carrinho .box-conteudo .inf .box_cep label{font-size:13px;font-weight: bold;text-transform: uppercase;color:#000;float: left;margin:15px 30px 0 0} .carrinho .box-conteudo .inf .box_cep input[type="text"]{width:50px;border:1px solid #ddd;border-radius: 10px;width:275px;padding:15px 15px;box-sizing: border-box;font-size: 15px;color:#000;float: left;} .carrinho .box-conteudo .inf .box_cep .calc{font-size: 15px;font-weight: bold;color:#000;float: left;margin: 15px 0 0 20px;font-weight: 600px;cursor: pointer;border:none;background: transparent;} .carrinho .box-conteudo .inf .box_cep .calc:hover{text-decoration: none;color:#ec7c88;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;} .carrinho .box-conteudo .inf .bloco_total{width:100%;padding:20px 15px;box-sizing: border-box;text-align:right;background-color:#f2f2f2;margin:10px 0 0 0 } .carrinho .box-conteudo .inf .bloco_total .total{font-size:23px;color:#000;line-height: 23px;color:#000} .carrinho .box-conteudo .inf .bloco_total .total strong{display: inline-block;padding: 0 5px;min-width: 130px;} .carrinho .box-conteudo .inf .bloco_total.soma{background-color: #fff;padding: 5px 15px;} .carrinho .box-conteudo .inf .bloco_total.soma .total{font-size: 17px;} .carrinho .box-conteudo .inf .bloco_total.subtrai{background-color: #fff;padding: 5px 15px;} .carrinho .box-conteudo .inf .bloco_total.subtrai .total{font-size: 17px;color: #2fbf25;} .aside-content .label-titulo{letter-spacing: 1px; color: var(--color1);font-size: 16px;line-height: 20px;padding: 20px 0 10px 0; text-transform: uppercase; font-weight: 700;position: relative;} .aside-content .label-titulo > span{display: block;padding: 0 10px;} .aside-content .box-categoria{margin-bottom: 0px;} .aside-content .box-categoria:last-child{} .aside-content .box-categoria .titulo-categoria{width: 100%;font-size: 12px;line-height: 20px; text-transform: uppercase;border-bottom: 1px solid #e6e6e6;margin-bottom: 0px;} .aside-content .box-categoria .titulo-categoria > a{display: block;width: 100%;height: 100%;color: var(--textcolor1);font-weight: 600; padding: 10px 10px;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .aside-content .box-categoria .titulo-categoria > a.active, .aside-content .box-categoria .box-subcategorias .item a.active{color: #ffffff;background-color: #ff0000;} .aside-content .box-categoria .titulo-categoria > a:hover{text-decoration: none;color: #fff;background: #ff0000;} .aside-content .box-categoria .box-subcategorias{background-color: #fff;} .aside-content .box-categoria .box-subcategorias .item{} .aside-content .box-categoria .box-subcategorias .item > a{font-size: 16px; color: #606060;line-height: 1.4; padding: 5px 20px 5px 20px;display: block;width: 100%;box-sizing:border-box;position: relative;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .aside-content .box-categoria .box-subcategorias .item > a:hover{text-decoration: none;color: #fff;background-color: #005a96;} .menu-filtros{border: 1px solid #d8d8d8;border-radius: 10px;padding: 10px 10px;} .menu-filtros .label-titulo{color: var(--color1);font-size: 16px;line-height: 20px;padding: 0;margin-bottom: 30px; text-transform: uppercase; font-weight: 700;position: relative;display: flex;align-items: center;} .menu-filtros .label-titulo .fa{color: #fff;background-color: var(--color1);width: 32px;height: 32px;line-height: 32px;font-size: 16px;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 10px;} .menu-filtros .box-links{text-align: right;} .menu-filtros .box-links a{color: var(--color1);font-size: 12px;line-height: 16px;} .menu-filtros .box-filtros{margin-bottom: 40px;} .menu-filtros .box-filtros.last{margin-bottom: 0;} .menu-filtros .box-filtros .label-filtro{color: var(--color1);font-size: 16px;line-height: 20px;padding: 0;margin-bottom: 10px; text-transform: uppercase; font-weight: 700;position: relative;display: flex;align-items: center;} .menu-filtros .box-filtros .titulo-filtro{width: 100%; text-transform: uppercase;} .menu-filtros .box-filtros .titulo-filtro > a{font-size: 15px;line-height: 20px;display: block;width: 100%;color: var(--textcolor1); padding: 3px 0px;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .menu-filtros .box-filtros .titulo-filtro > a .fa{color: var(--color1);margin-right: 5px;font-size: 20px;line-height: 20px;} .menu-filtros .box-filtros .titulo-filtro > a:hover{text-decoration: none;color: var(--color1);} .meus-enderecos .box-conteudo .linha{width:980px;margin:0 auto ;padding:20px 0 70px 0;} .meus-enderecos .box-conteudo .linha > p{font-size:16px;line-height: 20px; margin:0 auto 30px 0;} .meus-enderecos .box-conteudo .p_descri{font-size:12px;color:#777;line-height:18px;width:963px;margin:25px 0 0 12px;text-align:justify;font-weight:bold;} .meus-enderecos .box-conteudo .link{font-size:13px;color:var(--color1);margin:40px 0 5px 600px;display:block;} .meus-enderecos .box-conteudo .link:hover{font-size:13px;color:var(--hover-green);text-decoration: none;} .meus-enderecos .box-conteudo .caixa_end{border:1px solid #999;padding:50px 30px 30px 30px;width:452px;margin:20px auto;position: relative;} .meus-enderecos .box-conteudo .caixa_end .box_end{background-color:var(--color1);font-size:12px;line-height: 20px; text-align:center;padding:5px 15px;position: absolute;top: 0;right: 0;} .meus-enderecos .box-conteudo .caixa_end .box_end .principal{text-align:center;color:#fff;font-size:15px;} .meus-enderecos .box-conteudo .caixa_end .box_end.cobranca{background-color: #f2f2f2;color: var(--textcolor);border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;top: 0;right: initial;left: 0;} .meus-enderecos .box-conteudo .caixa_end .box_end.cobranca .principal{color: var(--textcolor);} .meus-enderecos .box-conteudo .caixa_end .end{text-align:left;font-size:13px;margin-bottom: 10px;} .meus-enderecos .box-conteudo .caixa_end .bts{margin:20px 0 0 0;text-align: right;} .meus-enderecos .box-conteudo .caixa_end .bts .bt{font-weight:bold;color:var(--color1);margin :0 10px 0 0;font-size:13px;display: inline-block;vertical-align: bottom;} .meus-enderecos .box-conteudo .caixa_end .bts .bt:hover{color:var(--hover-green);} .cadastrar-endereco .box-endereco{} .cadastrar-endereco .box-endereco .p_descri{font-size:20px;color: #000;line-height:26px;text-align: center;margin-bottom: 30px;padding-top: 15px;} .cadastrar-endereco .box-endereco .box-cadastro{width:100%;max-width: 670px; margin:0 auto 0 auto;padding: 0px 0 40px 0;} .cadastrar-endereco .box-endereco .box-cadastro .box-botoes{margin-top: 20px;text-align: right;padding: 0 10px; } .cadastrar-endereco .box-cadastro .box-botoes .bt-voltar{display: inline-block;font-size: 15px;line-height: 24px;border-radius: 50px; padding: 10px 25px;border: 1px solid #ddd; font-weight: 600;color: #4d4d4d;text-transform: uppercase; background-color: #fff;margin: 0 15px; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .cadastrar-endereco .box-cadastro .box-botoes .bt-voltar:hover{text-decoration: none;background-color: #ddd;cursor: pointer;} .cadastrar-endereco .box-cadastro .box-botoes .bt-style{display: inline-block;font-size: 15px;line-height: 24px;border-radius: 50px; padding: 10px 25px;border: 0; font-weight: 600;color: #ffffff;text-transform: uppercase; background-color: var(--color1); -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .cadastrar-endereco .box-cadastro .box-botoes .bt-style:hover{text-decoration: none;background-color: #cd6c76;cursor: pointer;} .finalizar .cupom{width: 100%; max-width:400px;padding: 0;display: none;} .finalizar .cupom h3{color:#000000;line-height:20px;font-size:16px;display: block;margin-bottom: 5px;} .finalizar .cupom h3 .menor{} .finalizar .cupom h3 .maior{} .finalizar .cupom p{font-size:13px;line-height: 20px;color:#525252;margin:5px 0 5px 0;} .finalizar .cupom .bt-remover{color: #ea000a;font-weight: 400;} .finalizar .cupom .atualizar{font-size:15px;color:#fff;line-height:40px;font-weight: bold; display:inline-block;vertical-align: middle; padding: 0 20px;max-width: 125px; margin: 0 0 0 0;background-color: var(--color1);border-radius: 5px; text-align: center;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;border: 0;} .finalizar .cupom .atualizar:hover{text-decoration:none;opacity: 0.7;cursor: pointer;} .finalizar .cupom .input-cupom{width:100%;max-width: 240px; height:40px;border:1px solid #ddd;padding:0 0 0 10px;line-height: 28px;font-size: 14px;display: inline-block;vertical-align: middle;} .finalizar .cupom .input-cupom::-webkit-input-placeholder {color: #000000;} .finalizar .cupom .input-cupom:-moz-placeholder {color: #000000;} .finalizar .cupom .box_info_cupom{display: inline-block;vertical-align: middle;padding: 10px;border: 1px solid #ccc;} .finalizar .cupom .box_info_cupom p{font-weight: bold;} .finalizar .cupom .box_info_cupom p.descri{color: #88aaf4;margin:5px 0 5px 0px;} .finalizar .cupom .box_info_cupom .info{display: grid;grid-template-columns: 1fr auto;grid-gap: 10px;} .finalizar .box_dados{display: inline-block;width: 100%; max-width: 370px;vertical-align: top;margin-top: -60px;padding: 20px;border: 1px solid #cccccc;} .finalizar .box_dados .quad_1{padding: 0 0 0 0;} .finalizar .box_dados .quad_1 .titulo-group{position: relative;display: block;width: 100%;font-weight: 600; background-repeat: no-repeat;background-position: top center; font-size: 15px;color: #000000; text-transform: uppercase;margin-bottom: 15px;} .finalizar .box_dados .quad_1 .titulo-group > span{background-color: #fff;display: inline-block;padding: 0 10px 0 0;position: relative;z-index: 1;} .finalizar .box_dados .quad_1 .box-titulo{font-size: 16px;line-height: 30px;color: #666666;background-color: #f8f8f8; text-transform: uppercase;letter-spacing: 5px;padding: 20px 20px 20px 50px;margin-bottom: 20px;position: relative;} .finalizar .box_dados .quad_1 .box-titulo::before{content: " ";display: block;width: 30px;height: 30px;position: absolute;background: url(../images/icon-comprar.png) no-repeat center center; background-color: #f63758;left: 10px;top: 20px;background-size: 20px;border-radius: 7px;} .finalizar .box_dados .quad_1 p{font-size: 15px;color: #555555;line-height: 20px;display: block;min-height: 80px;margin: 0 0 15px 0;padding: 0;} .finalizar .box_dados .quad_1 .bt-alterar{font-size:15px;line-height: 20px; color:#ec7c88;display:inline-block;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} .finalizar .box_dados .quad_1 .bt-alterar:hover{} .finalizar .box-conteudo .inf .box_bts button{background-color: #59c82b;} .finalizar .box-conteudo .inf .box_bts button:hover{background-color: #2A8702;} .finalizar .inf .bloco-1{width: 550px;float: left;} .finalizar .inf .bloco-2{width: 620px;float: left;} .finalizar .inf .bloco-1.right{padding-left: 30px;} .finalizar .inf .bloco-1.left{padding-right: 30px;} .finalizar .inf .estilo-carrinho .box-title-highlight{text-align: left;padding: 20px 0px;margin-bottom: 20px;} .finalizar .inf .estilo-carrinho .box-title-highlight h2{margin-bottom: 0;} .finalizar .inf .estilo-carrinho .box-title-highlight .strong{font-size: 24px;line-height: 30px;font-weight: 700;text-transform: uppercase;color: var(--light-green)} .finalizar .inf .estilo-carrinho .box-title-highlight .normal{font-size: 20px;line-height: 24px;font-weight: 700;color: #000000;} .finalizar .inf .estilo-carrinho .box-title-highlight .space-between{display: flex;justify-content: space-between;align-items: flex-end;} .finalizar .inf .estilo-carrinho .box-title-highlight .space-between .valor{font-weight: 500;font-size: 20px;line-height: 24px;color: #000;} .finalizar .inf .estilo-carrinho .box_dados{margin-top: 40px;} .finalizar .inf .wrap-bg{background-color: #f2f2f2;padding: 0 20px 10px 20px;} .finalizar .inf .basket-items{} .finalizar .inf .basket-items .item{padding: 7px 0;margin-bottom: 15px;display: flex;} .finalizar .inf .basket-items .item .thumb{width: 70px;height: 70px;overflow: hidden;flex: 0 1 auto;background-color: #fff;} .finalizar .inf .basket-items .item .thumb > .wrap{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .finalizar .inf .basket-items .item .thumb > .wrap:hover{opacity: 0.7;text-decoration: none;} .finalizar .inf .basket-items .item .thumb img{vertical-align: middle;max-width: 100%;} .finalizar .inf .basket-items .item .box-info{flex: 1 1;padding-left: 10px;} .finalizar .inf .basket-items .item .name{font-size: 16px;line-height: 20px;font-weight: 700;color: #000000;margin-bottom: 15px;} .finalizar .inf .basket-items .item .name a{color: #4c4c4c;} .finalizar .inf .basket-items .item .prices{display: flex;justify-content: space-between;} .finalizar .inf .basket-items .item .prices .label{font-size: 14px;line-height: 20px;font-weight: 600;color: #000000;} .finalizar .inf .basket-items .item .prices .unit-price{font-size: 14px;line-height: 20px;color: #000000;display: block;} .finalizar .inf .basket-items .item .prices .quantity{font-size: 14px;line-height: 20px;color: #000000;display: block;background-color: #fff;padding: 5px;width: 100%;max-width: 60px;font-size: 12px;line-height: 16px; border: 1px solid #ddd; text-align: center;font-weight: 700;} .finalizar .inf .basket-items .item .prices .price{font-size: 16px;line-height: 20px;color: #000;font-weight: 500;} .finalizar .inf .basket-items .item .prices .old-price{font-size: 14px;line-height: 20px;font-weight: 700;color: #8e8d8d;text-decoration: line-through;} .finalizar .inf .basket-items .item.brinde .prices .price::before{content: "Brinde";display: inline-block;vertical-align: middle;color: #fff;background-color: #59c82b;padding: 3px 7px;font-size: 14px;line-height: 16px;font-weight: 600; margin-right: 10px;} .finalizar .inf .basket-items .item.brinde-cupom .prices .price .label{display: inline-block;vertical-align: middle;color: #fff;background-color: #59c82b;padding: 3px 7px;font-size: 14px;line-height: 16px;font-weight: 600; margin-right: 10px;} .finalizar .inf .basket-items .item.brinde-cupom .prices .price .label.rosa{background-color: #eb7d88;} .finalizar .inf .bloco-1 .box-info{margin-bottom: 15px;} .finalizar .inf .bloco-1 .box-info .label{font-size: 16px;line-height: 20px; font-weight: 700;} .finalizar .inf .bloco-1 .box-info .name{font-size: 16px;line-height: 20px;} .finalizar .inf .bloco-1 .box-info .old-total{font-size: 14px;line-height: 20px;font-weight: 600;color: #8e8d8d;text-decoration: line-through;} .finalizar .inf .bloco-1 .box-info .total{font-size: 16px;line-height: 20px;color: #434444;font-weight: 500;flex-shrink: 0;} .finalizar .inf .bloco-1 .box-info .total.desconto{color: #2fbf25;} .finalizar .inf .bloco-1 .box-info .total .porcentagem{font-size: 14px;} .finalizar .inf .bloco-1 .box-resumo{display: flex;justify-content: space-between;align-items: center;margin: 0;padding: 10px 0;border-bottom: 1px solid #f2f2f2;position: relative;} .finalizar .inf .bloco-1 .box-resumo .text-right{text-align: right;} .finalizar .inf .bloco-1 .box-resumo .small{font-size: 12px;line-height: 16px;font-style: italic;} .finalizar .inf .bloco-1 .box-resumo .small .bt-remover{color: #ea000a;font-style: normal;} .finalizar .inf .bloco-1 .box-resumo .bt-cupom{background-color: transparent;border: 0;font-size: 12px;line-height: 16px;font-style: italic; color: #000;} .finalizar .inf .bloco-1 .box-resumo .bt-cupom:hover{text-decoration: underline;cursor: pointer;} .finalizar .inf .box-total{font-size: 24px;line-height: 30px;color: #434444;font-weight: 700;padding: 10px 0;margin-bottom: 20px;} .checkout .box-title-highlight{text-align: left;padding: 10px 0px;margin-bottom: 30px;border-bottom: 1px solid #d1d7dd;} .checkout .box-title-highlight .strong{font-size: 24px;line-height: 30px;color: var(--color1);font-weight: 700;} .checkout .box-conteudo .coluna-lateral{} .checkout .box-conteudo .coluna-central{} .checkout .box-conteudo .basket-items{margin-bottom: 30px;} .checkout .box-conteudo .basket-items .item{padding: 7px 0;margin-bottom: 10px;display: flex;} .checkout .box-conteudo .basket-items .item .box-info{flex: 1 1;padding-left: 0px;} .checkout .box-conteudo .basket-items .item .name{font-size: 16px;line-height: 20px;color: var(--textcolor);margin-bottom: 5px;} .checkout .box-conteudo .basket-items .item .name a{color: inherit;} .checkout .box-conteudo .basket-items .item .valor-parcelado{font-weight: 700;} .checkout .box-conteudo .basket-items .item .valor-parcelado .parcela{font-size: 14px;line-height: 20px;} .checkout .box-conteudo .basket-items .item .valor-parcelado .valor{font-size: 18px;line-height: 24px;} .checkout .box-conteudo .basket-items .item .prices{} .checkout .box-conteudo .basket-items .item .prices .price{font-size: 14px;line-height: 20px;color: var(--color1);margin-right: 20px;font-weight: 600;} .checkout .box-conteudo .basket-items .item .prices .quantity{font-size: 12px;line-height: 20px;color: var(--color1);margin-right: 0;font-weight: 600;} .checkout .box-conteudo .coluna-lateral .resumo{} .checkout .box-conteudo .coluna-lateral .resumo .linha{display: flex;justify-content: flex-end;gap: 10px} .checkout .box-conteudo .coluna-lateral .resumo .label{font-size: 12px;line-height: 20px; font-weight: 400;} .checkout .box-conteudo .coluna-lateral .resumo .total{font-size: 12px;line-height: 20px;color: #434444;font-weight: 400;} .checkout .box-conteudo .coluna-lateral .resumo .desconto .total{color: var(--green);} .checkout .box-conteudo .coluna-lateral .box-total{display: flex;justify-content: flex-end;gap: 10px} .checkout .box-conteudo .coluna-lateral .box-total .label{font-size: 16px;line-height: 20px; font-weight: 400;} .checkout .box-conteudo .coluna-lateral .box-total .total{font-size: 16px;line-height: 20px;color: #434444;font-weight: 700;} .checkout .box-conteudo .basket-items .item .card-endereco{border: 1px solid #ccc;background-color: #fafafa;padding: 10px;margin-bottom: 10px;} .checkout .box-conteudo .basket-items .item .card-endereco p{font-size: 16px;line-height: 24px;} .checkout .box-conteudo .box-total{font-size: 24px;line-height: 30px;color: var(--textcolor);font-weight: 700;padding: 10px 0;} .checkout .box-conteudo .payment-methods{} .checkout .box-conteudo .payment-methods .frame{background-color: #fff;border-radius: 5px;box-shadow: 0 0 11px -1px rgba(0, 0, 0, .25);margin-bottom: 30px;} .checkout .box-conteudo .payment-methods .frame .box-title{padding: 0 30px;} .checkout .box-conteudo .payment-methods .frame .box-title:hover{cursor: pointer;background-color: #f2f2f2;} .checkout .box-conteudo .payment-methods .frame .box-title .title{font-size: 20px;line-height: 30px;color: var(--color1);font-weight: 700;padding: 20px 0;} .checkout .box-conteudo .payment-methods .frame .content{padding: 20px 30px;display: none;} .checkout .box-conteudo .payment-methods .frame.active .content{display: block;} .checkout .box-conteudo .payment-methods .frame.active .box-title .title{border-bottom: 1px solid #d6dce3;} .checkout .box-conteudo .payment-methods .frame .fieldset{display: flex;flex-wrap: wrap;} .checkout .box-conteudo .payment-methods .frame .wrapper-input{min-height: 76px;} .checkout .box-conteudo .payment-methods .frame .wrapper-input .centraliza{height: 56px;display: flex;justify-content: center;align-items: center;} .checkout .box-conteudo .payment-methods .frame .wrapper-input .centraliza > img{vertical-align: middle;} .checkout .box-conteudo .payment-methods .frame .wrapper-input.join-inputs, .checkout .box-conteudo .payment-methods .frame .wrapper-input .join-inputs{display: flex;} .checkout .box-conteudo .payment-methods .frame .wrapper-input.pd-xl-10{padding-left: 10px;} .checkout .box-conteudo .payment-methods .frame .wrapper-input.pd-xr-10{padding-right: 10px;} .checkout .box-conteudo .payment-methods .frame .input-style{height: 56px;border-radius: 5px;padding: 0 20px;border-color: #cccccc;} .checkout .box-conteudo .payment-methods .frame .smartlabel label{top: 14px;left: 30px;} .checkout .box-conteudo .payment-methods .frame .smartlabel .active label, .checkout .box-conteudo .payment-methods .frame .smartlabel .wrapper-fixedlabel label{top: -6px;left: 20px;} .checkout .box-conteudo .payment-methods .frame .input-style.select{padding: 0;} .checkout .box-conteudo .payment-methods .frame .input-style select{box-sizing:border-box;background: transparent;width: 110%;padding:0 50px 0 20px;;font-size: 14px;line-height: 20px;border: 0;border-radius: 0;height: 54px;-webkit-appearance: none;border:none;} .checkout .box-conteudo .payment-methods .frame .box-buttons{text-align: right;padding: 0 10px;display: block;justify-content: space-between;align-items: flex-start;} .checkout .box-conteudo .payment-methods .frame .box-buttons .bt-style{display: inline-block;font-size: 18px;border: 0; font-weight: bold; padding: 14px 30px;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out; background-color: #5ccf00;text-transform: uppercase;color: #fff;border-radius:5px;} .checkout .box-conteudo .payment-methods .frame .box-buttons .bt-style:hover{text-decoration: none;opacity: 0.7;cursor: pointer;} .checkout .box-conteudo .payment-methods .errormessage{margin-bottom: 20px;text-align: center;background-color: #ea000a;color: #fff;padding: 5px;font-size: 16px;line-height: 20px;font-weight: bold;} .checkout .box-conteudo .payment-methods .legend{font-size: 16px;line-height: 20px; margin-bottom: 40px;} .checkout .checkout-success{text-align: center;padding: 40px 20px;font-size: 30px;} .checkout .box-conteudo .payment-methods .frame .content .card-wrapper{margin-bottom: 30px;} .checkout .wrapper-input{} .checkout .wrapper-input .errorlist{padding: 0;} .checkout .box-conteudo .payment-methods .frame .fieldset-aceite{padding: 10px 0;} .checkout .box-conteudo .payment-methods .frame .fieldset-aceite .aviso{font-size: 16px;line-height: 20px;margin-bottom: 25px;} .checkout .box-conteudo .payment-methods .frame .fieldset-aceite .row-styledcheck{margin-bottom: 20px;} .checkout .box-conteudo .payment-methods .frame .fieldset-aceite .row-styledcheck > label{margin: 0; font-size: 14px;float: left;} .checkout .box-conteudo .payment-methods .frame .fieldset-aceite .row-styledcheck > label .styledcheck{margin: 3px 5px 0 0;} .checkout .box-conteudo .payment-methods .frame .fieldset-aceite .row-styledcheck .label{font-size: 14px;line-height: 20px; color: #2f3030;} .checkout .box-conteudo .payment-methods .frame .fieldset-aceite .row-styledcheck a{color: var(--primary-color);font-size: 14px;font-weight: bold;} .checkout .box-conteudo .payment-methods .frame .fieldset-aceite .row-styledcheck .errorlist{display: block;} #overlay{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.87);z-index: 9000;user-select: none;overflow: hidden;} #overlay .wrap-overlay{position: absolute;top: 50%;left: 50%;font-size: 50px;width: 100%;text-align: center; color: #666;user-select: none;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} #overlay .loading { font-size: 20px;line-height: 20px;margin-top: 20px; } #overlay .loading-bar { display: inline-block; width: 5px; height: 20px; border-radius: 4px; animation: loadingbar 1s ease-in-out infinite; } #overlay .loading-bar:nth-child(1) { background-color: #526482; animation-delay: 0; } #overlay .loading-bar:nth-child(2) { background-color: #526482; animation-delay: 0.09s; } #overlay .loading-bar:nth-child(3) { background-color: #526482; animation-delay: .18s; } #overlay .loading-bar:nth-child(4) { background-color: #526482; animation-delay: .27s; } @keyframes loadingbar { 0% { transform: scale(1); } 20% { transform: scale(1, 2.2); } 40% { transform: scale(1); } } #overlay-result{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.87);z-index: 2000;user-select: none;overflow: hidden;} #overlay-result .wrap-overlay{position: absolute;top: 50%;left: 50%;user-select: none;text-align: center;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} #overlay-result .wrap-overlay .text{font-size: 30px;line-height: 34px; width: 100%; color: #526482;margin-bottom: 20px;display: block;} #overlay-result .wrap-overlay .subtext{font-size: 18px;width: 100%; color: #666;display: block;} #overlay-result .wrap-overlay .bt-style{display: inline-block;font-size: 18px;line-height: 24px; border: 0; font-weight: bold; padding: 10px 20px;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out; background-color: #5ccf00;text-transform: uppercase;color: #fff;border-radius:5px;} #overlay-result .wrap-overlay .bt-style:hover{text-decoration: none;opacity: 0.7;} @media(max-width: 1023px){ #overlay-result .wrap-overlay{width: 80%;} #overlay-result .wrap-overlay .text{font-size: 26px;line-height: 30px;} } .pedidos .box-pedidos{padding: 0 10px;font-family: 'Open Sans', sans-serif;} .pedidos .box-pedidos table{width:100%;border-collapse: collapse;margin-bottom: 30px;} .pedidos .box-pedidos table tr{width:100%;height:79px;border-bottom: 1px solid #232323;} .pedidos .box-pedidos table tr:first-child{height:70px;border:none;} .pedidos .box-pedidos table th{font-size:15px;line-height: 20px; color:var(--textcolor); text-align:center;padding: 0 10px;text-transform: uppercase;} .pedidos .box-pedidos table th:first-child{text-align: left;} .pedidos .box-pedidos table th.num_pedido{padding: 0 0 0 15px;text-align: left;width: 317px;} .pedidos .box-pedidos table th.data_pedido{width:120px;} .pedidos .box-pedidos table th.valor_pedido{width:130px;} .pedidos .box-pedidos table th.status_pedido{width:120px;} .pedidos .box-pedidos table th.detalhes_pedido{width:160px;} .pedidos .box-pedidos table td{border-top: 1px solid #232323;} .pedidos .box-pedidos table td .detalhes{color:#4a6fcf;} .pedidos .box-pedidos table td .detalhes:hover{color:#ccc;text-decoration:none;} .pedidos .box-pedidos table td.num_pedido{font-size: 20px;line-height: 24px; color: var(--textcolor);text-align: left;font-weight: bold;padding:0 15px;} .pedidos .box-pedidos table td.data_pedido{font-size: 15px;line-height: 18px; color: var(--textcolor);text-align: center;width: 160px;} .pedidos .box-pedidos table td.valor_pedido{font-size: 20px;line-height: 24px; color: var(--textcolor);text-align: center;width: 130px;font-weight: bold;} .pedidos .box-pedidos table td.status_pedido{font-size: 15px;line-height: 18px; color: var(--textcolor);text-align: center;width: 160px;} .pedidos .box-pedidos table .bt_detalhes{width: 140px;background: url(../images/icon-arrow-right.svg) no-repeat left center;background-size: contain; font-size: 12px;font-weight: bold;color:#222;line-height: 20px;padding: 0 10px 0 25px;display: block;margin: 0 auto;} .pedidos .box-pedidos table .bt_detalhes:hover{text-decoration: none;opacity: 0.7;} .pedidos .box-pedidos .empty{font-size: 16px;line-height: 20px; text-align: center;font-style: italic;color: var(--textcolor);} .pedidos .box-pedidos .info-pedido{margin-bottom: 10px;font-size: 16px;line-height: 20px;color: var(--textcolor);} .pedidos .box-pedidos .info-pedido p{font-size: 16px;line-height: 20px;} .pedidos .box-pedidos .info-pedido strong{font-weight: 700;color:#222;} .pedidos .box-pedidos .box-endereco{margin-bottom: 30px;font-size: 16px;line-height: 20px;color: var(--textcolor);} .pedidos .box-pedidos .box-endereco strong{font-weight: 700;color:#222;} .pedidos .box-pedidos .box-produtos{--textcolor: #222222;} .pedidos .box-pedidos .box-produtos .label{font-size: 22px;line-height: 26px;color:#222;font-weight: 700;margin-bottom: 20px;} .pedidos .box-pedidos .box-produtos .item{display: flex; justify-content: space-between;align-items: center; width: 100%;margin-bottom: 15px;} .pedidos .box-pedidos .box-produtos .item .thumb{width: 100px;height: 100px;flex-shrink: 0;display: flex;justify-content: center;align-items: center;border: 1px solid #f2f2f2;padding: 5px;} .pedidos .box-pedidos .box-produtos .item .thumb img{max-height: 100%;max-width: 100%;height: auto !important; width: auto !important;vertical-align: middle;} .pedidos .box-pedidos .box-produtos .item .nome{display: flex;align-items: center;font-size: 16px;line-height: 20px; color: var(--textcolor);padding: 5px 10px;} .pedidos .box-pedidos .box-produtos .item .valor{font-weight: 700; font-size: 16px;line-height: 20px; color: var(--textcolor);padding: 5px 10px;} .pedidos .box-pedidos .info-pedido p.gerar-boleto{margin-bottom: 20px;} .pedidos .box-pedidos .info-pedido p.gerar-boleto > strong{display: block;margin-bottom: 5px;} .pedidos .box-pedidos .info-pedido p.gerar-boleto > a{display: inline-block;font-size: 16px;border: 0; font-weight: bold; padding: 10px 15px;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out; background-color: #5ccf00;text-transform: uppercase;color: #fff;border-radius:5px;} .pedidos .box-pedidos .info-pedido p.gerar-boleto > a:hover{text-decoration: none;opacity: 0.7;cursor: pointer;} .pedidos .box-pedidos .info-pedido .link{color: #5ccf00;font-weight: 700;} .pedidos .box-pedidos .wrap-total{border: 1px solid #e6e6e6;background-color: #f8f8f8;padding: 20px 0;margin-bottom: 30px; } .pedidos .box-pedidos .bloco_total{width:100%;} .pedidos .box-pedidos .bloco_total .total{font-size:30px;color:#666666;padding: 0 35px;text-align: right;} .pedidos .box-pedidos .bloco_total .total .label{font-size:14px;line-height:20px;font-weight: 600; margin-right: 10px;display: inline-block;vertical-align: middle;text-transform: uppercase;} .pedidos .box-pedidos .bloco_total .total .valor{display: inline-block;vertical-align: middle;font-size: 30px;line-height: 34px;font-weight: bold;color: var(--color1);} .pedidos .box-pedidos .bloco_total.desconto{} .pedidos .box-pedidos .bloco_total.desconto .total{font-size: 12px;line-height: 16px;} .pedidos .box-pedidos .bloco_total.desconto .total .label{font-size: 12px; line-height: 16px;} .pedidos .box-pedidos .bloco_total.desconto .total .valor{font-size: 20px;line-height: 30px;text-decoration: line-through;} .pedidos .box-pedidos .bloco_total.resumo{color: #666;} .pedidos .box-pedidos .bloco_total.resumo .total .label{font-size: 12px;line-height: 16px;} .pedidos .box-pedidos .bloco_total.resumo .total .valor{font-size: 16px;line-height: 20px;color: var(--color1);} .pedidos .box-pedidos .bloco_total.negativo{} .pedidos .box-pedidos .bloco_total.negativo .total .label{font-size: 12px;line-height: 16px;} .pedidos .box-pedidos .bloco_total.negativo .total .valor{font-size: 16px;line-height: 20px;color: rgba(76, 175, 82, 1);} .pedidos .box-pedidos .row-button{padding: 20px 10px;text-align: right;} .pedidos .box-pedidos .row-left{text-align: left;padding-left: 0;padding-right: 0;} .pedidos .box-pedidos .goto-checkout{display: inline-block;font-size: 16px;border: 0; font-weight: bold; padding: 10px 15px;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out; background-color: #5ccf00;text-transform: uppercase;color: #fff;border-radius:5px;} .pedidos .box-pedidos .goto-checkout:hover{text-decoration: none;opacity: 0.7;cursor: pointer;} .pedidos .box-conteudo .box-veiculo{padding: 20px 20px;border: 1px solid #ccc;background-color: #f2f2f2;margin-bottom: 40px;} .pedidos .box-conteudo .box-veiculo .item{margin-bottom: 20px;} .pedidos .box-conteudo .box-veiculo .item .label{font-size: 20px;line-height: 24px;font-weight: 700;color: var(--color1);margin-bottom: 5px;} .pedidos .box-conteudo .box-veiculo .item .valor{font-size: 16px;line-height: 20px;} .pedidos .box-conteudo .box-veiculo .veiculo{} .pedidos .box-conteudo .box-veiculo .data{} .pedidos .box-conteudo .box-veiculo .row-link{margin-bottom: 20px;} .pedidos .box-conteudo .box-veiculo .row-link .link-style{color: var(--color1)} .pedidos .box-conteudo .box-veiculo .row-value{text-align: right;display: flex;justify-content: flex-end;align-items: center;} .pedidos .box-conteudo .box-veiculo .row-value .label{font-size: 20px;line-height: 24px;margin-right: 10px;} .pedidos .box-conteudo .box-veiculo .row-value .valor{font-size: 20px;line-height: 24px;font-weight: 700;color: var(--color1);} .pedidos .box-conteudo .box-cancelamento{} .pedidos .box-conteudo .box-cancelamento .row-buttons{text-align: right;} .pedidos .box-conteudo .box-cancelamento .row-buttons .link-style{display: inline-block;padding: 10px 15px;color: var(--color1);} .pedidos .box-conteudo .box-cancelamento .row-buttons .link-style.red{color: #ea000a;} .pedidos .box-conteudo .box-cancelamento .msg{} .pedidos .box-conteudo .box-cancelamento .msg .link{color: var(--color1);font-weight: 600;} .pedidos_detalhes .box-conteudo{padding: 0 0 40px 0;} .pedidos_detalhes .box-pedidos .table{width:100%;} .pedidos_detalhes .box-pedidos .table .tr{width:100%;height:79px;border-bottom: 1px solid #eeeeee;} .pedidos_detalhes .box-pedidos .table .tr:first-child{height:70px;border:none;} .pedidos_detalhes .box-pedidos .table .tr .th{font-size:15px;line-height: 20px; color:#a6a6a6; text-align:center;padding: 0 10px;text-transform: uppercase;} .pedidos_detalhes .box-pedidos .table .tr .th:first-child{text-align: left;} .pedidos_detalhes .box-pedidos .table .tr .td {border-bottom: 1px solid #e6e6e6;} .pedidos_detalhes .box-pedidos .table .tr .td .thumb{width:70px;height:96px;display: inline-block;vertical-align: middle;} .pedidos_detalhes .box-pedidos .table .tr .td .thumb:hover{opacity: 0.7;} .pedidos_detalhes .box-pedidos .table .tr .td .centralizador{width:70px;height:96px;text-align:center;vertical-align:middle;display:table-cell;} .pedidos_detalhes .box-pedidos .table .tr .td .link_produto{word-break: break-word; display: inline-block;vertical-align: middle;padding: 10px 10px;color: #777777;font-size: 16px;line-height: 20px; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;} /*.pedidos_detalhes .box-pedidos .table .tr .td .link_produto:hover{color: #005a96;text-decoration: none;}*/ .pedidos_detalhes .box-pedidos .table .tr .td .link_produto .lote{font-size: 18px;line-height: 24px;font-weight: 600;color: var(--color1);} .pedidos_detalhes .box-pedidos .table .tr .td .link_produto .evento{font-size: 12px;line-height: 20px;color: #222;} .pedidos_detalhes .box-pedidos .table .tr .td .link_produto .setor{font-size: 12px;line-height: 20px;color: #222;} .pedidos_detalhes .box-pedidos .table .tr .td .link_produto .nome{font-size: 16px;line-height: 20px;color: #222;} .pedidos_detalhes .box-pedidos .table .tr .td_quantidade{text-align: center;font-size:20px;line-height: 24px;} .pedidos_detalhes .box-pedidos .table .tr .valor_unitario{font-size: 20px;text-align: center;color: #333333;} .pedidos_detalhes .box-pedidos .table .tr .sub_total{font-size: 20px;text-align: center;color: #005a96;font-weight: 600;} .pedidos_detalhes .box-pedidos .table .th_produto{width:492px;text-align:left;padding:0 0 0 15px;} .pedidos_detalhes .box-pedidos .table .th_quantidade{width:162px;text-align:center;padding:0;} .pedidos_detalhes .box-pedidos .table .th_valor_unitario{width:138px;text-align:center;padding:0;} .pedidos_detalhes .box-pedidos .table .th_sub_total{width:138px;text-align:center;padding:0;} .pedidos_detalhes .box-resumo{padding: 15px 25px;text-align: right;} .pedidos_detalhes .box-resumo .row{margin-bottom: 10px;} .pedidos_detalhes .box-resumo .row:last-child{margin-bottom: 0;} .pedidos_detalhes .box-resumo .row .label{display: inline-block;padding: 0 10px;font-size: 16px;line-height: 20px;color: #544a4e;font-weight: 600;} .pedidos_detalhes .box-resumo .row .valor{display: inline-block;padding: 0 10px;font-size: 16px;line-height: 20px;color: #544a4e;font-weight: 600;min-width: 150px;} .pedidos_detalhes .box-resumo .row .label.subtotal{font-size: 20px;line-height: 24px;font-weight: 700;} .pedidos_detalhes .box-resumo .row .valor.subtotal{font-size: 20px;line-height: 24px;font-weight: 700;} .pedidos_detalhes .box-resumo .row .valor.green{color: #2fbf25;} .contato .box-conteudo{padding: 20px 0;} .contato .box-conteudo .box-form{max-width: 600px;margin-left: auto;margin-right: auto;} .contato .box-conteudo .box-form .legend{font-size: 16px;line-height: 20px;margin-bottom: 30px;padding: 0 10px;} .contato .box-conteudo .box-form .wrapper-input{} .contato .box-conteudo .box-form .row-button{padding: 0 10px;text-align: right;} .contato .box-conteudo .box-form .bt-style{display: inline-block;border: 1px solid #fff; font-family: "Open Sans", sans-serif;font-size: 14px;font-weight: 400;text-transform: uppercase; border-radius: 4px;-webkit-transition: 0.5s;transition: 0.5s;padding: 10px 15px; background: var(--color1);border: 0;color: #fff;} .contato .box-conteudo .box-form .bt-style:hover{text-decoration: none;opacity: 0.7;cursor: pointer;} .box-bt-voltar{padding: 0 10px;text-align: right;} .box-bt-voltar.mg-botom{margin-bottom: 25px;} .box-bt-voltar > .bt-voltar{color: var(--color1);font-size: 14px;line-height: 20px;} .msg-sucesso{padding: 60px 10px;} .msg-sucesso p{font-size: 20px;line-height: 24px; text-align: center;} .msg-empty{font-size: 16px;line-height: 20px; text-align: center;} .menutip{position: relative;} .menutip .boxtip{display: none;position: absolute;z-index: 999999; left: 0;background-color: #ffffff;padding: 10px;box-shadow: 0 0 10px -2px rgba(0, 0, 0, .54);min-width: 100%;border-radius: 10px;} .menutip:hover .boxtip{display: block;} /* Dispositivos com tela acima de 1170px */ @media(min-width: 1170px){ } /* Dispositivos com tela acima de 1024px */ @media(min-width: 1024px){ .mobile{display: none !important} .desktop{} .grid-aside-right{ display: grid; grid-gap: 30px; grid-template-columns: auto 300px; } .grid-aside-left{ display: grid; grid-gap: 30px; grid-template-columns: 300px auto; } .fill .center-content{width: 100%;float: none;} .fill .aside-content{display: none;} .carrinho .box-conteudo .wrap-split{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40px;} .carrinho .box-conteudo .wrap-split .card-split{width: 100%;} .carrinho .box-conteudo .wrap-split .card-split .box_fretes{padding-top: 30px;} .col-1-1{float: left;width: 100%;} .col-1-2{float: left;width: 50%;} .col-1-3{float: left;width: calc(100%/3);} .col-1-4{float: left;width: calc(100%/4);} .col-1-5{float: left;width: calc(100%/5);} .col-1-6{float: left;width: calc(100%/6);} .col-1-8{float: left;width: calc(100%/8);} .col-2-3{float: left;width: calc(200%/3);} .col-3-4{float: left;width: calc(300%/4);} .col-5-12{float: left;width: calc(500%/12);} .col-2-12{float: left;width: calc(200%/12);} .footer .section-copyright .copyright{display: flex;justify-content: space-between;} .main-footer .grid{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;} .box-banners .banners .item-banner{padding-top: 0;height: 460px;} .detalhes .box-conteudo .box-detalhes{margin-left: 50px;max-width: 540px;} .main-footer .grupo.text-right{text-align: right;} .aside-content.menu-filtros{padding: 20px;width: 270px;margin-right: 30px;margin-top: 70px;} .pedidos_detalhes .wrap-flex{display: flex;gap: 30px;} .pedidos_detalhes .wrap-flex .flex-item{width: 100%;} .detalhes .box-conteudo .wrap-box{display: flex;gap: 60px;justify-content: space-between;} .detalhes .box-conteudo .wrap-box .box-left{width: 100%;} .detalhes .box-conteudo .wrap-box .box-right{width: 100%;max-width: 540px;flex-shrink: 0;} } /* Dispositivos com tela entre de 1024px e 1169px */ @media(min-width: 1024px) and (max-width: 1169px){ .center-content{width: 750px;} .aside-content{width: 270px;} .aside-content.right{padding-left: 10px;} .aside-content.left{padding-right: 10px;} .detalhes .box-conteudo .box-detalhes{max-width: 420px;} .section-outlet .vitrine-outlet .item-outlet{width: 240px;height: 221px;} .section-outlet .vitrine-outlet .item{width: 210px;height: 210px;} } /* Dispositivos com tela abaixo de 1023px */ @media(max-width: 1023px){ .mobile{} .desktop{display: none !important} .center-content{width: 100%;float: none;} .fixed.aside-content{position: fixed;top: 0;width: 270px;max-height: 100%;overflow-y: auto;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out; z-index: 1012;} .fixed.aside-content.left{left: -270px;padding-right: 0;border-right: 2px solid var(--color1);border-bottom: 2px solid var(--color1);padding-top: 60px;} .fixed.aside-content.left.active{left: 0;} .fixed.aside-content.right{right: -270px;padding-left: 0;border-left: 2px solid var(--color1);border-bottom: 2px solid var(--color1);} .fixed.aside-content.right.active{right: 0;} .faixa-site .wrap{text-align: center;} .faixa-site .wrap .item{padding: 5px 10px 5px 60px;background-size: 40px;display: inline-block;width: auto;text-align: left;} .faixa-site .wrap .item .strong{font-size: 15px;line-height: 20px;} .faixa-site .wrap .item .normal{} .footer .section-copyright .copyright{padding: 30px 0;} .footer .section-copyright .copyright > p{padding: 0;margin-bottom: 10px;} .main-footer{text-align: center;} .main-footer .logo{margin-left: auto;margin-right: auto;} .menu-filtros{border-radius: 0px 10px 10px 0px;} .menu-filtros .box-links{padding: 0 10px;} .breadcrumbs{padding: 5px 10px;} .breadcrumbs .item{font-size: 12px;line-height: 16px;} .breadcrumbs .item > a{font-size: 12px;line-height: 16px;} .box-bt-filtro .bt-abrir-filtro{position: fixed;left: 0;top: 190px;z-index: 1000;padding: 5px 7px; border-radius: 0 10px 10px 0;border: 0;box-shadow: 0 0 20px -8px rgba(0, 0, 0, .54);} .box-bt-filtro .bt-abrir-filtro .fa{margin: 0;} .titulo-style-principal{font-size: 20px;line-height: 26px;} .main-header{padding-top: 50px;text-align: center;} .main-header .box-menu{position: fixed;top: 0; margin: 0; height:auto;min-height: 50px; top: 0;left: 0;width: 100%;background-color: rgba(150, 117, 84, .8);box-shadow: 0px -8px 18px 6px #000;max-height: 100%;overflow: auto;z-index: 1015; background: rgba(255, 255, 255, 1); /* background: rgba(161, 116, 56, .7); background: -webkit-linear-gradient(180deg, rgba(161, 116, 56, .7), rgba(199, 174, 102, .7)); background: -o-linear-gradient(180deg,rgba(199, 174, 102, .7), rgba(161, 116, 56, .7)); background: -moz-linear-gradient(180deg, rgba(199, 174, 102, .7), rgba(161, 116, 56, .7)); background: linear-gradient(180deg, rgba(199, 174, 102, .7), rgba(161, 116, 56, .7));*/ } .main-header .box-menu.active{opacity: 1;background-color: rgba(150, 117, 84, .85);} .main-header .box-menu .icon-menu{width: 40px;height: 40px;position: fixed;left: 15px;top: 5px;} .main-header .box-menu .icon-menu:hover{cursor: pointer;} .main-header .box-menu .icon{width: 40px;height: 5px;top: 18px;background-color: rgba(225, 68, 82, 0.9);position: relative;display: block;border-radius: 2px;-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;} .main-header .box-menu .icon::before{content: " ";display: block;position: absolute;width: 40px;height: 5px;background-color: rgba(225, 68, 82, 0.9);top: -12px;border-radius: 2px;} .main-header .box-menu .icon::after{content: " ";display: block;position: absolute;width: 40px;height: 5px;background-color: rgba(225, 68, 82, 0.9);bottom: -12px;border-radius: 2px;} .main-header .box-menu .icon-menu.active .icon{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);background-color: transparent;} .main-header .box-menu .icon-menu.active .icon::before{-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-ms-transform-origin: 35px 8px;-webkit-transform-origin: 35px 8px;transform-origin: 35px 8px;background-color: rgba(225, 68, 82, 0.9);} .main-header .box-menu .icon-menu.active .icon::after{-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);-ms-transform-origin: 34px -2px;-webkit-transform-origin: 34px -2px;transform-origin: 34px -2px;background-color: rgba(225, 68, 82, 0.9);} .main-header .box-menu .menu{padding-bottom: 10px;padding-top: 50px; display: none; text-align: center;float: none;padding-left: 0;padding-right: 0;} .main-header .box-menu .menu .item{display: block;height: auto;padding-bottom: 0;} .main-header .box-menu .menu .item > a{display: block;padding: 10px 15px;font-size: 16px; line-height: 20px;height: auto;color: rgba(199, 174, 102, 1);border: 0;border-radius: 0;} .main-header .box-menu .menu .item > a:hover{background-color: #fff;text-decoration: none;border: 0;color: rgba(161, 116, 56, 1);} .main-header .box-menu .icon-menu-lateral{width: 40px;height: 40px;position: absolute;left: 5px;top: 5px;background: url(../images/icon-arrow-left.png) no-repeat center center;} .main-header .box-menu .icon-menu-lateral:hover{cursor: pointer;} .main-header .topo .box-login{max-width: 300px;width: auto;} .main-header .wrap-header .box-carrinho{position: fixed;top: 0px;right: 0px; z-index: 1016;background-size: 22px;background-position: 6px center;} .main-header .wrap-header .box-carrinho > a .circle{width: 20px;height: 20px;right: -7px;top: -7px;} .main-header .box-logo{position: fixed;z-index: 1016;top: 0px;left: 50%;transform: translateX(-50%);width: 120px;height: 50px;background-size: 50px;} .main-header .box-logo a{display: flex;align-items: center;} .main-header .topo{padding-top: 25px;} .main-header .wrap .box-telefones{display: block;max-width: 250px;margin-left: auto;margin-right: auto;} .main-header .wrap-header .form-busca{padding: 25px 10px 0 10px;margin: 0 auto;} .aside-content .box-user .box-login{text-align: left; display: inline-block;vertical-align: middle;width: 240px;padding: 15px 10px 15px 40px;background: url(../images/icon-auth.jpg) no-repeat 10px center;} .aside-content .box-user .box-login > a{color: #4a4a4a;text-transform: uppercase;font-size: 12px;line-height: 20px; font-weight: 600;} .aside-content .box-user .box-login .nome{color: #4a4a4a;font-size: 12px;font-weight: 600;line-height: 20px;} .aside-content .box-user .box-login .nome > span{display: inline-block;max-width: 150px;overflow: hidden;vertical-align: bottom;white-space: nowrap;} .aside-content .box-user .box-login .logout{color: var(--color1);font-weight: bold;} .aside-content .box-links{} .aside-content .box-links .item{} .aside-content .box-links .item a{display: block;padding: 5px 15px;font-size: 14px;line-height: 18px;text-transform: uppercase;color: var(--textcolor1);} .box-banners .banners .item-banner{padding-top: calc(480 / 1280 * 100%);} .section-vitrine{padding: 30px 10px;} .section-vitrine .titulo-vitrine{font-size: 22px;line-height: 26px;} .section-icones{padding: 30px 10px;} .section-newsletter .form-news .label{font-size: 1.4rem;line-height: 1.2;} .section-newsletter .form-news .inline-form{flex-direction: column;} .section-newsletter .form-news .wrapper-input{margin-bottom: 10px;} .section-newsletter .form-news .wrapper-input:last-child{margin-bottom: 0;} .section-newsletter .form-news .row-button{margin-top: 10px;} .detalhes .box-conteudo .box-detalhes{margin: 0 auto;float: none;text-align: center;} .detalhes .box-conteudo .box-thumbs{margin:0 auto 20px auto;float: none;max-width: 300px;height: auto;} .detalhes .box-conteudo .box-thumbs .box-mini-thumbs{padding: 0 10px;display: none;} .detalhes .box-conteudo .box-thumbs .thumb-principal{max-width: 300px;height: 280px;padding: 0 10px;} .detalhes .box-conteudo .box-thumbs .thumb-principal a{height: 280px;} .detalhes .box-conteudo .box-thumbs .thumb-principal a img{margin-right: auto;margin-left: auto;} .detalhes .box-conteudo .box-detalhes .referencia{text-align: center;} .detalhes .box-conteudo .box-detalhes .titulo-produto{text-align: center;} .detalhes .box-conteudo .box-detalhes .titulo-produto{font-size: 20px;line-height: 24px;} .detalhes .box-conteudo .box-detalhes .wrapper-qtd{text-align: center;margin-bottom: 15px;} .detalhes .box-detalhes .box-valor{display: block;text-align: center;} .detalhes .box-conteudo .box-detalhes .box-botoes{text-align: center;margin-top: 15px;} .detalhes .box-titulo-style{text-align: left;} /*.detalhes .main .box-detalhes .box-botoes{text-align: center;bottom: 0;background-color: rgba(233, 233, 233, .8);left: 0;width: 100%;padding: 5px 0;box-shadow: 0px 10px 18px 6px #000;z-index: 999;}*/ .detalhes .main .box-descricao .texto{padding: 0 10px;} .detalhes .box-conteudo .box-detalhes .box-valor .valor{font-size: 40px;line-height: 44px;} .detalhes .box-conteudo .box-detalhes{padding-left: 10px;padding-right: 10px;} .detalhes .box-conteudo .box-descricao{padding-left: 10px;padding-right: 10px;} .detalhes .box-conteudo .box-relacionados{padding-left: 10px;padding-right: 10px;} .detalhes .box-conteudo .box-detalhes .box-estoque{margin-left: auto;margin-right: auto;} .detalhes .box-conteudo .box-calcular-frete .fretes-result{margin-left: auto;margin-right: auto;} .detalhes .box-conteudo .box-calcular-frete .box-fretes{padding: 10px;} .detalhes .box-conteudo .box-calcular-frete .fretes-result{min-height: 20px;} .detalhes .box-conteudo .box-calcular-frete .fretes-result .row{flex-wrap: wrap;} .detalhes .box-conteudo .box-calcular-frete .fretes-result .row .label{width: 100%;} .detalhes .box-conteudo .box-calcular-frete .fretes-result .row .prazo{width: calc(100% - 100px);text-align: left;} .detalhes .box-conteudo .box-calcular-frete .fretes-result .row .valor{width:100px;text-align: right;} .detalhes .box-conteudo .box-detalhes .cor-produto{text-align: center;} .detalhes .box-conteudo .box-calcular-frete .wrapper-input{margin-left: auto;margin-right: auto;} .vitrine{text-align: center;} .vitrine .item .box-valor .valor{font-size: 18px;line-height: 22px;} .carrinho .box-conteudo .inf .box_fretes{max-width: 100%;text-align: center;} .carrinho .box-conteudo .inf .box_fretes .frete{display: flex;flex-wrap:wrap;justify-content: center;} .carrinho .box-conteudo .inf .box_fretes .frete > label{width: 100%;margin: 0 0 10px 0;text-align: center;} .carrinho .box-conteudo .inf .box_fretes .bloc{width: 150px;display: inline-block;text-align: left;float: none;} .carrinho .box-conteudo .wrap-split .card-split{margin-bottom: 20px;} .carrinho .box-conteudo .wrap-split .card-split:last-child{margin-bottom: 0;} .carrinho .box_carrinho .wrap-resumo{flex-direction: column;} .carrinho .box_carrinho .table .tr .td_quantidade .valor-quantidade::before{content: "×";font-size: 12px;} .carrinho .box_carrinho .table .tr{height: auto;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .carrinho .box_carrinho .table .tr:first-child{display: none;} .carrinho .box_carrinho .table .tr:nth-child(odd){background-color: #f2f2f2;} .carrinho .box_carrinho .table .tr .th{display: none;} .carrinho .box_carrinho .table .tr .td{display: block;text-align: center;} .carrinho .box_carrinho .table .tr .td .label{margin-bottom: 5px;} .carrinho .box_carrinho .table .tr .td:first-child{padding: 0px 40px 10px 0px;display: block;text-align: left;width: 100%;border-bottom: 0;} .carrinho .box_carrinho .table .tr .td .thumb{width: 50px;height: 50px;float: left;margin: 10px;} .carrinho .box_carrinho .table .tr .td .centralizador{width: 50px;height: 50px;} .carrinho .box_carrinho .table .tr .td .thumb img{max-width: 50px;height: auto !important;} .carrinho .box_carrinho .table .tr .td_nome{display: block;border: 0;} .carrinho .box_carrinho .table .tr .td .link_produto{display: block; text-align: left;padding: 10px 10px;} .carrinho .box_carrinho .table .tr .td_quantidade{margin-top: 0;} .carrinho .box_carrinho .table .tr .td .input-quantidade{width: 30px;height: 30px;} .carrinho .box_carrinho .table .tr .td_sub_total{display: block;border: 0;margin-bottom: 15px;min-width: 120px;} .carrinho .box_carrinho .table .tr .td_quantidade{display: inline-block;border: 0;margin-bottom: 15px;margin-top: 10px;padding-bottom: 0;} .carrinho .box_carrinho .table .tr .td_quantidade .wrapper{width: 100px;} .carrinho .box_carrinho .table .tr .td_excluir{display: block;border: 0;margin-bottom: 0px;padding: 0;position: absolute; top: 0;right: 0;} .carrinho .box_carrinho .table .tr .td .excluir{display: inline-block;width: auto;height: auto;color: var(--color1); border-radius: 3px;border: 0;padding: 5px 5px;font-size: 14px;line-height: 20px;width:30px; } .carrinho .box_carrinho .table .tr .valor_unitario{width: 100%;} .carrinho .box_carrinho .table .tr .td_sub_total{width: 100%;} .carrinho .box_carrinho .table .tr .sub_total{width: auto;padding-bottom: 5px;display: inline-block;} .carrinho .box_carrinho .table .tr .td .wrap-nome{flex-direction: column;} .carrinho .box_carrinho .row-links{margin-bottom: 10px;} .carrinho .form_carrinho .table .table_body .td_name{display: block;width:70%} .carrinho .form_carrinho .table .table_body .td_name figure{float: none;margin: 0 0 15px 0;} .carrinho .form_carrinho .table .table_body .td_right{width: 30%;} .carrinho .form_carrinho .table .table_body .td_quant{width: 100%;text-align: center;padding:10px 0;} .carrinho .form_carrinho .table .table_body .td_quant .quantidade{font-size: 15px} .carrinho .form_carrinho .table .table_body .td_sub{width: 100%;text-align: center;padding: 10px 0} .carrinho .form_carrinho .table .table_body .td_sub .subtotal{font-size: 15px} .carrinho .form_carrinho .table .table_body .td_name figure{width:80px;height: 80px} .carrinho .form_carrinho .table .table_body .td_name figure .centralizador{width:80px;height:80px;} .carrinho .form_carrinho .table .table_body .td_name figure .centralizador img{max-width:60px;max-height: 60px;} .carrinho .box_carrinho .box-botoes{text-align: center;} .carrinho .box_carrinho .box-botoes .bt_continuar{margin-bottom: 20px;} .carrinho .box_carrinho .bloco_total .total{padding: 0 10px;} .carrinho .box_carrinho .box-cupom{text-align: center;} .carrinho .box-conteudo .box-endereco{text-align: center;margin-bottom: 25px;} .carrinho .box-conteudo .box-endereco .titulo-endereco{font-size: 12px;} .carrinho .box-conteudo .card-endereco{margin-left: auto;margin-right: auto;} .carrinho .box-conteudo .card-endereco p{font-size: 12px;line-height: 16px;} .carrinho .box_carrinho .row-links{text-align: center;} .carrinho .box-conteudo .inf .box_fretes{float: none;} .carrinho .box_carrinho .box-valores{margin-left: auto;margin-right: auto;} .finalizar .cupom{max-width: 100%;} .finalizar .inf .bloco-1{width: 100%;float: none;padding: 0;} .finalizar .inf .bloco-2{width: 100%;float: none;padding: 0;} .finalizar .inf .bloco-1.left.left{padding: 0;} .finalizar .box-interna{padding-left: 10px;padding-right: 10px;} .finalizar .box_carrinho{padding-left: 0;padding-right: 0;} .finalizar .box_carrinho .box-botoes .bt_continuar{margin-left: 0;} .finalizar .cupom{float: none;text-align: center;} .finalizar .cupom .input-cupom{max-width: 150px;} .finalizar .box-conteudo .wrap-bg{padding-right: 10px;padding-left: 10px;} .meus-enderecos .box-conteudo .linha{width:100%;padding: 0 10px;} .meus-enderecos .box-conteudo .p_descri{width: 100%;} .meus-enderecos .box-conteudo .link{margin: 0;text-align: center;} .meus-enderecos .box-conteudo .caixa_end{width: 100%; max-width:400px;box-sizing:border-box;padding: 50px 10px 30px 10px;} .meus-enderecos .box-conteudo .caixa_end .box_end{width:100%;} .meus-enderecos .box-conteudo .caixa_end .box_end .principal{width: 100%;padding: 0;} .meus-enderecos .box-conteudo .caixa_end .end{width: 100%;} .meus-enderecos .box-conteudo .caixa_end .bts{width: 100%;margin: 25px 0 0 0;text-align: center;display: flex;justify-content: space-between;} .meus-enderecos .box-conteudo .caixa_end .bts .bt{margin: 0 0px;} .checkout .box-conteudo{padding-left: 10px;padding-right: 10px;} .checkout .box-conteudo .aside-content{width: 100%;float: none;padding: 0 10px;margin-bottom: 40px;} .checkout .box-conteudo .basket-items .item .name{margin-bottom: 5px;} .checkout .box-conteudo .basket-items .item .prices .label{display: block;} .checkout .box-conteudo .center-content{width: 100%;padding: 0 10px;float: none;} .checkout .box-conteudo .payment-methods .frame .box-title{padding: 0 10px;} .checkout .box-conteudo .payment-methods .frame .content{padding: 20px 10px;} .checkout .card-wrapper .jp-card-container .jp-card{transform: scale(0.8);} .checkout .box-conteudo .payment-methods .frame .box-buttons .wrap-recaptcha{margin-bottom: 20px;text-align: center;} .checkout .box-conteudo .payment-methods .frame .box-buttons .wrap-recaptcha .g-recaptcha{display: inline-block;} .checkout .box-conteudo .payment-methods .frame .box-buttons .wrap-recaptcha .g-recaptcha > div{max-width: 100%;} .checkout .box-conteudo .metodos-pagamentos .row-styledcheck{display: block;} .checkout .box-conteudo .metodos-pagamentos .row-styledcheck label{border-right: 0;border-bottom: 1px solid #ddd;} .checkout .box-conteudo .metodos-pagamentos .row-styledcheck label:last-child{border-bottom: 0;} .checkout .box-conteudo .payment-methods{margin-bottom: 40px;} .pedidos .box-pedidos{padding: 0px 10px 30px 10px;} .pedidos .box-pedidos table th.num_pedido{padding: 0 10px;} .pedidos .box-pedidos table th.valor_pedido{padding: 0 15px;} .pedidos .box-pedidos table .bt_detalhes{background-position: center center;height: 26px;width: 90px;} .pedidos .box-pedidos table td.num_pedido{padding: 0 10px;font-size: 16px;} .pedidos .box-pedidos table td.valor_pedido{font-size: 16px;} .login .box-conteudo{padding: 0;} .login .box-conteudo .box-login{padding-left: 10px;padding-right: 10px;} .login .box-conteudo .box-acesso{width: 100%;max-width: 350px;margin-left: auto;margin-right: auto;padding: 20px 20px 20px 20px;} .login .box-conteudo .box-cadastrar{width: 100%;max-width: 350px;margin-left: auto;margin-right: auto;padding: 20px 20px 20px 20px;} .vitrine-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 30px 5px;padding: 0 5px;max-width: 570px;margin: 0 auto 20px auto;} .vitrine-2-mob .item{margin: 0;} .vitrine-2-mob .owl-item .item{margin: 0 2px;max-width: 140px;} .vitrine-2-mob .item .thumb{height: auto;} .vitrine-2-mob .item .thumb img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: calc(100% - 10px);max-width: 100%;} .vitrine-2-mob .item .nome{font-size: 12px;line-height: 18px;padding: 0 5px;margin-bottom: 5px;height: 36px; display: -webkit-box; vertical-align: middle; text-overflow: ellipsis; width: 100%; text-align: center; height: 36px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .vitrine-2-mob .item .row-bt .bt-style{font-size: 12px;} /* .vitrine-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 30px 5px;padding: 0 5px;max-width: 570px;margin: 0 auto 20px auto;} .vitrine-grid .item .thumb > a{height: 268px;position: relative;height: 0;padding-top: 100%;} .vitrine-grid .item .box-valor .valor-antigo{font-size: 12px;line-height: 18px;height: 18px;} .vitrine-grid .item .box-valor .valor{font-size: 16px;line-height: 20px;margin-bottom: 5px;} .vitrine-grid .item .box-valor .valor-parcelado{font-size: 12px;line-height: 16px;height: 16px;} .vitrine-grid .item .box-botoes .bt-style span{display: none;} */ .section-outlet .vitrine-outlet{flex-direction: column;} .simple-header{padding: 10px;} .simple-header img{max-width: 100px;} .box-titulo-style-2{padding: 10px 10px;} .login .box-conteudo .box-login{padding-top: 20px;} }