/* ---------------- Principais ---------------- */ *{ box-sizing:border-box; } ::before{box-sizing: unset} .fancybox-active{ height: 100% !important; } html{height:100%; width:100%;-webkit-backface-visibility:hidden !important; overflow-x: hidden;overflow-y:auto;} body {margin:0; min-width:322px; background:#ffffff; overflow-y:auto; font-family:'Red Hat Display', 'Arial','verdana' !important; font-weight: 400; color:#818181; height: auto; font-size:15px; -webkit-backface-visibility:hidden; overflow-x:hidden; -webkit-backface-visibility:hidden !important;-webkit-overflow-scrolling: touch;} input, select, textarea{outline-style: none;font-family: 'Red Hat Display', sans-serif;appearance: none !important;-webkit-appearance: none !important;-ms-appearance: none;border: 0;background-color: #fff;} h1,h2,h3{padding:0; margin:0; font-weight:400} hr{color: #1e1e1f} select::-ms-expand{display: none;} input:-webkit-autofill{box-shadow: 0 0 0px 1000px white inset;-webkit-box-shadow: 0 0 0px 1000px white inset;font-family: inherit;} a {color: inherit;outline: none;text-decoration: inherit;} a:hover{color: inherit;outline: none;text-decoration: inherit;} a img {outline : none;} img {border : 0; outline: 0;} input, button, select, textarea{outline: 0;} button{cursor: pointer;background-color: rgba(0, 0, 0, 0);} video, button, div{outline: none;font-family: inherit;appearance: none;-webkit-appearance: none;-ms-appearance: none;border: 0;-webkit-tap-highlight-color: transparent} button, div:focus{outline: none;-webkit-tap-highlight-color: transparent} .alignCenter {*position: absolute; top: 50%; display: table-cell; vertical-align: middle;} .Negrito {font-weight:700} .Negrito2 {font-weight:800} .SemiBold {font-weight:600} .Normal {font-weight:400} .Fina {font-weight:300} .ErroValidacao{color: red; font-size: 14px; text-align: center; margin: 20px 0 0 0; opacity: 0;} .SucessoValidacao{color: #139718; font-size: 14px; text-align: center; margin: 20px 0 0 0; opacity: 0;} .Centralizar{display:inline-block; width: 100%; max-width: 1240px;z-index:1;position: relative;} .BordaErro{border: 1px solid red !important;} .LinhaMigalha{width:100%; float:right; text-align:right; margin:20px 0px;} .migalha{width:100%; float:right; text-align:right;} .migalha .migalha_item{display:inline-block; vertical-align: middle; text-align:right; font-size:13px; line-height:18px; color:#818181; font-weight:400;} .migalha .migalha_item.atual{display:inline-block; vertical-align: middle; text-align:right; font-size:13px; line-height:18px; color:#818181; font-weight:400;} .migalha .migalha_separacao{display:inline-block; vertical-align: middle; text-align:right; font-size:13px; line-height:18px; color:#818181; font-weight:400;} /**/ .Menu_flutuante{float: left;position: fixed;width: 260px;height: 100%;z-index: 99999;left: -300px;top: 0px;transition: 0.8s;z-index: 9999;} .Menu_flutuante2{float: left;position: fixed;width: 260px;height: 100%;z-index: 99999;left: -300px;top: 0px;transition: 0.8s;z-index: 99999;} .Menu_flutuante3{float: left;position: fixed;width: 260px;height: 100%;z-index: 99999;left: -300px;top: 0px;transition: 0.8s;z-index: 99999;} .ParteMenu{float: left;overflow: auto;width: 260px;background: #fff;color: #fff;height: 100%;transition: 0.5s;} .ParteEscura{float: right;width:100%;background: rgba(0, 0, 0, 0.80);height: 100%;cursor: pointer;transition:0.8s;position: fixed;z-index:10;display:none;} .DivMenu{float: left;width: 100%;height: auto;text-align: left;} .ItemMobile{padding: 10px 20px 10px 32px;float: left;width: 100%;height: auto;color: #202020;font-size: 15px;font-weight: 400;cursor: pointer;background: #fff;transition: 0.5s;} .ItemMobile:active{opacity: .8;} .ItemMobile.ItemDestaque{background-color: #2E3192;color: #fff;} .ItemMobile.ItemDestaque:hover{background-color: #28459E;} .ItemMobile.ItemDestaque + .SeparacaoMobile{background-color: #28459E;} .ItemMobile.ItemDestaque.TemSubMenu{background-image: url('../imagens/topo_submenu2.svg');background-repeat: no-repeat;background-size: 8px 16px;background-position: 96% center;} .ItemMobile.TemSubMenu{background-image: url('../imagens/menu_sub.svg');background-repeat: no-repeat;background-size: 8px 16px;background-position: 94% center;} .ItemMobile:hover{background-color: #efefef;} .ItemMobile.cabecalho{background-color:#202020; color:#fff;} .ItemMobile2{padding: 10px 20px 10px 32px;float: left;width: 100%;height: auto;color: #202020;font-size: 15px;font-weight: 400;cursor: pointer;background: #fff;transition: 0.5s;} .ItemMobile2.TemSubMenu{background-image: url('../imagens/topo_submenu.svg');background-repeat: no-repeat;background-size: 8px 16px;background-position: 96% center;} .ItemMobile2.Aberto{background-image: url('../imagens/menu_subitemup.svg');} .SeparacaoMobile{width: 100%;height: 1px;background: #e7e7e7;float: left;} .setaVoltar{background: url('../imagens/menu_voltar.svg') 10px center no-repeat;background-size: 8px;color: #202020; } .DivSubMenu{float: left;width: 100%;height: auto;text-align: left;display: none;} .itemSubmenu{padding: 10px 20px 10px 45px;float: left;width: calc(100% - 65px);height: auto;color: #fff;font-size: 15px;font-weight: 700;cursor: pointer;background: #202020;transition: 0.5s;} .itemSubmenu:hover{background: #efefef;} .Menu_logo{width:100%; height:100px; float:left; background-repeat: no-repeat; background-position:left center; margin:15px; background-image: url('../imagens/logo.svg'); background-size:contain;} /*============================ Topo =============================*/ #Topo {background-color:transparent; float:left; text-align:center; width:100%; position: fixed; z-index:10; top:0px;} #Topo .linha1{width:100%; float:left; background-color:#fff; text-align:center;padding:14px 0px; position:relative; z-index:2;} .linha2_mobile{display:none; width:100%; float:left; position:sticky; background-color:#fff;top:0;z-index:10;} #Topo .linha1 .container_logo{width:auto; float:left; text-align:center;} #Topo .linha1 .logo{width:141px; float:left; background-repeat: no-repeat; background-position: center center; height:70px; background-size:cover; background-image:url('../imagens/logo.svg'); cursor:pointer;} .botoes_topo{width:calc(100% - 310px); float:right; height:auto;font-size:0px; min-height:70px;} .botoes_topo.mobile{width:calc(100% - 141px); float:right; height:auto;font-size:0px; min-height:70px; display:none;} .container_busca{width:calc(100% - 310px); display:inline-block; vertical-align:middle; padding:15px 0px;} .container_busca .input_busca_topo{width:calc(100% - 109px); height:40px; display:inline-block;text-align:left; border:1px solid #E3E3E3; border-radius:20px 10px 10px 20px; padding-left:60px; font-size:15px; color:#818181; background-repeat: no-repeat; background-position: 25px center; background-image:url('../imagens/icone_lupa.svg');} .container_busca .input_busca_topo_mobile{width:calc(100% - 109px); height:40px; display:inline-block;text-align:left; border:1px solid #E3E3E3; border-radius:20px 10px 10px 20px; padding-left:60px; font-size:17px; color:#818181; background-repeat: no-repeat; background-position: 25px center; background-image:url('../imagens/icone_lupa.svg');} .container_busca .botao_pesquisa{width:104px; margin-left:5px; background-color:#0097a7; transition:.2s; color:#fff; border-radius:10px 20px 20px 10px; border:none; font-size:15px; font-weight:500; display:inline-block; height:40px;} .container_busca .botao_pesquisa:hover{opacity:.9; filter: opacity(90); cursor:pointer;} .botoes_topo .container_usuario{width:215px; display:inline-block; vertical-align:middle;font-size:0px; margin-left:20px; padding:18px 0px; cursor:pointer;} .botoes_topo .container_usuario .img_usuario{ height:32px; width:31.7px; background-repeat: no-repeat; background-position:center center; background-image: url('../imagens/icone_users.svg'); float:left;margin-right:11px;} .botoes_topo .container_usuario .textos_usuario{width:calc(100% - 44px); text-align: left; float:left; font-size:13px; line-height:17px;} .botoes_topo .container_usuario .textos_usuario .txt{width:100%; float:left; text-align:left;} .botoes_topo .container_usuario .textos_usuario .txt.bem{width:auto; background-repeat: no-repeat; padding-right:15px; background-position: right center; background-image:url('../imagens/seta_menu_logado.svg');cursor:pointer;} .botoes_topo .container_usuario .textos_usuario .txt.sair:hover{text-decoration:underline; cursor:pointer;} .botoes_topo .container_usuario .textos_usuario .txt.bem:hover .menu_cliente{display:block;} .botoes_topo .menu_mobile{width:34px; height:34px; background-repeat: no-repeat; background-position: center center; background-size:cover; margin-left:15px; background-image:url('../imagens/menu_mobile.svg'); text-align:center; vertical-align:middle;float:right; margin-top:18px;} .container_usuario .menu_cliente{position:absolute; width:auto; height:auto; overflow:hidden; padding-top:20px; top:15px;right:125px; display:none; background-color:transparent;} .container_usuario .menu_cliente .container_cliente{width:146px; float:left; text-align:left; border-radius:10px; overflow:hidden; background-color:#f1f1f1;} .container_usuario .menu_cliente .container_cliente .linha_menu{width:100%; float:left; text-align:left; padding:6px 10px; background-color:#ffffff; color:#717171; font-size:15px; transition:.2s;} .container_usuario .menu_cliente .container_cliente .linha_menu:hover{background-color:#eeee; cursor:pointer;} .botoes_topo .container_carrinho{width:45px; margin-left:30px; display:inline-block; vertical-align: middle;position:relative; background-repeat: no-repeat; background-position:left bottom; height:41px; background-image:url('../imagens/icone_carrinho.svg'); padding:10px 0px; cursor:pointer;} .botoes_topo .container_carrinho .notificacao{background-color:#0097A7; position:absolute; line-height:18px; text-align:center;height:18px; width:18px; border-radius:50%; top:2px; right:2px; color:#fff; font-size:12px;} .linha2{width:100%; float:left; background-color:#fff; text-align:center; position:absolute; z-index:9; transition: all 0.5s ease; top:98px;} .linha2 .detalhe_menu{width:100%; height:50px; float:left; text-align:center; background-repeat: no-repeat; background-image:url('../imagens/detalhe_menu.png'); background-position: center center; background-color:#fff; background-size:cover;} .linha2 .linha_menus{width:100%; float:left; height:50px;} .linha2 .linha_menus .menu_esquerda{width:auto; float:left; } .linha2 .linha_menus .menu_esquerda .item_menu{width:auto; float:left; text-align:left; margin-right:40px; line-height:50px; text-transform:uppercase; cursor:pointer;transition:.2s;} .linha2 .linha_menus .menu_esquerda .item_menu:hover{color:#2d97a6;} .linha2 .linha_menus .menu_direita{width:auto; float:left; padding-left:20px;} .linha2 .linha_menus .menu_direita .item_menu{width:auto; float:left; text-align:left; line-height:50px; text-transform:uppercase; cursor:pointer; padding:0px 20px; color:#fff; position:relative; transition:.2s;} .linha2 .linha_menus .menu_direita .item_menu:hover{color:#f8a030;} .linha2 .linha_menus .menu_direita .item_menu:hover .submenus{display:block} .linha_separa_topo_conteudo{width:100%; float:left; height:1px; background-color:#E3E3E3;position:sticky; top:98px;} .submenus {display:none; width:300px; position:absolute; left:20px; top:50px; z-index:9999; padding:5px 15px; background:#FFF; border:1px solid #e1e1e1} .sublinks {float:left; width:100%; color:#1e1e1f; font-size:13px; text-transform:uppercase; cursor:pointer; padding:10px 5px; border-bottom:1px solid #0097A7; line-height:initial} .sublinks:last-child {border-bottom:0px} .sublinks:hover {color:#2d97a6;} #Topo2 {background-color:#fff; float:left; text-align:center; width:100%; position: relative; z-index:2; height:88px; background-repeat: no-repeat; background-position: center center; background-image:url('../imagens/logo.svg'); cursor:pointer; border-bottom:1px solid #E3E3E3; } /*============================ Topo =============================*/ /*============================ Rodape =============================*/ #Rodape {width:100%; float:left; text-align:center; background-color:#0097a7;} #Rodape .linha1{width:100%; float:left; text-align:center; padding:40px 0px;position:relative;} #Rodape .linha1 .col1{width:18%; float:left; text-align:left;} #Rodape .linha1 .col2{width:24%; float:left; text-align:left;} #Rodape .linha1 .col3{width:25%; float:left; text-align:left;} #Rodape .linha1 .col4{width:24.8%; float:left; text-align:left;} #Rodape .linha1 .col5{width:21%; float:left; text-align:left;} #Rodape .linha1 .links_menu{width:100%; text-align:left; float:left; margin-bottom:10px;} #Rodape .linha1 .links_menu:last-child{margin-bottom:0px;} #Rodape .linha1 .links_menu a{width:auto; color:#fff; font-size:15px; transition:.2s; text-transform:uppercase;} #Rodape .linha1 .links_menu a:hover{cursor:pointer; text-decoration: underline;} #Rodape .linha1 .col3 .linha_info{width:100%; float:left; text-align:left; padding-left:25.5px; color:#fff; font-size:15px; line-height:20px; margin-bottom:10px; background-repeat: no-repeat; background-position:left center;} #Rodape .linha1 .col3 .linha_info.wpp{background-image: url('../imagens/icone_wpp.svg');} #Rodape .linha1 .col3 .linha_info.fone{background-image: url('../imagens/icone_fone.svg');} #Rodape .linha1 .col3 .linha_info.email{background-image: url('../imagens/icone_email.svg');} #Rodape .linha1 .col3 .linha_info:last-child{margin-bottom:0px;} #Rodape .linha1 .col4 .linha_local{width:100%; float:left; text-align:left; padding-left:29px; font-size:15px; color:#fff; line-height:20px;} #Rodape .linha1 .col4 .linha_local.icone{background-repeat: no-repeat; background-position:left top; background-image:url('../imagens/icone_local.svg'); margin-bottom:10px;} #Rodape .linha1 .col5 .Txt_cabecalho{width:100%; float:left; text-align:left; color:#fff; font-size:15px; margin-bottom:10px; line-height:20px;} #Rodape .linha1 .col5 .container_formas{width:calc(100% + 5px); float:left; height:auto; margin-left:-5px;} #Rodape .linha1 .col5 .container_formas .bloco_forma{width:63px; height:34px; border-radius:8px; background-color:#fff; background-repeat: no-repeat; background-position: center center; border:1px solid #E3E3E3;float:left; margin-left:5px; margin-bottom:5px;} #Rodape .linha1 .col5 .container_formas .bloco_forma.forma1{background-image:url('../imagens/pagamento1.svg');} #Rodape .linha1 .col5 .container_formas .bloco_forma.forma2{background-image:url('../imagens/pagamento2.svg');} #Rodape .linha1 .col5 .container_formas .bloco_forma.forma3{background-image:url('../imagens/pagamento3.svg');} #Rodape .linha1 .col5 .container_formas .bloco_forma.forma4{background-image:url('../imagens/pagamento4.svg');} #Rodape .linha1 .col5 .container_formas .bloco_forma.forma5{background-image:url('../imagens/pagamento5.svg');} #Rodape .linha1 .col5 .container_formas .bloco_forma.forma6{background-image:url('../imagens/pagamento6.svg'); background-size:82%} #Rodape .redes_sociais{width:auto; height:31px; float:left; position:absolute; z-index:2; right:0px; top:40px;} #Rodape .redes_sociais .Txt_cabecalho{width:100%; float:left; text-align:left; color:#fff; font-size:15px; margin-bottom:10px; line-height:20px;} #Rodape .redes_sociais .bola_rede{width:31px; height:31px; border-radius:50%; background-color:rgba(255,255,255,1); background-repeat: no-repeat; background-position: center center; margin-right:5px; transition:.2s; float:left;} #Rodape .redes_sociais .bola_rede:last-child{margin-right:0px;} #Rodape .redes_sociais .bola_rede:hover{cursor:pointer; background-color:rgba(255,255,255,.8);} #Rodape .redes_sociais .bola_rede.fb{background-image:url('../imagens/icone_fb.svg');} #Rodape .redes_sociais .bola_rede.insta{background-image:url('../imagens/icone_insta.svg');} #Rodape .redes_sociais .bola_rede.youtube{background-image:url('../imagens/icone-youtube.svg'); background-size:19px} #Rodape .linha2_rodape{width:100%; display:inline-block; padding-bottom:14px; font-size:13px; line-height:17px; color:#82A6CC;} /*============================ Rodape =============================*/ .LinhaGenerica{width:100%;height:auto;float:left;} .LinhaGenerica.centraliza{text-align:center;} .PaginaInterna{width:100%;float:left; position:relative; min-height:calc(100vh - 356px); z-index:0;padding-top:148px;} .PaginaInterna.variacao1{min-height:calc(100vh - 322px);} .PaginaInterna.variacao2{min-height:calc(100vh - 307px);} .PaginaInterna .titulo_centralizado{width:100%; display:inline-block; text-align:center;} .PaginaInterna .titulo_centralizado .t1{width:100%; display:inline-block; text-align:center; line-height:19px; font-size:15px; font-family:'Red Hat Display'; color:#000; font-weight:700; text-transform:uppercase;} .PaginaInterna .titulo_centralizado .t2{width:100%; display:inline-block; text-align:center; line-height:74px; font-size:67px; font-family:'Cookie'; color:#996842;} .PaginaInterna .topo_interno{width:100%; height:240px; float:left; text-align:center; background-size:cover; background-position: center center; background-repeat: no-repeat;} .PaginaInterna .topo_interno .efeito{width:100%; height:100%; float:left; text-align:center; background-color:rgba(245,245,245,.94); padding-top:70px;} .PaginaInterna .Titulo_internas{width:100%; text-align:left; float:left; border-bottom:1px solid #E3E3E3; padding-bottom:10px; color:#262626; font-size:30px; text-transform: uppercase;} .PaginaInterna .container_campo{width:100%; float:left; text-align:left; margin-bottom:30px; position:relative;} .PaginaInterna .container_campo .NomeCampo{width:100%; float:left; text-align:left; font-size:15px; line-height:23px; color:#717171; margin-bottom:5px;} .PaginaInterna .container_campo .input_campo{width:100%; float:left; text-align:left; font-size:15px; color:#717171; border-radius:5px; border:1px solid #E3E3E3; padding:0px 14px; height:37px;} .PaginaInterna .container_campo .input_campo.file{padding-right:53px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .PaginaInterna .container_campo .botao_input_file{width: 43px; height: 37px;border-radius: 0px 5px 5px 0px; background: #aeaeae; background-repeat:no-repeat; background-position: center center; position:absolute; right:0px; bottom:0px; background-image:url('../imagens/icone_upload.svg'); cursor:pointer;} .PaginaInterna .container_campo .input_campo.text_area{padding:12px 14px; resize:none; height:auto;} .whats{width: 66px; height: 66px; background-color: #25d366; background-repeat: no-repeat; background-position: center center; background-image: url('../imagens/whats_ancora.svg'); cursor:pointer; transition:.2s; position:fixed; z-index:9999;bottom: 21px;right: 37px; border-radius:50%;} .whats:hover{opacity:.9;} .whats .balaozinho{width:auto; height:auto; padding:8px 18px 8px 10px; position:absolute; border-radius:3px 0px 0px 3px; color:#fff; text-align:left; font-size:15px; left: -150px; top: 0px; background-repeat:no-repeat; background-position: left center; background-size:contain; background-image:url('../imagens/balaozinho.svg');} .container_produto{height:auto; overflow:hidden; width:calc(100% - 28px); position:relative; display:inline-block;height:375px;} .container_produto .container_img_produto{width:100%; float:left; position:relative; height:250px; overflow:hidden;} .container_produto .img_produto{overflow:hidden; width:100%; border-radius:10px; height:250px; background-repeat: no-repeat; background-position: center center; background-size:contain; position:relative; z-index:1; transition:.2s;} .container_produto .container_textos{width:100%; float:left; text-align:left; padding-top:0px;} .container_produto .container_textos .txt_nome{color:#00356E; font-size:15px; font-weight:500; line-height:20px; float:left; text-align:left; width:100%; margin-bottom:10px;} .container_produto .container_textos .txt_preco{font-size:20px; line-height:26px; font-weight:700; color:#FF9F28;float:left; text-align:left; width:100%; text-transform:uppercase;} .container_produto .container_textos .txt_parcelado{font-size:13px; line-height:17px; float:left; text-align:left; width:100%;} .container_produto .botao_vermais{background-image:url('../imagens/botao_vermais.svg'); width: 36px; height: 36px; background-color: #0097a7; border-radius:50%; position:absolute; left:50%; bottom:20px; opacity:0; filter: opacity(0); transform:translateX(-50%);font-size:0px; color:#fff; font-weight:500; text-align:center;line-height:36px; background-repeat: no-repeat; background-position: center center; transition:.3s; z-index:2;} .container_produto .botao_vermais:hover{font-size:15px; background-color:#FF9F28; border-radius:18px; background-image:unset; width:78px;} .container_produto:hover{cursor:pointer;} /* .container_produto:hover{cursor:pointer; filter: brightness(80%);} */ .container_produto:hover .botao_vermais{opacity:1; filter:opacity(100);} .container_produto:hover .img_produto{transform:scale(1.12);} /*============================ Home =============================*/ #Home{width:100%; float:left; text-align:center; background-color:transparent; padding-bottom:85px;} #Home .BannerPrincipal{width:100%; height:23.438vw; float:left; position:relative; z-index:1;} #Home .BannerPrincipal .alinha_banner{width:100%; height:23.438vw; float:left;} #Home .BannerPrincipal .banner{width:100%; height:23.438vw; float:left; background-repeat: no-repeat; background-size:cover; background-position:center center;} #Home .BannerPrincipal .setas{width:18px; height:32px; background-repeat: no-repeat; background-position: center center; position:absolute; top:50%; z-index:99999; background-size:cover; cursor:pointer; display:none;} #Home .BannerPrincipal .setas.anterior{left:30px; transform: translate(-50%,-50%); background-image:url('../imagens/seta_banner_left.svg');} #Home .BannerPrincipal .setas.posterior{right:30px; transform: translate(50%,-50%); background-image:url('../imagens/seta_banner_right.svg');} #Home .Conteudo{width:100%; float:left; text-align:center;} #Home .Vantagens{width:100%; display:inline-block; text-align:center; font-size:0px; margin-top:50px; padding-bottom:35px; border-bottom:1px solid #E3E3E3;} #Home .Vantagens.carosel{display: none;} #Home .AlinhaVantagens {width:100%; float:left; text-align:center;} #Home .Vantagens .bloco_vantagem{margin-right:10.48%; width:auto; display:inline-block; transition: .2s; color:#818181; margin-bottom:15px;} #Home .Vantagens .bloco_vantagem:last-child{margin-right:0;} #Home .Vantagens .bloco_vantagem .container_icone{width:72px; height:72px; float:left; margin-right:30px; border:1px solid #818181; border-radius:20px 10px 20px 10px; background-repeat: no-repeat; background-position: center center;} #Home .Vantagens .bloco_vantagem .container_icone.vantagem1{background-image:url('../imagens/vantagem1-1.svg');} #Home .Vantagens .bloco_vantagem .container_icone.vantagem2{background-image:url('../imagens/vantagem2-1.svg');} #Home .Vantagens .bloco_vantagem .container_icone.vantagem3{background-image:url('../imagens/vantagem3-1.svg');} #Home .Vantagens .bloco_vantagem .container_icone.vantagem4{background-image:url('../imagens/vantagem4-1.svg');} #Home .Vantagens .bloco_vantagem:hover{cursor:pointer; color:#0097A7;} #Home .Vantagens .bloco_vantagem:hover .container_icone{border-color:#0097A7;} #Home .Vantagens .bloco_vantagem:hover .container_icone.vantagem1{background-image:url('../imagens/vantagem1-2.svg');} #Home .Vantagens .bloco_vantagem:hover .container_icone.vantagem2{background-image:url('../imagens/vantagem2-2.svg');} #Home .Vantagens .bloco_vantagem:hover .container_icone.vantagem3{background-image:url('../imagens/vantagem3-2.svg');} #Home .Vantagens .bloco_vantagem:hover .container_icone.vantagem4{background-image:url('../imagens/vantagem4-2.svg');} #Home .Vantagens .bloco_vantagem .texto_container{width:auto; height:72px; display:table; font-weight:500;} #Home .Vantagens .bloco_vantagem .texto_container span{line-height:20px; text-align:left; font-size:15px; display:table-cell; vertical-align: middle;} #Home .SecaoProdutos{width:100%; float:left; text-align:left; margin-bottom:10px; margin-top:50px;} #Home .SecaoProdutos:last-child{margin-bottom:0px;} #Home .SecaoProdutos .linha_cabecalho{width:100%; float:left; text-align:left; margin-bottom:43px;} #Home .SecaoProdutos .linha_cabecalho .titulo_secao{width:auto; float:left; color:#00356E; font-size:31px; font-weight:700; text-transform: uppercase; line-height:41px; vertical-align:bottom;} #Home .SecaoProdutos .linha_cabecalho .botao_ver_tudo{width:116px; height:40px;vertical-align:bottom; border:1px solid #FF9F28; border-radius:10px; text-transform: uppercase; color:#FF9F28; font-size:15px; font-weight:500; float:right; text-align: center; transition: .2s;} #Home .SecaoProdutos .linha_cabecalho .botao_ver_tudo:hover{cursor:pointer; background-color:#FF9F28; color:#fff;} #Home .linha_produtos{width:100%; float:left; /* padding-right:36.5px;*/ position:relative;} #Home .seta_carrossel{width: 73px; height: 73px; background-color: #ff9f28; border-radius:50%; position:absolute; background-repeat: no-repeat; background-position: calc(50% + 3px) center; background-image:url('../imagens/seta_right.svg'); top:125px; right:0px; transform: translateY(-50%); transition:.2s; z-index:2;} #Home .seta_carrossel:hover{background-color:#ffa941; cursor:pointer;} #Home .carrossel_produtos{float:left; width:calc(100% + 28px); margin-left:-28px; text-align:center; font-size:0px; height:375px;} #Home .carrossel_produtos .container_produto{margin-left:28px;} #Home .SecaoSaibaMais{width:100%; float:left; text-align:left; margin-top:50px;margin-bottom:10px;} #Home .SecaoSaibaMais .linha_saibamais{width:calc(100% + 31px); margin-left:-31px; float:left; font-size:0px; text-align:center;} #Home .SecaoSaibaMais .bloco_saibamais{width:calc(33.33% - 31px); display:inline-block; text-align:center; max-width:395px; margin-left:31px; height:242px; overflow:hidden; border-radius:10px;} #Home .SecaoSaibaMais .bloco_saibamais .imagem{ background-repeat:no-repeat; background-position: center center; background-size:cover; width:100%; height:100%; transition:.2s;} #Home .SecaoSaibaMais .bloco_saibamais:hover .imagem{cursor:pointer; transform:scale(1.08);} /*============================ Home =============================*/ /*============================ Produtos =============================*/ #Produtos{width:100%; float:left; text-align:center; background-color:#fff; padding-bottom:100px;} #Produtos .Conteudo{width:100%; float:left;} #Produtos .LateralFiltro{width:215px; margin-right:50px; float:left; text-align:left;height:auto;} #Produtos .LateralLista{width:calc(100% - 265px); float:left; height:auto; text-align:left;} #Produtos .LateralLista .titulo_pagina{width:auto; float:left; color:#00356E; font-size:31px; font-weight:700; text-transform: uppercase; line-height:41px; margin-bottom:40px;} #Produtos .LateralLista .linha_produtos{width:calc(100% + 25px); margin-left:-25px; display:inline-block; font-size:0px; text-align:center;} #Produtos .LateralLista .linha_produtos .container_produto{width:calc(25% - 25px); margin-left:25px; float:none; display:inline-block; text-align:center; margin-bottom:35px;} #Produtos .LateralFiltro .filtros1{width:100%; float:left; border-bottom:1px solid #E3E3E3;} #Produtos .LateralFiltro .filtros1 .t1{width:100%; height:auto; font-weight: 700;font-size: 18px;text-align: left;color: #00356e; margin-bottom:30px; text-transform:uppercase; float:left;} #Produtos .LateralFiltro .filtros1 .t2{width:100%; float:left; text-align:left; font-weight:700; font-size:15px; margin-bottom:3px; transition:.2s; margin-top:20px;} #Produtos .LateralFiltro .filtros1 .t2:first-child{margin-top:0px;} #Produtos .LateralFiltro .filtros1 .t2:hover{color:#0097a7; cursor: pointer;} #Produtos .LateralFiltro .filtros1 .subcat{width:100%; float:left; text-align:left; font-weight:500; font-size:15px; margin-top:5px; transition:.2s;padding-left:14px; opacity:.9; filter: opacity(90);} #Produtos .LateralFiltro .filtros1 .subcat:last-child{margin-bottom:20px;} #Produtos .LateralFiltro .filtros1 .subcat:hover{color:#0097a7; cursor:pointer;} #Produtos .LateralFiltro .filtros2{width:100%; float:left; text-align:left;} #Produtos .container {display: block;position: relative;padding-left: 20px;margin-top: 20px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; font-weight:700; line-height:20px;} /* Hide the browser's default radio button */ #Produtos .container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} /* Create a custom radio button */ #Produtos .checkmark {position: absolute;top: 2px;left: 0;height: 15px;width: 15px;background-color: #fff;border-radius: 5px; border:2px solid #B2B2B2;} /* On mouse-over, add a grey background color */ #Produtos .container:hover input ~ .checkmark {background-color: #fff;} /* When the radio button is checked, add a blue background */ #Produtos .container input:checked ~ .checkmark {background-color: #fff;} /* Create the indicator (the dot/circle - hidden when not checked) */ #Produtos .checkmark:after {content: "";position: absolute;display: none;} /* Show the indicator (dot/circle) when checked */ #Produtos .container input:checked ~ .checkmark:after {display: block;} /* Style the indicator (dot/circle) */ #Produtos .container .checkmark:after {background-repeat: no-repeat; background-position: center center; background-image:url('../imagens/checkmark.svg');top:0.5px; left:0.5px; width:10px; height:10px; background-size:10px auto;} #Produtos .paginacao{width:100%;margin-bottom:40px; display:inline-block; font-size:0px; text-align: center;} #Produtos .paginacao .pagina{width:auto; display:inline-block; text-align:center; font-size:15px; padding:0px 5.5px; margin:0px 7px; line-height:32px;} #Produtos .paginacao .pagina.atual{color:#FF9F28; font-weight:700;} #Produtos .paginacao .pagina:hover{cursor:pointer;} #Produtos .paginacao .botao_navegacao{width: 104px;height: 32px;background-color:#0097A7; display:inline-block; color:#fff; font-size:15px; line-height:32px; text-align:center; cursor:pointer;} #Produtos .paginacao .botao_navegacao.anterior{border-radius:16px 8px 8px 16px;margin-right:12.5px;} #Produtos .paginacao .botao_navegacao.posterior{border-radius:8px 16px 16px 8px; margin-left:12.5px;} #Produtos .paginacao .botao_navegacao.desativado{background-color: #c2c2c2; cursor:unset; pointer-events: none;} /*============================ Produtos =============================*/ /*============================ Detalhes =============================*/ #Detalhes{width:100%; float:left; text-align:center; background-color:#fff; padding-bottom:100px;} #Detalhes .Conteudo{width:100%; float:left;} #Detalhes .LadoImagens{width:680px; margin-right:50px; float:left;} #Detalhes .LadoDados{width:calc(100% - 730px); float:left; height:auto;} #Detalhes .LadoImagens .container_imgs_pequenas{width:114px; margin-right:9px;float:left; height:579px;} #Detalhes .LadoImagens .carrossel_pequenas{width:114px; height:579px; float:left; overflow: hidden;} #Detalhes .LadoImagens .img_pequenas{width:114px; height:119px; float:left; border-radius:10px; border:1px solid #fff; background-repeat: no-repeat; background-size:cover; background-position: center center; margin-bottom:10px;} #Detalhes .LadoImagens .img_pequenas:hover{border:1px solid #FF9F28; cursor:pointer;} #Detalhes .LadoImagens .container_imgs_grandes{width:calc(100% - 123px); float:right; height:579px; position:relative;} #Detalhes .LadoImagens .carrossel_grandes{width:100%; height:579px; float:left; overflow:hidden;} #Detalhes .LadoImagens .img_grandes{width:100%; height:579px; border-radius:10px; background-repeat: no-repeat; background-position: center center; background-size:cover;} #Detalhes .container_imgs_pequenas .slick-initialized .slick-slide.slick-current{border:1px solid #FF9F28; cursor:pointer;} #Detalhes .LadoDados .TituloProduto{width:100%; float:left; text-align: left; margin-bottom:20px; line-height:41px; font-size:31px; color:#00356E; font-weight:700; text-transform:uppercase;} #Detalhes .LadoDados .PrecoProduto{width:100%; color:#FF9F28; float:left; text-align:left; font-size:25px; font-weight:700; line-height:33px;} #Detalhes .LadoDados .ParcelasProduto{width:100%; float:left; text-align:left; font-size:13px; line-height:17px; margin-bottom:18px;} #Detalhes .LadoDados .TextoCor{margin-bottom:5px; font-size:15px; line-height:22px;text-align:left;} #Detalhes .LadoDados .LinhaCores{padding-bottom:16px; float:left; width:100%;} #Detalhes .LadoDados .LinhaCores .cor_borda{width:36px; padding:3px; border-radius:10px; border:1px solid transparent; margin-right:-1px; height:36px; transition:.2s; float:left; overflow:hidden;} #Detalhes .LadoDados .LinhaCores .cor_borda:hover{border:1px solid #818181; cursor:pointer;} #Detalhes .LadoDados .LinhaCores .cor{width:100%; float:left;text-align:center; height:100%;border-radius:10px;} #Detalhes .LadoDados .LinhaQtd{width:100%;float:left; text-align:left; padding:20px 0px;border-top:1px solid #E3E3E3;} #Detalhes .LadoDados .LinhaQtd .container_qtd{margin-right:30px; float:left; padding:7px 0px; width:128px;} #Detalhes .LadoDados .LinhaQtd .botao_qtd{background-color:#0097A7; background-repeat: no-repeat; background-position: center center; height:40px; width:40px; transition:.2s; border-radius:10px; float:left;} #Detalhes .LadoDados .LinhaQtd .botao_qtd:hover{opacity:.8; filter: opacity(80); cursor:pointer;} #Detalhes .LadoDados .LinhaQtd .botao_qtd.desativado{pointer-events: none; cursor:unset; background-color:#C2C2C2;} #Detalhes .LadoDados .LinhaQtd .botao_qtd.soma{background-image:url('../imagens/btn_soma.svg');} #Detalhes .LadoDados .LinhaQtd .botao_qtd.diminui{background-image:url('../imagens/btn_diminui.svg');} #Detalhes .LadoDados .LinhaQtd .qtd_produto{border:1px solid #E3E3E3; font-size:15px; line-height:40px; text-align: center; height:40px; width:40px; border-radius:10px; float:left; margin:0px 4px;} #Detalhes .LadoDados .botao_adicionar{width: 280px; height: 55px;border-radius: 10px;background-color: #fff;border: 2px solid #ff9f28; float:left; font-size:15px; color:#ff9f28; font-weight:500; text-transform:uppercase; transition:.2s;padding-left:45px; background-repeat:no-repeat; background-position:15px center; background-image:url('../imagens/botao_carrinho1.svg');} #Detalhes .LadoDados .botao_adicionar:hover{background-color:#ff9f28; color:#fff; cursor:pointer; background-image:url('../imagens/botao_carrinho2.svg');} /* #Detalhes .LadoDados .BotaoItemInativo{color:#404040; border:1px solid #404040; background-color:#fff;cursor:pointer;} #Detalhes .LadoDados .BotaoItemInativo:hover{color:#fff; background-color:#404040; float: left;}*/ #Detalhes .LadoDados .linha_frete{padding:20px 0px; border-top:1px solid #E3E3E3;} #Detalhes .LadoDados .input_frete{padding:10px 15px; float:left; text-align:left; color:#B2B2B2; border:1px solid #E3E3E3; border-radius:10px; width:156px; margin-right:10px;} #Detalhes .LadoDados .btn_calcular{width: 95px;height: 40px;border-radius: 10px;background-color: #0097a7; float:left; text-align:center; color:#fff; font-size:15px; font-weight:500; transition:.2s;} #Detalhes .LadoDados .btn_calcular:hover{background-color:transparent; border:1px solid #0097a7; color:#0097a7; cursor:pointer;} #Detalhes .LadoDados .LinhaTags{width:100%; float:left; text-align:left; padding-top:20px; border-top:1px solid #E3E3E3;} #Detalhes .LadoDados .LinhaTags .Tags{width:auto; padding:5px 10px; float:left; text-align:center; font-size:15px; color:#fff; margin-right:5px; margin-bottom:5px; border-radius:10px; background-color:#0097A7; transition:.2s;} #Detalhes .LadoDados .LinhaTags .Tags:hover{ cursor:pointer; opacity:.8; filter: opacity(80);} #Detalhes .SobreProduto{padding-top:60px; text-align:left; margin-bottom:90px;} #Detalhes .SobreProduto .titulo_sobre{float:left; text-align:left; width:100%; margin-bottom:30px; font-size:31px; line-height:41px; color:#00356E; text-transform: uppercase; font-weight:700;} #Detalhes .SobreProduto .texto_sobre{width:100%; text-align:left; float:left; font-size:15px; color:#818181; line-height:20px;} #Detalhes .SecaoProdutos .linha_cabecalho{width:100%; float:left; text-align:left; margin-bottom:43px;} #Detalhes .SecaoProdutos .linha_cabecalho .titulo_secao{width:auto; float:left; color:#00356E; font-size:31px; font-weight:700; text-transform: uppercase; line-height:41px; vertical-align:bottom;} #Detalhes .SecaoProdutos .linha_cabecalho .botao_ver_tudo{width:116px; height:40px;vertical-align:bottom; border:1px solid #FF9F28; border-radius:10px; text-transform: uppercase; color:#FF9F28; font-size:15px; font-weight:500; float:right; text-align: center; transition: .2s;} #Detalhes .SecaoProdutos .linha_cabecalho .botao_ver_tudo:hover{cursor:pointer; background-color:#FF9F28; color:#fff;} #Detalhes .linha_produtos{width:100%; float:left; padding-right:36.5px; position:relative;} #Detalhes .seta_carrossel{width: 73px; height: 73px; background-color: #ff9f28; border-radius:50%; position:absolute; background-repeat: no-repeat; background-position: calc(50% + 3px) center; background-image:url('../imagens/seta_right.svg'); top:125px; right:0px; transform: translateY(-50%); transition:.2s; z-index:2;} #Detalhes .seta_carrossel:hover{background-color:#ffa941; cursor:pointer;} #Detalhes .carrossel_produtos{width:calc(100% + 28px); display:inline-block; text-align:center; font-size:0px; margin-left:-28px; height:375px;} #Detalhes .carrossel_produtos .container_produto{margin-left:28px;} #Detalhes .container_frete{float: left; width: 100%; margin-top: 5px; margin-bottom: 5px; font-size: 16px; margin-top: 10px; width: 100%; max-width: 317px; text-align: left; margin-left: 12px; display: none;} /*============================ Detalhes =============================*/ /*============================ Sobre =============================*/ #Sobre{width:100%; float:left; text-align:center; background-color:#fff; padding-bottom:100px;} #Sobre .Conteudo{width:100%; float:left;} #Sobre .ContainerTexto{width:calc(100% - 568px); margin-right:35px; float:left;} #Sobre .ContainerImgs{width:533px; float:left;} #Sobre .ContainerTexto .TituloSobre{width:100%; float:left; text-align:left; font-size:31px; line-height:41px; margin-bottom:30px; text-transform:uppercase; font-weight:700; color:#00356E;} #Sobre .ContainerTexto .TextoSobre{width:100%; float:left; text-align:left; font-size:15px; line-height:23px;} #Sobre .ContainerImgs .ImagemSobre{width:100%; height:465px; float:left; background-repeat: no-repeat; background-position: center center; background-size:cover; background-image:url('../imagens/img_sobre.jpg');} /*============================ Sobre =============================*/ /*============================ Contato =============================*/ #Contato{width:100%; float:left; text-align:center; background-color:#fff; padding-bottom:80px;} #Contato .Conteudo{width:100%; float:left;} #Contato .FormsContato .TituloContato{width:100%; float:left; text-align:left; font-size:31px; line-height:41px; margin-bottom:40px; text-transform:uppercase; font-weight:700; color:#00356E;} #Contato .FormsContato{width:calc(100% - 325px); float:left; text-align:left;height:auto; margin-right:50px;} #Contato .MapaContato{width:275px; float:left;} #Contato .LinhaMapa {width:100%; float:left; text-align:center; height:386px; position:relative;} #Contato .LinhaMapa .AreaClicaFuncao{width:100%; height:100%; position:absolute; top:0px; left:0px; cursor:pointer;z-index:2;} #Contato .LinhaMapa .mapa_container{width:100%; position:relative; border-radius:10px; overflow:hidden; height:100%; z-index:1; background-repeat: no-repeat; background-position: center center; background-size:cover; background-image:url('../imagens/fundo_mapa.jpg');} #Contato .LinhaMapa .botao_mapa{width: 210px; height: 50px; border-radius: 10px; background-color: transparent; border: 1px solid #fff; position:absolute; left:50%; top:50%; color:#fff; font-size:14px; font-family: 'Rubik'; text-transform: uppercase; transform:translate(-50%, -50%); z-index:1;} #Contato .DadosContato{margin-bottom:20px; display:inline-block; text-align:left; width:100%;} #Contato .DadosContato .ItemContato{width:auto; display:inline-block; text-align:left; vertical-align: middle; padding-left:34px; margin-right:40px; background-repeat: no-repeat; background-position:left center; font-size:15px; line-height:20px; margin-bottom:10px;} #Contato .DadosContato .ItemContato:last-child{margin-right:0px;} #Contato .DadosContato .ItemContato.wpp{background-image: url('../imagens/icone_wpp.svg');} #Contato .DadosContato .ItemContato.fone{background-image:url('../imagens/icone_fone.svg');} #Contato .DadosContato .ItemContato.email{background-image:url('../imagens/icone_email.svg');} #Contato .DadosContato .ItemContato.local{background-image:url('../imagens/icone_local.svg');} #Contato .ContainerFormulario{width:calc(100% + 15px); float:left; margin-left:-15px; } #Contato .ContainerFormulario .itemForm{width:calc(100% - 15px); margin-left:15px; float:left; margin-bottom:20px;} #Contato .ContainerFormulario .itemForm:last-child{margin-bottom:30px;} #Contato .ContainerFormulario .itemForm.tam2{width:calc(33.33% - 15px);} #Contato .ContainerFormulario .itemForm .InputItem{width:100%; border:1px solid #E3E3E3; border-radius:10px; font-size:15px; color:#818181; padding:10px 15px; background-color:#fff;} #Contato .ContainerFormulario .itemForm .InputItem::placeholder{color:#b2b2b2;} #Contato .ContainerFormulario .itemForm .InputItem.textarea{height:auto; resize:none; line-height:20px;} #Contato .botao_enviar{width: 210px; height: 55px; border-radius: 10px; background-color: #fff;border: 2px solid #ff9f28; float:left; color:#ff9f28; font-size:15px; text-transform: uppercase; font-weight:500; transition:.2s;} #Contato .botao_enviar:hover{background-color:#ff9f28; color:#fff; cursor:pointer;} #Contato .msg_sucesso{float:left; width:100%; background-color:#e8fef2; border:1px #08c95c solid; border-radius:6px; color:#07b051; padding:15px; box-sizing:border-box; font-size:14px; margin-bottom: 16px; display:none} /*============================ Contato =============================*/ /* ---------------- AREA CLIENTE -------------------------------------------- */ /* ---------------- Identificacao ---------------- */ #Identificacao{width:100%; float:left; height:auto; text-align:center;background-color:#fff;padding-bottom:100px; padding-top:100px;} #Identificacao .coluna_esquerda{width:100%; max-width:460px; display:inline-block; text-align:center; height:auto; } #Identificacao .bloco_login{border-radius: 10px;background-color: #fff;border: 1px solid #E3E3E3; width:100%; height:100%;padding:30px;display:inline-block;text-align:center;} #Identificacao .bloco_t1{font-size: 31px;text-align: center; display:inline-block;color: #00356E; margin-bottom:20px; width:100%;text-transform:uppercase; line-height:41px; font-weight:700;} #Identificacao .bloco_t2{width:100%;font-size: 15px;text-align: center; display:inline-block; color: #818181; margin-bottom:30px;} #Identificacao .centraliza_inputs{width:100%; text-align:center; display:inline-block;} #Identificacao .containerInputs{width:100%; text-align:center; display:inline-block;} #Identificacao .cabecalhoInput{width:100%; text-align:left; display:inline-block; margin-bottom:5px; font-size:15px; line-height:22px; color:#818181;} #Identificacao .input_texto{width:100%; display:inline-block;border-radius: 5px;background-color:url() #fff; border: 1px solid #E3E3E3; margin-bottom:15px;height:40px;text-align:left; padding-left:20px; color:#818181; font-size:15px;} #Identificacao .input_botao{margin-bottom:10px; margin-top:30px; width:210px; display:inline-block;border-radius: 10px;background:url() #fff; border:none; font-size:15px; color:#FF9F28; height:55px;text-transform:uppercase; transition:.2s;border:2px solid #FF9F28; font-weight:500;} #Identificacao .input_botao:hover{background:url() #FF9F28; cursor:pointer; color:#fff;} #Identificacao .esqueci_senha{margin-top:5px;text-decoration: underline;font-size: 12px;text-align: center;color: #8d8d8d;display:inline-block;width:100%; cursor:pointer;} #Identificacao .alguma_duvida{font-size:12px; color:#8d8d8d; line-height:16px; text-align:center; margin-top:38px; display:inline-block; width:100%;font-size:12px;} #Identificacao .alguma_duvida a{text-decoration:underline;color:#8d8d8d;} #Identificacao .alguma_duvida a:visited{text-decoration:underline;color:#8d8d8d;} #Identificacao .alguma_duvida a:hover{text-decoration:underline;color:#8d8d8d;} #Identificacao .ainda_nao{font-family: 'Red Hat Display'; font-size: 11px; line-height: 22px; text-align: left; color: #818181; display:inline-block; width:100%; text-align:center; cursor:pointer; text-decoration: underline;} /* ---------------- Identificacao ---------------- */ #NaoEncontrado{width:100%; height:auto; background-color:#fff;text-align:center; float:left;padding-bottom:130px;} #NaoEncontrado .alinhado_esquerda{text-align:left;} #NaoEncontrado .titulo_404{width: 70%; height: auto; float: left; font-size: 46px; text-align: left; color: #454545; font-weight: 700; margin-bottom: 30px;} #NaoEncontrado .Ello404{width:35%; float:left;} #NaoEncontrado .Ello404 .DivImg404{padding-top:11.628%;position:relative;} #NaoEncontrado .Linha404{width:100%; padding-top:120px;float:left;} /*============================ INTERNAS ==========================*/ .LinhaInterna{display: inline-block; width: 100%; height: auto;} .CentralizarInterna{display: inline-block; width: 100%; max-width: 1240px; height: auto;} .BotaoInterna{padding: 10px 0; text-align: center; background-color: #ff9f28; color: #ffffff; font-weight: 800;cursor: pointer; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; tap-highlight-color: transparent; user-select: none;} .BotaoInterna:hover{opacity: .9;} .ErroValidacao{color: red; font-size: 12px; text-align: left; margin: 0 0 5px 0; opacity: 0;} .Radio .checkmark{border-radius: 100%; left: unset; right: 0; top: 50%; transform: translateY(-50%);} .container.Radio .checkmark:after{left: 3px;top: 3px;width: 10px;height: 10px;background-color: #ff9f28;border-radius: 100%;border-width: 0;-webkit-transform: none;-ms-transform: none;transform: none;content:'';position: absolute;display:none;} .container.Radio{padding-left: 0;padding-right: 26px;margin-bottom: 0px;margin-top: 0px;text-align: right;} .container.Radio input:checked ~ .checkmark{border: solid 1px #ff9f28 !important;} .container.Radio input:checked ~ .checkmark:after{display:block;} /*============================ INTERNAS ==========================*/ /*============================ CADASTRO ==========================*/ #Cadastro{float: left; width: 100%; height: auto; min-height: calc(100vh - 473px); text-align: center; overflow: hidden; padding: 60px 0 100px 0;} #Cadastro .TituloInterna{font-size: 31px;text-align: center; display:inline-block;color: #00356E; margin-bottom:20px; width:100%;text-transform:uppercase; line-height:41px; font-weight:700; margin-top:30px;} #Cadastro .ContainerFormCadastro{width:100%; max-width: 460px; margin: 35px 0 0 0; padding: 0 29px 19px 29px; border: solid 1px #DEDEDE; border-radius: 10px;} #Cadastro .ContainerFormCadastro2{width:100%; max-width:460px;} #Cadastro .LinhaInput{width:calc(100% + 10px); float:left; margin-left:-10px;} #Cadastro .LinhaFormulario.tam1{width:calc(100% - 10px);} #Cadastro .LinhaFormulario.tam2{width:calc(50% - 10px);} #Cadastro .LinhaFormulario.tam3{width:calc(65% - 10px);} #Cadastro .LinhaFormulario.tam4{width:calc(35% - 10px);} #Cadastro .LinhaFormulario{text-align:left; float: left;width: 100%; height: auto; margin: 0px 0px 10px 10px; position: relative;} #Cadastro .LinhaFormulario:last-child{margin-bottom:0px;} #Cadastro .AlinhaInputForms{width:calc(100% + 10px); margin-left:-10px; text-align:left;} #Cadastro .LinhaFormulario input, #Cadastro .LinhaFormulario select, #Cadastro .LinhaFormulario textarea{width: 100%; height: 40px; border-radius: 4px; background: #fff; border: 1px solid #dedede; margin-bottom:10px; float:left; padding:0px 20px;} #Cadastro .LinhaFormulario select{background-image: url('../imagens/seta_ordenar.svg'); background-position: calc(100% - 12px) center; background-repeat: no-repeat;} #Cadastro .BotaoInterna{width: 100%; height: 44px; border-radius: 4px;background: #eb8a35; display:inline-block; text-align:center; border:none; transition:.2s; max-width:460px; font-size:15px;} #Cadastro .BotaoInterna:hover{background:url() #eb8a35; cursor:pointer;} #Cadastro .InputLabel{position: absolute;left: 15px;top: 12px;transition: all .4s ease;color: #818181;font-size: 13px;font-family: 'Heebo', sans-serif;pointer-events: none;} #Cadastro .InputAtivo{top: -6px !important;left: 9px;background-color: #fff;padding: 0 5px;font-size: 12px;color: #818181 !important;} #Cadastro .BordaCorreto{border: 1px solid #e6e6e6 !important;} #Cadastro .BordaErro{border: 1px solid red !important;} #Cadastro .BotaoInterna{margin: 20px 0 10px 0;} #Cadastro .LinhaCep{width: calc(100% - 140px);} #Cadastro .BotaoCep{float: left; width: 100%; font-weight: 400; text-decoration: underline; font-size: 13px; text-align: right; color: #818181; cursor: pointer; padding: 12px 0 0 0;} #Cadastro .alinha_termos{width:100%; max-width:460px; display:inline-block;} #Cadastro .termos{margin-top:21px; text-align:left; font-size:15px; line-height:22px;} #Cadastro .termos .AbreModal{color:#00356E; text-decoration: underline; cursor:pointer;} #Cadastro .input_botao{margin-bottom:10px; margin-top:30px; width:210px; display:inline-block;border-radius: 10px;background:url() #fff; border:none; font-size:15px; color:#FF9F28; height:55px;text-transform:uppercase; transition:.2s;border:2px solid #FF9F28; font-weight:500;} #Cadastro .input_botao:hover{background:url() #FF9F28; cursor:pointer; color:#fff;} #Cadastro .ainda_nao{font-family: 'Red Hat Display'; font-size: 11px; line-height: 22px; text-align: left; color: #818181; display:inline-block; width:100%; text-align:center; cursor:pointer; text-decoration: underline;} #Cadastro .containerInputs{width:100%; text-align:center; display:inline-block;} #Cadastro .cabecalhoInput{width:100%; text-align:left; display:inline-block; margin-bottom:5px; font-size:15px; line-height:22px; color:#717171;} /*============================ /CADASTRO =========================*/ /*============================ CARRINHO ==========================*/ input.InputLateral{float: left; width: calc(100% - 107px); height: 40px; padding: 0px 14px; background-color: #ffffff; border:1px solid #D7DDE6; font-weight: 400; font-size: 13px; text-align: left; color: #8B8B8B; margin-right:7px; border-radius:10px;} input.InputLateral::placeholder{font-family: 'Red Hat Display', sans-serif; font-weight: 400; font-size: 13px; text-align: left; color: #8B8B8B;} .BotaoInputLateral{float: left; width: 100px; height: 40px; background-color: #0097A7; font-size: 14px; color: #ffffff; text-align: center; cursor: pointer; border:none; border-radius:10px; line-height:40px; text-transform: uppercase; } .BotaoInputLateral:hover{cursor:pointer; opacity:.8;} /* .LinhaInterna{display: inline-block; width: 100%; height: auto;} input.InputLateral{float: left; width: calc(100% - 110px); height: auto; padding: 11px 14px; background-color: #fff; border-top: solid 1px #E3E3E3; border-left: solid 1px #E3E3E3; border-bottom: solid 1px #E3E3E3; font-weight: 400; font-size: 13px; text-align: left; color: #717171;} input.InputLateral::placeholder{font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; text-align: left; color: #717171;} .BotaoInputLateral{float: left; width: 110px; height: auto; padding: 12px 0; background-color: #717171; font-weight: 700; font-size: 13px; color: #fff; text-align: center; text-transform: uppercase; cursor: pointer;} .BotaoInputLateral:hover{opacity: .8;} */ #Carrinho .Radio .checkmark{border-radius: 100%; left: unset; right: 0; top: 50%; transform: translateY(-50%);} #Carrinho .container.Radio .checkmark:after{left: 3px;top: 3px;width: 8px;height: 8px;background-color: #ff9f28;border-radius: 100%;border-width: 0;-webkit-transform: none;-ms-transform: none;transform: none;} #Carrinho .container.Radio{padding-left: 0;padding-right: 26px;margin-bottom: 0px;margin-top: 0px;text-align: right;} #Carrinho .container.Radio input:checked ~ .checkmark{border: solid 1px #ff9f28;} #Carrinho .control {font-family: 'Red Hat Display';display: block; position: relative;padding-top: 4px; cursor: pointer;font-size: 16px;float:right;} #Carrinho .control input {position: absolute; z-index: -1; opacity: 0;float:right;} #Carrinho .control_indicator {position: absolute; top: 5px; right: 0; left:unset; height: 16px; width: 16px; background: #ffffff;border: 1px solid #ff9f28;} #Carrinho .control-radio .control_indicator {border-radius: 50%;} #Carrinho .control:hover input ~ .control_indicator,.control input:focus ~ .control_indicator {background: #ffffff;} #Carrinho .control input:checked ~ .control_indicator {background: #ffffff;} #Carrinho .control:hover input:not([disabled]):checked ~ .control_indicator,.control input:checked:focus ~ .control_indicator {background: #ffffff;} #Carrinho .control input:disabled ~ .control_indicator {background: #e6e6e6;opacity: 0.6;pointer-events: none;} #Carrinho .control_indicator:after {box-sizing: unset; content: ''; position: absolute; display: none;} #Carrinho .control input:checked ~ .control_indicator:after {display: block;} #Carrinho .control-radio .control_indicator:after {left: 3px;top: 3px; height: 8px;width: 8px; border-radius: 50%;background: #ff9f28;} #Carrinho .control-radio input:disabled ~ .control_indicator:after {background: #7b7b7b;} #Carrinho{float: left; width: 100%; height: auto; min-height: calc(100vh - 566px); text-align: center; overflow: hidden; padding: 0 0 100px 0} #Carrinho .titulo_id{font-size: 31px;text-align: left; display:inline-block;color: #00356E; margin-bottom:20px; width:100%;text-transform:uppercase; line-height:41px; font-weight:700; margin-top:0px;} #Carrinho .Mobile{display: none !important;} #Carrinho .TituloInterna{margin: 45px 0 40px 0;} #Carrinho .Coluna{float: left; height: auto;} #Carrinho .Coluna.Esq{width: calc(100% - 450px);} #Carrinho .Coluna.Dir{width: 380px; margin: 0 0 0 70px; float:right;} /**/ #Carrinho .SecaoPreco{width:100%; padding: 42px 28px 30px 28px; background-color: #f6f6f6; border-radius:10px;} #Carrinho .ItemSecao{border-bottom: solid 1px #dfdfdf; margin: 0 0 20px 0;} #Carrinho .Subtotal{margin: 0 0 20px 0;} #Carrinho .ColunaItem{display: inline-block; width: calc(50% - 5px); height: auto; vertical-align: middle;} #Carrinho .ColunaItem.Esq{text-align: left;} #Carrinho .ColunaItem.Dir{text-align: right;} #Carrinho .TituloItem{font-weight: 400; font-size: 16px; color: #818181;} #Carrinho .ValorItem{font-weight: 700; font-size: 18px; color: #818181;} #Carrinho .ItemDesconto, #Carrinho .ItemCEP{-webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; tap-highlight-color: transparent;} #Carrinho .InserirDesconto{display: inline-block; margin: 0 0 20px 0;} #Carrinho .ValorDesconto{display: none;} #Carrinho .ValorDescontoAviso{display: none;font-size: 14px;margin: 20px 0px;text-align: justify;color: #FF0000;} #Carrinho .ItemDesconto.TemDesconto .InserirDesconto{display: none;} #Carrinho .ItemDesconto.TemDesconto .ValorDesconto{display: inline-block;} #Carrinho .RemoverCupom{text-align: right; cursor: pointer; font-weight: 400; text-decoration: underline; font-size: 11px; color: #8d8d8d; margin: 1px 0 5px 0;} #Carrinho .OpcoesFrete{display: none;} #Carrinho .ItemCEP.Aberto .OpcoesFrete{display: inline-block;} #Carrinho .OpcaoFrete{text-align: right; margin: 0 0 20px 0;} #Carrinho .TextoOpcao{display: inline-block; width: auto; height: auto; font-weight: 400; font-size: 13px; color: #818181; vertical-align: middle;} #Carrinho .ValorOpcao{display: inline-block; width: auto; height: auto; font-weight: 500; font-size: 16px; color: #818181; vertical-align: middle; margin: 0 0 0 10px;} #Carrinho .LegendaOpcao{font-weight: 400; font-size: 11px; color: #8e8e8e; margin: 2px 0 3px 0;} #Carrinho .PrecoFinal{font-weight: 700; font-size: 22px; color: #00356E;} #Carrinho .BotaoInterna{width: 100%; max-width:320px; height: 44px;border-radius: 10px;background:url() #ff9f28;display:inline-block; text-align:center;border:none; color:#fff; font-size:15px; font-weight:400; margin-top:20px;transition:.2s; text-transform: uppercase; } #Carrinho .BotaoInterna:hover{background:url() #fff; border:1px solid #ff9f28; cursor:pointer; color:#ff9f28;} #Carrinho .LinhaBotaoCarrinho{text-align: left;} #Carrinho .BotaoCarrinho{max-width: 250px; border: solid 1px #E3E3E3; font-weight: 800; font-size: 14px; color: #818181; text-align: center; text-transform: uppercase; margin: 30px 0 0 0; padding: 16px 0; cursor: pointer;} #Carrinho .BotaoCarrinho:hover{opacity: .8;} #CompraAviso {display:none;margin-top:20px;width:100%;text-align:left;color:#FF0000;} /**/ #Carrinho .ListaCarrinho{display: table; border-collapse: collapse;} #Carrinho .CabecalhoLista{display: table-header-group; padding: 0 0 13px 0; border-bottom: solid 1px #E3E3E3;} #Carrinho .ItemCabecalhoLista{display: table-cell; height: auto; font-weight: 700; font-size: 15px; text-align: left; color: #818181;} #Carrinho .ItemCabecalhoLista.CabecalhoProduto{width: 49.7%;padding: 0 0 13px 0;} #Carrinho .ItemCabecalhoLista.CabecalhoPreco{width: 14.2%;} #Carrinho .ItemCabecalhoLista.CabecalhoQuantidade{width: 17.2%;} #Carrinho .ItemCabecalhoLista.CabecalhoSubtotal{width: 20%;} #Carrinho .ItemLista{display: table-row; height: auto; vertical-align: middle; border-bottom: solid 1px #E3E3E3;} #Carrinho .ColunaItemLista{display: table-cell; height: auto; vertical-align: middle;} #Carrinho .FotoItemLista{display: inline-block; width: 90px; height: 90px; margin: 20px 25px 20px 0; background-repeat: no-repeat; background-position: center center; background-size: contain; vertical-align: middle;} #Carrinho .ContainerTituloItem{display: inline-block; width: calc(100% - 140px); height: auto; vertical-align: middle; margin: 25px 20px 25px 0;} #Carrinho .TituloItemLista{font-weight: 500; font-size: 15px; text-align: left; color: #00356E; margin: 0 0 5px 0; line-height:18px;} #Carrinho .SubtituloItemLista{font-weight: 400; font-size: 14px; text-align: left; color: #818181; margin: 0 0 3px 0;} #Carrinho .BotaoExcluirItemLista{width: 24px;height: 26px;background-image: url('../imagens/carrinho_excluir.svg');background-repeat: no-repeat;background-position: center center;background-size: 24px;cursor: pointer;display: inline-block;vertical-align: middle;} #Carrinho .BotaoExcluirItemLista:hover{opacity: .8;} #Carrinho .PrecoItemLista{white-space: nowrap;font-size: 15px;text-align: left;color: #818181;} #Carrinho .PrecoItemLista.variacao1{color: #FF9F28;} #Carrinho .ColunaSubtotal{text-align: left;} #Carrinho .ColunaSubtotal .PrecoItemLista{display: inline-block;width: calc(100% - 49px);} #Carrinho .TituloColuna{display: inline-block; width: auto; margin: 0 10px 0 0; color: #818181; font-weight: 600; font-size: 16px; text-align: left;} .container_qtde{border-radius:4px;width: 100%; max-width: 95px; background: #fff; border: 1px solid #E3E3E3; float: left; height: 42px; position: relative; font-size: 20px; color: #818181; font-weight: 700;} .botao_tamanho{width: 8.1px; height: 7.4px; position: absolute; cursor: pointer; background-repeat: no-repeat; background-position: center center; right: 10px;} .botao_tamanho.aumenta{background-image: url('../imagens/tamanho_aumenta.svg'); top: 16px;} .botao_tamanho.diminui{background-image: url('../imagens/tamanho_diminui.svg'); bottom: 16px;} .inputQtde{width: 100%; text-align: center; font-weight: 700 !important; font-size: 18px !important; color: #818181 !important; margin: 9px 0 0 0;border:none;} .botao_qtde_aumenta{width: 12px; cursor: pointer; height: 44px; position: absolute; background-repeat: no-repeat; z-index: 2; background-position: center center; right: 11px; top: 0px; background-image: url('../imagens/tamanho_aumenta.svg');} .botao_qtde_diminui{width: 12px; cursor: pointer; height: 42px; position: absolute; background-repeat: no-repeat; z-index: 2; background-position: center center; left: 11px; top: 0px; background-image: url('../imagens/tamanho_diminui.svg');} #Carrinho .botao_continuar_comprando{width: 216px;height: 37px;border-radius: 4px; background: url() #fff; border: 1px solid #ff9f28; float:left; margin-top:30px; color:#ff9f28; font-size:14px; font-weight:400; transition:.2s; text-transform: uppercase; } #Carrinho .botao_continuar_comprando:hover{cursor:pointer; opacity:.8; filter: opacity(80)} #Carrinho .container_qtd{margin-right:30px; float:left; padding:7px 0px; width:128px;} #Carrinho .botao_qtd{background-color:#0097A7; background-repeat: no-repeat; background-position: center center; height:40px; width:40px; transition:.2s; border-radius:10px; float:left;} #Carrinho .botao_qtd:hover{opacity:.8; filter: opacity(80); cursor:pointer;} #Carrinho .botao_qtd.desativado{pointer-events: none; cursor:unset; background-color:#C2C2C2;} #Carrinho .botao_qtd.soma{background-image:url('../imagens/btn_soma.svg');} #Carrinho .botao_qtd.diminui{background-image:url('../imagens/btn_diminui.svg');} #Carrinho .qtd_produto{border:1px solid #E3E3E3; font-size:15px; line-height:40px; text-align: center; height:40px; width:40px; border-radius:10px; float:left; margin:0px 4px;} /*============================ /CARRINHO =========================*/ /*============================ RESUMO ============================*/ #Resumo{float: left; width: 100%; height: auto; min-height: calc(100vh - 473px); text-align: center; overflow: hidden; padding: 0 0 40px 0;} #Resumo .TituloResumo{margin: 0 0 20px 0; font-size: 31px; text-align: left; color: #00356E;font-family: 'Red Hat Display'; line-height:36px; text-transform:uppercase; line-height:41px;font-weight:700;} #Resumo .TituloResumo.sub{font-size:18px; line-height:24px;} #Resumo .Coluna.Dir{margin: 0 0 0 48px; float:right;} #Resumo .Coluna.Esq{width: calc(100% - 458px);} #Resumo .AlinhaVoltar{width:100%; display:inline-block; text-align:center;} #Resumo .BotaoVoltarCarrinho{max-width:227px; width: 100%;height: 55px;border-radius: 10px;background: url() #fff; color:#ff9f28; font-size:14px; font-weight:500; text-transform:uppercase; display:inline-block; text-align:center; transition:.2s; border:2px solid #ff9f28;} #Resumo .BotaoVoltarCarrinho:hover{border:2px solid #ff9f28; color:#fff; background-color:#ff9f28; cursor:pointer;} /*Conteudo Resumo*/ #Resumo .ContainerSecaoConteudoResumo{width:100%; border: solid 1px #E3E3E3; border-radius: 10px; padding: 24px 29px; text-align: left;position:relative;} #Resumo .BotaoAlteraEndereco{width: 152px;height: 40px;border-radius: 10px;background: url() #0097A7;position:absolute;bottom:15px;right:20px;color:#fff; font-weight:400; font-size:14px;transition:.2s; } #Resumo .BotaoAlteraEndereco:hover{background:url() #fff; color:#0097A7; border:1px solid #0097A7;cursor:pointer;} #Resumo .SecaoConteudoResumo{margin: 0 0 40px 0;} #Resumo .SecaoConteudoResumo.SecaoOpcoes{width: calc(100% + 15px);} #Resumo .TituloConteudoResumo{margin: 0 0 15px 0; font-weight: 700; font-size: 15px; color: #00356E;} #Resumo .SubtituloConteudoResumo{margin: 0 0 5px 0; font-weight: 400; font-size: 13px; color: #8B8B8B;} #Resumo .OpcaoFrete{float: left; border: solid 1px #E3E3E3; border-radius: 10px; padding: 20px 20px 20px 48px; width: calc(33.33% - 15px); margin-right: 15px; cursor:pointer;} #Resumo .OpcaoFrete:hover{border: solid 1px #ff9f28;} #Resumo .OpcaoFrete.Selecionado{border: solid 2px #ff9f28; padding: 19px 15px 19px 47px; width: calc(33% - 15px);} #Resumo .OpcaoFrete.Selecionado:hover{border: solid 2px #ff9f28;} #Resumo .ValorOpcao{font-weight: 500; font-size: 14px; color: #818181; margin: 0 0 5px 0; line-height:18px; color:#ff9f28;} #Resumo .EntregaOpcao{font-weight: 400; font-size: 13px; color: #818181;} #Resumo .Radio .checkmark{border-radius: 100%; right: unset; left: 20px; top: 25px; transform: none;float:left; position:absolute;width:18px; height:18px;border: solid 1px #E3E3E3;} #Resumo .container.Radio{margin-bottom: 0px; margin-top: 0px; text-align: left;position:relative;} #Resumo .OpcaoTransportadora{display: inline-block; width: 100%; height: 22px; margin: 0 0 10px 0; background-position: left center; background-repeat: no-repeat; background-size: contain;} #Resumo .BotaoInterna{width: 200px; height: 44px; border-radius: 10px;background: #ff9f28;display:inline-block; border:none; transition:.2s; font-size:14px; font-weight:400; text-transform:uppercase; text-align:center; float:none;} #Resumo .BotaoInterna:hover{background:url() #fff; color:#ff9f28; border:1px solid #ff9f28;cursor:pointer;} #Resumo .FormPagamentoTitulo{font-weight: 700; font-size: 24px; text-align: left; color: #717171; margin: 0 0 2px 0;} #Resumo .FormPagamentoSubtitulo{font-weight: 400; font-size: 16px; text-align: left; color: #717171;} #Resumo .LinhaFormasPagar{margin: 0px 0 8px 0;} #Resumo .PagarCom{width: calc(100% - 236px); vertical-align: bottom; font-weight: 400; font-size: 14px; text-align: left; color: #717171;} #Resumo .PagarIcone{display: inline-block; width: 40px; height: 25px; margin: 0 0 0 3px; border-radius: 2px; vertical-align: bottom; background-position: center center; background-size: cover;} #Resumo .SecaoDadosCredito{width: calc(100% + 20px); display: none;} #Resumo .ColDadosCredito100{float: left; width: calc(100% - 20px); height: auto; margin: 0 20px 20px 0;} #Resumo .ColDadosCredito50{float: left; width: calc(50% - 20px); height: auto; margin: 0 20px 20px 0;} #Resumo .TituloDadosCredito{margin: 0 0 8px 0; font-weight: 400; font-size: 14px; line-height: 22px; text-align: left; color: #717171;} #Resumo .InputDadosCredito{width: 100%;height: 37px;border-radius: 4px;background: url() #fff; border: 1px solid #E3E3E3;padding:0px 20px; float:left; color:#717171;} #Resumo select.InputDadosCredito{background-image: url('../imagens/seta_ordenar.svg'); background-repeat: no-repeat; background-position: calc(100% - 19px) center;-webkit-appearance: none;} #Resumo .LinhaSelectFormasPagar{width: calc(100% - 2px); border: solid 1px #E3E3E3; margin: 0 0 20px 0; position: relative;} #Resumo .LinhaSelectFormasPagar:before{content: '';position: absolute; width: 32.5px; height: 23.5px; top: 7px; left: 15px; pointer-events: none; background-position: center center; background-repeat: no-repeat; background-size: 32.5px 23.5px;} #Resumo .SelectFormasPagar{width:100%; padding: 0px 46px 0px 64px; background-image: url('../imagens/seta_ordenar.svg'); background-repeat: no-repeat; background-position: calc(100% - 19px) center;-webkit-appearance: none;border-radius: 4px;background-color:#fff; border: 1px solid #E3E3E3; color:#717171; height:37px;} #Resumo .LinhaSelectFormasPagar.Boleto:before{background-image: url('../imagens/confirmacao_selectboleto.svg');} #Resumo .LinhaSelectFormasPagar.Credito:before{background-image: url('../imagens/confirmacao_selectcartao.svg');} #Resumo .InputDadosCredito, #Resumo .InputDadosCredito::placeholder, #Resumo .SelectFormasPagar{font-weight: 400; font-size: 14px; text-align: left; color: #E3E3E3;} #Resumo input[type="radio"]{-webkit-appearance: none} #Resumo .OpcaoRetirada{float: left; border: solid 1px #E3E3E3; border-radius: 10px; padding: 20px 20px 20px 48px; width: calc(100% - 15px); margin-right: 15px; cursor:pointer; margin-bottom:10px !important;} #Resumo .OpcaoRetirada:last-child{margin-bottom:0px !important;} #Resumo .OpcaoRetirada:hover{border: solid 1px #ff9f28;} #Resumo .OpcaoRetirada.Selecionado{border: solid 2px #ff9f28; padding: 19px 15px 19px 47px; width: calc(100% - 15px);} #Resumo .OpcaoRetirada.Selecionado:hover{border: solid 2px #ff9f28;} #Resumo .CidadeOpcao{font-weight: 500; font-size: 14px; color: #717171; margin: 0 0 5px 0; line-height:18px; color:#00356E;width:100%; display:inline-block;} #Resumo .EnderecoOpcao{font-weight: 400; font-size: 13px; color: #717171;width:100%; display:inline-block;} #Resumo .DivContCupom{margin-bottom: 20px;} /*============================ CONFIRMACAO =======================*/ #Confirmacao{float: left; width: 100%; height: auto; min-height: calc(100vh - 473px); text-align: center; overflow: hidden; padding: 40px 0 100px 0;} #Confirmacao .BotaoBoleto{width: calc(100% - 4px); height: 118px; margin: 0 0 40px 0; background-color: #ffffff; border: 2px solid #6AC259; border-radius: 10px; cursor: pointer; background-image: url('../imagens/confirmacao_boleto.svg'); background-repeat: no-repeat; background-position: center center;} #Confirmacao .BotaoBoleto:hover{opacity: .8;} #Confirmacao .MetodoPagamento{display: inline-block; vertical-align: middle; margin: 0 0 0 5px;} .Secao{width:100%; padding: 24px 29px 22px 29px; background-color: #ffffff; border: 1px solid #E3E3E3; border-radius: 10px;} .Coluna{float: left; height: auto;} .Coluna.Esq{width: calc(100% - 450px);} .Coluna.Dir{width: 410px; margin: 0 0 0 40px;} /*Cabecalho Confirmação*/ /*#Confirmacao .CabecalhoConfirmacao{margin: 50px 0 30px 0;} */ #Confirmacao .CabecalhoConfirmacao{margin: 20px 0 20px 0;} #Confirmacao .InfoCabecalho{width:100%;} #Confirmacao .InfoCabecalho .SecaoEsq{width: 340px;text-align: center;font-size:23px;margin-bottom:25px; white-space: nowrap;float:left;} #Confirmacao .InfoCabecalho .SecaoDir{width: calc(100% - 400px);text-align: right; white-space: nowrap; float:right} #Confirmacao .BotaoCabecalho{width: 200px;height: 44px;border-radius: 10px;background: url() #0097A7;color:#fff; font-weight:500; font-size:14px;line-height:44px;cursor:pointer;transition:.2s; float:right; text-align:center; } #Confirmacao .BotaoCabecalho:hover{background:url() #fff; border:1px solid #0097A7; color:#0097A7;} #Confirmacao .BotaoCabecalho.mobile{display:inline-block;float:none; text-align:center; margin-top:15px;} #Confirmacao .BotaoMobile{display:none;} #Confirmacao .StatusPedido{display: inline-block; margin: 0 10px 0 0; vertical-align: middle; font-weight: 400; font-size: 31px; color: #00356E; font-family:'Red Hat Display'; line-height:41px; text-transform: uppercase; font-weight:700;} #Confirmacao .IconeStatusPedido{display: inline-block; width: 32px; height: 32px; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: 32px;} #Confirmacao .TextoNumeroPedido{float:right; vertical-align: middle; margin-right:23px; line-height: 44px;} #Confirmacao .TextoNumeroPedido span{display: inline-block; vertical-align: middle; font-weight: 400; font-size: 16px; color: #717171; margin: 0 15px 0 0;} #Confirmacao .NumeroPedido{display: inline-block; vertical-align: middle; font-weight: 500; font-size: 24px; color: #00356E; line-height:28px;} /*Conteudo Confirmação*/ .Secao.Lista{margin: 0 0 40px 0; padding: 23px 29px 0px 29px;} .Secao.Lista .ItemSecaoCarrinho{padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #E3E3E3;} .Secao.Lista .TituloLista{font-weight: 700; font-size: 20px; text-align: left; color: #00356E; text-transform:uppercase; line-height:24px;} .Secao.Lista .ColunaLista{width: calc(50% - 5px); font-size: 14px; color: #8B8B8B; vertical-align: top;} .Secao.Lista .ColunaLista.Esq{text-align: left; font-weight: 400;} .Secao.Lista .ColunaLista.Dir{text-align: right; font-weight: 500; font-size:15px;} .Secao.Lista .ItemSecaoLista{padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #E3E3E3;} /*Lateral Carrinho*/ .Secao.Carrinho{margin: 0 0 20px 0;} .Secao.Carrinho .ItemSecaoCarrinho{padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #E3E3E3;} .Secao.Carrinho .ItemSecaoCarrinho.Grande{border-bottom: 0px; padding: 0; margin: 0;} .Secao.Carrinho .FotoItem{width: 50px; height: 50px; margin: 0 5px 0 0; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: cover;} .Secao.Carrinho .InfoItem{width: calc(100% - 70px); padding: 0 10px 0 0; vertical-align: middle;} .Secao.Carrinho .TituloItem{font-weight: 400; font-size: 15px; color: #717171; margin: 0 0 2px 0;} .Secao.Carrinho .SubtituloItem{font-weight: 400; font-size: 11px; color: #8b8b8b; margin: 0 0 2px 0;} .Secao.Carrinho .ColunaItem{vertical-align: middle; text-align: left;} .Secao.Carrinho .Pequeno .ColunaItem{width: calc(100% - 100px);} .Secao.Carrinho .Medio .ColunaItem{width: calc(100% - 111px);} .Secao.Carrinho .Grande .ColunaItem{width: calc(50% - 9px);} .Secao.Carrinho .ColunaPreco{margin: 0 0 0 8px; vertical-align: middle; text-align: right;} .Secao.Carrinho .Pequeno .ColunaPreco{width: 87px;} .Secao.Carrinho .Medio .ColunaPreco{width: 98px;} .Secao.Carrinho .Grande .ColunaPreco{width: calc(50% - 9px);} .Secao.Carrinho .PrecoItem{font-weight: 500; color: #717171; font-size: 16px;} .Secao.Carrinho .Pequeno .PrecoItem{font-size: 16px;} .Secao.Carrinho .Medio .PrecoItem{font-size: 18px;} .Secao.Carrinho .Grande .PrecoItem{font-size: 22px; font-weight:700;color:#00356E;} .Secao.Carrinho .TextoItem{font-weight: 500; color: #717171; font-size: 16px;} .Secao.Carrinho .Medio .TextoItem{font-weight: 400; font-size: 16px; color: #8b8b8b;} .Secao.Carrinho .Grande .TextoItem{font-size: 22px; font-weight: 700; font-size: 22px; color: #00356E;} .Secao.Carrinho .ColunaLista.Esq:after{content: none; display: inline-block;} /*============================ /RESUMO ===========================*/ /*============================ CONTA =============================*/ #Conta{float: left; width: 100%; height: auto; min-height: calc(100vh - 473px); text-align: center; overflow: hidden; padding: 0 0 100px 0; position: relative; z-index: 1;} #Conta .ConteudoConta{margin: 40px 0 0 0;} #Conta .Centro{text-align: center !important;} #Conta .BotaoInterna{max-width: 400px; font-size: 19px; padding: 14px 0; margin: 7px 0 0 0;} /*Cabeçalho conta*/ #Conta .CabecalhoConta{position: relative; z-index: 2;} #Conta .ItemCabecalhoConta{float: left; width: auto; height: auto; padding: 10px 0 9px 0; margin: 0 10px 0 0; cursor: pointer; background-color: #F1F1F1; background-repeat: no-repeat; border-left: solid 1px #F1F1F1; border-top: solid 1px #F1F1F1; border-right: solid 1px #F1F1F1; border-top-right-radius: 10px; border-top-left-radius: 10px; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; tap-highlight-color: transparent; user-select: none ; border-bottom:solid 1px #dedeed;} #Conta .ItemCabecalhoConta.Mobile{display: none; width: calc(100% - 38px); max-width: 620px; padding: 0; border: 0; text-align: left;background-color:#fff;border-color:#dedeed;} #Conta .ItemCabecalhoConta.Mobile select{ background-color: #fff; font-weight: 700; background-image: url('../imagens/seta_ordenar.svg'); background-position: calc(100% - 12px); background-repeat: no-repeat; background-size: 12px; border:1px solid #dedeed;border-top-right-radius: 10px; border-top-left-radius: 10px; width: 100%; padding: 10px 0 11px 20px;} #Conta .ItemCabecalhoConta:hover{opacity: .9;} #Conta .ItemCabecalhoConta.Pedidos{padding-left: 53.6px; padding-right: 20.4px; background-image: url('../imagens/conta_pedidos.svg'); background-position: 21px center;} #Conta .ItemCabecalhoConta.Conta{padding-left: 59px; padding-right: 25px; background-image: url('../imagens/conta_minhaconta.svg'); background-position: 24px center;} #Conta .ItemCabecalhoConta.Enderecos{padding-left: 54.6px; padding-right: 19.4px; background-image: url('../imagens/conta_enderecos.svg'); background-position: 20px center;} #Conta .ItemCabecalhoConta.Indique{padding-left: 57px; padding-right: 26px; background-image: url('../imagens/conta_indique.svg'); background-position: 20px center;} #Conta .ItemCabecalhoConta.Pedidos.ItemAtivo{background-image: url('../imagens/conta_pedidosativo.svg');} #Conta .ItemCabecalhoConta.Conta.ItemAtivo{background-image: url('../imagens/conta_minhacontaativo.svg');} #Conta .ItemCabecalhoConta.Enderecos.ItemAtivo{background-image: url('../imagens/conta_enderecosativo.svg');} #Conta .ItemCabecalhoConta.Indique.ItemAtivo{background-image: url('../imagens/conta_indiqueativo.svg');} #Conta .ItemCabecalhoConta.ItemAtivo{background-color: #ffffff; border-left: solid 1px #dedeed; border-top: solid 1px #dedeed; border-right: solid 1px #dedeed; border-bottom:1px solid #fff;} #Conta .ItemCabecalhoConta.ItemAtivo .TituloItem{color:#00356E; font-weight:700;} #Conta .TituloItem{font-weight: 500; font-size: 16px; line-height: 30px; color: #717171;} /*Container conta*/ #Conta .ContainerConta{width:100%; padding: 40px; margin: -1px 0 0 0; border-radius: 0px 10px 10px 10px; border: 1px solid #dedeed; text-align: left;} #Conta .TituloContainer{font-family:'Red Hat Display';font-weight: 700; font-size: 20px; line-height: 24px; text-align: left; color: #00356E; margin: 0 0 20px 0; } #Conta .LinhaFiltroPedidos{text-align: right; margin: -21px 0 -13px 0;} #Conta .TextoFiltroPedidos{display: inline-block; vertical-align: middle; font-weight: 400; font-size: 13px; margin: 0 5px 0 0;} #Conta .FiltroPedidos{display: inline-block; width: 143px; height: 34px; padding: 0 26px 0 9px; vertical-align: middle; border: solid 1px #E3E3E3; font-weight: 400; font-size: 13px; text-align: left;background-image: url('../imagens/seta_ordenar.svg');border-radius:4px; background-repeat: no-repeat; background-position: calc(100% - 9px) center; background-size: 8px; -webkit-appearance: none; background-color:#fff;} /*Lista minha conta*/ #Conta .ItemListaMinhaConta{width:100%; padding: 20px 20px 20px 30px; border: solid 1px #dedeed; border-radius: 10px;} #Conta .LinhaItemNome{margin: 0 0 15px 0;} #Conta .NomeItemMinhaConta{width: calc(100% - 50px); vertical-align: middle; font-weight: 700; font-size: 16px; text-align: left; color:#00356E;} #Conta .BotaoItemMinhaConta{width: 20px; height: 20px; vertical-align: middle; background-image: url('../imagens/conta_editar.svg'); background-size: 20px; background-position: center center; cursor: pointer; float:right;} #Conta .BotaoItemMinhaConta:hover{opacity: .8;} #Conta .BotaoItemMinhaContaExcluir{width: 20px; height: 20px; vertical-align: middle; background-image: url('../imagens/deletar_endereco.svg'); background-size: 20px; background-position: center center; cursor: pointer; margin-left:10px; float:right;} #Conta .BotaoItemMinhaContaExcluir:hover{opacity: .8;} #Conta .TextoItemMinhaConta{font-weight: 400; font-size: 13px; text-align: left; margin: 0 0 5px 0; word-break: break-all; color:#717171;} #Conta .BotaoAlterarItem{font-weight: 400; font-size: 13px; text-align: left; color: #f1f1f1; margin: 5px 0 0 0;} #Conta .BotaoAlterarItem a{cursor: pointer;color:#ff9f28;} #Conta .BotaoAlterarItem a:visited{cursor: pointer;color:#ff9f28;} #Conta .BotaoAlterarItem a:hover{cursor: pointer;color:#ff9f28;} #Conta .BotaoAlterarMinhaConta{display: inline-block; width: 12px; height: 16px; vertical-align: middle; background-image: url('../imagens/conta_alterarsenha.svg'); background-repeat: no-repeat; background-position: center center; background-size: 12px; margin-right: 5px;} #Conta .BotaoAlterarItem span{display: inline-block; vertical-align: middle; text-decoration: underline;} /*Lista endereços*/ #Conta .ListaEnderecos{width: calc(100% + 30px);} #Conta .ItemListaEnderecos{width: calc(50% - 30px); margin: 0 25px 30px 0; vertical-align: top; float:none; display:inline-block;} #Conta .ConteudoItem{width:100%; padding: 20px 20px 20px 30px; border: solid 1px #E3E3E3; border-radius: 10px 10px 0 0; position: relative;} #Conta .ConteudoItem.ItemAdicionar{width:100%; padding: 89px 20px 89px 30px; border: dashed 1px #E3E3E3; border-radius: 10px 10px 10px 10px; cursor: pointer;} #Conta .RodapeItem{width:100%; margin: -1px 0 0 0; padding: 15px 20px 15px 30px; text-align: center; border: solid 1px #E3E3E3; border-radius: 0 0 10px 10px;} #Conta .TextoItemEnderecos{font-weight: 400; font-size: 13px; text-align: left; margin: 0 0 5px 0;} #Conta .TextoAdicionar{position: absolute; left: 50%; top: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; tap-highlight-color: transparent; user-select: none; color:#00356E;} #Conta .TextoAdicionar span{display: inline-block; vertical-align: middle; line-height: 1; font-weight: 700; font-size: 18px; margin: 0 0 0 10px;} #Conta .IconeAdicionar{display: inline-block; width: 18px; height: 18px; vertical-align: middle; background-image: url('../imagens/conta_botaoadicionar.svg'); background-position: center center; background-size: 18px; background-repeat: no-repeat;} #Conta .RodapeItem .container{display: inline-block; position: relative; padding-left: 30px; margin-bottom: 15px; margin-top: 2px; word-break: break-word; cursor: pointer;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 700; font-size: 13px; margin: 0; color:#717171;} /* Customize the label (the container) */ #Conta .RodapeItem .container:before{content: 'Selecionar como principal';} #Conta .RodapeItem .container.Selecionado:before{content: 'Selecionado como principal';} #Conta .RodapeItem .checkmark{position: absolute; top: -2px; left: 0; height: 18px; width: 18px; background-color: #ffffff; border: solid 1px #8D8D8D; border-radius: 100%;} /* Create a custom checkbox */ #Conta .RodapeItem .container .checkmark:after{left: 4px; top: 4px; width: 10px; height: 10px; border: 0; border-width: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #f1f1f1; border-radius: 100%;}/* Style the checkmark/indicator */ #Conta .RodapeItem .container input:checked ~ .checkmark{border: solid 1px #f1f1f1;} /*Lista pedidos*/ #Conta .TabelaPedidos{display: table; width: 100%; height: auto; margin: -11px 0 0 0; border-collapse: collapse;} #Conta .CabecalhoTabela{display: table-header-group;} #Conta .CorpoTabela{display: table-row-group; border: solid 1px #E3E3E3;} #Conta .LinhaTabela{display: table-row; cursor: pointer;} #Conta .LinhaTabela:hover > div{background-color: #D7DDE6;} #Conta .LinhaTabela:nth-child(odd){background-color: #F9F9F9;} #Conta .LinhaTabela:nth-child(even){background-color: #FFFFFF;} /*#Conta .LinhaTabela:first-child > .ItemTabela{border-top: solid 1px #E3E3E3;}*/ /*#Conta .LinhaTabela:last-child > .ItemTabela{border-bottom: solid 1px #E3E3E3;}*/ /*#Conta .LinhaTabela > .ItemTabela:first-child{border-left: solid 1px #E3E3E3;}*/ /*#Conta .LinhaTabela > .ItemTabela:last-child{border-right: solid 1px #E3E3E3; padding-left: 0px;}*/ /*#Conta .LinhaTabela:first-child > .ItemTabela:first-child{border-radius: 10px 0 0 0; border-top: solid 1px #E3E3E3;} #Conta .LinhaTabela:first-child > .ItemTabela:last-child{border-radius: 0 10px 0 0;} #Conta .LinhaTabela:last-child > .ItemTabela:first-child{border-radius: 0 0 0 10px;} #Conta .LinhaTabela:last-child > .ItemTabela:last-child{border-radius: 0 0 10px 0;}*/ #Conta .ItemTabela{display: table-cell; font-weight: 400; font-size: 15px; line-height: 1; text-align: left; padding-top: 17px;padding-bottom: 17px; padding-left: 40px; position: relative; color:#818181;} #Conta .ItemTabela.Numero{width: 17.9%;} #Conta .ItemTabela.Data{width: 17.5%;} #Conta .ItemTabela.Valor{width: 14.9%;} #Conta .ItemTabela.FormaPagamento{width: 21.4%;} #Conta .ItemTabela.Situacao{width: 13.4%;} #Conta .ItemTabela.aprovado span{color:#5CB85C;} #Conta .ItemTabela.recebido span{color:#375587} #Conta .ItemTabela.cancelado span{color:#D9534F} #Conta .ItemTabela.Detalhes{width: 16%;} #Conta .BotaoBuscaPedido{position: absolute; width: 20px; height: 20px; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url('../imagens/conta_buscapedido.svg');} #Conta .ItemCabecalho{font-weight: 500; font-size: 15px; line-height: 22px; text-align: left; padding-top: 10px; padding-bottom: 10px; color:#00356E;} #Conta .TituloItemMobile{display: none; vertical-align: middle; font-weight: 700; margin: 0 5px 0 0;} /*Lista minha loja - contrato*/ /* #Conta .ListaMinhaLojaContrato{max-width: 800px;} #Conta .TextoContrato{text-align: left; font-weight: 400; font-size: 13px; line-height: 18px; margin: 30px 0 20px 0;} #Conta .TituloContrato{font-weight: 700; font-size: 16px; text-align: left; margin: 0 0 15px 0;} #Conta .ContainerContrato{padding: 20px; width: calc(100% - 41px); max-height: 158px; margin: 0 0 18px 0; overflow-y: scroll; overflow-x: hidden; font-weight: 400; font-size: 13px; text-align: left; border-top: solid 1px #E3E3E3; border-bottom: solid 1px #E3E3E3; border-left: solid 1px #E3E3E3;} #Conta .ContainerContrato::-webkit-scrollbar{width: 18px;} #Conta .ContainerContrato::-webkit-scrollbar-track{background: #F2F2F2;} #Conta .ContainerContrato::-webkit-scrollbar-thumb{background: #D5D5D5; border-radius: 3px; background-clip: content-box; border: 1px solid transparent;} #Conta .ContainerContrato::-webkit-scrollbar-thumb:hover{background: #D0D0D0; border-radius: 3px; background-clip: content-box; border: 1px solid transparent;} #Conta .CheckboxTermos{display: inline-block; max-width: 230px;} #Conta .CheckboxTermos .container{display: inline-block; max-width: 203px; font-weight: 700; font-size: 13px; text-align: left; } #Conta .CheckboxTermos .checkmark{width: 16px; height: 16px;} #Conta .CheckboxTermos .container .checkmark:after{left: 6px; top: 2px;} */ /*Lista minha loja - configurar*/ /* #Conta .ListaMinhaLojaContrato{max-width: 800px;} #Conta .TextoContrato{} */ #Conta .ConteudoIndique{width:100%; padding:40px 100px; height:auto; background-color:#F5F5F5;float:left;} #Conta .Titulo_indique{font-family: 'Roboto'; font-weight: 700; font-size: 24px; text-align:center; display:inline-block; width:100%;margin-bottom:20px;} #Conta .t1{width: 100%;height: auto;font-size: 14px;line-height: 26px;text-align: center;color: #111;float:left;margin-bottom:40px;} #Conta .balao_funciona{width:100%; height:auto; float:left; margin-bottom:30px;position:relative;padding:44px 55px; background-color:#fff; border:none; border-radius:15px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);} #Conta .balao_funciona:last-child{margin-bottom:40px;} #Conta .img_funciona{width: 190px;height: 190px;background: #f6f6f6;float:left; margin-right:66px; background-repeat: no-repeat; background-position: center center;border-radius:50%;} #Conta .detalhe_balao{width:115px;height:25px;position:absolute; left:93px;bottom:-25px;background-repeat: no-repeat;background-position: center center;background-image:url('../imagens/funciona_seta.svg');filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.05));} #Conta .img_funciona.um{background-image:url('../imagens/funciona_1.svg');} #Conta .img_funciona.dois{background-image:url('../imagens/funciona_2.svg');} #Conta .img_funciona.tres{background-image:url('../imagens/funciona_3.svg');} #Conta .balao_textos{margin-top:25px; width:calc(100% - 256px);float:left; height:auto;text-align:left;max-width:510px;} #Conta .balao_titulo{font-size: 36px;text-align: left;float:left; width:100%;margin-bottom:20px;font-weight:700;line-height:43px;} #Conta .balao_titulo.cor1{color:#FC5672;} #Conta .balao_titulo.cor2{color:#03A4F3;} #Conta .balao_titulo.cor3{color:#009E74;} #Conta .balao_auxTitulo{width:100%; float:left; text-align:left; color:#111;line-height:34px;font-size:28px;} #Conta .balao_descricao{width: 100%;height: auto;float:left;font-size: 14px;line-height: 26px;text-align: left;color: #111;} #Conta .bloco_fazerParte{width:100%; height:auto; float:left;position:relative;padding:44px; background-color:#fff; border:none; border-radius:15px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);line-height:26px; text-align:center; font-size:14px; color:#111;} #Conta .container_bloco_pesquise{width:100%;max-width: 480px;display:inline-block;position:relative;margin-top:28px; margin-bottom:15px;} #Conta .bloco_pesquise{width:100%;height: 44px;border-radius: 22px;background-color: #fff;border: 1px solid #d4d4d4; color:#727272;float:left;padding-left:20px; padding-right:39px; overflow: hidden;text-overflow: ellipsis;} #Conta .bloco_pesquise::placeholder{color:#727272} #Conta .pesquise_lupa{height:19px; width:19px; position:absolute;cursor:pointer; left:calc(100% - 39px);top:13px;background-repeat: no-repeat;background-position:center center; background-image:url('../imagens/lupa.svg');} #Conta .btn_confirmar_indique{width: 300px; height: 40px;border-radius: 26px;background: url() #E3E3E3;color:#fff; font-size:16px; font-weight:700; text-transform:uppercase;display:inline-block;text-align:center;margin-top:28px; border:none;} #Conta .btn_confirmar_indique.ativo{background:url() #27AE60; cursor:pointer; transition:.2s;} #Conta .btn_confirmar_indique.ativo:hover{background:url() #2CC36B;} #Conta .linha_nome_indicador{text-align:center;width:100%;margin:34px 0px;display:none;float:left;} #Conta .nome_indicador{width:auto; height:auto; display:inline-block; text-align:center; font-weight:700; color:#ff9f28; text-transform:uppercase; font-size:16px;} #Conta .nome_indicador_cancelar{margin-left:12px; display:inline-block; width:auto; text-align:center;text-decoration:underline;color:#727272; font-size:13px; cursor:pointer;} .RodapeItem input{display:none;} #Conta .Radio .checkmark{border-radius: 100%; left: unset; right: 0; top: 50%; transform: translateY(-50%);} #Conta .container.Radio .checkmark:after{left: 3px;top: 3px;width: 8px;height: 8px;background-color: #ff9f28;border-radius: 100%;border-width: 0;-webkit-transform: none;-ms-transform: none;transform: none;} #Conta .container.Radio{padding-left: 0;padding-right: 26px;margin-bottom: 0px;margin-top: 0px;text-align: right;} #Conta .container.Radio input:checked ~ .checkmark{border: solid 1px #ff9f28;} #Conta .control {font-family: arial;display: block; position: relative; padding-right: 29px;margin-bottom: 5px;padding-top: 4px; cursor: pointer;font-size: 16px;float:none;display:inline-block; text-align:center;} #Conta .control input {position: absolute; z-index: -1; opacity: 0;float:left;} #Conta .control_indicator {position: absolute; top: 3px; right: unset; left:5px; height: 16px; width: 16px; background: #ffffff;border: 1px solid #ff9f28;} #Conta .control-radio .control_indicator {border-radius: 50%;} #Conta .control:hover input ~ .control_indicator,.control input:focus ~ .control_indicator {background: #ffffff;} #Conta .control input:checked ~ .control_indicator {background: #ffffff;} #Conta .control:hover input:not([disabled]):checked ~ .control_indicator,.control input:checked:focus ~ .control_indicator {background: #ffffff;} #Conta .control input:disabled ~ .control_indicator {background: #e6e6e6;opacity: 0.6;pointer-events: none;} #Conta .control_indicator:after {box-sizing: unset; content: ''; position: absolute; display: none;} #Conta .control input:checked ~ .control_indicator:after {display: block;} #Conta .control-radio .control_indicator:after {left: 3px;top: 3px; height: 8px;width: 8px; border-radius: 50%;background: #ff9f28;} #Conta .control-radio input:disabled ~ .control_indicator:after {background: #7b7b7b;} #Conta .LinhaNovoEndereco{width:calc(100% + 30px); float:left; margin-left:-30px;} #Conta .ContainerInputEndereco{width:calc(33.33% - 30px);height:auto; float:left; margin-left:30px; margin-bottom:25px;} #Conta .ContainerInputEndereco.Cep{width:135px;} #Conta .ContainerInputEndereco .cabecalho_input{font-size: 14px;text-align: left;color: #35383e;margin-bottom:5px;} #Conta .InputEndereco{width: 100%;height: 40px;border-radius: 4px;background-color: #fff;border: 1px solid #a4a4a4; color:#35383e;float:left; padding-left:12px;} #Conta .ContainerInputEndereco select{-webkit-appearance: none;appearance: none;background-image: url('../imagens/seta_ordenar.svg');background-repeat: no-repeat;background-position: calc(100% - 11px) center;} #Conta .BotaoSalvarConta{width: 120px;height: 42px;border-radius: 4px;background:url() #27ae60;float:left; margin-top:5px; font-size:14px; color:#fff; text-transform:uppercase; border:none; cursor:pointer; transition:.2s;} #Conta .BotaoSalvarConta:hover{opacity: .9; filter: opacity(90)} #Conta .BotaoSalvarConta:disabled{background:url() #f1f2f1;border: 1px solid #e9e9e9; color:#C5C5C5;} #Conta .TituloModalEndereco{width:100%; margin-bottom:6px; float:left;text-align:left; font-weight:700; font-size:16px;} #Conta .SubtituloModalEndereco{width:100%; margin-bottom:10px; float:left;text-align:left; font-size:14px;} /* Dados Pessoais e Bancarios */ #Conta .Conteudo_Alterar_Senha{width:100%; height:auto; text-align:center; display:inline-block;} #Conta .Conteudo_Alterar_Senha .Centralizar_form{width:100%; max-width:400px; display:inline-block; text-align:center;} #Conta .ContainerInputSenha{width:100%; position:relative; float:left; text-align:left;margin-bottom:20px;} #Conta .InputDados{width: 100%;height: 40px;border-radius: 4px;background-color: #fff;border: 1px solid #a4a4a4; color:#35383e;float:left; padding-left:12px;} /*============================ /CONTA ============================*/ /*============================ PEDIDO DETALHES ===================*/ #PedidoDetalhes{float: left; width: 100%; height: auto; min-height: calc(100vh - 473px); text-align: center; overflow: hidden; padding: 0 0 100px 0; position: relative; z-index: 1;} #PedidoDetalhes .ConteudoConta{margin: 40px 0 0 0;} #PedidoDetalhes .CabecalhoDetalhes{margin: 40px 0 0 0;} #PedidoDetalhes .TextoCabecalhoDetalhes{width: calc(100% - 125px); font-weight: 700; font-size: 20px; line-height: 30px; text-align: left; color: #00356E; vertical-align: bottom;} #PedidoDetalhes .BotaoCabecalhoDetalhes{width: 92px;height: 40px;border-radius: 10px;background: url() #0097A7;border: 1px solid #0097A7; color:#fff; font-size:15px; transition:.2s;line-height:40px; font-weight:700; } #PedidoDetalhes .BotaoCabecalhoDetalhes:hover{border:1px solid #0097A7; background:url() #fff; cursor:pointer; color:#0097A7; cursor:pointer;} /*Acompanhar pedido*/ #PedidoDetalhes .SecaoAcompanhar{background-color: #F8F8F8; padding: 71px 0 116px 0; margin: 28px 0 40px 0; border-radius: 10px;} #PedidoDetalhes .BarraProgresso{height: 10px; background-color: #EEEEEE; z-index: 1; position: relative;} #PedidoDetalhes .QuantidadeProgresso{position: absolute; left: 0; top: 0; height: 100%; background-color: #4BBF66;} #PedidoDetalhes .QuantidadeProgresso.ProgressoAguardando{width: 0%;} #PedidoDetalhes .QuantidadeProgresso.ProgressoPagamento{width: 18.4%;} #PedidoDetalhes .QuantidadeProgresso.ProgressoExpedicao{width: 39.5%;} #PedidoDetalhes .QuantidadeProgresso.ProgressoEnviado{width: 60.6%;} #PedidoDetalhes .QuantidadeProgresso.ProgressoRecebido{width: 81.7%;} #PedidoDetalhes .QuantidadeProgresso.ProgressoConcluido{width: 100%;} #PedidoDetalhes .EtapaProgresso{position: absolute; z-index: 2; top: -31px; height: 72px; width: 72px; border-radius: 100%; background-color: #EEEEEE; background-position: center center; background-repeat: no-repeat;} #PedidoDetalhes .TextoEtapa{position: absolute; left: 50%; bottom: -34px; transform: translateX(-50%); width: auto; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: #717171;} #PedidoDetalhes .EtapaProgresso.Aguardando{left: 5.2%; transform: translateX(-5.2%); background-image: url('../imagens/conta_etapaaguardando.svg');} #PedidoDetalhes .EtapaProgresso.Pagamento{left: 27.6%;transform: translateX(-27.6%); background-image: url('../imagens/conta_etapapagamento.svg');} #PedidoDetalhes .EtapaProgresso.Pagamento .TextoEtapa{bottom: -54px;} #PedidoDetalhes .EtapaProgresso.Expedicao{left: 50%; transform: translateX(-50%); background-image: url('../imagens/conta_etapaexpedicao.svg');} #PedidoDetalhes .EtapaProgresso.Expedicao .TextoEtapa{bottom: -28px;} #PedidoDetalhes .EtapaProgresso.Enviado{left: 72.4%; transform: translateX(-72.4%); background-image: url('../imagens/conta_etapaenviado.svg');} #PedidoDetalhes .EtapaProgresso.Recebido{left: 94.8%; transform: translateX(-94.8%); background-image: url('../imagens/conta_etapaentregue.svg');} #PedidoDetalhes .EtapaProgresso.EtapaConcluida{background-color: #4BBF66; background-image: url('../imagens/conta_etapaconcluida.svg');} #PedidoDetalhes .EtapaProgresso.EtapaConcluida .TextoEtapa{color: #717171;} #PedidoDetalhes .InfoBotaoNF {border:0px;background-color:#707070;color: #FFF;padding: 5px 15px;border-radius: 4px;margin-left: 11px;margin-top: -4px;margin-bottom: -4px;;font-size:13px} #PedidoDetalhes .InfoBotaoNF:hover {background-color:#909090;cursor:pointer} /*============================ PEDIDO DETALHES ===================*/ /*============================ Responsivo =============================*/ @media screen and (max-width:1280px){ .Centralizar{padding:0px 16px;} #Home .Vantagens .bloco_vantagem{margin-right:5%;} } @media screen and (max-width:1240px){ #Home .SecaoSaibaMais .bloco_saibamais{height:19.7vw;} } @media screen and (max-width:1220px){ #Produtos .LateralLista .linha_produtos .container_produto{width:calc(33.33% - 25px);} } @media screen and (max-width:1200px){ .linha2 .detalhe_menu{background-position:right;} .linha2 .linha_menus .menu_esquerda .item_menu{color:#fff;} .botoes_topo{width:calc(100% - 210px);} } @media screen and (max-width:1125px){ #Detalhes .LadoDados{width:100%; margin-top:35px;} } @media screen and (max-width:1100px){ #Conta .ItemCabecalho{font-size: 14px;} #Conta .InfoCabecalho{width: calc(100% - 225px);} #Conta .Indicados{width: 100% !important; margin-top: 20px} #Conta .BotaoCabecalho{width: 220px;} #Conta .SecaoSaldo{width: 270px; margin: 0 20px 0 0;} #Conta .SecaoExtrato{width: calc(100% - 290px);} #Sobre .ContainerTexto{width:100%; margin-right:0px; margin-bottom:40px;} #Sobre .ContainerImgs{max-width:533px; width:100%;} #Contato .ContainerFormulario .itemForm.tam2{width:calc(100% - 15px);} } @media screen and (max-width:1060px){ .linha2 .linha_menus .menu_esquerda .item_menu {margin-right:17px} .linha2 .linha_menus .menu_direita .item_menu {padding:0px 10px} .linha2 .linha_menus .menu_direita {margin-left:0px} } @media screen and (max-width:1040px){ #Rodape .linha1 .col1{width:35%;} #Rodape .linha1 .col2{width:42%;} #Rodape .linha1 .col3{width:22%;} #Rodape .linha1 .col4{width:25%;} #Rodape .linha1 .col5{width:100%;margin-top:30px;; margin-bottom:20px} #Rodape .redes_sociais{right:unset; top:unset; position:relative; margin-top:5px;} #Home .Vantagens{display:none;} #Home .Vantagens.carosel{display:block;} #Home .Vantagens .bloco_vantagem{margin-right:0px; padding-left:0px;} } @media screen and (max-width:1000px){ #Carrinho .Coluna.Esq{width: 100%;} #Carrinho .Coluna.Dir{width:100%; margin-top:35px;} #Carrinho .ItemDesconto, #Carrinho .ItemCEP{text-align: right;} #Carrinho .InserirDesconto{max-width: 360px;} #Carrinho .SecaoPreco{width: calc(100% - 38px); max-width: 640px; display: inline-block;} #Carrinho .ConteudoCarrinho{max-width: 640px;} #Carrinho .TituloInterna{max-width: 640px;} #Carrinho .ItemDesconto, #Carrinho .ItemCEP{text-align: right;} #Carrinho .InserirDesconto{max-width: 360px;} #Carrinho .SecaoPreco{width:100%; max-width: 640px; display: inline-block;} #Carrinho .ConteudoCarrinho{max-width: 640px;} #Carrinho .TituloInterna{max-width: 640px;} #Resumo .ConteudoResumo{max-width: 640px;} #Resumo .Coluna.Dir{margin: 0 0 30px 0; width: 100%;} #Resumo .Coluna.Esq{width: 100%;} #Confirmacao .InfoCabecalho .SecaoEsq{width:100%; float:none; display:inline-block; text-align:center;} #Confirmacao .InfoCabecalho .SecaoDir{width:100%; float:none; display:inline-block; text-align:center;} #Confirmacao .BotaoCabecalho{display:none;} #Confirmacao .BotaoMobile{display:inline-block;} #Confirmacao .TextoNumeroPedido{display:inline-block; float:none; text-align:center; width:100%; margin-right:0px;} #Confirmacao .Coluna{float: none; display: inline-block; max-width: 640px;} #Confirmacao .Coluna.Esq{width: 100%;} #Confirmacao .Coluna.Dir{width: 100%; margin: 0 0 0 0;} .Secao.Lista{margin: 0 0 30px 0;} #Confirmacao .BotaoBoleto{max-width: 640px; margin-bottom: 30px;} #Confirmacao .StatusPedido{margin-right:0px;} #Conta .CabecalhoTabela{display: none;} #Conta .TabelaPedidos{display: inline-block; width: 100%;} #Conta .CorpoTabela{display: inline-block; width: 100%;} #Conta .LinhaTabela{display: inline-block; width: 100%; padding: 10px;} #Conta .LinhaTabela + .LinhaTabela{border-top: solid 1px #E3E3E3;} #Conta .ItemTabela{display: inline-block; width: 100%; padding: 0; margin: 0 0 10px;} #Conta .LinhaTabela:hover > div{background-color: initial;} #Conta .ItemTabela span{display: inline-block; vertical-align: middle;} #Conta .TituloItemMobile{display: inline-block;} #Conta .BotaoBuscaPedido{position: relative; display: inline-block; vertical-align: middle; left: 0; top: 0; transform: none;} #Conta .InfoCabecalho{width: 100%;} #Conta .BotaoCabecalho{width: 100%; padding: 8px 0 9px; margin: 15px 0 0 0; background-position: calc(100% - 8px) center;} #PedidoDetalhes .Coluna{float: none; display: inline-block; max-width: 640px;} #PedidoDetalhes .Coluna.Esq{width: 100%;} #PedidoDetalhes .Coluna.Dir{width: 100%; margin: 0 0 0 0;} } @media screen and (max-width:980px){ #Conta .ItemCabecalhoConta{display: none;} #Conta .ItemCabecalhoConta.Mobile{display: block;} #Conta .img_funciona{margin-right:30px; width:140px; height:140px; background-size:60%;} #Conta .balao_textos{width: calc(100% - 170px);} #Conta .balao_titulo{font-size:30px;} #Conta .balao_auxTitulo{font-size:24px;} #Conta .balao_funciona{padding:25px;} #Produtos .LateralLista .linha_produtos .container_produto{width:calc(25% - 25px);} #Produtos .LateralFiltro{display:none;} #Produtos .LateralLista{width:100%;} } @media screen and (max-width:950px){ #Conta .ContainerInputEndereco{width:calc(50% - 30px);} } @media screen and (max-width:930px){ #Produtos .LateralLista .linha_produtos .container_produto{width:calc(33.33% - 25px);} } @media screen and (max-width:875px){ .linha2{display:none;} #Topo { position:relative; top:unset;} #Topo .linha1{padding-bottom:0px;} #Topo .linha1 .container_logo{width:100%;} #Topo .linha1 .logo{float:none; display:inline-block; text-align: center;} .botoes_topo{width:100%;} .botoes_topo .container_carrinho{display:none;} .botoes_topo .container_usuario{display:none;} .container_busca{width:100%; max-width:500px; margin-right:0px;} .botoes_topo.mobile .container_carrinho{margin-left:15px;background-position: center center; display:block; float:right; margin-top:15px;} #Topo .linha1 .botoes_topo{display:none;} #Topo .linha1 .botoes_topo.mobile{display:block;} .botoes_topo.mobile{display:block;} .linha2_mobile{display:block;} .linha_separa_topo_conteudo{top:70px; z-index:10;} .linha2_mobile .botoes_topo.mobile{text-align: center; width:100%;} .PaginaInterna{padding-top:0px;} } @media screen and (max-width:850px){ #Identificacao .coluna_esquerda{width:100%; margin-right:0px; margin-bottom:20px;} #Identificacao .coluna_direita{width:100%; margin-left:0px;} #Home .SecaoSaibaMais .bloco_saibamais{height:242px; margin-bottom:20px; width:calc(50% - 31px);} } @media screen and (max-width:820px){ #Conta .ContainerConta{width:100%; padding: 20px;} #Conta .ListaEnderecos{width: 100%;} #Conta .ItemListaEnderecos{width: 100%; margin: 0 0 20px 0;} #Conta .LinhaFiltroPedidos{margin: 0 0 0 0;} #Home .SecaoSaibaMais .bloco_saibamais{height:30vw; } } @media screen and (max-width:780px){ #Carrinho{padding: 0 0 40px 0;} #Carrinho .Mobile{display: inline-block !important;} #Carrinho .ListaCarrinho{display: inline-block;} #Carrinho .CabecalhoLista{display: none;} #Carrinho .ItemLista{display: inline-block; width: 100%; padding: 18px 0;} #Carrinho .ColunaItemLista{display: inline-block; width: 100%;} #Carrinho .FotoItemLista{margin: 0px 25px 0px 0;} #Carrinho .ContainerTituloItem{width: calc(100% - 120px); margin: 0px 0px 0px 0;} #Carrinho .SubtituloItemLista{font-size: 11px;} #Carrinho .TituloItemLista{font-size: 16px;} #Carrinho .ColunaItemLista.ColunaPreco, #Carrinho .ColunaItemLista.ColunaQuantidade, #Carrinho .ColunaItemLista.ColunaSubtotal{max-width: calc(33% - 5px); width: auto; margin: 0 20px 0 0; white-space: nowrap;} #Carrinho .ColunaItemLista.ColunaQuantidade{width: 170px; max-width: unset;} #Carrinho .ItemLista{text-align: left;} .container_qtde{display: inline-block; float: none;} #Carrinho .ColunaSubtotal .PrecoItemLista{vertical-align: middle; margin: 0 10px 0 0; display: inline-block; width:180px;} #Carrinho .BotaoExcluirItemLista{display: inline-block; vertical-align: middle;} } @media screen and (max-width:750px){ #Detalhes .LadoImagens .container_imgs_grandes{width:100%; max-width:557px; display:inline-block; text-align:center; margin-bottom:20px; float:none;} #Detalhes .LadoImagens .container_imgs_pequenas{width:100%; height:119px; margin-right:0px;} #Detalhes .LadoImagens .carrossel_pequenas{width:100%; height:119px;} #Detalhes .LadoImagens .img_pequenas{margin-bottom:0px; margin-right:5px;} #Detalhes .LadoImagens{width: 100%; margin-right:0px;} } @media screen and (max-width:720px){ #Conta .ListaMinhaLoja .FotoPerfil{width: 80px; height: 80px;} #Conta .ConteudoInfo{width: calc(100% - 100px);} #Conta .TituloInfo{font-size: 18px; line-height: 16px; margin: 0 0 4px 0;} #Conta .ItemEstatistica{font-size: 12px; line-height: 16px;} #Conta .SeparadorEstatistica{height: 13px; margin: 0 3px;} #Conta .ItemComissao{font-size: 12px; line-height: 16px;} #Conta .CaixaUrl{width: calc(100% - 151px); font-size: 12px; line-height: 16px;} #Conta .CompartilharUrl{width: 100px;} #Conta .SecaoSaldo{width: 100%;margin: 0 0 20px 0;} #Conta .SecaoExtrato{width: 100%;} #Produtos .LateralLista .linha_produtos .container_produto{width:calc(50% - 25px);} } @media screen and (max-width:690px){ #Carrinho{padding: 0 0 40px 0;} #Carrinho .Mobile{display: inline-block !important;} #Carrinho .ListaCarrinho{display: inline-block;} #Carrinho .CabecalhoLista{display: none;} #Carrinho .ItemLista{display: inline-block; width: 100%; padding: 18px 0;} #Carrinho .ColunaItemLista{display: inline-block; width: 100%;} #Carrinho .FotoItemLista{margin: 0px 25px 0px 0;} #Carrinho .ContainerTituloItem{width: calc(100% - 120px); margin: 0px 0px 0px 0;} #Carrinho .SubtituloItemLista{font-size: 11px;} #Carrinho .TituloItemLista{font-size: 16px;} #Carrinho .ColunaItemLista.ColunaPreco, #Carrinho .ColunaItemLista.ColunaQuantidade, #Carrinho .ColunaItemLista.ColunaSubtotal{max-width: calc(33% - 5px); width: auto; margin: 0 20px 0 0; white-space: nowrap;} #Carrinho .ColunaItemLista.ColunaQuantidade{width: 197px; max-width: unset;} #Carrinho .ItemLista{text-align: left;} .container_qtde{display: inline-block; float: none;} #Carrinho .ColunaSubtotal .PrecoItemLista{vertical-align: middle; margin: 0 10px 0 0; display: inline-block;} #Carrinho .BotaoExcluirItemLista{display: inline-block; vertical-align: middle;} #Resumo .SecaoConteudoResumo{margin: 0 0 20px 0;} #Resumo .SecaoConteudoResumo.SecaoOpcoes{width: 100%;} #Resumo .OpcaoFrete{padding: 10px 10px 10px 28px; width:100%; margin-right: 0;} #Resumo .OpcaoRetirada{padding: 10px 10px 10px 28px; width:100%; margin-right: 0;} #Resumo .Radio .checkmark{left: 6px; top: 14px;} #Resumo .container.Radio{margin-bottom: 10px;} #Resumo .OpcaoFrete.Selecionado{padding: 9px 10px 9px 27px; width:100%;} #Resumo .OpcaoRetirada.Selecionado{padding: 9px 10px 9px 27px; width:100%;} #Resumo .TituloResumo{margin: 0 0 15px 0; font-size: 20px;} #Resumo .ContainerSecaoConteudoResumo{width:100%; padding: 14px 19px;} #Resumo .PagarCom{width: calc(100% - 162px); font-size: 12px;} #Resumo .PagarIcone{width: 28px; height: 17px; margin: 0 0 0 0;} #Resumo .BotaoInterna{padding: 10px 0;} #Resumo .TituloDadosCredito{margin: 0 0 2px 0; font-size: 12px;} #Resumo .InputDadosCredito{padding: 9px 8px;} #Resumo .LinhaSelectFormasPagar{margin: 0 0 10px 0;} #Resumo .LinhaSelectFormasPagar:before{top: 3px; left: 4px; background-size: 32px 28px;} #Resumo .SelectFormasPagar{width:100%; padding: 10px 26px 10px 44px; background-position: calc(100% - 10px) center; font-weight: 400; font-size: 12px;} #Resumo .ColDadosCredito100{margin: 0 20px 10px 0;} #Resumo .ColDadosCredito50{margin: 0 20px 10px 0;} #Confirmacao{padding: 0 0 40px 0;} #Confirmacao .BotaoBoleto{margin-bottom: 20px;} #Rodape .linha1 .col1{width:100%;} #Rodape .linha1 .col2{width:100%; margin-top:20px} #Rodape .linha1 .col3{width:100%; margin-top:30px} #Rodape .linha1 .col4{width:100%; margin-top:30px} } @media screen and (max-width:660px){ #PedidoDetalhes .QuantidadeProgresso.ProgressoPagamento{width: 21%;} #PedidoDetalhes .QuantidadeProgresso.ProgressoExpedicao{width: 40%;} #PedidoDetalhes .QuantidadeProgresso.ProgressoEnviado{width: 60%;} #PedidoDetalhes .QuantidadeProgresso.ProgressoRecebido{width: 79%;} #Contato .FormsContato{width:100%; margin-right:0px; margin-bottom:35px;} #Contato .MapaContato{width:100%; display:inline-block; text-align:center; float:none;} #Contato .LinhaMapa{height:340px;} } @media screen and (max-width:651px){ .container_qtde{height: 32px;} .botao_qtde_aumenta{width: 20px; height: 32px; right: 0px;} .botao_qtde_diminui{width: 20px; height: 32px; left: 0px;} .container_qtde{max-width: 68px;} .inputQtde{font-size: 14px !important; margin: 7px 0 0 0;} #Carrinho .TituloColuna{font-size: 14px;} #Carrinho .ColunaItemLista.ColunaSubtotal{margin: 0 10px 0 0;} #Carrinho .ColunaItemLista.ColunaQuantidade{width: 166px;} #PedidoDetalhes .EtapaProgresso{top: -24px; height: 52px; width: 52px; background-size: 26px;} #PedidoDetalhes .EtapaProgresso.Aguardando, #PedidoDetalhes .EtapaProgresso.Pagamento{background-size: 16px;} #PedidoDetalhes .TextoEtapa{bottom: -24px; font-size: 13px; line-height: 14px;} #PedidoDetalhes .EtapaProgresso.Pagamento .TextoEtapa{bottom: -38px;} #PedidoDetalhes .BarraProgresso{height: 5px;} #PedidoDetalhes .SecaoAcompanhar{padding: 50px 0 90px 0; margin: 18px 0 20px 0;} } @media screen and (max-width:640px){ #Conta .TituloConfigurar{margin: 0 0 20px 0;} #Conta .BotaoInputFotoPerfil{margin: 0 0 20px 0;} #Conta .InputUrl{margin: 0 0 30px 0;} #Conta .IconeEstadoUrl{margin: 0 0 30px 10px;} #Carrinho .TituloColuna{font-size: 14px;} #Carrinho .ColunaItemLista.ColunaSubtotal{margin: 0 10px 0 0;} #Carrinho .ColunaItemLista.ColunaQuantidade{width: 166px;} } @media screen and (max-width:620px){ #Conta .balao_textos{margin-top:15px; width:100%;} #Conta .btn_confirmar_indique{width:100%;} } @media screen and (max-width:600px){ #Conta .CabecalhoMinhaLoja{width: calc(100% - 40px); padding: 20px 20px 20px 20px;} #Conta .ListaMinhaLoja .FotoPerfil{margin: 0 0 20px 0;} #Conta .ConteudoInfo{width: 100%;} #Conta .CaixaUrl{max-width: unset; width: calc(100% - 115px); font-size: 10px; padding: 5px 19px;} #Conta .CompartilharUrl{width: 64px; font-size: 10px; text-align: right;} /* #Confirmacao .InfoCabecalho{width: 100%;} */ #Confirmacao .StatusPedido{font-size: 18px;} #Confirmacao .IconeStatusPedido{width: 22px; height: 22px; background-size: 22px;} #Confirmacao .TextoNumeroPedido span{margin: 0 10px 0 0;} #Confirmacao .NumeroPedido{font-size: 18px;} #Detalhes .LadoImagens .img_grandes{height:97vw} #Detalhes .LadoImagens .carrossel_grandes{height:97vw} #Detalhes .LadoImagens .container_imgs_grandes{height:97vw} #Home .BannerPrincipal .banner{height:66.667vw;} #Home .BannerPrincipal .alinha_banner{height:66.667vw;} #Home .BannerPrincipal{height:66.667vw;} } @media screen and (max-width:580px){ #Carrinho .ColunaItemLista.ColunaPreco, #Carrinho .ColunaItemLista.ColunaQuantidade, #Carrinho .ColunaItemLista.ColunaSubtotal{max-width: 100%; width: 100%; margin: 20px 0 0 0;} #Carrinho .ColunaSubtotal .PrecoItemLista{width: auto;} #Carrinho .container_qtd {float:none; display:inline-block; vertical-align: middle;} .Secao.Lista .ColunaLista.Esq:after{content: ':';} .Secao.Lista .ColunaLista{width: 100%; font-size: 14px; color: #262626; vertical-align: top;} .Secao.Lista .ColunaLista.Dir{text-align: left; font-weight: 500;} .Secao.Lista .ItemSecaoLista{padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #dfdfdf;} .Secao.Carrinho .ItemSecaoCarrinho{padding: 0 0 10px 0; margin: 0 0 10px 0;} .Secao.Lista .ItemSecaoCarrinho{padding: 0 0 10px 0; margin: 0 0 10px 0;} .Secao{width: 100%; padding: 24px 19px 22px 19px;} .Secao.Lista{padding: 23px 19px 10px 19px;} .Secao.Carrinho .Pequeno .ColunaItem{width: 100%;} .Secao.Carrinho .Medio .ColunaItem{width: 100%;} .Secao.Carrinho .Grande .ColunaItem{width: 100%;} .Secao.Carrinho .ColunaPreco{text-align: left; margin: 10px 0 0 0;} .Secao.Carrinho .Pequeno .ColunaPreco{width: 100%;} .Secao.Carrinho .Medio .ColunaPreco{width: 100%;} .Secao.Carrinho .Grande .ColunaPreco{width: 100%;} .Secao.Carrinho .Secao.Lista{margin: 0 0 20px 0;} #Conta .ListaMinhaLojaContrato .BotaoInterna{max-width: 320px; font-size: 16px; padding: 10px 0;} #Conta .ContainerInputEndereco{width:calc(100% - 30px);} } @media screen and (max-width:570px){ #Sobre .ContainerImgs .ImagemSobre{height:81vw; background-size:contain;} } @media screen and (max-width:550px){ #Home .SecaoProdutos .linha_cabecalho .botao_ver_tudo{width:110px; height:35px; margin-top:10px; float:left;} #Home .SecaoProdutos .linha_cabecalho .titulo_secao{width:100%; font-size:27px;} #Home .SecaoProdutos{margin-top:35px;} } @media screen and (max-width:530px){ #Home .SecaoSaibaMais .bloco_saibamais{width:calc(100% - 31px); height:242px;} } @media screen and (max-width:500px){ #Produtos .LateralLista .linha_produtos .container_produto{width:calc(100% - 25px); max-width:300px;} } @media screen and (max-width:480px){ #Cadastro .DesejaIndicacao .t1{width:100%; margin-bottom:10px;line-height:unset;} #Cadastro .DesejaIndicacao .t2{width:100%;} #Cadastro .switch{float:left; margin-left:0px;} #Conta .SecaoInicioUrl{width: 130px; font-size: 12px; padding: 12px 0;} #Conta .SecaoFimUrl{width: calc(100% - 130px); height: 39px; font-size: 14px;} #Conta .SecaoFimUrl input{width: calc(100% - 20px); padding: 0 10px 0 10px;} #Conta .InputUrl{width: 100%; margin: 0 0 10px 0;} #Conta .IconeEstadoUrl{margin: 0 0 20px 0px;} #Conta .ConteudoIndique{padding:15px;} #Conta .bloco_fazerParte{padding:10px;} #Conta .balao_titulo{font-size:24px; line-height:26px;} #Conta .balao_auxTitulo{line-height:22px; font-size:20px;} } @media screen and (max-width:440px){ #Resumo .ColDadosCredito50{width: calc(100% - 20px); margin: 0 20px 10px 0;} #Resumo .BotaoAlteraEndereco{position:relative;top:unset;right:unset;left:unset;bottom:unset;} #Produtos .paginacao .botao_navegacao{font-size:0px; background-repeat: no-repeat; background-size:10px auto; background-position:center center; background-image:url('../imagens/seta_right.svg'); vertical-align: top;} #Produtos .paginacao .botao_navegacao.anterior{transform: rotate(180deg);width:32px; border-radius:50%;} #Produtos .paginacao .botao_navegacao.posterior{width:32px; border-radius:50%;} #Detalhes .LadoDados .TituloProduto{font-size:26px; line-height:34px;} #Detalhes .SobreProduto .titulo_sobre{font-size:26px; line-height:34px;} #Home .Vantagens .bloco_vantagem .texto_container{vertical-align: middle; display:inline-block; text-align: center; float:none;height:auto;} #Home .Vantagens .bloco_vantagem .texto_container span{ display:inline-block; text-align: left;} #Home .Vantagens .bloco_vantagem .container_icone{text-align:center; display:inline-block;float:none;vertical-align: middle;} #Home .Vantagens .bloco_vantagem {display:inline-block; text-align:center; float:none;} #Home .Vantagens{font-size:0px;float:none;} } @media screen and (max-width:420px){ #Cadastro .LinhaFormulario{width:calc(100% - 10px)!important;} #Cadastro .BotaoCep{padding-top:0px;margin-top:-15px;margin-bottom:10px;} input.InputLateral{width:100%;margin-right:0px;} .BotaoInputLateral{margin-top:7px; width:100%;} #PedidoDetalhes .CabecalhoDetalhes{margin: 20px 0 0 0;} #PedidoDetalhes .TextoCabecalhoDetalhes{width: calc(100% - 87px); font-size: 14px;} #PedidoDetalhes .BotaoCabecalhoDetalhes{width: 80px; font-size: 12px;} #PedidoDetalhes .EtapaProgresso{top: -20px; height: 42px; width: 42px;} #PedidoDetalhes .TextoEtapa{bottom: -17px; font-size: 9px; line-height: 10px;} #PedidoDetalhes .EtapaProgresso.Pagamento .TextoEtapa{bottom: -27px;} #PedidoDetalhes .SecaoAcompanhar{padding: 40px 0 70px 0;} #NaoEncontrado .Linha404{padding-top:40px;} #NaoEncontrado{padding-bottom:70px;} #Home .SecaoSaibaMais .bloco_saibamais{height:58vw;} #Cadastro .TituloInterna{font-size:25px;} } @media screen and (max-width:400px){ .whats{width:50px; height:50px; background-size:30px;} } @media screen and (max-width:350px){ #Conta .SecaoInicioUrl{width: 100px; font-size: 10px; padding: 13px 0;} #Conta .SecaoFimUrl{width: calc(100% - 100px); height: 39px; font-size: 14px;} } @media screen and (max-width:340px){ #Confirmacao .BotaoBoleto{background-size: 240px;} #Conta .RodapeItem .container{font-size: 12px;} } /*============================ Responsivo =============================*/