/*RESET*/
*{margin:0;padding:0;/*color:#FFF;*/font-family:Open Sans;}
html{margin:0;height:100%;width:100%;}
body{margin:0;	height:100%;width:100%;overflow:hidden;}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);


html { height: 100% !important; }
html.scroll-disable {
    position: fixed;
    width: 100%;
}
/*HEADER*/
header              { 
    width:100%;
    position:fixed;
    height:100px;
    top:0;
    left:0;
    z-index:99;
    float:left;
}

header.branco       { background:#fff;}
header.transparente { background:rgba(000, 000, 000, 0.5); }
.header   { width:1000px; margin:0 auto; }
.facebook { float:right; margin-left:20px; margin-top:30px;}

.logo-area{
    display: table;
    height: 100px;
    float: left;
}

.logo-area .logo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.logo-area .logo img{
    height:auto;
    max-height:70px;
    width:auto;
    max-width:320px;
    cursor: pointer
}



header.branco       .facebook a,
header.transparente .facebook a { 
    font-size:35px;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}

header.branco       .facebook a { color:#999; }
header.transparente .facebook a { color:#ccc; }

header.branco       .facebook a:hover, 
header.transparente .facebook a:hover { color:#4c66a4; }

/*********************MENU*********************/
#menu { 
    float:right;
    font-family:Open Sans;
    font-weight:lighter; 
}

#menu ul { 
    list-style:none; 
    float:right;
}

#menu ul li { 
    position:relative;
    float:left;
    font-size:14px;
    cursor:pointer;
    font-weight:bold;
}

header.transparente #menu ul li span,
header.branco       #menu ul li span {
    text-decoration:none;
    float:left;
    padding:38px 18px 0 18px;
    height:57px;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    border-bottom:5px solid rgba(255, 255, 255, 0);
}

#menu ul li a { text-decoration:none; }

/*MENU TRANSPARENTE*/
header.transparente #menu ul li span       { color:#fff; }
header.transparente #menu ul li:hover span { background:rgba(000, 000, 000, 0.5); }
header.transparente #menu .categorias li a { background:rgba(000, 000, 000, 0.5); }

/*MENU BRANCO*/
header.branco #menu ul li span       { color:#4c4c4c; }
header.branco #menu ul li:hover span { background:#f2f2f2; }
header.branco #menu .categorias li a { background:#f2f2f2; }

header.transparente #menu .submenu-mais li a{float: right}
#menu .submenu-mais{right: 0}
/********** *Submenu* **********/
#menu .categorias {
    position:absolute;
    top:100px;
    z-index:9999999999;
    float:none;
    display:none;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}

#menu ul li:hover ul { display:block; }

#menu .categorias li {
    width:100%;
    float:none;
}

#menu .categorias li:first-of-type a {
    border-top:1px solid rgba(255, 255, 255, 0);
    border-right:5px solid rgba(255, 255, 255, 0);
    border-bottom:1px solid rgba(255, 255, 255, 0);
}

#menu .categorias li a {
    width:100%;
    display:block;
    text-decoration:none;
    padding:15px 10px 15px 15px;
    border-right:5px solid rgba(255, 255, 255, 0);
    border-bottom:1px solid rgba(255, 255, 255, 0);
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}

form#searchProduto{float: left;margin-left: 20px;}
form#searchProduto input{float: left;padding: 10px;outline: none;width: 220px;background: #eee;border: none;}

/* *Transparente* */
header.transparente #menu .categorias li a       { color:#fff; }
header.transparente #menu .categorias li a:hover { background:rgba(000, 000, 000, 0.5); }
.submenu li a { background-color:rgba(0, 0, 0, 0.8) !important; }
/* *Transparente* */

/* *Branco* */
header.branco #menu .categorias li a       { color:#4c4c4c; }
header.branco #menu .categorias li a:hover { background:#f2f2f2; }
header.branco .submenu li a { background-color:#fff!important; }
/* *Branco* */
/********** *Submenu* **********/

/*********************MENU*********************/

/*CONTENT*/
#content{width:100%;height:100%}

/*SLIDER*/
/*.slider{width:100%;height:100%;list-style:none;overflow:hidden;position:relative;}*/
.slider .passagem{position:absolute;right:20px;top:120px;width:10px;}
.slider .passagem span{width:10px;height:10px;background:#fff;cursor:pointer;float:left;margin-bottom:10px;opacity:0.7;-webkit-transition:all 0.3s;transition:all 0.3s;}
.slider ul{position:absolute;bottom:0;left:0;-webkit-transition:bottom 2s;transition:bottom 2s;}
.slider li{float:left;width:100%;height:100%;background-size:cover;background-position:center;}

/*SLIDER BOX*/
.slider #box{display:inline-block;margin-top:270px;height:auto;width:530px;background:rgba(30, 30, 30, 0.5);padding:30px;font-size:28px;color:#fff;}
.slider #box p{text-align: left}
.slider div.left{text-align:left;}
.slider div.center{text-align: center}
.slider div.right{text-align:right;}
.conteudo-slider{width:1170px;margin:0 auto;}

/*CONTATO*/
#contato-modal{width:100%;height:100%;position:absolute;top:0;background:rgba(0, 0, 0, 0.4);left:0; font-family:Open Sans; font-size:12px; display:none;}
.contato-inner{
    width:900px;
    height:300px;
    top:140px;margin:0 auto;
    background:rgb(255, 255, 255);
    padding:30px 60px;
    position:relative;
}

.form .alertas-contato{}
.form .sucess{color:#00a85a;float:left;display:none;}
.form .loading{color:#656565;float:left;display:none;}
.form .error{color:#FF5757;position:absolute;top:50;left:100;z-index:99;display:none;}
.form .titulo-contato{font-size:28px;float:left;margin-bottom:25px;width:100%;}
.form .inputs-contato{width:187px;float:left;}
.form .inputs-contato input{background:#f8f8f8;display:inline-block;font-size:12px;color:#4c4c4c;border:1px solid #e3e3e3;padding:10px;width:165px;margin-bottom:10px;outline:none;}
.form .texto-contato{width:187px;float:left;margin-left:10px;}
.form .texto-contato textarea{width:165px;height:115px;float:left;background:#f8f8f8;border:1px solid #e3e3e3;padding:10px;color:#4c4c4c;font-size:12px;outline:none; resize:none;}
.form .texto-contato input[type="submit"]{padding:10px;background:#656565;border:0;float:right;margin-top:10px;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s;color:#fff;}
.form .g-recaptcha {
    float: left;
    width: 100%;
    margin: 0px;
    margin-top: -40px;
    position: relative;
    transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
}
#sucesso .fa-stack-2x{color:#00a85a;}
#erro .fa-stack-2x{color:#FF5757;}
.fechar{
    cursor:pointer;
}
.fechar i{
    font-size: 30px;
}
.fa-times{color:#4c4c4c;font-size:20px;position:absolute;top:0;right:5px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.fa-times:hover{opacity:0.8;}
.contato-inner form {
    float:left;
    width:420px;
}

.contato-inner .informacoes {
    max-width:480px;
    float:left;
    margin-left: 20px;
    padding: 10px 0;
    height: 280px;
}

.contato-inner .informacoes > div {
    text-align:right;
    font-size:16px;
    color:#000;
    padding:0 0 0 60px;
    margin: 10px 0;
    min-height:60px;
    width: 100%;
    display: table;
}

.contato-inner .informacoes div .centre-align{
    display: table-cell;
    vertical-align: middle;
    max-width: 380px;
}

.contato-inner .informacoes div .centre-align span{
    /*display: block;*/
    /*margin: auto 10px;*/
    text-align: left;
    width: 100%;
    display: inline-block;
}
.contato-inner .informacoes .endereco {
    background:url("img/contato/endereco.png") center left no-repeat;
}

.contato-inner .informacoes .telefone {
    background:url("img/contato/telefone.png") center left no-repeat;
}

.contato-inner .informacoes .whatsapp {
    background:url("img/contato/whatsapp.png") center left no-repeat;
}

.contato-inner .informacoes .whatsapp a,
.contato-inner .informacoes .whatsapp a:focus,
.contato-inner .informacoes .whatsapp a:active,
.contato-inner .informacoes .whatsapp a:visited{
    text-decoration: none;
    color: #000;
}
.contato-inner .informacoes .whatsapp a:hover{
    text-decoration: underline;
}


.contato-inner .informacoes .email {
    background:url("img/contato/email.png") center left no-repeat;
}

/*PAGE*/
.modal{width:100%;height:100%;position:absolute;top:100px;/*margin-top:-220px;*/left:0;font-family:Open Sans;font-size:12px;display:none;background:rgba(0, 0, 0, 0.4); z-index:2;}
.modal-inner, .g-modal-inner, .p-modal-inner, .a-modal-inner{width:880px; margin:0 auto;background:rgb(255, 255, 255);padding:30px 60px;position:relative;margin-top:10px;}
.modal-inner h2{font-weight:normal;font-size:28px; }
.g-modal-inner h2 .voltar, .p-modal-inner h2 .voltar, .a-modal-inner h2 .voltar{padding-right:10px;}
.g-modal-inner h2, .p-modal-inner h2, .a-modal-inner h2{font-weight:normal;font-size:28px;}
.g-modal-inner h2 .voltar:hover, .p-modal-inner h2 .voltar:hover, .a-modal-inner h2 .voltar:hover{cursor:pointer;opacity:0.8;}

.voltar-album{padding-right:10px;}
.g-modal-inner h2, .p-modal-inner h2, .a-modal-inner h2{font-weight:normal;font-size:28px;}
.voltar-album:hover{cursor:pointer;opacity:0.8;}

.conteudo{overflow:hidden; height:430px;width:880px;margin-top:10px;}
.conteudo-inner{color:#333;outline:none;}
.conteudo-inner:focus{outline:none;}
#mapa{overflow:hidden;height:400px;width:880px;margin-top:10px;}
.texto-voltar{font-size:75%; }
.texto-voltar:hover{cursor:pointer;}
.modal-interna {background:none !important;}

.conteudo-inner h2 { float:left; margin-bottom:15px; width:100%; font-size:22px !important;}
.conteudo-inner h3 { float:left; margin-bottom:15px; width:100%; font-size:20px !important;}
.conteudo-inner h4 { float:left; margin-bottom:15px; width:100%; font-size:18px !important;}
.conteudo-inner p { float:left; margin-bottom:15px; width:100%; line-height:23px !important;}
.conteudo-inner span {line-height:23px !important;}

/*GALERIA*/
.galeria-wrapper{width:880px;float:left;}
ul.galeria-grid{width:880px;float:left;list-style:none;height:400px;}
.galeria-grid li{ width:270px;height:180px;float:left;margin-left:35px;margin-bottom:20px;position:relative;cursor:pointer;overflow:hidden; box-sizing:border-box; border:1px rgb(189, 195, 199) solid; padding:4px; background-color:rgb(245, 245, 245);}
.galeria-grid li.margin-galeria{margin-left:0;}
.galeria-grid li img { width:260px; height: 100%; -o-object-fit: cover; object-fit: cover;}
/*.galeria-grid li img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.galeria-grid li img:hover{opacity:0.5;}*/

.galeria-wrapper .galeria-nav { text-align:center; width:360px; margin-left:280px; height:30px; float:left; position:relative;}
.galeria-wrapper .galeria-nav .carousel { float:left; width:300px; height:30px; margin:0px 30px; position:relative; overflow:hidden;}
.galeria-wrapper .galeria-nav .inner { position:absolute; width:9000px; height:30px; top:0px; left:0px; -webkit-transition: all 0.2s; transition: all 0.2s;}
.galeria-wrapper .galeria-nav .inner a { float:left; width:14px; text-align:center; background-color: rgba(0, 0, 0, 0.05); padding:6px 10px; color:#FF0000; display:inline-block; margin:0px 8px; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer; }
.galeria-wrapper .galeria-nav .inner a, .galeria-wrapper .galeria-nav span.nav { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(237,237,237,1) 100%); /* W3C */ }
.galeria-wrapper .galeria-nav .inner a:hover, .galeria-wrapper .galeria-nav span.nav:hover, .galeria-wrapper .galeria-nav a.galeria-current { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(220,220,220,1) 100%); background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(220,220,220,1) 100%); /* W3C */ }
.galeria-wrapper .galeria-nav span.nav { position:absolute; cursor:pointer; top:0px; width:28px; height:29px; background-color:rgba(0, 0, 0, 0.05); }
.galeria-wrapper .galeria-nav span.nav.left { left:0px; border-top-left-radius:50%; border-bottom-left-radius:50%; }
.galeria-wrapper .galeria-nav span.nav.left:after { content:''; position:absolute; top:11px; left:12px; width:5px; height:5px; border-top:1px #FF0000 solid; border-left:1px #FF0000 solid; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.galeria-wrapper .galeria-nav span.nav.right { right:0px; border-top-right-radius:50%; border-bottom-right-radius:50%; }
.galeria-wrapper .galeria-nav span.nav.right:after { content:''; position:absolute; top:11px; right:12px; width:5px; height:5px; border-top:1px #FF0000 solid; border-right:1px #FF0000 solid; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

/*ALBUM*/
.i-album-wrapper{width:880px;float:left;}
ul.album-grid{width:880px;float:left;list-style:none;height:400px;}

.album-grid li{width:270px;height:180px;float:left;margin-left:35px;margin-bottom:20px;position:relative;cursor:pointer;}
.album-grid li.margin-album{margin-left:0;}
.album-grid li img{ float:left; max-width:270px; height:180px; -o-object-fit: cover; object-fit: cover;}
.album-grid li img:hover{opacity:0.5;}

.i-album-wrapper .album-nav{text-align:center;width:880px;float:left;}
.i-album-wrapper .album-nav a{width:12px;height:12px;border-radius:50%;background:transparent;opacity:0.4;display:inline-block;margin:0 8px;-webkit-transition:all 0.3s;transition:all 0.3s;cursor:pointer; -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.i-album-wrapper .album-nav a:hover, .i-album-wrapper .album-nav a.album-current{opacity:1;}

.album-wrapper .album-nav { text-align:center; width:360px; margin-left:280px; height:30px; float:left; position:relative;}
.album-wrapper .album-nav .carousel { float:left; width:290px; height:30px; margin:0px 30px; position:relative; overflow:hidden;}
.album-wrapper .album-nav .inner { position:absolute; width:2000px; height:30px; top:0px; left:0px; -webkit-transition: all 0.2s; transition: all 0.2s;}
.album-wrapper .album-nav .inner a { float:left; width:14px; text-align:center; background-color: rgba(0, 0, 0, 0.05); padding:6px 10px; color:#FF0000; display:inline-block; margin:0px 8px; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer; }
.album-wrapper .album-nav .inner a, .album-wrapper .album-nav span.nav { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(237,237,237,1) 100%); /* W3C */ }
.album-wrapper .album-nav .inner a:hover, .album-wrapper .album-nav span.nav:hover, .album-wrapper .album-nav a.album-current { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(220,220,220,1) 100%); background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(220,220,220,1) 100%); /* W3C */ }
.album-wrapper .album-nav span.nav { position:absolute; cursor:pointer; top:0px; width:28px; height:29px; background-color:rgba(0, 0, 0, 0.05); }
.album-wrapper .album-nav span.nav.left { left:0px; border-top-left-radius:50%; border-bottom-left-radius:50%; }
.album-wrapper .album-nav span.nav.left:after { content:''; position:absolute; top:11px; left:12px; width:5px; height:5px; border-top:1px #FF0000 solid; border-left:1px #FF0000 solid; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.album-wrapper .album-nav span.nav.right { right:0px; border-top-right-radius:50%; border-bottom-right-radius:50%; }
.album-wrapper .album-nav span.nav.right:after { content:''; position:absolute; top:11px; right:12px; width:5px; height:5px; border-top:1px #FF0000 solid; border-right:1px #FF0000 solid; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}


/*ALBUM NOMES*/
.galeria-grid li .nomes{position:absolute;bottom:-50px;left:0;background:rgba(0, 0, 0, 0.5);font-size:15px;font-family:'Open Sans', sans-serif;width:270px;height:50px;max-height:50px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3;stransition:all 0.3s;color:#fff;}
.galeria-grid li .nomes .nome-album{float:left;margin-left:5px;}
.galeria-grid li:hover .nomes{bottom:0;}

/*PRODUTOS*/
.produtos-wrapper{width:880px;float:left; position:relative;}
ul.produtos-grid{width:880px;float:left;list-style:none;height:400px;}
.produtos-grid li{width:270px;height:180px;float:left;margin-left:20px;margin-bottom:20px;position:relative;overflow:hidden;box-sizing: border-box; cursor: pointer; border: 1px rgb(189, 195, 199) solid; padding: 4px; background-color: rgb(245, 245, 245);}
.produtos-grid li img { width:260px; height: 100%; -o-object-fit: cover; object-fit: cover; }
.produtos-grid li a{-webkit-transition:all 0.3s;transition:all 0.3s;}

.produtos-wrapper .produtos-nav { text-align:center; width:100%; /*margin-left:280px;*/ height:30px; float:left; position:relative;}
.produtos-wrapper .produtos-nav .carousel { float:left; width:805px; height:30px; margin:0px 30px; position:relative; overflow:hidden; }
.produtos-wrapper .produtos-nav .inner { position:absolute; width:12000px; height:30px; top:0px; left:0px; box-sizing:border-box; -webkit-transition: all 0.2s; transition: all 0.2s;}
.produtos-wrapper .produtos-nav .inner a { float:left; width:12px; text-align:center; background-color: rgba(0, 0, 0, 0.05); padding:6px 10px; color:#FF0000; display:inline-block; margin:0px 9px; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer; }
.produtos-wrapper .produtos-nav .inner a, .produtos-wrapper .produtos-nav span.nav { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(237,237,237,1) 100%); /* W3C */ }
.produtos-wrapper .produtos-nav .inner a:hover, .produtos-wrapper .produtos-nav span.nav:hover, .produtos-wrapper .produtos-nav a.produtos-current { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(220,220,220,1) 100%); background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(220,220,220,1) 100%); /* W3C */ }
.produtos-wrapper .produtos-nav span.nav { position:absolute; cursor:pointer; top:0px; width:28px; height:29px; background-color:rgba(0, 0, 0, 0.05); }
.produtos-wrapper .produtos-nav span.nav.left { left:0px; border-top-left-radius:50%; border-bottom-left-radius:50%; }
.produtos-wrapper .produtos-nav span.nav.left:after { content:''; position:absolute; top:11px; left:12px; width:5px; height:5px; border-top:1px #FF0000 solid; border-left:1px #FF0000 solid; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.produtos-wrapper .produtos-nav span.nav.right { right:0px; border-top-right-radius:50%; border-bottom-right-radius:50%; }
.produtos-wrapper .produtos-nav span.nav.right:after { content:''; position:absolute; top:11px; right:12px; width:5px; height:5px; border-top:1px #FF0000 solid; border-right:1px #FF0000 solid; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

#produtos-interna .nav-btn { position:absolute; top:200px; cursor:pointer; width:40px; height:40px; border-radius:50%; background-color:rgba(0, 0, 0, 0.5); -webkit-transition:all 0.2s; transition:all 0.2s;}
#produtos-interna .nav-btn:hover { background-color:rgba(0, 0, 0, 0.65); }
#produtos-interna .nav-btn:active { background-color:rgba(0, 0, 0, 0.8); }
#produtos-interna .nav-btn.prev { left:-60px;}
#produtos-interna .nav-btn.prev:after { position:absolute; content:''; top:12px; left:14px; width:15px; height:15px; border-left:1px #FFF solid; border-top:1px #FFF solid; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
#produtos-interna .nav-btn.prev:hover { left:-65px;}
#produtos-interna .nav-btn.next { right:-60px;}
#produtos-interna .nav-btn.next:hover { right:-65px;}
#produtos-interna .nav-btn.next:after { position:absolute; content:''; top:12px; right:14px; width:15px; height:15px; border-right:1px #FFF solid; border-top:1px #FFF solid; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

/*BARRA PREÇO*/
.produtos-grid li .precos{position:absolute;bottom:-50px;left:0;background:rgba(0, 0, 0, 0.5);font-size:15px;font-family:'Open Sans', sans-serif;width:270px;height:50px;max-height:50px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3;stransition:all 0.3s;color:#fff;}
.produtos-grid li .precos .nome-produto{float: left; margin-left: 5px; font-size: 12px; height: 31px; /* border: 1px solid green; */ line-height: 15px;}
.produtos-grid li .precos .preco{float:right;margin-right:5px;font-size: 12px;}
.produtos-grid li:hover .precos{bottom:1px;}

/*PRODUTO INTERNA*/
.produtos-wrapper img{float:left;}
.produtos-wrapper h3{float:left;width:100%;font-weight:100;font-size:20px;text-align:left;}
.produtos-wrapper .info-produto{float:left;margin-left:10px;width:260px;text-align:center;height:430px;position:relative;}
.produtos-wrapper .info-produto h3 { max-height:85px; font-size:16px; overflow:hidden; }
.produtos-wrapper .info-produto .desc-produto{ height:180px; text-align:justify;font-size:13px !important;color:#000;float:left;margin-bottom:60px;margin-top:15px; height: 240px; overflow: auto;  overflow: auto; padding: 0px 10px;}
.produtos-wrapper .info-produto .btn-preco{font-size:20px;color:#fff; max-height:100px;overflow:hidden;padding:5px 5px;text-align:center;float:right;position:absolute;bottom:0;right:0;white-space:nowrap;}
.produtos-wrapper .info-produto .social-links{position: absolute; bottom: 25px; width: 260px; height: 20px;}
.produtos-wrapper .info-produto .social-links img{width: 30px !important; height: 30px; float: right; margin-left: 10px;}


/*FONT AWESOME*/
.fa-stack-1x{color:#fff !important;}

/*FOOTER*/
footer{width:100%;position:fixed;bottom:0;}
footer a{float:right;margin-right:20px;margin-bottom:10px;opacity:0.8;-webkit-transition:all 0.3s;transition:all 0.3s;}
footer a:hover{opacity:1;}
.logo-sitestri a{z-index: 1; opacity:0.8;position:fixed;bottom:10px;right:10px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.logo-sitestri a:hover {opacity:1;}

.logo-sitestri img{-webkit-filter: grayscale(70%);filter: grayscale(70%); -webkit-transition: all 0.2s linear; transition: all 0.2s linear}
.logo-sitestri a:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}

.produtos-img {
    width:600px;
    height:405px;
    overflow:hidden;
    float:left;
}

/*
.produtos-img img {
max-height:400px;
}
*/


/* SLICK SLIDE NAS IMAGENS DOS PRODUTOS */


.produtos-img .slick-slider {
    margin-bottom: 0px;
}

.produtos-img .slick-slider img {
    max-width:600px;
    max-height:365px;
}

.slick-slide {
    margin: auto;
}

.slick-dots {
    position: relative !important;
    bottom: 13px !important;
}

.slick-dots li button:before {
    font-size: 12px !important;
    opacity: 0.4 !important;

    display: none;
}

.slick-dots li {
    position: relative !important;
    display: inline-block !important;
    height: 17px !important;
    width: 17px !important;
    margin: 0 3px 3px !important;
    padding: 0 !important;
    cursor: pointer !important;
}

.slick-dots li button { 
    width:17px !important;
    height:16px !important;
    padding:0px !important;
}

.slick-dots li.slick-active button:before {
    opacity: 1 !important;
}

.slick-dots li button {
    color: #333 !important;
    font-size: 12px !important;
    opacity: 0.4 !important;
}

.slick-dots li.slick-active button {
    opacity: 1 !important;
}

/*Categorias*/
#produtos-modal h2 {
    float:left;
}

.modal .categorias {
    float:left;
    padding:5px 0 30px 30px;
}

.modal .categorias li {
    float:left;
    font-family:Open Sans;
    font-size:18px;
    list-style:none;
    margin:5px 0 0 20px;
}

.modal .categorias li a {
    text-decoration:none;
    padding:15px;
    color:#4c4c4c;
}

.modal .categorias li a:hover,
.modal .categorias li .ativa {
    color:#FFF;
}

.produtos-img li {
    float:left;
    margin:10px;
    list-style:none;
    width:150px;
    height:112px;
    overflow:hidden;
    background-color: rgba(0, 0, 0, 0.05); padding:6px 10px; color:#FF0000;
}

.produtos-img li.slick-active { background-color: rgba(0, 0, 0, 0.3);}

/* CATEGORIAS */

#produtos-modal .categorias-container { float:right; width:280px; height:38px; overflow:hidden; position:relative;}
#produtos-modal select#categorias { position:absolute; top:0px; left:0px; width:280px; padding:7px 40px 7px 5px; background-color:#EEE; font-size:16px; border:none; }
#produtos-modal .categorias-container .button { position:absolute; z-index:2; top:0px; right:0px; background-color:#DDD; width:38px; height:38px; pointer-events:none;}
#produtos-modal .categorias-container .button:after { content:''; -webkit-transition:all 0.15s; transition:all 0.15s; position:absolute; top:15px; right:14px; width: 0; height: 0; border-style: solid; pointer-events:none; border-width: 10px 5px 0 5px; border-color: #4f4f4f transparent transparent transparent;}
#produtos-modal .categorias-container .button.active:after { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }

::-webkit-scrollbar {
    width: 8px;
}
 
::-webkit-scrollbar-track {
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: rgba(0,0,0,.6);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/*PAGE LOADER*/
div#page_loader {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0%;
    left: 0;
    right: 0%;
    background-color: rgba(249, 249, 249, 0.9);
    z-index: 1000;
}
div#page_loader div.loader-box{
    position: absolute;
    float: left;
    top: 50%;
    left: 50%;
    color: black;
    font-weight: bold;
    width: 300px;
    margin-left: -150px;
    height: 100px;
    margin-top: -50px;
    text-align: center;
}
div#page_loader div.loader-box img {
    margin-top: 20px;
}

/*CONFIRM BOX*/

.jconfirm-box{
    width: 250px;
}