@import url('https://fonts.googleapis.com/css?family=Fredoka+One|Ubuntu:400,500,700'); /*CLEARFIX*/ .clearfix:after {content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} * {font-family: 'Ubuntu', Helvetica, Tahoma, Arial; font-size: 13px;} body { margin: 0; background: #fff; color: #393939;} a { text-decoration: none; color: #ff6c4b; transition: .5s;} a:hover { text-decoration: none; color: #7cd1e5; transition: .5s;} ul { list-style-type: none; padding: 0 } img { max-width: 100% } .container {max-width: 1100px; margin: auto; padding: 0 25px;} b, strong {font-size: inherit;} /* tarja superior */ #navegacao-topo-wrapper {width: 100%; min-height: 50px; transition: .5s;} #navegacao-topo-wrapper.fixed {position: fixed; z-index: 999; background: #fff; top: 0; min-height: 57px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: .5s;} #navegacao-topo-wrapper.fixed #navegacao-topo ul li a {border-radius: 8px; margin-top: 8px;} #navegacao-topo { position: relative; text-align: left; margin: 0 auto;} #navegacao-topo a#responsividade { display: none; } #navegacao-topo .mailfone {font-size: 13px; float: left; vertical-align: top; margin-top: 10px;} #navegacao-topo .mailfone p {color:#000; margin: 0 0 3px 0;} #navegacao-topo .mailfone a {display: inline-block; color:#000;} #navegacao-topo .mailfone .fa {color:#46cebe; font-size: 15px; margin-right: 5px;} #navegacao-topo ul {float: right; margin: 0; transition: .5s;} #navegacao-topo ul li {display: inline-block; color: #fff; margin-right: 8px;} #navegacao-topo ul li a {color: #fff; font-size: 13px; background:#7cd1e5; padding: 12px 16px 14px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; display: inline-block; transition: .5s;} #navegacao-topo ul li a:hover {color: #fff; opacity: 0.7; transition: .5s;} #navegacao-topo ul li:last-child {margin: 0;} #navegacao-topo .bemvindo { font-size: 13px; float: right; z-index:9; vertical-align: top; margin-top: 0px; margin-left:10px; border-radius: 8px; border-width: 3px; border-color: gold; } #navegacao-topo .bemvindo p { color: #000; margin: 0 0 3px 0; } #cliente-logado-nome {} #link-sair {} #li-home a {background:#7cd1e5!important;} #li-fale-conosco a {background:#ffbf41!important;} #li-minha-conta a {background:#ff6c4b!important;} #li-blog a {background:#db1e70!important;} #li-festas a {background:#acbe2e!important;} #li-clube a {background:#884333!important;} #li-carrinho a {padding-top: 7px!important; background:#46cebe!important;} #li-carrinho .fa-trem {background: url(https://i.imgur.com/fb6G6pG.png) no-repeat; width: 20px; height: 17px; position: relative; top: 4px; margin-right: 5px;} #li-carrinho a::before { content: "Carrinho: "; color: #666; display: none} #navegacao-topo #menu .abre-menu {display: none; font-size: 17px;} /* --- RESPONSIVO TOPO ---*/ @media screen and (max-width: 68em) { #navegacao-topo {padding-top: 55px;} #navegacao-topo .mailfone {float: none; position: absolute; top: 0; left: 25px;} #navegacao-topo #menu {} #navegacao-topo #menu .abre-menu {display: block; position: absolute; top: 17px; right: 25px;} #navegacao-topo #menu > ul {display: none; float: none;;} #navegacao-topo ul li {margin-right: 0; display: block; text-align: center;} #navegacao-topo ul li a {display: block; border-radius: 0;} #navegacao-topo-wrapper.fixed #navegacao-topo ul li a {border-radius: 0; margin-top: 0;} } /* moldura – wrapper */ #moldura-wrapper {margin: 0 auto 40px} #moldura { text-align: left; /*overflow: auto; margin: 0 auto; clear: both; */} body[class*="carrinho"] #moldura-wrapper {padding: 0;} iframe, object, embed {max-width: 100%;} /* busca */ #section-pesquisa {display: table; width: 100%; max-width: 330px; margin: 18px 0 0;} #pesquisa-form {width: 100%; max-width: 330px;} #pesquisa-termo {width: calc(100% - 45px); border: 0; background: #f2f2f2; color: #b1b1b1; padding: 10px 13px; box-sizing: border-box; line-height: 15px; border-radius: 8px; float: left; margin-right: 10px; outline: none;} #section-pesquisa button {background: #ff6c4b; color: #fff; border: 0; border-radius: 8px; height: 35px; width: 35px; font-size: 16px; transition: .5s; outline: none;} #section-pesquisa button:hover {background: #7cd1e5;} @media screen and (max-width: 50em) { #section-pesquisa {margin: 18px auto 20px;} #pesquisa-form {} } /* topo */ #header-logo {background: url(https://i.imgur.com/nGr3nHm.png) no-repeat center; width: 100%; height: 339px;} #header-logo h1 { text-align: left; margin-top: 0; margin-bottom: 60px; } #header-movimento {background: url(https://i.imgur.com/1SiGF8f.png) no-repeat center; width: 100%; height: 339px; margin: auto; position: relative; z-index: -1;} .cloud {position: absolute; top: 0; left: 0; width: auto; height: auto; z-index: 2;} .cloud1, .cloud2, .cloud3, .cloud4, .cloud5, .cloud6 {position: absolute;} .cloud1 {top: 17px; left: 336px;} .cloud2 {top: 53px; left: 636px;} .cloud3 {top: 17px; left: 597px;} .cloud4 {top: 198px; left: 951px;} .cloud5 {top: 205px; left: 947px;} .cloud6 {top: 183px; left: 365px;} /* categorias */ #section-categorias {width: 100%; position: relative; font-weight: bold; padding: 20px 0; border-bottom: 1px solid #a6d47b;} #section-categorias li {display: inline-block; margin: 0 10px;} #section-categorias ul {text-align: center; margin: 0;} #section-categorias ul li a {color: #393939;} #section-categorias ul li a:hover {color: #acbe2e;} #section-categorias ul li ul {margin: 0;} #section-categorias ul li ul li a {color: #fff; font-weight: normal; font-size: 12px;} #section-categorias ul li ul li a:hover {color: #fff;} #section-categorias ul li ul li:last-child { border-bottom: 0 } #section-categorias li:first-child {margin-left: 0} #section-categorias li:last-child {margin-right: 0} /*#section-categorias hr {border: 0; border-top: 1px solid #a6d47b; width: 100%; margin: 0;}*/ /* sub */ #section-categorias ul ul {display: none; position: absolute; padding-top: 20px; z-index: 3; width: 170px; margin: 0 0 0 -38px!important;} #section-categorias ul ul li {background: #acbe2e; border-bottom: 1px solid #fff; padding: 10px 0; transition: .3s; display: block; margin: 0;} #section-categorias ul ul li:hover {background: #ff6c4b; transition: .3s;} /* sub sub */ #section-categorias ul ul a {padding: 0 15px; text-align: left; text-transform: capitalize; width: 140px; display: inline-block;} #section-categorias ul ul ul {top:0; left:100%} #section-categorias ul li:hover > ul {display: inherit} #section-categorias ul ul li + li:before {display: none!important} #section-categorias ul ul li.possui-filho {} #section-categorias ul ul li.possui-filho:after {content:"\f054"; font-family: FontAwesome; display: inline-block; font-size: 9px; position: absolute; right: 8px; top: 12px;} #section-categorias ul ul li.possui-filho ul {padding: 0!important;} #section-categorias .abre-menu {display: none; background: #FFF2D9; padding: 20px 40px; width: calc(100% + 50px); margin: 5px 0 0 -25px; box-sizing: border-box; font-weight: bold;} /*RESPONSIVO MENU CATEGORIAS*/ @media screen and (max-width: 48em) { #section-categorias {padding: 0; border: none; } #section-categorias .abre-menu {display: block; text-align: center;} #section-categorias > ul {display: none; padding-top: 0;} #section-categorias > ul > li {display: block; border-top: 1px solid #f2f2f2;} #section-categorias > ul > li:first-child {border-top: 0;} #section-categorias > ul > li > a {padding: 12px 0; display: block;} #section-categorias ul li ul {width: 100%; position: relative; margin: -20px auto 0 !important;} /*sub-menu*/ #section-categorias ul ul li {} #section-categorias ul li ul li a {width: auto; display: block; text-align: center;} } /* faixa etária */ #section-faixa {width: 100%; padding: 20px 0; display: inline-block;} #section-faixa span {float: left;} #section-faixa li {font-weight: bold; display: inline-block; margin: 0 10px;} #section-faixa ul {text-align: center; margin: 0; margin-left: 20px; text-transform: uppercase; float: left;} #section-faixa ul li a {color: #393939;} #section-faixa ul li a:hover {color: #acbe2e;} #section-faixa ul li ul { margin-top: 10px } #section-faixa ul li ul li a { margin-left: 10px } #section-faixa ul li ul li:last-child { border-bottom: 0 } #section-faixa li:first-child {margin-left: 0} #section-faixa li:last-child {margin-right: 0} /*RESPONSIVO FAIXA ETARIA*/ @media screen and (max-width: 60em) { #section-faixa {} #section-faixa span {display: block; float: none; text-align: center;} #section-faixa ul {margin-left: 0; padding-top: 15px;} } @media screen and (max-width: 35em) { #section-faixa {padding: 0;} #section-faixa span {background: #DAF5F2; padding: 20px 40px; width: calc(100% + 50px); margin: 5px 0 5px -25px; box-sizing: border-box; font-weight: bold;} #section-faixa > ul {display: none; float: none; padding-top: 0; } #section-faixa > ul > li {display: block; border-top: 1px solid #f2f2f2; margin: 0;} #section-faixa > ul > li:first-child {border-top: 0;} #section-faixa > ul > li > a {padding: 12px 0; display: block;} } /* como alugar */ #alugar {display: inline-block;} #alugar h5 {font-size: 40px; font-family: Fredoka One; text-align: center; margin: 10px 0 50px;} #alugar #total {} #alugar #total .bloco {text-align: center; width: 25%; min-height: 300px; background: #ffe2db; float: left; position: relative;} #alugar #total .bloco span {display: inline-block; width: 75px; height: 75px; background: #ff6c4b; color: #fff; font-size: 43px; font-family: Fredoka One; border-radius: 50%; padding-top: 10px; box-sizing: border-box; margin-top: -20px;} #alugar #total .bloco img {display: block; margin: 15px auto 15px;} #alugar #total .bloco p {font-size: 23px; font-family: Ubuntu; font-weight: bold; padding: 0 25px;} /*#alugar #total .bloco {text-align: center; width: 275px; min-height: 300px; background: #ffe2db;}*/ #alugar #total .bloco:after {content:''; background: url(https://i.imgur.com/mkW3C0U.png) no-repeat; width: 57px; height: 46px; position: absolute; top: 41%; right: -29px; z-index: 1;} #alugar #total .bloco:last-child:after {display: none} #alugar #total .bloco:nth-of-type(2) {background: #eef2d5;} #alugar #total .bloco:nth-of-type(2) span {background: #acbe2e; color: #fff;} #alugar #total .bloco:nth-of-type(2) p {font-size: 23px; padding: 0 27px;} #alugar #total .bloco:nth-of-type(3) {background: #fff2d9;} #alugar #total .bloco:nth-of-type(3) span {background: #ffbf41; color: #fff;} #alugar #total .bloco:nth-of-type(3) p {font-size: 23px; padding: 0 32px;} #alugar #total .bloco:nth-of-type(4) {background: #daf5f2;} #alugar #total .bloco:nth-of-type(4) span {background: #46cebe; color: #fff;} #alugar #total .bloco:nth-of-type(4) p {font-size: 19px; padding: 0 25px;} @media screen and (max-width: 60em) { #alugar #total .bloco p {font-size: 18px;} #alugar #total .bloco:nth-of-type(4) p {font-size: 14px;} } @media screen and (max-width: 45em) { #alugar #total .bloco {width: 50%;} #alugar #total .bloco:nth-of-type(2):after {display: none;} } @media screen and (max-width: 26em) { #alugar #total .bloco {width: 100%; min-height: auto; padding-bottom: 20px;} #alugar #total .bloco:after {display: none;} #alugar #total .bloco img {margin: 20px auto 15px;} } /* páginas */ #section-paginas { width: 100%; } #section-paginas h3 { font-size: 14px; text-transform: uppercase; } #section-paginas li { padding: 5px 0; border-top: 1px #ccc dotted } #section-paginas ul li a { font-size: 80% } #section-paginas ul li ul { margin-top: 10px } #section-paginas ul li ul li a { margin-left: 30px } #section-paginas li:last-child { border-bottom: 1px #ccc dotted } /* conteudo */ #section-principal { width: 100% ; margin-bottom: 100px;} /* banner */ #banner { width: 795px; float: right } /* slides */ #slideshow-container {width: 100%; position: relative; margin-bottom: 30px;} .rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 } .rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; left: 50%; transform: translateX(-50%);} .rslides li a {cursor: default;} .rslides li:first-child { position: relative; display: block; float: left } .rslides img { display: block; height: auto; width: 100%; border: 0 } ul.rslides_tabs {margin-left: 0; padding-left: 0; list-style: none; float: right; margin-top: 10px; margin-bottom: 30px; display: none} ul.rslides_tabs li { border-radius: 5px; float: left; border: 1px solid #e8e8e8; margin-right: 3px; width: 25px; text-align: center; margin-bottom: 10px } ul.rslides_tabs li a { font-size: 12px; line-height: 25px } ul.rslides_tabs li:last-child { margin-right: 0 } li.rslides_here { border: 1px solid #444 !important; background-color: #444; color: white } li.rslides_here a { color: white } @media screen and (max-width: 1100px) { .rslides li {min-width: 0; left: auto; transform: none; width: 100%; margin-left: 0%;} } /* pagina normal */ #article-conteudo-texto {max-width: 860px; margin: 30px auto 100px;} #article-conteudo-texto h2 {font-size: 30px; font-family: Fredoka One; text-align: center; margin: 0 0 30px;} #article-conteudo-texto .conteudo-texto {font-size: 15px!important; color: #7e7e7e!important; font-family: Ubuntu!important; line-height: 22px; text-align: justify;} #article-conteudo-texto .conteudo-texto .western {font-size: 15px;} #article-conteudo-texto .conteudo-texto .western span {font-size: 15px!important;} #article-conteudo-texto .conteudo-texto p {font-size: 15px!important;} #article-conteudo-texto .conteudo-texto h3 {font-family: Fredoka One!important; color: #393939!important; font-size: 18px!important;} /* catalogo */ #article-conteudo-produtos {margin-top: 30px;} #article-conteudo-produtos h2 {font-size: 30px; font-family: Fredoka One; text-align: center; margin: 0 0 30px;} #article-conteudo-produtos a.catalogo-foto {padding:0px;} #article-conteudo-produtos .catalogo-info h5 { margin: 10px 0 } #article-conteudo-produtos .catalogo-info h5 a {font-size: 15px; color: #393939;} #article-conteudo-produtos .preco { line-height: 25px; font-size: 14px } #article-conteudo-produtos .avaliacao { margin-top: 0; } #article-conteudo-produtos .valor-anterior { font-size: 14px; text-decoration: line-through } #article-conteudo-produtos .valor-atual {font-size: 22px; font-family: Fredoka One; color: #ff6c4b;} #article-conteudo-produtos .apelo, #article-conteudo-produtos .apelo span { font-size: 12px } #article-conteudo-produtos .oferta {display: block; position: absolute; left: 0; top: -15px; padding: 5px; background: #7cd1e5; color: #fff; border-radius: 5px; width: 40px; height: 25px; font-size: 12px; line-height: 25px;} #article-conteudo-produtos .consulte, #article-conteudo-produtos .esgotado a { font-size: 13px; font-weight: bold; background: #ff6c4b; color: #fff; padding: 8px 12px; border-radius: 5px; display: inline-block; } .consulte, .esgotado a { font-size: 13px; font-weight: bold; background: #ff6c4b; color: #fff; padding: 8px 12px; border-radius: 5px; display: inline-block; } #migalha {font-size: 12px; margin-bottom: 15px; text-align: center;} #migalha a {font-size: 14px; margin: 0 5px; font-weight: bold;} #ordem {display: table; margin: 0 auto 10px;} #ordem select {width: 250px!important; height: 35px!important; padding: 0 10px; outline: none; font-size: 12px; background: #f2f2f2; color: #b1b1b1; border: 0; border-radius: 8px;} .catalogo-linha { width: 100%; display: block; } .catalogo-linha li { width: 22.75%; margin-left: 3%; margin-top: 20px; float: left; position: relative;} .catalogo-linha li a img { width:100%; transition: all 0.2s ease; display: table; margin: 20px auto; backface-visibility: hidden;} .catalogo-linha li:hover a img { opacity: 0.7; transition: all 0.2s ease } .catalogo-linha li:first-child { margin-left: 0 } .catalogo-linha .imagem {position: relative; border-radius: 8px; background: #fff; border: 3px solid #f5f6f8; margin-bottom: 15px; padding: 0px;} .catalogo-linha .imagem .botao-comprar-lightbox {position: absolute; bottom: 10px; right: 10px; font-weight: bold; font-size: 12px!important;} .catalogo-linha .imagem .botao-comprar-lightbox a {background: #ffbf41; color: #fff; border-radius: 5px; padding: 4px 10px 8px; box-sizing: border-box; transition: .5s; display: block; overflow: hidden; width: 30px; height: 28px; line-height: 20px; float: right;} .catalogo-linha .imagem .botao-comprar-lightbox a:hover {background: #ff6c4b; color: #fff; width: 100%; transition: .3s;} .catalogo-linha .imagem .botao-comprar-lightbox a:nth-of-type(1) {display: none} .catalogo-linha .imagem .botao-comprar-lightbox a .fa {margin-right: 3px;} /* .botao-comprar-lightbox a {transition: all 0.8s ease; background: url(https://i.imgur.com/dIEcMy8.png) no-repeat bottom right; width: 100%; height: 100%; top: 0; right: 0; display: block; position: absolute; text-indent: -555555px; opacity: 0; transition: .2s;} .botao-comprar-lightbox a:hover {opacity: 1;} */ /*--- RESPONSIVO ÁREA DE PRODUTO ---*/ @media screen and (max-width: 45em) { .catalogo-linha li { width: 48%; margin-left: 4%;} .catalogo-linha li:nth-child(3) {margin-left: 0;} #article-conteudo-produtos .catalogo-info h5 {height: 35px; overflow: hidden;} } @media screen and (max-width: 28em) { .catalogo-linha li {width: 100%; margin-left: 0;} } /* paginacao */ .pagination.produtos { width: 100%; float: left; margin: 50px 0;} .paginacao_produto { float: left; } .paginacao_produto em {font-style: normal!important; border-radius: 5px; box-sizing: border-box; margin: 5px; width: 30px; height: 30px; display: inline-block; text-align: center; background: #7cd1e5; color: #fff; font-family: Fredoka One; font-size: 15px; line-height: 30px;} .paginacao_produto a {font-style: normal!important; border-radius: 5px; box-sizing: border-box; margin: 5px; width: 30px; height: 30px; display: inline-block; text-align: center; background: #f5f6f8; color: #7cd1e5; font-family: Fredoka One; font-size: 15px; line-height: 30px;} .paginacao_produto .disabled { display: none; } .paginacao_produto .previous_page, .paginacao_produto a:hover {background: #7cd1e5; color: #fff; font-style: normal!important;} @media screen and (max-width: 45em) { .paginacao_produto {float: none; text-align: center;} } /* produto detalhe */ #article-produto-detalhe {width: 100%; margin-top: 30px;} #article-produto-detalhe .fotos {width: 48.5%; float: left;} #article-produto-detalhe .fotos a.principal {border: 5px solid #f5f6f8; border-radius: 8px; padding: 0px; box-sizing: border-box; display: block; margin-bottom: 15px;} #article-produto-detalhe .fotos a.miniatura {display: inline-block; margin-right: 1.5%;} #article-produto-detalhe .fotos a.miniatura:last-of-type {margin: 0;} #article-produto-detalhe .miniatura img {width: 80px; border: 5px solid #f5f6f8; border-radius: 8px; padding: 0px; box-sizing: border-box;} #article-produto-detalhe .miniatura:hover { text-decoration: none } #article-produto-detalhe > div.fotos > p {font-size: 13px; text-align: left;} #produto-detalhe { width: 47%; float: right; position: relative;} #produto-detalhe h2 {font-size: 30px; font-family: Fredoka One; margin: 0;} #produto-detalhe small {float: left; width: 100%; font-size: 13px; color: #b0b0b0; margin: 10px 0;} #produto-detalhe .apelo, #produto-detalhe .apelo span {font-size: 13px} #produto-detalhe .preco {padding-bottom: 20px; margin: 0;} #produto-detalhe .preco span {font-size: 30px; font-family: Fredoka One; color: #ff6c4b;} #produto-detalhe .preco a {font-size: 13px; font-weight: bold; background: #ff6c4b; color: #fff; padding: 8px 12px; border-radius: 5px; display: inline-block;} #produto-detalhe .preco a:hover {background: #46cebe; color: #fff;} #produto-detalhe hr {border: 0; border-top: 1px solid #e8e8e8; margin-top: 30px;} #calcular-frete {background: #7cd1e5; text-align: center; border-radius: 8px; color: #fff; font-size: 13px; font-weight: bold; transition: all 0.2s ease; padding: 12px 20px 17px; box-sizing: border-box; position: absolute; top: 112px; right: 0;} #calcular-frete:hover {background: #acbe2e; transition: all 0.2s ease } #calcular-frete .fa-trem {background: url(https://i.imgur.com/fb6G6pG.png) no-repeat; width: 20px; height: 17px; position: relative; top: 4px; margin-right: 5px;} #tabela-medidas:hover { text-decoration: none; opacity: 0.75; transition: all 0.2s ease } #tabela-medidas { float: left; background-color: #c4c4c4; width: 170px; text-align: center; padding: 5px; border-radius: 10px; color: #fff; font-size: 14px; clear:left; margin-bottom: 30px; margin-top:-20px; transition: all 0.2s ease; display:inline-block; } #variacoes-produto {display: inline-block; margin: 20px 0 0 0;} #variacoes-produto #variacao {display: inline-block;} #variacoes-produto #variacao::before {content: "Selecione:"; float: left; width: 100%; margin-bottom: 10px; font-size: 14px; display: none} #variacoes-produto #variacao select {border-radius: 8px; background: #fff; float: left; margin: 0 10px 10px 0; font-size: 13px; padding: 0 15px; border: 1px solid #ffbf41; display: inline-block; outline: none; width: 255px; height: 45px;} #form-qtd-comprar { width: 100%; float: left } #form-qtd-comprar > form > fieldset { border: 0; padding: 0 } #label-qtd { font-size: 14px } #comprar-qtd { border-radius: 5px; width: 35px; font-size: 14px; padding: 5px; line-height: 16px } #botao-comprar {display: inline-block; margin-bottom: 5px;} #botao-comprar a {float: left; margin-top: 20px; background: url(https://i.imgur.com/q4eZ0Tc.png) no-repeat; width: 140px; height: 74px; overflow: hidden; text-align: center; padding: 19px 10px 0 0; box-sizing: border-box; color: #fff; font-size: 20px; font-family: Fredoka One; text-transform: uppercase; letter-spacing: 0.5px; text-shadow: 3px 2px rgba(0,0,0,0.1); transition: all 0.3s ease;} #botao-comprar a:hover {opacity: 0.7; transition: all 0.3s ease} #aviso-disponibilidade {margin-top: 25px; background: #acbe2e; text-align: center; border-radius: 8px; color: #fff; font-size: 13px; font-weight: bold; padding: 15px 20px; box-sizing: border-box;} /*RESPONSIVO PRODUTO DETALHE*/ @media screen and (max-width: 52em) { #calcular-frete {position: relative; position: initial; display: table; top: auto;} } @media screen and (max-width: 42em) { #article-produto-detalhe .fotos {width: 100%; float: none;} #produto-detalhe {width: 100%; float: none;} #produto-detalhe h2 {font-size: 26px;} } .social {margin: 13px 0 0;} .social p {margin: 0; display: inline-block;} .social li {display: inline-block; margin: 0 10px;} .social li a {text-align: left; color: #393939; font-size: 15px;} .social li a:hover {color: #7cd1e5} .produto-descricao {clear: both; width: 100%; margin: 30px 0 0 0; display: inline-block;} .produto-descricao h3 {padding: 10px 25px; box-sizing: border-box; border-radius: 8px; font-size: 20px; font-family: Fredoka One; border: 5px solid #7cd1e5; display: inline-block; margin: 0 0 15px;} .produto-descricao p {font-size: 15px!important; color: #7e7e7e!important; line-height: 20px;} /* avaliacao */ .produto-avaliacao {display: block; margin-top: 30px;} .produto-avaliacao h3 {padding: 10px 25px; box-sizing: border-box; border-radius: 8px; font-size: 20px; font-family: Fredoka One; border: 5px solid #7cd1e5; display: inline-block; margin: 0 0 10px;} /* produtos recomendados */ .recomendados {display: block; margin-top: 30px;} .recomendados h3 {padding: 10px 25px; box-sizing: border-box; border-radius: 8px; font-size: 20px; font-family: Fredoka One; border: 5px solid #7cd1e5; display: inline-block; margin: 0 0 10px;} .recomendados ul {width: 100%; margin: 0 0 100px; display: inline-block;} .recomendados ul li:first-child { margin-left: 0 } .recomendados ul li {width: 22.75%; margin-left: 3%; margin-top: 20px; float: left; position: relative;} .recomendados ul li a {position: relative} .recomendados ul li a img {width: 80%; transition: all 0.2s ease; display: table; margin: 20px auto;} .recomendados ul li:hover a img {opacity: 0.7; transition: all 0.2s ease} .recomendados .imagem {position: relative; border-radius: 8px; background: #fff; border: 3px solid #f5f6f8; margin-bottom: 15px; padding: 0px;} .recomendados .imagem .botao-comprar-lightbox {position: absolute; bottom: 10px; right: 10px; font-weight: bold; font-size: 12px!important;} .recomendados .imagem .botao-comprar-lightbox a {background: #ffbf41; color: #fff; border-radius: 5px; padding: 4px 10px 8px; box-sizing: border-box; transition: .5s; display: block; overflow: hidden; width: 30px; height: 28px; line-height: 20px; float: right;} .recomendados .imagem .botao-comprar-lightbox a:hover {background: #ff6c4b; color: #fff; width: 100%; transition: .3s;} .recomendados .imagem .botao-comprar-lightbox a:nth-of-type(1) {display: none} .recomendados .imagem .botao-comprar-lightbox a .fa {margin-right: 3px;} .recomendados a.catalogo-foto {} .recomendados .catalogo-info h5 { margin: 10px 0 } .recomendados .catalogo-info h5 a {font-size: 15px; color: #393939;} .recomendados .preco {line-height: 25px; font-size: 14px} .recomendados .avaliacao { margin-top: 0; } .recomendados .valor-anterior { font-size: 14px; text-decoration: line-through } .recomendados .valor-atual {font-size: 22px; font-family: Fredoka One; color: #ff6c4b;} .recomendados .apelo, .recomendados .apelo span { font-size: 12px } .recomendados .oferta {display: block; position: absolute; left: 0; top: -15px; padding: 5px; background: #7cd1e5; color: #fff; border-radius: 5px; width: 40px; height: 25px; font-size: 12px; line-height: 25px;} .recomendados .consulte, .recomendados .esgotado {font-size: 13px; font-weight: bold; background: #ff6c4b; color: #fff; padding: 8px 12px; border-radius: 5px; display: inline-block;} /*RESPONSIVO RECOMENDADOS*/ @media screen and (max-width: 45em) { .recomendados ul li { width: 48%; margin-left: 4%;} .recomendados ul li:nth-child(3) {margin-left: 0;} #article-conteudo-produtos .catalogo-info h5 {height: 35px;} } @media screen and (max-width: 28em) { .recomendados ul li {width: 100%; margin-left: 0;} } /* newsletter */ #newsletter {width: 100%; height: 210px; background: url(https://i.imgur.com/oWAxr9r.png); border-radius: 8px; padding: 30px 0 0 45px; box-sizing: border-box; position: relative; clear: both;} #newsletter h3 {font-size: 38px; font-family: Fredoka One; margin: 0;} #newsletter > form > fieldset { border: 0; padding: 0 } #newsletter input[type="email"] {width: 420px; height: 50px; font-family: Ubuntu; background: #fff; color: #b0b0b0; border: 0; padding: 10px 20px; box-sizing: border-box; border-radius: 5px; outline: none;} #newsletter button {height: 50px; border: 0; background: #ffbf41; color: #393939; font-size: 20px; font-family: Fredoka One; border-radius: 5px; padding: 0 30px; box-sizing: border-box; vertical-align: top; margin-left: 8px; outline: none;} #newsletter button:hover {background: #ff6c4b; color: #fff; transition: .5s} #newsletter:after {content:''; background: url(https://i.imgur.com/YKsmiiy.png) no-repeat; width: 442px; height: 299px; position: absolute; top: -89px; right: 0; transition: .5s} /*--- RESPONSIVO NEWSLETTER ---*/ @media screen and (max-width: 68em) { #newsletter {height: auto; padding: 30px 25px 35px; text-align: center;} #newsletter:after {display: none;} } @media screen and (max-width: 42em) { #newsletter h3 {font-size: 30px;} #newsletter input[type="email"] {width: 100%; margin-bottom: 10px;} } /* rodape */ footer {width: 100%; clear: both; display: block; background:#e4f2d7; padding-bottom: 20px;} footer article { display: block; float: left; margin-right: 30px; font-size: 14px; min-height: 210px; border-right: 3px solid #d1e9bb; padding: 20px 15px 20px 0;} footer article:first-child { margin-left: 0 } footer article h3 {text-transform: uppercase; font-size: 14px; margin: 0 0 15px} #sobre-a-loja {width: 100%} #sobre-a-loja p {font-size: 14px} #sobre-a-loja li {font-weight: bold; display: inline-block; margin: 0 10px;} #sobre-a-loja ul {text-align: center; margin: 0 0 20px;} #sobre-a-loja ul li {display: inline-block; color: #fff; margin: 0 5px;} #sobre-a-loja ul li a {color: #fff; font-size: 13px; text-transform: uppercase; background:#acbe2e; padding: 12px 16px 14px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; display: inline-block;} #sobre-a-loja ul li a:hover {color: #fff; opacity: 0.7;} #sobre-a-loja ul li:last-child {margin: 0;} .borda {border: 3px solid #d1e9bb; border-radius: 10px; padding: 0 25px;} #atendimento {width: 220px;} #atendimento td { font-size: 14px; vertical-align: top; padding-bottom: 5px; line-height: 20px} #atendimento .fa {margin-right: 10px;} #atendimento a {color:#393939; font-size: inherit;} ul#redes-sociais {margin: 10px 0 0;} ul#redes-sociais > li {display: inline-block; margin-right: 10px;} ul#redes-sociais > li a {width: 30px; height: 30px; background: #acbe2e; color: #e4f2d7; display: block; line-height: 30px; text-align: center; border-radius: 5px;} ul#redes-sociais > li a:hover {background: #393939; color: #fff;} ul#redes-sociais > li .fa {margin: 0; font-size: 15px;} #info {width: 160px;} #info li {} #info ul {margin: 0;} #info ul li {display: block; line-height: 25px;} #info ul li a {color: #393939; font-size: 14px;} #info ul li a:hover {opacity: 0.7; padding-left: 5px;} #institucional {width: 160px;} #institucional li {} #institucional ul {margin: 0;} #institucional ul li {display: block; line-height: 25px;} #institucional ul li a {color: #393939; font-size: 14px;} #institucional ul li a:hover {opacity: 0.7; padding-left: 5px;} #pagamentos {width: 345px; padding: 20px 15px 20px 0; border: none; margin-right: 0} #pagamentos p {margin: 0; font-size: 12px; display: inline-block; position: relative; top: -16px; margin: 0 0 7px 0;} #pagamentos img {margin-left: 5px;} #pagamentos iframe {} #pagamentos .bloco-selos {} #pagamentos .bloco-selos a {display: inline-block; margin-top: 5px;} #copyright {font-size: 13px; padding: 20px 25px;} #copyright a {color: #393939;} #copyright p {margin: 0} #copyright p:nth-of-type(1) {float: left; padding-top: 4px;} #copyright p:nth-of-type(2) {float: right;} #copyright .iunique {background: url(https://i.imgur.com/RyzdeY1.png) no-repeat; background-size: contain; width: 57px; height: 20px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: 3px;} /*--- RESPONSIVO FOOTER ---*/ @media screen and (max-width: 1100px) { footer {padding: 20px 0;} #sobre-a-loja {display: none;} footer article {width: 28.95%!important; margin-right: 3%;} footer article#institucional {border: none;} footer article#pagamentos {width: 100% !important; min-height: 0; padding: 30px 0; text-align: center; margin: auto;} #copyright {padding: 10px 25px 15px; text-align: center;} #copyright p {float: none!important; margin: 0} #copyright p:nth-of-type(1) {margin: 0 0 15px;} } @media screen and (max-width: 50em) { footer article {width: 100%!important; max-width: 400px; margin: auto!important; float: none; border: none; text-align: center; border-bottom: 3px solid #d1e9bb;} #atendimento table {margin: auto;} } body.paginas.avise?cod=1799b0 article#article-conteudo-texto h2 {color:#ff6c4b} #perguntas {} #perguntas .aba {margin-bottom: 15px;} #perguntas .aba:last-child {margin: 0;} #perguntas .aba .title {background: #f2f2f2; padding: 1px 40px 1px 20px; border-radius: 8px; position: relative; cursor: pointer;} #perguntas .aba .title h3 {font-size: 15px!important;} #perguntas .aba .title:after {content:"\f078"; font-family: FontAwesome; position: absolute; right: 13px; top: 32%; color: #393939; font-size: 16px; transition: .2s} #perguntas .aba .title.aberto:after {transform: rotate(180deg);} #perguntas .aba .resposta {display: none; margin: 12px 2px 20px;} /* pop-up like fanpage */ #popup {background: url(https://i.imgur.com/zl1VKIp.png); width: 100%; max-width: 670px; height: 100%; max-height: 304px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; transition: .6s; box-sizing: border-box; border-radius: 20px; padding: 0 25px;} #popup:before {content:''; background: url(https://i.imgur.com/j3HUBug.png) no-repeat; width: 256px; height: 284px; position: absolute; bottom: 0; right: 25px; z-index: 2;} #popup:after {font-family: FontAwesome; color:#fff; position: absolute; content:"\f00d"; font-size: 20px; top: -13px; right: -15px; cursor: pointer; pointer-events: none;} #popup .texto {max-width: 350px;} #popup .texto h1 {font-family: Fredoka One; font-size: 38px; margin: 30px 0 0 0;} #popup .texto p {font-family: Ubuntu; font-size: 16px; line-height: 20px;} #popup .fb-page {} /*body.popup-open #popup {bottom: 50%; transition: .3s}*/ /*body #popup {bottom: 50%; transition: .3s}*/ .overlay {background: rgba(0,0,0,.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 5;} #modal {display: none;} /*responsivo popup*/ @media screen and (max-width: 48em) {#popup {max-width: 93%;}} @media screen and (max-width: 42em) { #popup {max-width: 92%; height: auto; max-height: none; padding: 25px;} #popup:before {position: static; display: block; margin: auto; background-size: contain; width: 180px; height: 198px;} #popup .texto {display: none;} #popup .fb-page {display: table; margin: auto;} } @media screen and (max-width: 32em) { #popup {max-width: 94%} #popup:after {top: -26px; right: 0;} }

Idioma: Inglês

Idade recomendada: de 9 meses a 3 anos.