﻿body{margin:0px; padding:0px; color:#858585; font-family: 'Roboto', sans-serif; font-size:12px; overflow-x:hidden;}
#allContent{position:relative; width:100%; opacity:0;}
a{text-decoration:none !important; color:inherit;}
a:hover{color:inherit;}
a:visited{color:inherit;}
.preloader{bottom:0px; position:fixed; top:0px; right:0px; left:0px; z-index:1000; font-size:30px; text-align:center; vertical-align:middle; color:#656f70;}
.preloader i{display:block; text-align:center; position:absolute; top:calc(50% - 25px); left:0px; right:0px;}
.relative{position:relative !important;}
.hover:hover{cursor:pointer;}
.fadehover{transition:opacity 0.5s ease-out;}
.fadehover:hover{opacity:0.7;}
.nopadding{padding:0px;}
.space{height:20px;}
.padding{height:10px;}
.responsive{max-width:100%;}
.force-responsive{width:100%;}
.tables{width:100%; height:100%; display:table;}
.cell{display:table-cell; vertical-align:middle;}
input, textarea{outline:none; transition:0.5s ease-out;}
input:focus, textarea:focus{-webkit-box-shadow: inset 0px 0px 22px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:    inset 0px 0px 22px 0px rgba(50, 50, 50, 0.3); box-shadow:         inset 0px 0px 22px 0px rgba(50, 50, 50, 0.3);}
b{font-weight:800 !important;}
.btn-plus{font-weight:700; color:#f44c00; padding:10px 20px; border:3px #f44c00 solid; transition:0.5s ease-out; display:inline-block; cursor:pointer; text-transform:uppercase; letter-spacing:2px; font-size:16px;}
.btn-plus:hover{background-color:#f44c00; color:#fff;}
.btn-submit{font-weight:400px; color:#fff; padding:15px 20px; transition:0.5s ease-out; display:inline-block; cursor:pointer; text-transform:uppercase; font-size:16px; background-color:#2c3e50;}
.btn-submit:hover{opacity:0.7;}
.hover-bg{background:rgba(0,0,0,0.6);}
.red{color:#cc0f0f;}
.white{color:#fff;}
b{font-weight:700; font-family: 'Roboto', sans-serif;}
h1{font-family: 'RobotoLight'; font-size:54px; line-height:54px; text-transform:uppercase; margin:0px; padding:0px;}
h1 b{font-family: 'RobotoBlack';}
h1 img{margin-right:10px; vertical-align:middle;}
h3{font-family: 'RobotoLight'; font-size:23px; text-transform:uppercase; margin:0px; padding:0px;}
h3 b{font-family: 'RobotoBlack';}
.loader{color:#f44c00; font-size:30px; display:none;}
hr{width:100%; display:block; border:0px; height:1px; background:#cecece; }
/*HEADER*/
header{background:url(../img/menu.png) no-repeat center; position:absolute; top:0px; left:0px; width:100%; height:113px; z-index:2; padding-top:10px; z-index:100;}
header .topo{position:absolute; right:25px; top:-2px;}
header .topo i{font-size:16px; margin-right:5px; margin-left:5px;}
header .topo a:before{content:'|'; margin-left:2px; margin-right:5px; color:#858585;}
header .topo a{color:#f44c00; padding-right:10px;}
header .logo{background:url(../img/logo.png); background-size:100% 100%; width:132px; height:132px;}
header .menu{position:absolute; top:23px; right:25px; font-size:0px; border-top:#f1f1f1 dotted 2px; text-align:right; width:calc(100% - 295px); transition:0.5s ease-out; z-index:10;}
header .menu a{display:inline-block; vertical-align:top; padding:8px; padding-left:20px; padding-right:20px; color:#282828; font-size:16px; transition:0.5s ease-out; position:relative; background:url(../img/btn-bg.jpg) no-repeat left;}
header .menu a:nth-child(2){background:none; color:#cf070f; font-size:20px;}
header .menu a:hover{color:#cf070f;}
header .menu .active{color:#cf070f;}
.menu-hide{display:none;}
.fixed-menu{background:rgba(255,255,255,0.78); border-top:rgba(197,14,17,1.00) 4px solid; border-bottom:rgba(197,14,17,1.00) 4px solid; padding:5px; position:fixed; top:0px; left:0px; width:100%; z-index:15; display:none;}
.fixed-menu .logo{background:url(../img/logo.png); background-size:100% 100%; width:50px; height:50px; float:left;}
.fixed-menu .menu{position:absolute; bottom:-5px; right:0px;}
.fixed-menu .menu a{display:inline-block; vertical-align:bottom; padding:8px; padding-bottom:20px; color:#282828; font-size:16px; transition:0.5s ease-out; position:relative; background:url(../img/arrow2.png) bottom no-repeat;}
.fixed-menu .menu a:hover{background:url(../img/arrow.png) bottom no-repeat;}
.fixed-menu .menu .active{background:url(../img/arrow.png) bottom no-repeat;}
.fixed-menu-show{display:block;}
/*BODY*/
.header{background:url(../img/header-quem-somos.jpg) bottom; height:300px; padding-top:76px; position:relative; color:#fff;}
.header .overlay{background:url(../img/header.png) center; height:194px; position:absolute; top:120px; right:0px; width:100%;}
.header .overlay .content{width:40%; float:right; padding-top:40px; font-size:26px; line-height:28px; font-family: 'RobotoLight'; font-style:italic;}
.header + .body{padding-top:0px;}
.header h1{color:#fff !important; margin-top:80px; font-size:60px;}
.body{padding-top:76px;}
.interna{background:url(../img/bg.jpg);}
.header + .interna{padding-top:40px !important;}
/*HOME*/
.banner{width:100%; position:relative; height:529px; overflow:hidden;}
.banner .banner-cont{width:2000px; height:529px; position:absolute; top:0px; left:calc(50% - 1000px);}
.banner .banner-cont .img{width:100%; height:100%; position:relative;}
.banner .banner-cont .img img{width:100%; height:100%;}
.banner .arrow{font-size:30px; position:absolute; z-index:10; top:270px; cursor:pointer;}
.banner .arrow-prev{left:20px;}
.banner .arrow-next{right:20px;}
.call-checkout{background:url(../img/call.jpg) center no-repeat; height:188px; padding:40px; color:#fff; font-family: 'RobotoLight'; font-size:24px; text-align:left;}
.call-checkout .title{font-size:65px; text-transform:uppercase; line-height:57px; }
.call-checkout .title b{font-family: 'RobotoBlack';}
.call-checkout .content{ text-transform:uppercase; font-size:40px;}
.call-checkout .content b{font-weight:700; font-family: 'Roboto', sans-serif;}
.call-checkout i{font-size:30px; margin-left:5px; color:#f44c00;}
.call-checkout .btn-plus{float:right;}
.call-produtos{background:url(../img/bg-middle.jpg);}
.call-produtos .separator{background:url(../img/bg-middle.png) center #f6f6f6; height:55px;}
.call-produtos .produto{position:relative; cursor:pointer; overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.call-produtos .produto img{width:100%; height:auto;}
.call-produtos .produto .icone{width:80px; height:80px; float:left; margin-right:5px;}
.call-produtos .produto .overlay{background:url(../img/bg-thumb.png) no-repeat left; color:#fff; font-weight:100; font-size:36px; line-height:36px; padding:10px; padding-right:80px; position:absolute; bottom:0px; left:0px; width:100%; height:114px; text-transform:uppercase; transition:0.5s ease-out;}
.call-produtos .produto .overlay span{display:inline-block; border-left:5px #f44c00 solid; position:absolute; bottom:0px; left:10px; padding-bottom:20px; padding-left:10px;}
.call-produtos .produto .overlay span b{font-weight:700 !important; display:block;}
.call-produtos .produto:hover .overlay{bottom:-114px;}

/*QUEM SOMOS*/
.colum h1{text-transform:inherit;}
.colum{font-size:18px; font-family: 'RobotoLight'; text-align:center; padding-bottom:30px;}
.slider img{border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

/*GALLERY*/
.gallery{background-color:#f6f6f6 ;}
.gallery .desc{font-size:26px; font-family: 'RobotoLight';}
.gallery h1 img{margin-top:-15px;}
.gallery .node{background:#fff; position:relative; font-size:0px;}
.gallery .node .img{width:50%; display:inline-block; vertical-align:top;}
.gallery .node .img img{width:100%; height:auto;}
.gallery .node .logo{width:150px; height:150px; background:#fff; border-radius:150px; -webkit-border-radius:150px; -moz-border-radius:150px; position:absolute; left:calc(50% - 75px); top:calc(50% - 75px); padding:30px; -webkit-box-shadow: 0px 0px 22px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:0px 0px 22px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 22px 0px rgba(50, 50, 50, 0.3);}
.gallery .node .logo img{width:100%; height:auto;}
.gallery .node .content{width:50%; display:inline-block; font-size:14px; color:#3c3c3c; padding-left:90px; padding-right:20px; padding-top:20px; vertical-align:top;}
.gallery .node .content h3 b{display:block; font-size:30px;}
.gallery .node .local{color:#999999; padding-bottom:15px; margin-top:5px; border-bottom:#f1f1f1 dotted; text-transform:uppercase; display:block; margin-bottom:20px;}
.gallery .node .local i{margin-right:10px;}

/*VIDEOS*/
.videos{background:#636365; color:#fff;}
.videos h1 img{margin-top:-15px;}
.videos .video{width:300px; position:relative; font-size:18px; cursor:pointer; display:inline-block; text-align:left;}
.videos .video .img{width:100%; position:relative; margin-bottom:20px;}
.videos .video .img img{width:100%; height:auto;}
.videos .video .img .overlay{background:rgba(0,0,0,0.8) url(../img/icon-play-overlay.png) center no-repeat; width:100%; height:100%; position:absolute; top:0px; left:0px; transition:0.5s ease-out;}
.videos .video:hover .img .overlay{background-color:rgba(0,0,0,0.2);}
.videos .video .title{font-size:24px; font-weight:700;}
.videos .btn-plus{color:#fff; border:3px #fff solid;}
.videos .btn-plus:hover{background-color:#fff; color:#636365;}
.videos .owl-theme .owl-controls .owl-buttons div{color:#fff;}
.interna .videos{background:none !important;}
.interna .video{color:#000000 !important; margin-bottom:30px;}
.interna .videos .btn-plus{color:#f44c00; border:3px #f44c00 solid;}
.interna .videos .btn-plus:hover{background-color:#f44c00; color:#fff;}
.interna .videos .video{width:100%;}
.photo .overlay{display:none !important;}
/*PORTIFOLIO*/
.produtos-interna{background:url(../img/header-produtos.jpg); color:#fff; padding-top:160px; padding-bottom:40px;}
.produtos-interna h1{margin-bottom:10px;}
.produtos-interna .sep{height:5px; width:50px; display:block; background:#ff6a27; margin-bottom:40px;}
.produtos-interna h3{font-style:italic; font-weight:700;}
.produtos-interna .desc{font-size:18px; font-family: 'RobotoLight'; margin-top:10px; margin-bottom:20px;}
.slide + .produtos-interna{padding-top:50px;}
.produto{width:100%; position:relative; font-size:18px; cursor:pointer; display:inline-block; text-align:left; margin-bottom:40px;}
.produto .img{width:100%; position:relative; margin-bottom:20px;}
.produto .img img{width:100%; height:auto;}
.produto .img .overlay{width:100%; height:100%; position:absolute; top:0px; left:0px; transition:0.5s ease-out;}
.produto:hover .img .overlay{background-color:rgba(0,0,0,0.5);}
.produto .title{font-size:24px; font-weight:700;}
.produtos-interna .btn-plus{color:#fff;}
.produtos h1{color:#888a8c;}
.produtos-header h3{font-style:italic; font-weight:700;}
.produtos-header .desc{font-size:18px; font-family: 'RobotoLight'; margin-top:10px; margin-bottom:20px;}
.produtos-header + .slide{background:url(../img/banner.jpg) center no-repeat; background-size:auto 100%; height:599px;} 
/*CONTATO*/
.contato input{border:none; padding:15px; width:100%; border:1px solid #e2e2e2; background:none; transition:0.5s ease-out; color:#656f70; margin-bottom:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.contato textarea{border:none; padding:15px; width:100%; border:1px solid #e2e2e2; background:none; height:200px; transition:0.5s ease-out; color:#656f70; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
::-webkit-input-placeholder { color:#8a8484; text-transform:uppercase; }
::-moz-placeholder { color:#8a8484; text-transform:uppercase;} /* firefox 19+ */
:-ms-input-placeholder { color:#8a8484; text-transform:uppercase;} /* ie */
input:-moz-placeholder { color:#8a8484; text-transform:uppercase; }
.map{height:350px; background:#BDB7B7;}
.contato .content{font-size:26px; font-family: 'RobotoLight'; font-style:italic;}
.contato .atendimento{background:url(../img/atendimento-bg.jpg) center; padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#f2f2f2; font-size:18px; position:relative; font-family: 'RobotoLight'; }
.contato .atendimento img{margin-right:20px; vertical-align:middle;}
.contato .atendimento span{background:url(../img/icon-placeholder.png) no-repeat left; height:60px; padding:10px; padding-left:50px; width:calc(40% - 5px); margin-left:10%; vertical-align:middle; display:inline-block; font-size:18px; font-family: 'RobotoLight';}
.contato .atendimento span:first-child{background-image:url(../img/icon-talk.png); padding-top:20px;}
.contato .atendimento span img{margin-left:10px;}
.contato h3 i{margin-right:10px;}
.contato button{background:#f44c00; transition:0.5s ease-out; padding:0px 10px; height:40px; font-size:15px; text-transform:uppercase; letter-spacing:2px; color:#fff; border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:80px; text-align:center;}
.contato button:hover{background:#666;}
/*FOOTER*/
footer{background:#f2f2f2 url(../img/bg.jpg); padding-top:0px;}
footer h3{font-size:37px;}
footer input{width:100%; background-color:#fff; border:none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:100%; padding:10px; height:40px;}
footer button{background:#f44c00; transition:0.5s ease-out; padding:0px 10px; height:40px; font-size:15px; text-transform:uppercase; letter-spacing:2px; color:#fff; border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:80px; text-align:center;}
footer button:hover{background:#666;}
footer .fieldemail{width:calc(100% - 90px); margin-right:7px;}
footer .newsletter{padding-bottom:20px; padding-top:20px; border-bottom:1px #cecece solid; border-top:1px #cecece solid; margin-bottom:20px;}
footer .menu{background:url(../img/logo.png) no-repeat left; background-size:100px 100px; padding-left:130px; min-height:100px;}
footer .menu a{display:block; font-size:18px; transition:0.5s ease-out;}
footer .menu a:before{content:'\f061'; font-family:"FontAwesome"; margin-right:5px;}
footer .menu a:hover{color:#cc0f0f;}
footer .atendimento{background:#cf070f; padding:10px; padding-bottom:0px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#f2f2f2; font-size:18px; position:relative; font-family: 'RobotoLight'; }
footer .atendimento img{margin-right:10px; float:left; vertical-align:middle;}
footer .atendimento span{background:#929292; border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; display:inline-block; padding:10px; width:calc(100% + 20px); margin:-10px; margin-top:5px;}
footer .atendimento span img{margin-left:10px;}
footer .bottom{padding:10px; background:#ebebeb; font-size:12px; margin-top:20px; padding-top:20px;}
footer .bottom a{margin-left:10px; margin-right:10px;}
/*RESPONSIVE*/
@media (max-width: 1200px) {
	.banner{height:344px; overflow:hidden;}
	.banner .banner-cont{width:1300px; height:344px; left:calc(50% - 650px);}
	.banner .arrow{top:170px;}
	.call-checkout .title{font-size:57px;}
	header .menu{width:calc(100% - 195px);}
	.produtos-header + .slide{height:500px;} 
	.call-checkout .content{font-size:34px;}
}
@media (max-width: 992px) {
	.call-checkout{background:url(../img/call-mobile.jpg) right no-repeat; height:170px; padding:40px; color:#fff; font-family: 'RobotoLight'; font-size:24px; text-align:left; background-size:auto 100%;}
	.call-checkout .content{font-size:30px; padding-right:100px;}
	.banner{height:265px; overflow:hidden;}
	.banner .banner-cont{width:1000px; height:265px; left:calc(50% - 500px);}
	.banner .arrow{top:120px;}
	.call-checkout{font-size:18px; padding-top:40px;}
	.call-checkout .title{font-size:45px; line-height:40px;}
	.call-checkout i{font-size:18px;}
	header .menu a{display:block; background:none; border-bottom:#f1f1f1 solid 1px; padding:10px; font-size:24px;}
	header .menu{height:50px; overflow:hidden; top:0px; border:none; background-color:#fff; width:calc(100% - 170px);}
	header .topo{display:none;}
	.menu-hide{color:#cf070f; display:block; font-size:40px; cursor:pointer;}
	.fixed-menu .menu{height:50px; overflow:hidden; top:inherit; right:inherit; position:relative; border:none; float:right; width:calc(100% - 80px); text-align:right; transition:0.5s ease-out;}
	.fixed-menu .menu a{display:block; background:none; border-bottom:#f1f1f1 solid 1px; padding:10px; font-size:24px;}
	.fixed-menu .menu a:hover{background:#C70003; color:#fff;}
	.fixed-menu .menu .active{background:#C70003; color:#fff;}
	header .menu a:hover{background:#C70003; color:#fff;}
	header .menu .active{background:#C70003; color:#fff;}
	.menu-open{height:435px !important;}
	header .menu a:nth-child(2){ont-size:24px;}
	footer h3{margin-bottom:10px;}
	footer .atendimento{margin-top:20px;}
	.gallery .node .img{width:100%; height:300px; overflow:hidden;}
	.gallery .node .img img{width:100%; height:auto; min-height:100%;}
	.gallery .node .content{padding:20px; width:100%;}
	.gallery .node .logo{top:calc(300px - 75px); left:inherit; right:20px;}
	h1{font-size:45px;}
	.contato .atendimento{background:none;}
	.contato .atendimento span{width:100%; margin:0px;}
	.contato .atendimento span:first-child{background-color:rgba(213,0,3,1.00); background-position:20px; padding-left:80px; border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; padding-bottom:20px; height:auto;} 
	.contato .atendimento span:last-child{background-color:#919191; background-position:20px; padding-left:80px; padding-bottom:20px;  border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; height:auto;} 
}
@media only screen and (max-width: 768px){
	.videos .carousel-videos{text-align:center;}
	.call-produtos .produto{margin-bottom:20px;}
	h1{font-size:40px;}
	footer .bottom{text-align:center !important;}
	footer .bottom .text-right{text-align:center !important; margin-top:10px;}
	footer input{margin-bottom:10px;}
	.call-checkout{font-size:18px; padding-top:30px; height:130px; background:url(../img/call-mobile.jpg) right; background-size:auto 100%;}
	.call-checkout .title{font-size:35px; line-height:35px; text-align:center; margin-bottom:10px;}
	.call-checkout .content{padding-left:0px; font-size:24px;}
	.videos h1{text-align:center;}
	.gallery h1{text-align:center;}
	.gallery .desc{text-align:center; font-size:18px;}
	.videos .video{text-align:center !important;}
	.header{height:auto;}
	.header h1{text-align:center; margin-top:50px; margin-bottom:20px;}
	.header .overlay{background:url(../img/bg.jpg); height:auto; position:relative; top:inherit; left:inherit;}
	.header .overlay .content{width:100%; margin-bottom:20px; text-align:center;}
	.interna .videos .content-gal{text-align:center;}
	.produtos-header + .slide{height:400px;}
}
@media only screen and (max-width: 680px){
	.call-checkout{font-size:18px; padding-top:15px;}
	.call-checkout .content{padding-top:0px; font-size:26px;}
}
@media only screen and (max-width: 500px){
	h1{font-size:35px;}
	.header h1{font-size:40px !important; line-height:40px !important;}
	.call-checkout{padding-left:10px;}
	.call-checkout .title{font-size:30px; line-height:30px;}
	.call-checkout .content{padding-top:0px; font-size:24px}
	.gallery .node .logo{top:20px; left:inherit; right:20px;}
	.produtos-header + .slide{height:300px;} 
	header .logo{width:100px; height:100px;}
	.menu-open{height:480px !important;}
}
@media only screen and (max-width: 480px){
	.call-checkout .content{padding-top:0px; font-size:22px}
}
@media only screen and (max-width: 460px){
	.call-checkout .content{padding-top:0px; font-size:20px}
}
/*FONTFACE*/
@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoLight.woff2') format('woff2'),
         url('../fonts/RobotoLight.woff') format('woff'),
         url('../fonts/RobotoLight.ttf') format('truetype'),
         url('../fonts/RobotoLight.svg#RobotoLight') format('svg');
}
@font-face {
    font-family: 'RobotoBlack';
    src: url('../fonts/RobotoBlack.eot');
    src: url('../fonts/RobotoBlack.eot') format('embedded-opentype'),
         url('../fonts/RobotoBlack.woff2') format('woff2'),
         url('../fonts/RobotoBlack.woff') format('woff'),
         url('../fonts/RobotoBlack.ttf') format('truetype'),
         url('../fonts/RobotoBlack.svg#RobotoBlack') format('svg');
}
