*{box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin:0; padding:0;}
a img{border:0;}
form *{outline:none;}

body{background:#fafafa; color:#000; font:500 15px 'Poppins', sans-serif; overflow-x:hidden;}
.container{max-width:480px; margin:0 auto; width:95%;}

#login{padding:95px 0 0;}
#login h1{background:url(../../imagens/logo.png) no-repeat; height:85px; margin:0 auto 55px; overflow:hidden; text-indent:-99999px; width:154px;}
#login .container{width:80%;}
#login .wrap_input{width:100%}
#login .wrap_input input{box-shadow:0 0 15px #eee; border:0; border-radius:25px; color:#000; font:400 15px/48px 'Poppins', sans-serif; height:48px; margin:0 0 12px; padding:0 20px 0 60px; width:100%;}
#login .wrap_input input#email{background:url(../../imagens/email.png) 25px center no-repeat}
#login .wrap_input input#senha{background:url(../../imagens/senha.png) 27px center no-repeat}
#login .wrap_input input:focus{box-shadow:0 0 15px #cfcee6}
#login .botao{background:#535199; border:0; border-radius:25px; color:#fff; display:block; font:400 15px/48px 'Poppins', sans-serif; height:48px; margin:0 0 40px; width:100%;}
#login a.esqueci{color:#6c6c6c; display:block; font-size:12px; font-weight:400; display:block; margin:0 0 30px; text-align:center; text-decoration:none;}
#login a:hover.esqueci{text-decoration:underline;}
#login a.cadastro {color:#444; display:block; font-weight:400; display:block; margin:0 0 15px; text-align:center; text-decoration:none;}
#login a.cadastro u {display:block; text-decoration:underline;}

#menu-usuario{background:#fefefe; height:100%; left:-100%; padding:90px 40px 0; position:absolute; transition:all 0.3s; top:0; width:100%; z-index:999;}
#menu-usuario .fechar{background:url(../../imagens/fechar.png) no-repeat; display:block; height:13px; left:24px; overflow:hidden; position:absolute; text-indent:-99999px; top:27px; width:13px;}

#menu-usuario .wrap-usuario{border-bottom:1px solid #f1f1f1; overflow:hidden; padding:0 0 25px;}
#menu-usuario .wrap-usuario .nome{float:left;}
#menu-usuario .wrap-usuario .nome h3{font-size:17px; font-weight:500;}
#menu-usuario .wrap-usuario .nome p{color:#969696; font-weight:400;}
#menu-usuario .wrap-usuario img{float:right;}

#menu-usuario nav li{list-style:none;}
#menu-usuario nav li a{background:url(../../imagens/seta.png) right center no-repeat; border-bottom:1px solid #f1f1f1; color:#000; display:block; font-size:14px; font-weight:400; padding:17px 0; text-decoration:none; transition:all 0.3s;}
#menu-usuario nav li a:hover{background-position:98% center}
#menu-usuario nav li a.favoritos .ico{background:url(../../imagens/m-favoritos.png) no-repeat; float:left; height:15px; margin:3px 14px 0 0; width:18px;}
#menu-usuario nav li a.cart .ico{background:url(../../imagens/m-pedidos.png) no-repeat; float:left; height:20px; margin:0 12px 0 0; width:20px;}
#menu-usuario nav li a.pedidos .ico{background:url(../../imagens/m-pedidos.png) no-repeat; float:left; height:20px; margin:0 12px 0 0; width:20px;}
#menu-usuario nav li a.dados .ico{background:url(../../imagens/m-dados.png) no-repeat; float:left; height:19px; margin:1px 11px 0 0; width:21px;}

#menu-usuario .links_rodape{bottom:20px; left:40px; position:absolute;}
#menu-usuario .links_rodape li{background:url(../../imagens/bull.png) right center no-repeat; float:left; font-size:12px; list-style:none; margin:0 13px 0 0; padding:0 18px 0 0;}
#menu-usuario .links_rodape li.last{background:none; margin:0; padding:0;}
#menu-usuario .links_rodape li a{color:#707070; text-decoration:none;}
#menu-usuario .links_rodape li a:hover{text-decoration:underline;}

#abre_menu{background:url(../../imagens/menu.png) no-repeat; display:block; height:14px; right:20px; overflow:hidden; position:absolute; text-indent:-99999px; top:27px; width:20px;}
.voltar{background:url(../../imagens/voltar.png) no-repeat; display:block; height:15px; left:20px; overflow:hidden; position:absolute; text-indent:-99999px; top:30px; width:23px;}
.fav{background:url(../../imagens/fav.png) no-repeat; display:block; height:20px; right:20px; overflow:hidden; position:absolute; text-indent:-99999px; top:30px; width:24px;}
.fav.ativo{background:url(../../imagens/fav-a.png) no-repeat;}

.cesta{background:url(../../imagens/cesta.png) no-repeat; display:block; height:21px; right:20px; overflow:hidden; position:absolute; text-indent:-99999px; top:30px; width:21px;}
.cesta.ativo{background:url(../../imagens/cesta-a.png) no-repeat;}

.carrinho{background:url(../../imagens/carrinho.png) no-repeat; display:block; height:19px; right:20px; overflow:hidden; position:absolute; text-indent:-99999px; top:60px; width:24px;}
.carrinho.ativo{background:url(../../imagens/carrinho-a.png) no-repeat;}

.msg_carrinho{background:#fff; left:50%; margin:0 0 0 -45%; padding:15px; position:absolute; text-align:center; top:25%; width:90%; z-index:999}

#home .container{position:relative;}
#home .logo{display:block; padding:27px 0 45px; text-align:center;}
#home .logo img{display:block; margin:0 auto;}

.botao_novo{background:#535199; border:0; border-radius:25px; color:#fff; display:block; font:400 15px/32px 'Poppins', sans-serif; float:right; height:32px; margin:0 0 20px; text-align:center; text-decoration:none; width:140px;}

#colecoes h2{font-size:18px; font-weight:500; margin:0 0 20px;}
#colecoes .container{max-width:none}
#colecoes .destaques li{box-shadow:0 0 15px #ddd; border-radius:12px; float:left; list-style:none; margin:0 10px 10px 0;padding:4px 4px 10px; position:relative; width:220px;}
#colecoes .destaques li .thumb{border-radius:12px; display:block; height:300px; margin:0 0 5px; overflow:hidden; width:100%}
#colecoes .destaques li .thumb img{height:100%;}
#colecoes .destaques li h3{font-size:13px; font-weight:500; padding:0 7px;}
#colecoes .destaques li .data{color:#999; font-size:12px; float:right; margin:0 5px 0 0;}
#colecoes .destaques li .mais{display:block; height:100%; left:0; overflow:hidden; position:absolute; text-align:left; text-indent:-99999px; top:0; width:100%;}
#colecoes .destaques li .apagar{background:url(../../imagens/fechar.png) center #fff no-repeat; border-radius:50%; height:25px; position:absolute; right:0; text-indent:-99999px; top:0; width:25px;}

.titulo{margin:0 0 30px; text-align:center;}
.titulo h2{color:#000; font-size:18px; padding:0 30px}
.titulo p{color:#999; font-size:11px; font-weight:600; line-height:22px;}

#estampas .container{color:#707070; font-size:13px; font-weight:400; padding:24px 0; position:relative;}
#estampas .lista li{border-radius:7px; box-shadow:0 0 15px #ddd; float:left; list-style:none; margin:0 1.5% 2% 0; overflow:hidden; padding:4px; position:relative; width:47%;}
#estampas .lista li .thumb{border-radius:7px; display:block; height:100%; overflow:hidden; width:100%;}
#estampas .lista li .thumb img{display:block; width:100%;}

#estampas .lista li  input[type=radio]:checked + label .check, 
#estampas .lista li  input[type=checkbox]:checked + label .check{ background:url(../../imagens/check.png) center no-repeat rgba(255, 255, 255, 0.5); height:100%; left:0; position:absolute; top:0; width:100%; z-index:99; }
#estampas .lista li input[type=radio], #estampas .lista li input[type=checkbox]{left:0; opacity:0; position:absolute; top:0;}

#estampas .detalhes li{float:left; list-style:none; margin:30px 10px 10px 0; position:relative; transition:all 0.3s;}
#estampas .detalhes li.slick-current{margin-top:0}
#estampas .detalhes li .wrap{box-shadow:0 0 15px #ddd; border-radius:12px; margin:0 0 20px; padding:4px 4px 10px; position:relative; width:220px;}
#estampas .detalhes li .wrap .thumb{border-radius:12px; display:block; height:300px; margin:0 0 5px; overflow:hidden; width:100%}
#estampas .detalhes li .wrap .thumb img{height:100%;}
#estampas .detalhes li .wrap h3{font-size:13px; font-weight:500; padding:0 7px;}
#estampas .detalhes li .mais{background:#3e3888; border-radius:20px; color:#fff; display:block; font-size:15px; font-weight:600px; height:35px; line-height:35px; margin:0 auto; position:relative; text-align:center; text-decoration:none; width:95px; z-index:99;}

#estampas_pqno .container{color:#707070; font-size:13px; font-weight:400; margin:0 auto 15px; max-width:480px; overflow:hidden; padding:24px 0; position:relative;}
#estampas_pqno .lista li{border-radius:7px; box-shadow:0 0 15px #ddd; float:left; list-style:none; margin:0 1.5% 2% 0; overflow:hidden; padding:4px; width:30%;}
#estampas_pqno .lista li .thumb{border-radius:7px; display:block; height:100%; overflow:hidden; width:100%;}
#estampas_pqno .lista li .thumb img{display:block; width:100%;}

#simular{max-width:480px; margin:-30px auto 3px; position:relative;}
#simular .simulador{left:0; height:100%; overflow:hidden; position:absolute; top:0; width:100%;}
#simular .simulador img{height:100%;}
#simular .estampa{display:block; width:100%}
#simular .estampa2{display:block; margin:-27px 0 0; width:100%}

#simular .simulador .simulacao{position: relative; z-index:99;}
#simular .simulador .img1{height:auto; left: 40px; position: absolute; top:0; width: 51%;}
#simular .simulador .img2{bottom:2%; height:auto; left: 40px; position: absolute; width: 51%;}

#opcoes-simulacao{max-width:480px; margin:0 auto; overflow:hidden;}
#opcoes-simulacao li{float:left; list-style:none; margin:0 3px 0 0; width:75px;}
#opcoes-simulacao li img{opacity:0.3; width:100%;}
#opcoes-simulacao li a.ativo img{opacity:1;}

#carrinho li{border-bottom:1px solid #eee; clear:both; display:table; list-style:none; margin:0 0 20px; padding:0 0 10px; width:100%;}
#carrinho .thumb{border-radius:7px; box-shadow:0 0 15px #ddd; float:left; margin:0; overflow:hidden; padding:4px; position:relative; width:34%;}
#carrinho .thumb .wrap{border-radius:7px; overflow:hidden;}
#carrinho .thumb img{display:block; width:100%;}
#carrinho .thumb .remove{background:url(../../imagens/delete.png) no-repeat; height:30px; overflow:hidden; position:absolute; right:0; text-indent:-99999px; top:0; width:30px}
#carrinho .campos{float:right; width:60%}
#carrinho .wrap_input label{display:block; font-weight:bold; margin:0 0 1px;}
#carrinho .wrap_input input{border:1px solid #ddd; border-radius:5px; color:#707070; font:400 13px/35px 'Poppins', sans-serif; height:35px; margin:0 0 12px; padding:0 10px; width:100%;}
#carrinho .wrap_input select{border:1px solid #ddd; border-radius:5px; color:#707070; font:400 13px/35px 'Poppins', sans-serif; height:35px; margin:0 0 12px; padding:0 10px; width:100%;}
#carrinho .duplicar{color:#3e3888; display:block; margin:-5px 0 0; text-decoration:none;}
#carrinho .botao{background:#3e3888; border-radius:20px; border:0; color:#fff; cursor:pointer; display:block; font:600 13px/35px 'Poppins', sans-serif; height:35px; margin:0 auto; position:relative; text-align:center; text-decoration:none; width:125px; z-index:99;}

.tags_colecao{overflow:hidden; margin:0 0 35px;}
.tags_colecao p{margin:0 0 5px;}
.tags_colecao li{background:#535199; border-radius:4px; color:#fff; display:inline-block; list-style:none; padding:0 10px;}

#texto .container{color:#707070; font-size:13px; font-weight:400; padding:24px 30px; position:relative;}
#texto h2{color:#000; font-size:18px; margin:0 0 30px; text-align:center;}
#texto p{line-height:22px; margin:0 0 15px; text-align:justify;} 

#formulario .container{color:#707070; font-size:13px; font-weight:400; padding:24px 30px; position:relative;}
#formulario h3{color:#000; margin:0 0 10px;}
#formulario .wrap_input{margin:0 0 10px; width:100%}
#formulario .wrap_input label{display:block; margin:0 0 3px;}
#formulario .wrap_input input{border:1px solid #ddd; border-radius:5px; color:#707070; font:400 13px/35px 'Poppins', sans-serif; height:35px; margin:0 0 12px; padding:0 10px; width:100%;}
#formulario .wrap_input select{border:1px solid #ddd; border-radius:5px; color:#707070; font:400 13px/35px 'Poppins', sans-serif; height:35px; margin:0 0 12px; padding:0 10px; width:100%;}
#formulario .botao{background:#3e3888; border-radius:20px; border:0; color:#fff; cursor:pointer; display:block; font:600 13px/35px 'Poppins', sans-serif; height:35px; margin:0 auto; position:relative; text-align:center; text-decoration:none; width:125px; z-index:99;}

#pedido .thumb{border-radius:7px; box-shadow:0 0 15px #ddd; margin:0 auto 30px; overflow:hidden; padding:4px; width:180px;}
#pedido .thumb .wrap{border-radius:7px; overflow:hidden;}
#pedido .thumb img{display:block; width:100%;}
#pedido h3{color:#777; font-size:15px; margin:0 0 10px; text-align:center;}
#pedido .wrap_input{margin:0 auto 10px; max-width:270px; overflow:hidden;}
#pedido .wrap_input label{float:left; font-size:13px; line-height:35px; text-align:right; width:32%;}
#pedido .wrap_input input{border:1px solid #ddd; border-radius:5px; color:#707070; float:right; font:400 13px/35px 'Poppins', sans-serif; height:35px; padding:0 10px; width:65%;}
#pedido .wrap_input select{border:1px solid #ddd; border-radius:5px; color:#707070; float:right; font:400 13px/35px 'Poppins', sans-serif; height:35px; padding:0 10px; width:65%;}
#pedido .botao{background:#535199; border-radius:5px; border:0; color:#fff; cursor:pointer; display:block; font:600 14px/48px 'Poppins', sans-serif; height:48px; margin:0 auto; position:relative; text-align:center; text-decoration:none; width:100%; z-index:99;}

#pedidos .container{color:#707070; font-size:13px; font-weight:400; padding:24px 30px; position:relative;}
#pedidos li{border-bottom:1px solid #ddd; list-style:none; margin:0 0 10px; overflow:hidden;}
#pedidos li .thumb{border-radius:15px; float:left; margin:0 15px 0 0; overflow:hidden; width:65px;}
#pedidos li .thumb img{display:block; width:100%}
#pedidos li .desc{float:left; margin:-3px 0 10px;}
#pedidos li .desc strong{color:#000; font-size:15px;}
#pedidos li a.item{color:#333; display:block; padding:15px 0; text-decoration:none;}
#pedidos li a.item small{background:#3e3888; border-radius:3px; border:0; color:#fff; float:right; padding:0 5px; text-transform:uppercase;}

.relacionados{clear:both; padding:30px 0 0;}
.relacionados li{border-bottom:1px solid #ddd; list-style:none; margin:0 0 10px; overflow:hidden; padding:0 0 10px;}
.relacionados li .thumb{border-radius:15px; float:left; margin:0 15px 0 0; overflow:hidden; width:65px;}
.relacionados li .thumb img{display:block; width:100%}
.relacionados li .desc{float:left; padding:7px 0 0;}
.relacionados li .desc h3{color:#000; font-size:15px;}
.relacionados li a{color:#707070; font-size:13px;}

.vendedor{clear:both; color:#777; font-size:13px; padding:20px 0 20px;}
.vendedor p{margin:0 0 7px; padding-left:25px}
.vendedor p strong{color:#000; display:inline-block; margin:0 5px 0 0;}
.vendedor .nome{background:url(../../imagens/ico-nome.png) left center no-repeat;}
.vendedor .email{background:url(../../imagens/ico-email.png) left center no-repeat;}
.vendedor .telefone{background:url(../../imagens/ico-telefone.png) left center no-repeat;}
.vendedor .whatsapp{background:url(../../imagens/ico-whatsapp.png) left center no-repeat;}
.vendedor a{color:#777;}

.msg{background:#33BE3F; border:0; border-radius:6px; color:#fff; font-size:14px; font-weight:700; margin:0 0 20px; padding:7px 15px;}
.erro{background:#CB3D38; border:0; border-radius:6px; color:#fff; font-size:14px; font-weight:700; margin:0 0 20px; padding:7px 15px;}

#nova_colecao h3{font-size:16px; font-weight:400; margin:0 0 15px;}
#nova_colecao .botao{background:#3e358b; border:0; clear:both; color:#fff; cursor:pointer; height:32px; line-height:32px; padding:0 15px;}

.wrap_checkbox{display:flex; flex-wrap: wrap; margin:0 0 25px}
.wrap_checkbox label{border-bottom:1px solid #ddd; cursor:pointer; font-size:14px; font-weight:300; margin:0 0 10px 0; padding:0 0 3px; width:19%;}
.wrap_checkbox label input{margin:0 5px 0 0; position:relative; vertical-align:middle;}
.wrap_checkbox label:hover{color:#3e358b}

#colecao{margin:0 0 20px; overflow:hidden;}
#colecao li{float:left; list-style:none; margin:0 10px 10px 0; position:relative; width:180px;}
#colecao li img{width:100%;}
#colecao li.nenhuma{width:100%}

#loading{background:rgba(0, 0, 0, 0.5); display:none; left:0; height:100%; position:fixed; top:0; width:100%; z-index:9999;}
#loading img{left:50%; position:absolute; top:50%;}

#loading2{background:rgba(0, 0, 0, 0.8); display:none; left:0; height:100%; position:fixed; text-align:center; top:0; width:100%; z-index:9999;}
#loading2 img{display:block; margin:0 auto 10px;}
#loading2 p{color:#fff; font-size:18px; position:absolute; top:48%; width:100%;}

/* HIDE MOBILE */

.desktop{display:none;}

/* FIM */

@media all and (max-width: 420px) {
    #estampas .container{padding:24px 15px; width:98%;}
    #texto .container{padding:24px 15px; width:98%;}
    #formulario .container{padding:24px 15px; width:98%;}

    .msg{font-size:13px; font-weight:400; padding:7px 10px;}
    .erro{font-size:13px; font-weight:400; padding:7px 10px;}
}

@media all and (min-width: 720px) {
    .mobile, #abre_menu, .voltar{display:none;}
    .desktop{display:block;}

    .container, #colecoes .container{max-width:980px}

    header{background:#fff; overflow:hidden; padding:10px 0;}
    header .logo{float:left;}
    header .logo img{width:130px;}
    header nav{float:right; margin:25px 0 0;}
    header nav li{float:left; list-style:none; margin:0 0 0 15px}
    header nav li a{color:#000; font-weight:300; text-decoration:none;}

    header .wrap-usuario{float:right; overflow:hidden; margin:15px 0 0 30px;}
    header .wrap-usuario .nome{float:right; margin:0 0 0 15px;}
    header .wrap-usuario .nome h3{font-size:15px; font-weight:500; max-width:165px;}
    header .wrap-usuario .nome p{color:#969696; font-size:14px; font-weight:400; max-width:165px;}
    header .wrap-usuario .sair{color:#f1262e; float:right; font-size:12px; margin:1px 0 0 5px; text-decoration:none;}
    header .wrap-usuario img{float:left;}

    #colecoes{padding:30px 0 40px;}
    #colecoes h2{font-size:22px;}
    #colecoes .destaques{position:relative;}
    #colecoes .destaques .slick-list{overflow:hidden; padding:13px 13px 13px 0;}
    #colecoes .destaques .slick-arrow{border:0; cursor:pointer; height:48px; margin-top:-24px; overflow:hidden; text-indent:-99999px; top:50%; position:absolute; width:30px; z-index:9;}
    #colecoes .destaques .slick-arrow.slick-prev{background:url(../../imagens/prev.png) no-repeat; left:-45px;}
    #colecoes .destaques .slick-arrow.slick-next{background:url(../../imagens/next.png) no-repeat; right:-45px;}
    #colecoes .destaques .slick-disabled{display:none !important;}

    .titulo h2{font-size:22px;}
    .titulo p{font-size:14px;}

    #estampas .lista li{width:31%}
    
    footer{background:#fff; clear:both; margin:25px 0 0; overflow:hidden; padding:15px 0;}
    footer .vendedor{float:left; margin:0; padding:0; width:45%;}
    footer .links_rodape{float:right; text-align:right; width:45%;}
    footer .links_rodape li{font-size:13px; list-style:none; margin:0 0 10px;}
    footer .links_rodape li a{color:#000; text-decoration:none}
}

@media all and (max-width: 1090px) {
    #colecoes .destaques .slick-arrow.slick-prev{left:15px;}
    #colecoes .destaques .slick-arrow.slick-next{right:15px;}
}