@media only screen and (min-width : 768px) and (max-width : 1290px){
header .menu-principal > ul {
text-align:right!important;
}
}

@media only screen and (min-width : 768px) and (max-width : 1180px) {
header .infotopo .area-busca {
width:25%!important
}

header .area-carrinho > .carrinho > a > strong.cor-principal,header .area-minha-conta a,header .infotopo > ul > li.area-contato > ul > li * {
font-size:12px!important
}
}

@media only screen and (min-width : 768px) and (max-width : 1040px) {
header .area-carrinho {
min-width:initial!important;
width:50px!important
}

header .area-carrinho > .carrinho > a > strong.cor-principal {
display:none
}

header .area-carrinho > .carrinho {
min-width:auto!important;
width:auto!important;
margin:0!important;
float:none!important
}

header .menu-principal > ul > li > a strong {
font-size:12px!important
}

header .cab .dados-cab .area-login > .span8 > a,header .cab .dados-cab > div > a,header .cab .dados-cab > div > span,header .cab .dados-cab .area-login > .span8 > .btn-group > a::after {
font-size:12px!important
}

header .infotopo .area-busca {
width:30%!important
}
}

@media only screen and (min-width : 768px) and (max-width : 888px) {
header .infotopo > ul > li.area-minha-conta {
display:none
}
}

@media only screen and (min-width: 768px) {
header {
background:#fff
}
  
header .carrinho {
min-width:initial!important;
}

body:not(.pagina-inicial) #corpo {
padding-top:30px;
padding-bottom:30px
}

header ul {https://app.lojaintegrada.com.br/painel/logout
padding:0;
margin:0
}

header .content {
max-width:1290px;
margin:0 auto!important;
padding:0 20px!important;
display:block
}

header .infotopo {
background:linear-gradient(#1bafe3,#137FC1);
padding:10px 0
}

header .infotopo > ul {
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center
}

header .infotopo > ul > li {
white-space:nowrap
}
  
header .infotopo > ul > li.area-minha-conta {
margin-left:2%
}

header .infotopo > ul > li.area-carrinho {
order:1
}

header .infotopo > ul > li.area-social > ul {
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center
}

header .infotopo > ul > li.area-social > ul > li:not(.WU) i {
width:32px;
line-height:32px;
height:32px;
border-radius:100%;
color:#fff;
font-size:13pt;
text-align:center;
background:#054F85;
box-shadow:0 0 0 2px #fff inset;
margin-right:3px
}

header .infotopo > ul > li.area-social > ul > li.WU {
-webkit-order:3;
-moz-order:3;
-ms-order:3;
-o-order:3;
order:3
}

header .infotopo > ul > li.area-social > ul > li.WU img {
width:32px;
height:32px
}

header .infotopo > ul > li.area-contato > ul {
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center
}

header .infotopo > ul > li.area-contato > ul > li:first-child {
margin-right:15px
}

header .infotopo > ul > li.area-contato > ul > li * {
color:#fff;
font-size:14px
}

header .infotopo > ul > li.area-contato > ul > li a {
text-decoration:none
}

header .infotopo > ul > li.area-contato > ul > li a:hover {
color:#2232ff
}

header .infotopo .area-busca > form {
margin:0;
position:relative
}

header .infotopo .area-busca > form > input {
margin:0;
padding:0;
line-height:40px;
height:40px;
width:100%;
text-indent:10px;
border-radius:50px;
border:none;
box-shadow:0 2px 3px 0 rgba(0,0,0,.4)
}

header .infotopo .area-busca {
width:30%;
margin:0 10px
}

header .infotopo .area-busca > form > button {
padding:0;
margin:0;
position:absolute;
top:2px;
bottom:2px;
right:0;
line-height:1;
width:40px;
height:auto;
color:#7E7E7E;
background:none;
font-size:13pt;
font-weight:400
}

header .infotopo .area-busca > form > button:hover {
color:#2232ff
}

header .area-minha-conta * {
color:#fff;
font-size:14px
}

header .area-minha-conta a {
font-weight:700;
text-decoration:none
}

header .area-minha-conta a:hover {
color:#2232ff
}

header .area-minha-conta i {
font-weight:400!important;
margin-right:3px
}

header .area-carrinho > .carrinho > a {
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
margin:0
}

header .area-carrinho > .carrinho > a > i {
width:20px;
height:20px;
margin:0 5px 0 0;
font-size:10px;
background:url(https://cdn.awsli.com.br/697/697080/arquivos/bag.png) no-repeat center center;
background-size:80%
}

header .area-carrinho > .carrinho > a > i::before {
display:none
}

header .area-carrinho > .carrinho > a > strong {
float:none!important;
margin:0
}

header .area-carrinho > .carrinho > a > strong.cor-principal {
color:#fff;
font-size:14px;
font-weight:700;
line-height:1;
margin:0 0 0 5px !important
}

header .area-carrinho > .carrinho > a > span {
display:none!important
}

header .cab {
padding:20px 0
}

header .cab > ul {
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center
}

header .icone-rastreio::after {
content:"";
position:absolute;
top:100%;
left:0;
right:0;
height:10px
}

header .icone-rastreio {
cursor:default
}

header .icone-rastreio:hover .drop {
display:block!important
}

header .drop {
display:none;
position:absolute;
top:115%;
left:0;
background:#efefef;
text-align:center;
padding:20px;
box-shadow:0 0 5px 0 rgba(0,0,0,.5);
border-radius:5px;
border-bottom:3px solid #137FC1;
z-index:999
}

header .drop form {
margin:0;
position:relative
}

header .drop label {
color:#9b9b9b;
font-size:13px;
font-weight:500;
margin-bottom:10px;
cursor:default
}

header .drop form input {
padding:0;
width:200px;
line-height:40px;
height:40px;
text-indent:10px;
border-radius:50px;
background:#efefef;
border:solid 1px #e0e0e0;
-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.2);
box-shadow:0 0 30px 0 rgba(0,0,0,.2);
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid rgba(0,0,0,.11);
margin:0
}

header .drop form button {
position:absolute;
top:0;
right:0;
padding:0;
width:40px;
line-height:1;
height:100%;
border:none!important;
color:#888;
background:none
}

header .drop form button:hover {
color:#000
}

header .drop form button::before {
content:"\f002";
font-family:FontAwesome;
font-weight:400
}

header .logotipo {
width:100%;
max-width:300px
}

header .logo {
width:100%;
height:auto
}

header .logo a {
height:auto;
width:100%
}

header .logo img {
position:relative!important;
top:initial;
left:initial;
right:initial;
bottom:initial;
width:100%;
height:auto;
max-height:initial!important
}


    
header .menu-principal {
margin:0 20px;
width:100%
}

header .menu-principal > ul {
text-align:center
}

header .menu-principal > ul > li {
display:inline-block;
vertical-align:middle;
border:none;
line-height:1;
margin:0 8px!important;
position:relative
}

header .menu-principal > ul > li:not(:first-child)::before {
position:absolute;
left:-12px;
content:"-";
height:20px;
line-height:20px;
top:50%;
margin-top:-10px;
color:#2232ff;
font-weight:700
}

header .menu-principal > ul > li::after {
position:absolute;
top:100%;
left:0;
right:0;
content:"";
height:12px
}

header .menu-principal > ul > li > a > i {
display:none
}

header .menu-principal > ul > li > a {
text-decoration:none
}

header .menu-principal > ul > li > a strong {
font-size:14px;
text-transform:uppercase;
font-family:Montserrat;
font-weight:700;
color:#444
}

header .menu-principal > ul > li:hover > a strong {
color:#2232ff
}

header .menu-principal > ul > li ul {
display:none;
z-index:999;
background:#efefef;
white-space:nowrap;
text-align:left;
padding:15px;
box-shadow:0 0 5px 0 rgba(0,0,0,.5);
border-radius:5px;
border-bottom:3px solid #137FC1
}

header .menu-principal > ul > li > ul {
position:absolute;
top:150%;
left:0
}

header .menu-principal > ul > li > ul a {
text-transform:uppercase;
font-weight:700;
color:#444;
padding:5px 0!important;
display:block;
text-decoration:none
}

header .menu-principal a:hover {
    background-color:#fffb00;   
        
     }
header .menu-principal > ul > li > ul > li ul {
position:absolute;
top:0;
left:100%
}

header .menu-principal > ul > li:hover > ul {
display:block!important
}

header .cab .dados-cab {
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center
}

header .cab .dados-cab > div {
text-align:center;
min-width:40px;
position:relative
}

header .cab .dados-cab > div:not(:first-child) {
margin-left:20px
}

header .cab .dados-cab .area-login > .span8 > a,header .cab .dados-cab > div > a,header .cab .dados-cab > div > span {
font-size:14px;
text-transform:uppercase;
font-family:Montserrat;
font-weight:700;
color:#363636;
line-height:1.5;
text-decoration:none
}

header .cab .dados-cab .area-login > .span8 > a:hover,header .cab .dados-cab > div > a:hover {
color:#2232ff
}

header .cab .dados-cab img {
display:block;
margin:0 auto;
width:40px;
height:40px
}

header .cab .dados-cab .area-login > .span8 > a::before {
display:block;
content:"";
width:40px;
height:40px;
background:url(https://cdn.awsli.com.br/697/697080/arquivos/loginx.png) no-repeat center center;
background-size:100% 100%;
margin:0 auto
}

header .cab .dados-cab .area-login > .span8 {
width:auto!important;
float:none;
min-height:initial!important;
margin:0!important
}

header .cab .dados-cab .area-login > .span8 > .btn-group {
height:61.5px;
width:60px
}

header .cab .dados-cab .area-login > .span8 > .btn-group > a {
box-shadow:none;
padding:0;
border-radius:0;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
white-space:normal;
font-size:0;
pointer-events:none;
background:none
}

header .cab .dados-cab .area-login > .span8 > .btn-group:hover .dropdown-menu {
display:block!important
}

header .cab .dados-cab .area-login > .span8 > .btn-group .dropdown-menu {
text-align:left
}

header .cab .dados-cab .area-login > .span8 > .btn-group > a::before {
content:"";
font-size:20pt;
width:40px;
height:40px;
display:block;
margin:0 auto;
background:url(https://cdn.awsli.com.br/697/697080/arquivos/loginx.png) no-repeat center center;
background-size:100% 100%
}

header .cab .dados-cab .area-login > .span8 > .btn-group > a::after {
content:"CONTA";
font-size:14px;
font-family:Montserrat;
font-weight:700;
color:#363636;
line-height:1.5;
text-decoration:none
}

.menu.lateral ul.nivel-dois li {
padding:0 20px
}

.menu.lateral ul.nivel-dois li a {
color:#555!important
}

body.pagina-pedido-finalizado header,
body.pagina-carrinho.carrinho-checkout header {
display:none!important;
}

body.pagina-carrinho.carrinho-checkout #cabecalho {
display:block!important;
}
}

.secao-banners .conteiner {
padding:0!important
}

.secao-banners .conteiner .flexslider {
border:none!important
}

@media only screen and (max-width: 767px) {
#cabecalho {
display:block!important
}

header {
display:none!important
}

#cabecalho .conteiner {
padding:0!important
}

#cabecalho .logo {
margin:10px
}

#cabecalho .logo a {
height:70px!important
}

.menu.superior {
padding:0 10px!important;
height:auto!important;
float:none!important;
margin-left:-10px;
margin-right:-10px!important;
width:auto;
display:block;
border:none!important
}

.menu.superior > ul {
border:none!important;
padding:10px 0
}
}

#rodape .institucional li a {
text-transform:uppercase
}


body{
    float:left;
	width: 100%;
}

html{
	width: 100%;
}


.logo_menu li{
	width: 32px;    
}

#corpo{
 	margin-bottom: 0;   
}


.banner.cheio+.row-fluid{
	height: 132px;
} 


/*cor das laterais*/
#corpo{
   	z-index: 80;
	background-color: #efefef !important;
}

/*cor miolo*/
#corpo .conteiner {
		background-color: #fff;
}




/*icone do lado do rastreio*/
.rastreio_d .icon{
	width: 15px;	
	margin-right: 5px;
}    

/*fonte rastreio*/
.rastreio_d span{
	color: #363636;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 700;
}

/*Rastreio 'barra inicial' */
.barra-inicial .acoes-conta li.rastreio {
	display: none;
} 


.barra-inicial .acoes-conta li>a{
 	margin-right: 40px;   
} 

.barra-inicial .canais-contato li {
 	margin-right: 40px;   
}


.dl-menu p{
	color: #363636;
}


				/**************RODAPÉ**********/


.conteiner-principal .conteiner {
    padding: 0px 20px;
}


#rodape .institucional p {/*
 	margin-left: 23px;   
    margin-bottom: 5px;*/
    font: montesserat;
    font-weight: normal;
    color: #363636;
    font-size 14px;
    width: 100% !important;
}



#rodape .titulo {
    color: #127ab8;
    border: none;
    font-size: 18px;
    font-weight: 500;
	margin-bottom: 0px !important;  
    margin-top:  28px;
}

.row-fluid .links-rodape-categorias {
	width: 145px !important;
 
	
}


/*Categorias*/
.row-fluid	.links-rodape-paginas{
	width: 205px !important;
	
}    


#rodape .titulo {
    margin-bottom: 0px !important;
}


@media (max-width: 1266px){
	.links-rodape-paginas .titulo{
   		 	margin-top : 0px;
    }
}




@media screen and (min-width: 919px){
    .menu-fixo{
    	position: fixed;
        margin-top: 0x !important;
    }

	.menu-top{
    	margin-top: 70px !important;
    }

}

@media screen and (max-width: 918px){
    .dl-trigger{
    	display: block;
    }
    }


@media screen and (max-width: 955px) and (min-width: 960px) {

    
    .span9 {
		width: 100% !important;
    }
    
    	
   .span4.sobre-loja-rodape {
 	   width: 55% !important;
       margin-left: 10% !important;
	}
    
    #rodape .titulo {
    	margin: 0 !important;
    }
    
    .row-fluid .links-rodape-categorias, .row-fluid	.links-rodape-paginas {
    	margin-left: 10% !important;
	}
    
    .row-fluid .span3 {
  		width: 160px !important;
    	margin-left: 31% !important;
    	margin-top: -75px !important;
    	height: 126px !important;
}
  
    
}

@media (min-width: 1180px){	
    
    .row-fluid .links-rodape-categorias{
    	margin-left: 13% !important;
    }
    
    .row-fluid	.links-rodape-paginas{
    	margin-left: 10% !important;
    }  
    
}

@media screen and (max-width: 1179px) and (min-width: 956px) {
    
    .row-fluid .links-rodape-categorias{
    	margin-left: 23% !important;
    }
    
    .row-fluid	.links-rodape-paginas{
    	margin-left: 23% !important;
    }  

}	

/*769 max*/

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

        .span4.links-rodape.links-rodape-categorias, .span4.links-rodape.links-rodape-paginas {
            float: left !important;
            width: 210px !important;
            margin-left: 5% !important;
        }

           
    	.span4.sobre-loja-rodape{
            width: 90% !important;
			margin-left: 5%;

        }
    
    	#rodape .institucional p{
        	margin-left: 0px !important;
        }
    
    
    
    	#rodape .institucional ul{
        	float: left;
        }
    
    
       	.span12.visible-phone{
    
			float: left;
            width: 205px;
            margin-left: calc(50% - 103px);
        }
}


.span4 .links-rodape  ul{
	margin-left: 0px !important;
}


#rodape .institucional ul {
    margin-left: 0px !important;
}



#rodape .institucional li {
    width: 202px;
}


#rodape .sobre-loja-rodape .conferir {
    	margin-left: 23px;   
 
}

#rodape .titulo {
	font: montesserat;
    font-weight: bold;
    color: #127ab8;
    font-size: 20px;	
}



span.titulo {
    margin-left: 0px !important;
}

/*Div antes categoria*/
#rodape .institucional li a{
	font: montesserat;
    font-weight: bold;
    color: #363636;
    font-size 16px;	
}



/*Cor do rodape 'selos'*/

#rodape .institucional, #rodape .pagamento-selos{
    background-color: #b2ecfa;
}


#auto_complete{
 width: 90px;   
}

.full.menu .nivel-um #rastreio_d {
    color: #363636;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 700;
}



/**************************  ALTERAÇÃO VITRINE  ****************/



/* CAMPO DE INFORMACOES DO PRODUTO */


/*Div imagem*/
.produto .conteiner-imagem{
    text-align: center;
}

/*Imagem (img)*/
.produto .conteiner-imagem img {
     width: auto; 
    height: auto;
}    


/*Titulo produto*/
.produto div.principal .nome-produto {
    font-size: 14pt;
	
}


.tab-content>.active, .pill-content>.active {
    
}


/*preço do produto(cortado)*/
.produto div.principal .acoes-produto .preco-produto .preco-promocional {  
	font-size: 20pt;
	font-weight: normal;
}

/*Preço apartir*/
.produto .acoes-produto .preco-produto.destaque-parcela .preco-venda{
}   


/* Preço parcelado*/
.valores-desconto .desconto.parcelas span{
    color: #808080;								/*color gray*/	    
	font-weight: normal;
}    

/* Preço parcelado strong*/
.valores-desconto .descontos.parcelas strong{
    font-weight: normal;
	font-size: 16pt;
	color: #f00; /*vermelho*/

}    


/*preco deposito*/
.principal .preco-produto .desconto-a-vista{
	
} 

/*preco deposito strong*/
.principal .preco-produto .desconto-a-vista{
}



#corpo , #cabecalho{    
	background-color: #ffffff;   
}



/*icone do lado do rastreio*/
.rastreio_d .icon{
	width: 15px;	
	margin-right: 5px;
}    

/*fonte rastreio*/
.rastreio_d span{
	color: #363636;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 700;
}




.barra-inicial .acoes-conta li>a{
 	margin-right: 40px;   
} 

.barra-inicial .canais-contato li {
 	margin-right: 40px;   
}


#rodape .institucional p {
 	margin-left: 23px;   
    margin-bottom: 5px;
    font: montesserat;
    font-weight: normal;
    color: #363636;
    font-size 14px;
    width: 500px;
}



#rodape .titulo {
    color: #127ab8;
    border: none;
    font-size: 20px;
    font-weight: 500;
    margin-left: 150px;
    margin-top: 28px;
}


#rodape .institucional ul {
	margin-left: 150px;
    
}   


#rodape .sobre-loja-rodape .conferir {
    	margin-left: 23px;   
 
}

#rodape .titulo {
	font: montesserat;
    font-weight: bold;
    color: #127ab8;
    font-size: 22px;	
}


#rodape .institucional li{
	margin-left:

}


/*Div antes categoria*/
#rodape .institucional li a{
	font: montesserat;
    font-weight: bold;
    color: #363636;
    font-size 16px;	
}


/*Categorias*/
.institucional .row-fluid  .span4.links-rodape.links-rodape-categorias{
 	margin-left: 31%;   
}    


/*Cor do rodape 'selos'*/

#rodape .institucional, #rodape .pagamento-selos{
     background-image: url("https://cdn.awsli.com.br/697/697080/arquivos/rodape1x.jpg")
}



/*======================================================================================================= BOX NEWSLETTER */
#corpo .conteiner .componente.newsletter {
	min-height: 450px;
	background-color: transparent !important;
	border: none !important;
	background-image: url("https://cdn.awsli.com.br/697/697080/arquivos/PEDRO-BOLETIM.jpg") !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
    margin-bottom: 90px;
    position: relative!important;
}

#corpo .conteiner .componente.newsletter .interno {
	padding: 0;
    position: absolute;
    height: auto;
    top: 100%;
    left: 0;
    right: 0;
}

/* TITULO "NEWSLETTER" */
#corpo .conteiner .componente.newsletter .interno span.titulo {
	display: none;
}

/* ICONE DE CARTA */
#corpo .conteiner .componente.newsletter .interno span.titulo i {
	
}

#corpo .conteiner .componente.newsletter .interno span.titulo i::before {
	
}

#corpo .conteiner .componente.newsletter .interno .interno-conteudo {
	
}

/* TEXTO "USE O CÓDIGO DESCONTO BOLETIM10" */
#corpo .conteiner .componente.newsletter .interno .interno-conteudo p.texto-newsletter {
	display: none
}

#corpo .conteiner .componente.newsletter .interno .interno-conteudo div.newsletter-cadastro {
	margin: 0
}

#corpo .conteiner .componente.newsletter .interno .interno-conteudo div.newsletter-cadastro input {
	text-align: center
}

#corpo .conteiner .componente.newsletter .interno .interno-conteudo div.newsletter-cadastro button {
	background: red
}

#corpo .conteiner .componente.newsletter .interno .interno-conteudo div.newsletter-cadastro button:hover {
	
}

#corpo .conteiner .componente.newsletter .interno .interno-conteudo div.newsletter-cadastro button::before {
	
}

#corpo .conteiner .componente.newsletter .interno .interno-conteudo div.newsletter-confirmacao {
	
}

#corpo .conteiner .componente.newsletter .interno .interno-conteudo div.newsletter-confirmacao i {
	display: none!important;
}

#corpo .conteiner .componente.newsletter .interno .interno-conteudo div.newsletter-confirmacao i::before {
	
}

#corpo .conteiner .componente.newsletter .interno .interno-conteudo div.newsletter-confirmacao span {
	color: black;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold
}

/*===================================================================================================== POPUP NEWSLETTER */
.fancybox-type-html .fancybox-inner {
	overflow: visible !important;
}

.fancybox-type-html.modal-modalNewsletter {
  width: 326px !important;
  height: 666px !important;
  position: absolute;
  
  /* ALTURA */
  top: 50% !important;
  margin-top: -250px !important;
  /**********/
  
  /* LARGURA */
  left: 50% !important;
  margin-left: -179px !important;
  /***********/
}

.fancybox-type-html.modal-modalNewsletter .fancybox-skin {
  height: inherit !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.fancybox-type-html.modal-modalNewsletter .fancybox-skin .fancybox-outer .fancybox-inner {
  width: inherit !important;
  height: inherit !important;
}

.fancybox-type-html.modal-modalNewsletter .fancybox-skin .fancybox-outer,
.fancybox-type-html.modal-modalNewsletter .fancybox-skin .fancybox-outer .fancybox-inner #modalNewsletter,
.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter,
.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span,
.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid {
  height: inherit !important;
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter {
  background-color: transparent;
  background-image: url("https://cdn.awsli.com.br/328/328830/arquivos/Pop-up-newslwetter4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter .interno {
  background-color: transparent;
  position: relative;
  top: 390px;
  width: 200px;
  right: -90px;
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter .interno-conteudo .texto-newsletter.newsletter-cadastro {
  visibility: hidden
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter .interno-conteudo button {
  border: none;
  width: 120%;
  height: 90%;
	position: absolute;
	top: 35px;
	border-radius: 100%;
	background-color: transparent;
	right: 15px;
	background-image: none;
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter .interno-conteudo button::before {
	content: none;
	font-size: 1pt;
	position: relative;
	bottom: 9px;
	font-family: 'oswald', cursive;
	text-shadow: 1px 1px 0 black;
	font-weight: normal;
	color: white;
	text-shadow: 0.5px 0.5px 0 red
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter .interno-conteudo button:hover::before {
	color: white;
	text-shadow: 0 0 5px red
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter .interno-conteudo input {
  border-radius: 0;
	border: 1px solid #8E0000;
	text-align: center;
	color: black;
	padding: 5px 10px;
	background-color: transparent;
	box-shadow: 0 0 4px 2px #8E0000 inset
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter .interno .titulo {
  visibility: hidden
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter .interno-conteudo .newsletter-confirmacao {
  position: relative;
  top: 60px;
	width: 250px;
	left: -28px
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter .interno-conteudo .newsletter-confirmacao i {
  color: #B30D08;
	text-shadow: 0 0 5px white;
}

.fancybox-type-html.modal-modalNewsletter #modalNewsletter .row-fluid .span .componente.newsletter .interno-conteudo .newsletter-confirmacao span {
  color: black;
	text-transform: uppercase;
	text-shadow: 0 0 5px white
}


#auto_complete{
 width: 90px;   
}

.full.menu .nivel-um #rastreio_d {
    color: #363636;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 700;
}


/**************************  ALTERAÇÃO VITRINE  ****************/


/* CAMPO DE INFORMACOES DO PRODUTO */


/*Div imagem*/
.produto .conteiner-imagem{
    text-align: center;	
}

/*Imagem (img)*/
.produto .conteiner-imagem img {
     width: auto; 
    height: auto;
}    


/*Titulo produto*/
.listagem .listagem-item .info-produto .nome-produto{
    font-size: 12pt;
    line-height: 1.2;
    font-weight: 600;

}


/*preço do produto(cortado)*/
.produto div.principal .acoes-produto .preco-produto .preco-promocional {  
	font-size: 20pt;
	font-weight: normal;
}

/*Preço apartir*/
.produto .acoes-produto .preco-produto.destaque-parcela .preco-venda{
}   


/* Preço parcelado*/
.listagem .listagem-item .info-produto .preco-produto .preco-parcela{
    color: #808080;								/*color gray*/	    
	font-weight: normal;
}    

/* Preço parcelado strong*/
.listagem .listagem-item .info-produto .preco-produto .preco-parcela strong{
    font-weight: normal;
	font-size: 16pt;
	color: #f00; /*vermelho*/

}    


/*preco deposito*/
.listagem .preco-produto .desconto-a-vista{
		
} 

/*preco deposito strong*/
.litagem .preco-produto .desconto-a-vista  strong{
}



/******* Vitrine *****/


.listagem .listagem-item .info-produto .nome-produto, .listagem.aproveite-tambem .listagem-item .info-produto .nome-produto {
	font: montesserrat;
} 



/**** Menu*****/


@media screen and (min-width: 1030px) {
    
	.logo_menu, .dl-trigger{
    	display: none !important;
    } 
    
}



@media screen and (max-width: 900px) {
    
    .logo_menu {
    	margin-top: 10px;
	}

  	.menu .row-fluid .search{
    	display: none !important;
    }
    
    .pesquisatablet, .pesquisatablet .search{
    	display: block !important;
    }
    
    .barra-inicial .row-fluid, .pesquisatablet input#auto-complete{
    	width: 90%;
        margin-left: 5%;
    }
    
    .pesquisatablet{
    	height: 60px;
    }
    
    .pesquisatablet input#auto-complete {
    	margin-top: 5px;
	}
    
    ul#menu_ul {
    	width: 22%;
	} 
    
    ul#menu_ul {
    	width: 22%;
    	margin-left: 4%;
	}
    
    

    ul#menu-ul-d {
    margin-left: 5%;
    width: 255px;
}
    
    
    .row-fluid.banner.hidden-phone {
    	margin-top: 125px;
	}
    
    .listagem .titulo-categoria:first-child {
    	margin-top: 0px;
	}
    
    .relative-menu{
		position: fixed;
    	margin-top: 0px;
	}

    
}   


    



/*Ja foi apagado do html , mas o site poe novamente e fica visivel*/
    .menu .search-close{
        display: none;
    }


/*pesquisa menu*/

	.menu .row-fluid .search{
    	height: 56px;
		width: 30%;
   
	}



/*pesquisa que aparece para tablet*/
    .pesquisatablet{
        display:none;
    }   

.busca input, .busca input:focus{
	height: 40px;
}

.menu_ul li{
	color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 4px !important;
}




.tel-whatsapp, .hidden-phone{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
} 


.tel-whatsapp i, .hidden-phone i{
	margin-right: 2px;
}


/*escondendo os dois menus*/
.barra-inicial{
	display:none;
}

/*fazendo o menu personalizado aparecer*/
.menu .barra-inicial{
	display:block;
}


                                                /**************************/
                                                /*   Menu header         */
                                                /*************************/

        
        .dl-menuwrapper{
            width: 100%;
            z-index: 90;
            background-color: #fff;
        }


@media (max-width: 1020px){

 		.dl-menuwrapper {
			width: 100%;
			max-width: 300px;
			float: left;
			-webkit-perspective: 1000px;
			perspective: 1000px;
			-webkit-perspective-origin: 50% 200%;
			perspective-origin: 50% 200%;
		}

		.dl-menuwrapper:first-child {
			margin-right: 100px;
		}

		.dl-menuwrapper button {
			background: #ccc;
			border: none;
			width: 48px;
			height: 45px;
			text-indent: -900em;
			overflow: hidden;
			position: relative;
			cursor: pointer;
			outline: none;
			z-index: 9999;
        }

		.dl-menuwrapper button:hover,
		.dl-menuwrapper button.dl-active,
		.dl-menuwrapper ul {
			background: #aaa;
		}

		.dl-menuwrapper button:after {
			content: '';
			position: absolute;
			width: 68%;
			height: 5px;
			background: #fff;
			top: 10px;
			left: 16%;
			box-shadow: 
				0 10px 0 #fff, 
				0 20px 0 #fff;
		}

		.dl-menuwrapper ul {
			padding: 0;
			list-style: none;
			-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
		}

		.dl-menuwrapper li {
    	    width: 100%;
            text-align: -webkit-left;        
			position: relative;
		}

		.dl-menuwrapper li a {
			display: block;
			position: relative;
			padding: 15px 20px;
			font-size: 16px;
			line-height: 20px;
			font-weight: 300;
			color: #fff;
			outline: none;
		}

		.no-touch .dl-menuwrapper li a:hover {
			background: rgba(255,248,213,0.1);
		}

		.dl-menuwrapper li.dl-back > a {
			padding-left: 30px;
			background: rgba(0,0,0,0.1);
		}

		

		.dl-menuwrapper li.dl-back:after {
			left: 10px;
			color: rgba(212,204,198,0.3);
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}

		.dl-menuwrapper li > a:after {
			right: 10px;
			color: rgba(0,0,0,0.15);
		}

		.dl-menuwrapper .dl-menu {
			margin: 5px 0 0 0;
			position: absolute;
			width: 100%;
			opacity: 0;
			pointer-events: none;
			-webkit-transform: translateY(10px);
			transform: translateY(10px);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		.dl-menuwrapper .dl-menu.dl-menu-toggle {
			transition: all 0.3s ease;
		}

		.dl-menuwrapper .dl-menu.dl-menuopen {
			opacity: 1;
			pointer-events: auto;
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}

		.dl-menuwrapper li .dl-submenu {
			display: none;
		}

		.dl-menu.dl-subview li,
		.dl-menu.dl-subview li.dl-subviewopen > a,
		.dl-menu.dl-subview li.dl-subview > a {
			display: none;
		}

		.dl-menu.dl-subview li.dl-subview,
		.dl-menu.dl-subview li.dl-subview .dl-submenu,
		.dl-menu.dl-subview li.dl-subviewopen,
		.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
		.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
			display: block;
		}

		.dl-menuwrapper > .dl-submenu {
			position: absolute;
			width: 100%;
			top: 50px;
			left: 0;
			margin: 0;

		}


		.dl-menu.dl-animate-out-1 {
			-webkit-animation: MenuAnimOut1 0.4s;
			animation: MenuAnimOut1 0.4s;
		}



		@-webkit-keyframes MenuAnimOut1 {
			0% { }
			50% {
				-webkit-transform: translateZ(-250px) rotateY(30deg);
			}
			75% {
				-webkit-transform: translateZ(-372.5px) rotateY(15deg);
				opacity: .5;
			}
			100% {
				-webkit-transform: translateZ(-500px) rotateY(0deg);
				opacity: 0;
			}
		
      
        
        }



		@keyframes MenuAnimOut1 {
			0% { }
			50% {
				-webkit-transform: translateZ(-250px) rotateY(30deg);
				transform: translateZ(-250px) rotateY(30deg);
			}
			75% {
				-webkit-transform: translateZ(-372.5px) rotateY(15deg);
				transform: translateZ(-372.5px) rotateY(15deg);
				opacity: .5;
			}
			100% {
				-webkit-transform: translateZ(-500px) rotateY(0deg);
				transform: translateZ(-500px) rotateY(0deg);
				opacity: 0;
			}
		}



		.dl-menu.dl-animate-in-1 {
			-webkit-animation: MenuAnimIn1 0.3s;
			animation: MenuAnimIn1 0.3s;
		}



		@-webkit-keyframes MenuAnimIn1 {
			0% {
				-webkit-transform: translateZ(-500px) rotateY(0deg);
				opacity: 0;
			}
			20% {
				-webkit-transform: translateZ(-250px) rotateY(30deg);
				opacity: 0.5;
			}
			100% {
				-webkit-transform: translateZ(0px) rotateY(0deg);
				opacity: 1;
			}
		}



		@keyframes MenuAnimIn1 {
			0% {
				-webkit-transform: translateZ(-500px) rotateY(0deg);
				transform: translateZ(-500px) rotateY(0deg);
				opacity: 0;
			}
			20% {
				-webkit-transform: translateZ(-250px) rotateY(30deg);
				transform: translateZ(-250px) rotateY(30deg);
				opacity: 0.5;
			}
			100% {
				-webkit-transform: translateZ(0px) rotateY(0deg);
				transform: translateZ(0px) rotateY(0deg);
				opacity: 1;
			}
		}


		.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
			-webkit-animation: SubMenuAnimIn1 0.4s ease;
			animation: SubMenuAnimIn1 0.4s ease;
		}


		@-webkit-keyframes SubMenuAnimIn1 {
			0% {
				-webkit-transform: translateX(50%);
				opacity: 0;
			}
			100% {
				-webkit-transform: translateX(0px);
				opacity: 1;
			}
		}



		@keyframes SubMenuAnimIn1 {
			0% {
				-webkit-transform: translateX(50%);
				transform: translateX(50%);
				opacity: 0;
			}
			100% {
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
				opacity: 1;
			}
		}



		.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
			-webkit-animation: SubMenuAnimOut1 0.4s ease;
			animation: SubMenuAnimOut1 0.4s ease;
		}


		@-webkit-keyframes SubMenuAnimOut1 {
			0% {
				-webkit-transform: translateX(0%);
				opacity: 1;
			}
			100% {
				-webkit-transform: translateX(50%);
				opacity: 0;
			}
		}



		@keyframes SubMenuAnimOut1 {
			0% {
				-webkit-transform: translateX(0%);
				transform: translateX(0%);
				opacity: 1;
			}
			100% {
				-webkit-transform: translateX(50%);
				transform: translateX(50%);
				opacity: 0;
			}
		}


		.no-js .dl-menuwrapper .dl-menu {
			position: /*relative*/;
			opacity: 1;
            margin-top: 73px;
			-webkit-transform: none;
			transform: none;
		}

		.no-js .dl-menuwrapper li .dl-submenu {
			display: block;
		}

		.no-js .dl-menuwrapper li.dl-back {
			display: none;
		}

		.no-js .dl-menuwrapper li > a:not(:only-child) {
			background: rgba(0,0,0,0.5);
		}

		.no-js .dl-menuwrapper li > a:not(:only-child):after {
			content: '';
		}


   

        li.rastreio , li.login, li.lista, #carrinho-li{
            width: 47%;
            text-align: center;
        }


        ul.dl-menu.dl-menuopen {
            background-color: #fafafa;
            box-shadow: 4px 3px 3px #ccc;
            width: 400px;
        }

        ul.dl-submenu.borda-alpha li {
            margin-bottom: 12px;

        }



        .carrinho-interno {
            height: 155px;
            width: 320px;

        }

        /*Informação dentro do carrinho jquery*/


        .carrinho .carrinho-interno ul {
            width: 310px;
            height: 100px;
            margin-right: 5px;
        }



        .produto .conteiner-imagem div {
            position: inherit;

        }


        .rastreio , .login, .lista{
            margin-top: 100px;
			text-align: center;

        }


          .carrinho-interno>div .botao {
            float: right;
            margin-top: 57px;
          }



          .dl-menuwrapper ul li:hover a {
            color: #fff;
            text-decoration: none;
        }



            div#dl-menu {
            position: fixed;
            width: 48px;
            z-index: 99;
        }

        }

            @media (min-width: 1020px){

                /* Menu cll  */
                    .dl-trigger{/*
                        display: none !important;*/
                    }	

            }


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


            .dl-trigger{
                        display: block;
                    }	


            .carrinho {
                width: 100%;
                float: left;
                margin-top: -55px;
           }


            .carrinho a .qtd-carrinho {
                
            }


            img#imgcarrinho {   
                margin-right: 13px !important;
            }

        }



	@media (min-width: 600px){
        
        
			.dl-menuwrapper li{
				display: inline-block;     	

			}

			.dl-menuwrapper li ul{
				display: none;
				margin-left: 0;
		    	position: absolute;
		    	z-index: 100;
		    	background-color: #fff;
		    	box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
		        display: none;
              
			}		

    	    li.lista {
 	  			height: 70px;
			}


    		.dl-menuwrapper ul li a{
    				color: #fff;
			        font-size: 14px;
        			text-transform: uppercase;
        			font-family: Montserrat;
        			font-weight: 700;
        			text-decoration: none;
    		} 


			.dl-menuwrapper ul li:hover ul{
					display: block;
			}


 
			.dl-menuwrapper ul ul li a strong{
    			margin-left: 15px;
    		}	
    
    		.dl-menuwrapper ul ul li {
    			display: list-item;
    			padding: 0 14px;
    			height: 40px;
				
            }
	
			.dl-menuwrapper ul ul li a{
    			color: red;
    			font-size: 14px;
    			font-weight: 700;
    			text-align: left;
    			line-height: 44px;
        		text-decoration: none;
    		}
 
			.dl-menuwrapper ul ul li a strong{
    			margin-left: 15px;
    		}		



    		.dl-menuwrapper ul li{
				display:inline-block;
    			padding: 0px 5px;
    			vertical-align: middle;
        		margin : 0 auto; 
            
			} 
	


			.dl-menuwrapper ul li:hover ul{
    			display: block;
        		text-decoration: none;
    		}

    		.dl-menuwrapper ul li:hover ul li a{
				text-decoration: none; 
       
    		}

			.dl-menuwrapper ul ul li:hover a{
    			color: #555;
    		}

    		.dl-menuwrapper ul li:hover  a{
 				color: #0098d5;
        		text-decoration: none ;
       
    		}

	


    		.dl-menuwrapper li img{
    			width: 40px;

    		}


    		.rastreio{
    				width: 80px !important;
    				height: 70px;
    		}


	



        
        		 .carrinho a .qtd-carrinho{
   				border-radius: 20px;
    			background-color: #006DF0;
    			color: #fff;
    		}


    		strong.qtd-carrinho.titulo.cor-secundaria {
    			
    			color: #fff;
			}


		

			img#imgcarrinho {   
                margin-top: 33px;
    			margin-right: 59px;
            }

			li#carrinho-li {
 			   height: 112px;
			}

        
        

	}



    	






			.dl-menuwrapper ul li ul li{
					list-style: none;

			} 

			.dl-menuwrapper ul li ul li{
					list-style: none;

			} 

		

			ul.dl-submenu.borda-alpha a{
					color: #c4c4c4;
			} 

			#logo-header {
					width: 300px;

			}

		
			.dl-menu{
            	text-align: center;
            }

		strong.titulo.cor-secundaria {
    		/*color: #363636;*/
    		font-size: 14px;
		    text-transform: uppercase;
    		font-family: Montserrat;
    		font-weight: 700;
		}


			ul.dl-submenu.borda-alpha li a{
                color: #c4c4c4;
			
            }
	
			




		ul.dl-submenu.borda-alpha li{
			padding: 0 15px;
        	    
		}



		#cabecalho{
			display: none;
		}







        .rastreio .trigger-rastreio {
            display: none;
          }


   
		
		#barraNewsletter.posicao-rodape .conteiner {
            width: 96% !important;
        }
		

	.row-fluid .logo_menu{  
		display: none !important;
    }


	.menu li {
    	padding: 2px;
    }



	.dl-menu {
    	text-align: center;
      
		
	}