/*--------------------------------------------------
MENU MOBILE LATERAL
----------------------------------------------------*/
@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
.arrow-cat-down:after {
    /* symbol for "opening" panels */
    font-family:'icofont';
    content:"\eab2";
    float: right;
    color: inherit;
	font-size:1.2em;
	color:#fff;
	background-color:#000;
}
.arrow-cat-up:after {
    /* symbol for "opening" panels */
    font-family:'icofont';
    content:"\ef9a";
    float: right;
    color: inherit;
	font-size:1.2em;
	color:#fff;
	background-color:#191919;
}

.menu-mobile-catnivel1{width:100%; position:relative; float:left; font-family: 'Comfortaa', cursive; font-size:0.85em; text-transform:uppercase; color:#fff; font-weight:500; padding:13px 10px 10px 20px; display:inline-block}
.menu-mobile-catnivel1:active,.menu-mobile-catnivel1.active{color:#fff; background-color:#191919; }

.menu-mobile-catnivel1content{width:100%; position:relative; float:left; padding:0px; display:none; background-color:#191919;}

.menu-mobile-catnivel2{width:100%; font-family: 'Comfortaa', cursive; font-size:0.8em; font-weight:500; color:#89928d; background-color:#fff; padding:13px 20px 10px 22px; display:inline-block}
.menu-mobile-catnivel2:active{color:#c99e67;}
.menu-mobile-catnivel2.active{color:#c99e67;}

.menu-mobile-catnivel3{width:100%; font-family: 'Comfortaa', cursive; font-size:0.8em; font-weight:500; color:#89928d; background-color:#fff; padding:13px 25px 13px 22px; list-style: none}
.menu-mobile-catnivel3.active{color:#c99e67;}
}
/*--------------------------------------------------
MENU ESQUERDO CATALOGO
----------------------------------------------------*/
.menu-catalogo-box{ padding:30px 20px 40px 20px;
-webkit-box-shadow: 0px 0px 23px 0px rgba(255,255,255,0.24);
-moz-box-shadow: 0px 0px 23px 0px rgba(255,255,255,0.24);
box-shadow: 0px 0px 23px 0px rgba(255,255,255,0.24);
}

.catarrow-down:after {
    /* symbol for "opening" panels */
    font-family:'icofont';
    content:"\eab2";
    float: right;
    color: inherit;
	font-size:1.2em;
	color:#fff;
	background-color:#000 !important;
}
.catarrow-up:after {
    /* symbol for "opening" panels */
    font-family:'icofont';
    content:"\ef9a";
    float: right;
    color: inherit;
	font-size:1.2em;
	color:#fff;
	background-color:#000 !important;
}
.catarrow-right:after {
    /* symbol for "opening" panels */
    font-family:'icofont';
    content:"\eab8";
    float: right;
    color: inherit;
	font-size:1.2em;
	color:#fff;
	background-color:#000;
}
.catalogo-catnivel1{width:100%; position:relative; float:left; font-family:  'Montserrat', sans-serif; text-transform:uppercase; font-size:0.8em; color:#eaeaea; font-weight:500; padding:14px 14px 14px 10px; display:inline-block; border-bottom:1px solid #333;}
.catalogo-catnivel1:hover,.catalogo-catnivel1:active,.catalogo-catnivel1.active{color:#fff;}
.catalogo-catnivel1:hover,.catalogo-catnivel2:hover{cursor:pointer;}
.catalogo-catnivel1:active,.catalogo-catnivel1.active{ border-bottom:hidden;}

.catalogo-catnivel1content{width:100%; position:relative; float:left; padding:0px; display:none;}

.catalogo-catnivel2{width:100%; font-family:  'Montserrat', sans-serif; font-size:0.8em; font-weight:500; color:#89928d; padding:0px 10px 15px 35px;list-style: none; display:inline-block}
.catalogo-catnivel2:hover,.catalogo-catnivel2:active,.catalogo-catnivel2.active{color:#c99e67;}

.catalogo-catnivel2:hover b{color:#eaeaea; font-weight:700;}
.catalogo-catnivel2:active b{color:#eaeaea; font-weight:700;}
.catalogo-catnivel2.active b{color:#eaeaea; font-weight:700;}

.catalogo-catnivel2 b{font-family:  'Montserrat', sans-serif; font-size:0.85em; color:#89928d; padding-right:15px;}

.catalogo-catnivel3{width:100%; font-family:  'Montserrat', sans-serif; cursor:pointer; font-size:0.8em; font-weight:500; color:#89928d; padding:0px 10px 15px 50px;list-style: none; display:inline-block}
.catalogo-catnivel3:hover,.catalogo-catnivel3:active,.catalogo-catnivel3.active{color:#c99e67;}

.catalogo-catnivel3 b{font-family:  'Montserrat', sans-serif; font-size:0.85em; color:#fff; padding-right:15px;}
.catalogo-catnivel3:hover b{color:#fff; font-weight:700;}
.catalogo-catnivel3:active b{color:#fff; font-weight:700;}
.catalogo-catnivel3.active b{color:#fff; font-weight:700; }
@media screen and (max-width: 1023px) {

}
@media screen and (min-width: 1024px) and (max-width: 1279px) {  /* PARA DISPOSITIVOS GRANDES*/
.menu-catalogo-box{ padding:20px 10px 10px 10px;}
.catalogo-catnivel1{font-size:0.7em; padding:10px 5px 5px 10px;}
.catalogo-catnivel2{font-size:0.7em; padding:8px 5px 8px 15px;}
.catalogo-catnivel3{font-size:0.7em; padding:8px 5px 8px 25px;}
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {  /* PARA DISPOSITIVOS GRANDES*/
.catalogo-catnivel1{font-size:0.75em; padding:13px 5px 10px 10px;}
.catalogo-catnivel2{font-size:0.75em; padding:10px 5px 10px 15px;}
.catalogo-catnivel3{font-size:0.75em; padding:10px 5px 10px 20px;}
}
/*--------------------------------------------------
LAYOUT 1 CATALOGO
----------------------------------------------------*/
.catalogo-col-left{width:20%; position:relative; float:left;}
.catalogo-col-right{width:80%; position:relative; float:left; padding-left:20px;}

.layout1-col{width:33.33%; position:relative; float:left; padding:0px 10px 20px 10px;}

.layout1-fotografia-box,.layout1-fotografia{min-height:280px;}
.layout1-fotografia-box{width:100%; position:relative; float:left;}
.layout1-fotografia{background-color:#fff; position:absolute; top:0px; left:0px; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover}

.layout1-box{background-color:#fff; background-image:url(/template/images/cart.jpg); background-position:bottom right; background-repeat:no-repeat; border-radius:8px; border:8px solid #fff;}
.layout1-box:hover #fotografia1{ opacity:0; -webkit-transition: all 0.8s; transition: all 0.8s;}
.layout1-box:hover{-webkit-transition: all 1s; transition: all 0.2s;}

.layout1-nome,.layout1-preco{font-family:  'Montserrat', sans-serif; font-weight:500; text-align:center;}
.layout1-nome{min-height:74px; color: #000; font-size:0.9em; padding-top:20px;}
.layout1-preco{min-height:50px;}
.layout1-preco .agora{color: #000; font-size:1.2em; font-weight:500}
.layout1-preco .antes{color: #000; font-size:0.85em; font-weight:400; text-decoration:line-through; padding-left:30px;}
.layout1-promocao{position:absolute; top:0px; right:0px; z-index:3; padding:8px 20px 8px 20px; border-radius:5px; font-family:  'Montserrat', sans-serif; color:#fff; font-weight:700; text-align:center; background-color:#819583; font-size:0.85em;}
.layout1-esgotado{top:0px;right:0px; background-color:#fb4444; color:#fff;}
.layout1-marca{bottom:0px;right:0px; background-color:#edeade; color:#a0a39b;}

.layout1-esgotado,.layout1-marca{position:absolute;z-index:3; padding:4px 10px 4px 10px; font-size:0.75em; font-weight:500;font-family:  'Montserrat', sans-serif;}

@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
.catalogo-col-left{display:none}
.catalogo-col-right{width:100%; padding:0px;}
.layout1-box{border-radius:4px; padding:5px 5px 5px 5px; border:3px solid #fff;}
.layout1-fotografia-box,.layout1-fotografia{min-height:250px;}
.layout1-nome,.layout1-preco{padding:10px 5px 10px 5px;}

.layout1-nome{min-height:70px;font-size:0.75em; text-align:center}
.layout1-preco{min-height:50px;}
.layout1-col{width:50%; padding:0px 5px 10px 5px; margin-bottom:10px;}
.layout1-preco .agora{font-size:1em;}
.layout1-preco .antes{font-size:0.85em;padding-left:10px;}
.layout1-esgotado,.layout1-marca{padding:2px 5px 2px 5px; font-size:0.6em;}
.layout1-promocao{padding:4px 10px 4px 10px; border-radius:3px; font-size:0.6em;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {  /* PARA DISPOSITIVOS GRANDES*/
.catalogo-col-left{width:24%;}
.catalogo-col-right{width:76%;}
.layout1-fotografia-box,.layout1-fotografia{min-height:200px;}
.layout1-nome{font-size:0.7em;}
.layout1-preco .agora{font-size:0.85em;}
.layout1-preco .antes{font-size:0.75em;}
.layout1-esgotado,.layout1-marca{padding:4px 10px 4px 10px; font-size:0.65em;}
}
@media screen and (min-width: 1280px) and (max-width: 1365px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
.layout1-fotografia-box,.layout1-fotografia{min-height:250px;}
.layout1-nome{font-size:0.8em;}
.layout1-preco .agora{font-size:1em;}
.layout1-preco .antes{font-size:0.85em;}
}
@media screen and (min-width: 1366px) and (max-width: 1919px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
.layout1-fotografia-box,.layout1-fotografia{min-height:280px;}
.layout1-nome{font-size:0.8em;}
.layout1-preco .agora{font-size:1em;}
.layout1-preco .antes{font-size:0.85em;}
}
/*--------------------------------------------------
LAYOUT 1 DETALHES ARTIGO
----------------------------------------------------*/
.layout1-art-col1{width:60%; position:relative; float:left; padding:50px 150px 50px 100px;}
.layout1-art-col2{width:40%; position:relative; float:left; padding:50px 20px 50px 0px;}
.layout1-art-col3{width:100%; position:relative; float:left; padding:0px 20px 50px 20px;}


.layout1-art-titulos{font-family:  'Montserrat', sans-serif; color:#fff; font-weight:500; text-align:left; font-size:1.2em;}
.layout1-art-texto{font-family:  'Montserrat', sans-serif; color:#eaeaea; font-weight:500; text-align:left; font-size:0.9em; margin:30px 0px 50px 0px;}

.layout1-art-fotografias{position:absolute; bottom:10px; right:50px; z-index:2; background-color:rgba(255,255,255,0.9); padding:5px 10px 5px 10px; border-radius:5px; font-family:  'Montserrat', sans-serif; color:#000; font-weight:500;font-size:1em;}
.layout1-art-nome h1{font-family:  'Montserrat', sans-serif; color:#fff; font-weight:500; text-align:left; font-size:1.5em;}
.layout1-art-referencia h2{font-family:  'Montserrat', sans-serif; color:#eaeaea; font-weight:500; text-align:left; font-size:0.9em; margin-top:10px;}
.layout1-art-marca img{max-width:200px; margin:20px 0px 20px 0px;}
.layout1-art-marca {text-align:left;}

.layout1-art-precoagora{font-family:  'Montserrat', sans-serif; color:#fff; font-weight:500; text-align:left; font-size:1.2em; margin-top:50px;}
.layout1-art-precoantes{font-family:  'Montserrat', sans-serif; color:#eaeaea; font-weight:500; text-align:left; font-size:0.9em; margin-top:5px;}
.layout1-art-precoantes span{text-decoration:line-through}
.layout1-com-iva{font-family:  'Montserrat', sans-serif; color:#eaeaea; font-weight:500; text-align:left; font-size:0.8em; margin-top:20px;}

#infoartigo{border-bottom:1px solid #333;}
.layout1-art-btn,.layout1-art-btn-down{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#fff; padding:10px 0px 10px 0px; font-weight:600; cursor:pointer}
.layout1-art-btn:after{
font-family:'icofont';
    content:"\eab2";
    float: right;
    color: inherit;
	font-size:1.2em;
	color:#fff;
}
.layout1-art-btn-down:after{
font-family:'icofont';
    content:"\ef9a";
    float: right;
    color: inherit;
	font-size:1.2em;
	color:#fff;
}
.layout1-art-descricao-hide{display:none;}
.layout1-art-descricao-show{display:block;}


.layout1-art-esgotado{ width:100%; position:relative; float:left; text-align:center; margin:30px 0px 30px 0px; padding:6px 20px 6px 20px; background-color:#ce2323; color:#fff; font-size:0.9em; font-weight:500;font-family:  'Montserrat', sans-serif;}
.layout1-art-promocao{position:absolute; top:0px; left:20px; z-index:3; padding:8px 20px 8px 20px; border-radius:5px; font-family:  'Montserrat', sans-serif; color:#fff; font-weight:700; text-align:center; background-color:#819583; font-size:0.85em;}

a.layout1-art-partilha{
 font-family:  'Montserrat', sans-serif; font-size:0.8em; font-weight:500; color:#000; background-color:#fff; text-align:center; padding:12px 20px 9px 20px; margin:0px 10px 0px 10px; position:relative; float:left;border-radius:6px; 
 -webkit-transition: all 0.5s; transition:  all 0.5s;
 }
a.layout1-art-partilha:hover{color:#89928d;}

a.layout1-art-partilha i{font-size:1.1em; margin-right:10px;}

@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
.layout1-art-col1{width:100%; padding:50px 0px 0px 0px;}
.layout1-art-col2{width:100%; padding:0px 0px 50px 0px;}
.layout1-art-fotografias{font-size:0.8em;}
.layout1-art-titulos,.layout1-art-opcoes{text-align:center;}
.layout1-art-titulos,.layout1-art-precoagora{font-size:1em;}
.layout1-art-nome{text-align:center; margin-top:30px;}
.layout1-art-referencia{font-size:0.8em; text-align:center}
.layout1-art-marca img{max-width:150px;}
a.layout1-art-partilha{padding:10px 17px 8px 17px; margin:0px 10px 30px 10px; font-size:0.7em;}
a.layout1-art-partilha i{font-size:1em;}
.layout1-art-precoagora{text-align:center; font-size:1.2em;}
.layout1-art-precoantes{text-align:center; font-size:0.85em;}
.layout1-com-iva{font-size:0.7em; margin-top:5px; text-align:center}
.layout1-art-promocao{padding:4px 10px 4px 10px; top:50px; left:10px; border-radius:3px; font-size:0.6em;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {  /* PARA DISPOSITIVOS GRANDES*/
.layout1-art-col1{padding:0px 100px 50px 100px;}
.layout1-art-titulos,.layout1-art-precoagora{font-size:1em;}
.layout1-art-texto,.layout1-art-precoantes{font-size:0.8em;}
.layout1-com-iva{font-size:0.7em;}
}
@media screen and (min-width: 1280px) and (max-width: 1600px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
.layout1-art-titulos,.layout1-art-precoagora{font-size:1.1em;}
.layout1-art-texto,.layout1-art-precoantes{font-size:0.9em;}
.layout1-com-iva{font-size:0.8em;}
}
/*--------------------------------------------------
LOJA ADICIONAR AO CARRINHO
----------------------------------------------------*/
.tri-form2 input[type="number"].form-control{font-family:  'Montserrat', sans-serif; background-color:#fff; color:#000;padding:25px 25px 24px 25px;font-size:0.8em; border:hidden; text-align:center}

.btn-number{position:relative; float:left; padding:13px 15px 12px 15px; font-size:1em; background-color:#fff; color:#000; cursor:pointer; border:none;}
.btn-number:hover{background-color:#eaeaea; color:#000;}

.loja-botao{width:100%; position:relative; float:left; margin-top:30px; font-family:  'Montserrat', sans-serif; text-align:center; font-weight:500; font-size:1em; padding:13px 15px 12px 15px; background-color:#fff; color:#000; cursor:pointer; border:none;}
.loja-botao i{font-size:1.5em; padding-right:10px}

.loja-botao:hover{background-color:#eaeaea;}

.loja-add-result{
	font-family:  'Montserrat', sans-serif;
	font-weight:500; font-size:1em;
	color:#fff;
}

@media screen and (max-width: 1023px) {
.loja-add-col1{width:50%; min-height:80px;}
.loja-add-col2{width:50%; min-height:80px; }


}
@media screen and (min-width: 1024px) and (max-width: 1600px) {  /* PARA DISPOSITIVOS GRANDES*/
.btn-number{padding:7px 11px 7px 11px; font-size:1em;}
.loja-botao{ font-size:0.9em; padding:11px 15px 11px 15px;}
}