/*
CORES E FONTES:	
	
	font-family: 'Montserrat', sans-serif;
*/

/***************************
	BÁSICO
***************************/

body{overflow-x:hidden;color:#515151;font-family: 'Montserrat', sans-serif}
.text-bold{font-weight:bold;}
h1, h2, h3,h4,h5,h6{margin:0px;font-weight:500;padding:0px;}
.relative{position:relative;}
.conteudo{min-height:500px;padding:50px 0px}
section form  input, section form  textarea{}
section form textarea{resize:none;width:100%;}
section form  button{}
section form button:hover{}
.placeholder{color: #00999e;}
img{max-width:100%;}

/***************************
	TOPO DO SITE
***************************/

.topofixo{width:100%;height:100px;}
.topo-index{z-index: 1;position:fixed;}
.topo{background:rgba(33,30,31,0.8);z-index: 1111;width:100%;height:100px;position:fixed;}
.topo .logo{float:left;margin-top: 10px;}
.topo nav{float:right;color:white;width: 70%;margin-top: 20px;font-size: 120%;}
.topo ul{float:left;padding-left:0px;list-style:none;}
.topo ul li{display:inline;padding:10px 10px;}
.topo ul li a{color:white;-webkit-transition:1s;transition:1s;}
.topo ul li a:hover{opacity:0.7;-webkit-transition:1s;transition:1s;}
.topo p{float:right;}
.topo p i{margin-right:5px;}
.topo .fa-bars{margin-right:5px;font-size:300%;float:right;display:none;}

/***************************
	MENU RESPONSIVO
***************************/

.abre-responsivo{}
.menu-responsivo{text-align:center;display:none;margin-top:0px;z-index: 1111111111;width:100%;height:100%;position:fixed;overflow-y:scroll;background:#211e1f;}
.menu-responsivo .logo{width: 170px;margin: 40px auto;display: block;}
.menu-responsivo ul{list-style:none;font-size:140%;padding:0px;text-align:center;}
.menu-responsivo ul li{font-weight: 300;padding: 15px 0px;color: white;font-size: 120%;color:white;}
.menu-responsivo ul li a{color:white}
.menu-responsivo strong{font-style:italic;font-weight:700}
.menu-responsivo h2{text-align: center;color: white;font-size: 200%;font-weight: 700;margin-top: 50px;}
.menu-responsivo .produtos-interno{display:none;border: 1px solid white;width: 90%;margin-left: 5%;padding: 10px 0px;background: #374961;}
.menu-responsivo .produtos-interno a{padding:3px;width:100%;margin:2px 0px;display:block;font-size:90%;color:white}
.fecha-responsivo{display:block;width:50px;margin:20px auto;border:1px solid white;padding:15px;}

/***************************
	BOX
***************************/

.box-fundo{position:fixed;background:rgba(0,0,0,0.8);width:100%;height:100%;z-index:1111111111;}
.box-fundo img{-webkit-box-shadow: 1px 1px 9px 0px rgba(0,0,0, 0.8);-moz-box-shadow:1px 1px 9px 0px rgba(0,0,0, 0.8);box-shadow:1px 1px 9px 0px rgba(0,0,0, 0.8);position: fixed;top: 42%;left: 50%;transform: translate(-50%, -42%);-ms-transform: translate(-50%, -40%);-webkit-transform: translate(-50%, -40%);-o-transform: translate(-50%, -40%);max-height:85%;max-width:95%;}
.box-fechar{cursor:pointer;top: 20px;left: 50%;z-index:111;translate(-50%, -10px);-ms-transform: translate(-50%, -10px);-webkit-transform: translate(-50%, -10px);-o-transform: translate(-50%, -10px);width:80px;position:fixed;text-align:center;padding:3px;background:#333;border:1px solid white;color:white;}
.box-fechar:hover{background:#666}

/***************************
	INDEX
***************************/

.slide{display:none;width:100%;height:1000px;text-align:center;color:white;}
.slide div{width:100%;height:1000px;}
.slide h1{padding-top:430px;font-size:350%;line-height:100%}
.slide h1 span{font-size:80%;font-weight:300}
.tarja-index{width:100%;padding:140px 0px;color:white;text-align:center;font-size:130%;background:#211e1f;}
.tarja-index .btn1{-webkit-transition:1s;transition:1s;padding:15px 30px;border:2px solid transparent;margin:20px;background:#58584a;color:white;}
.tarja-index .btn2{-webkit-transition:1s;transition:1s;padding:15px 30px;border:2px solid white;margin:20px;background:transparent;color:white;}
.tarja-index .btn2:hover, .tarja-index .btn1:hover{-webkit-transition:1s;transition:1s;background:white;color:#211e1f}
.trabalhos{padding:140px 0px;}
.trabalhos h1{text-align:center;}
.trabalhos p{text-align:center}
.blocos{margin-top:80px;}
.bloco1{position:relative;width:100%;height:330px;margin-bottom:40px;background:red;}
.bloco2{position:relative;width:100%;height:330px;margin-top: -330px;background:green;}
.bloco3{position:relative;width:100%;height:330px;margin-top: -330px;background:purple;}
.bloco4{position:relative;width:100%;height:700px;background:yellow;}
.bloco5{position:relative;width:100%;margin-top:40px;height:330px;background:black;}
.bloco6{position:relative;width:100%;margin-top:40px;height:330px;background:pink;}
.bloco-trabalho:hover .bloco-interno{-webkit-transition:1s;transition:1s;display:block;opacity:1}
.bloco-interno{-webkit-transition:1s;transition:1s;opacity:0;color:white;text-align:center;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7);padding-top:110px;}
.bloco-interno h1{text-transform:uppercase;font-size:140%}
.bloco-interno p{padding-bottom:20px;}
.bloco-interno a{border:1px solid white;padding:10px 15px;color:white;}
.bloco4 h1{padding-top:180px;}

.video-empresa{margin-bottom:3px;margin-top:0px;width:100%;height:650px;position:relative;}
.video-empresa .video-mascara{z-index:11;position:absolute;width:100%;height:100%;background:rgba(33,30,31,0.8);}
.video-empresa .video-mascara img{margin-top:250px;margin-right:auto;margin-left:auto;display:block}
.video-empresa:hover img{opacity:0.7}

.video-empresa .video-mascara h2{text-align:center;text-transform:uppercase;color:white;font-weight:700;font-size:120%;margin-top:20px;}
.video-empresa .fundo-video{background-size:cover !important;height:100%;width:100%;position:absolute;filter: grayscale(100%);}


/***************************
	EMPRESA
***************************/

.empresa{background:url(../img/empresafundo1.jpg) center center no-repeat;padding:50px 0px}
.empresa h1{}
.empresa p{font-size:100%;text-align:justify;padding-right:20px;line-height:180%;}

/***************************
	SERVICOS
***************************/

.servicos{padding-bottom:0px;}
.servicos h1{text-align:center;margin-bottom:50px;}
.servicos .dados{padding-left:80px;padding-right:40px;}
.servicos .dados h1{text-align:left;padding-top:80px;text-transform:uppercase;}
.servicos .dados p{font-size:120%;text-align:justify;}
.servicos .foto{padding-right: 0px !important;padding-left: 0px !important;}
.servicos img{width:100%;}


.padroes{padding:50px 0px 80px 0px}
.padroes h1{text-align:center;margin-bottom:50px;}
.padroes h3{text-align:center;font-size:100%;margin-top:3px;}
.padroes img{width:100%;margin-top:30px;}
.fotospadroes{margin-bottom:50px;}


/***************************
	REPRESENTANTES
***************************/

.representantes{background:url(../img/fundorep.jpg) center center;background-size:cover !important;width:100%;padding-bottom:0px;padding:80px 0px;}
.representantes h1{color:white;font-size:250%;text-align:center;}
.representantes p{color:white;text-align:center;margin-bottom:60px;}
.btn-estados div{padding:20px 0px;float:left;width:9.5%;border:4px solid white;background:rgba(0,0,0,0.4);font-size:300%;text-align:center;margin:8px;}
.btn-estados div:hover{background:#515151;color:white;cursor:pointer;}
.btn-estados a{color:white}
.btn-estados .ativo{background:#7a6a58}
.footersemmargin{margin-top:0px !important}
.mfp-ajax-holder .mfp-content .mfp-close{display:none !important}
.representante-ajax{background: white;width:40%;margin-left:30%;padding:40px;}
.representante-ajax h1{padding-left: 15px;line-height: 100%;margin-top: 10px;float:left;font-size:250%;color:#bfbfbf;font-weight:500;text-transform:uppercase;width:80%;}
.representante-ajax img{cursor:pointer;margin: 10px;float:right;}
.representante-conteudo{margin:10px 10px 10px 10px;padding:10px;max-height:500px;overflow-y:auto}
.representante-conteudo strong{display:block;margin-bottom:5px;text-transform:uppercase;font-weight:700;font-size:110%;}
.representante-conteudo p{font-size:110%;font-weight:300}

/***************************
	CONTATO
***************************/

.contato{width:100%;padding-bottom:0px;padding-top:80px;}
.contato h1{font-size:250%;text-align:center;}
.contato form{margin-top:50px}
.contato input, .contato textarea{font-weight:300;resize:none;width:100%;font-size:120%;border:1px solid #111111;padding:15px;color:black;margin-bottom:32px;}
.contato p{text-align:center;}
.contato p i{margin-right:7px;}
.contato p span{display:none;}
.contato button{border:0px;width:100%;background:#58584a;padding:20px;text-transform:uppercase;color:white}
.contato .fa-envelope{margin-left:15px}
.mapa{width:100%;height:540px;background:#CCC;margin-top:100px;}
.envio{display:none;font-size:130%;margin-bottom:20px;text-align:center;}
.envio i{margin-right:10px;}
.envio-sucesso{margin-top:20px;}
.loadform{margin:20px auto;display:none;}


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

footer{width:100%;padding:100px 0px;color:white;text-align:center;font-size:130%;background:#211e1f;}
footer p span{font-weight:700}
footer p i{margin:0px 10px 0px 25px}