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


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

body{overflow-x:hidden;color:#333;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: #333;}
img{max-width:100%;}

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

.topo{width:100%;position:relative;height:453px;background:url(../img/fundo.jpg) top center no-repeat;}
.topo .fundo{position:absolute;width:100%;height:100%;background-size:cover;opacity:0.6;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.topo .conteudotopo{color:white;position:absolute;width:100%;height:100%;}
.topoprincipal .logo{margin:20px 0px 25px 0px;float:left;}
.topoprincipal .logo:hover{opacity:0.8}
.topoprincipal nav{text-transform:uppercase;float:right;}
.topoprincipal ul{margin-top: 50px;list-style:none;}
.topoprincipal ul li{font-weight: 600;padding:20px;display:inline-block;}
.topoprincipal ul li i{margin-right:10px;}
.topoprincipal ul a{color:white;}
.topoprincipal ul a:hover{color:#fbac3f}
.topo .conteudotopo h1{text-align:left;text-transform:uppercase;font-weight:800;font-size:350%;margin-top:120px}
.fonedestaque{font-weight:400 !important}
.fonedestaque i{font-size:120%;}
.topoindex .logo {margin: 15px 0px 25px 0px !important;}
.topoindex ul{margin-top: 40px !important;}
.topoindex ul a{color:black !important;}
.topoindex ul a:hover{color:#0070b8 !important}
.topoindex .fonedestaque{color:#fbac3f !important;font-weight:600 !important}

.topoprincipalgeral{width:100%;height:130px;}
.topoprincipal{}
.topovoador{position:fixed;height:70px !important;background:#0a77bb;width:100%;z-index:11}
.topovoador ul {margin-top: 7px !important;}
.topovoador ul a{color:white !important}
.topovoador ul a:hover{color:#fbac3f !important;}
.topovoador  .fonedestaque{color:white !important;}
.topovoador .logo {margin: 10px 0px 25px 0px !important;width: 160px !important;}

.topo .produtos-btns{}
.topo .produtos-btns .botao1{padding: 19px 32px;font-size:220%;font-weight:700;float:right;margin-left:60px;background:url(../img/bola.png) top center;width:82px;height:82px;}
.topo .produtos-btns .botao2{padding: 18px 32px;font-size:220%;font-weight:700;float:right;margin-left:60px;background:url(../img/bola.png) top center;width:82px;height:82px;}
.topo .produtos-btns .botao3{padding: 19px 34px;font-size:220%;font-weight:700;float:right;background:url(../img/bola.png) top center;width:82px;height:82px;}
.topo .linhafundo{margin-left: -75px;width: 605px;background: url(../img/bgprodutos.png) center center no-repeat;margin-top: 120px;}
.topo .linhafundo p{float: right;width: 18.5%;text-align: center;margin-left: 30px;text-transform: uppercase;font-size: 90%;font-weight: 700;}
.topo .linhafundo .ativo{background-position:0px -82px;color:#507c99 !important}

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

.abre-responsivo{}
.menu-responsivo{text-align:center;display:none;margin-top:0px;background:#0a77bb;z-index: 1111111111;width:100%;height:100%;position:fixed;overflow-y:scroll;}
.menu-responsivo .logo{margin: 40px auto;display: block;width:200px}
.menu-responsivo ul{list-style:none;font-size:120%;padding:0px;text-align:center;}
.menu-responsivo ul li{font-weight: 300;padding: 10px 0px;color: white;font-size: 110%;color:white;}
.menu-responsivo ul li a{text-transform:uppercase;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 dashed white;padding:15px;}
.menu-responsivo .ativo{font-weight:800;}
.fa-bars{display:none !important;padding: 10px 15px;border: 1px solid rgba(255,255,255,0.4);font-size: 180% !important;margin-top: 30px;background: rgba(255,255,255,0.9);color: #0a77bb;}
.topovoador .fa-bars{border: 0px;margin-top: 15px;background: transparent;color: white;}

/***************************
	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}

/*******************************
	COOKIES
********************************/

.cookies{padding:60px 0px}
.cookies .titulo{font-size:250%;color:#043657;margin:0 0 40px 0;font-weight:600;text-transform:uppercase;text-align:center;display:block;font-family:'Oswald', sans-serif}
.cookies .texto{font-size:110%;line-height:200%;text-align:justify}

.tarja_politica{display:block;position: fixed;z-index: 2147483647;width:100%;bottom:0;padding:40px;box-shadow: 0 4px 8px 0 rgba(0,0,0,1);background:white;}
.tarja_politica p{color:black;float:left;width:79%;margin-top:0px;padding:10px 20px;font-size:120%;font-weight:300}
.tarja_politica a{color:black;font-weight:700}
.tarja_politica a:hover{text-decoration:underline}
.tarja_politica span{background:#0A77BB;cursor:pointer;float:right;width:140px;margin-right:20px;color:white;padding:20px 30px;text-align:center;margin-top:13px;-webkit-transition:0.5s;transition:0.5s;}
.tarja_politica span:hover{background:#47A0D8;color:white}

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

.slide{display:none;}
.slide .item-slide{position:relative;width:100%;height:620px;color:white;}
.slide .item-slide .mascara{width:100%;position:absolute;height:100%;background:rgba(0,0,0,0.3)}
.slide .item-slide h1{text-transform:uppercase;font-weight:bold;margin-top:200px;margin-bottom:20px;width:50%}
.slide .item-slide p{width:40%;margin-bottom:20px;font-size:120%}
.slide .item-slide a{text-transform:uppercase;background:#0070b8;padding:10px 35px;font-size:120%;display:inline-block;color:white;}
.slide .item-slide a:hover{background:#fbac3f}

.index{padding-top:80px;}
.index .texto1{margin-bottom:40px;margin-top:10px;}
.index h1{text-transform:uppercase;}
.index img{margin-bottom:55px;}
.index h2{text-transform:uppercase;font-size:100%;}
.index p{margin:0px;}
.index .containergeral{padding-bottom: 50px;min-height:486px;background:url(../img/brocas2.jpg) bottom right no-repeat;}

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

.empresa{margin:50px 0px;}
.empresa p{font-size:120%;line-height:170%;text-align:justify}
.empresa img{margin:40px 0px 10px 0px;}

/***************************
	PRODUTOS
***************************/

.capaproduto{width:225px;height:225px;margin:15px auto;background-size:cover !important;}
.pedidosgeral{min-height:500px}
.produtos{padding:90px 0px}
.pedidoetapa1{padding:90px 0px;}
.pedidoetapa2{padding:90px 0px;}
.pedidoetapa3{padding:90px 0px;}
.pedidoetapa1 .blocopro, .pedidoetapa2 .blocopro{margin-bottom:37px;border:4px solid #49a0d6;text-align:center;border-bottom:0px !important}
.pedidoetapa1 .blocopro p , .pedidoetapa2 .blocopro p{padding-top:0px;margin-bottom:0px;}
.pedidoetapa1 .blocopro h1 , .pedidoetapa2 .blocopro h1{margin-bottom:10px;}
.pedidoetapa1 h1, .pedidoetapa2 h1{font-size: 100%;font-weight: 700;}
.pedidoetapa1 img, .pedidoetapa2 img{padding:20px;}
.pedidoetapa1 p, .pedidoetapa2 p{margin-bottom: 60px;min-height: 50px;}
.pedidoetapa1 .texto, .pedidoetapa2 .texto{text-align:center;font-size:130%;min-height:0px;}
.pedidoetapa1 .botao1, .pedidoetapa2 .botao1{color:white;text-transform:uppercase;font-weight:800;padding:18px;float:left;width:70%;background:#49a0d6;text-align:center;height:55px;}
.pedidoetapa1 .botao1:hover{background:#507c99;cursor:pointer;}
.pedidoetapa2 .botao1 i{margin-left:10px;}
.pedidoetapa1 .botao2, .pedidoetapa2 .botao2{position:relative;float:left;width:30%;background:#507c99;text-align:center;height:55px;}
.pedidoetapa2 .botao2 input{width:80%;height:55px;border:0px;background:transparent;color:white;font-weight:700;font-size:220%;text-align:center;}
.pedidoetapa1 .botao2 img, .pedidoetapa2 .botao2 img{padding:0px;margin-top:9px;}
.pedidoetapa1 .ativo{border-top:4px solid #507c99 !important;border-right:4px solid #507c99 !important;border-left:4px solid #507c99 !important}
.pedidoetapa1 .ativo .botao1{background:#507c99 !important}
.btnetapa1, .btnetapa2{display:inline-block;background:#0070b8;border:0px;color:white;text-transform:uppercase;font-size:100%;font-weight:300;margin:20px 0px 0px 0px;padding:15px 35px;}
.btnetapa1 img, .btnetapa2 img{margin-top:0px;padding:0px;display:none;margin-right:10px;}
.btnetapa1:hover, .btnetapa2:hover{background:#fbac3f;color:white;}
.btnetapa2b{float:right;background:#0070b8;border:0px;color:white;text-transform:uppercase;font-size:100%;font-weight:300;margin:0px 0px 60px 0px;padding:15px 35px;}
.btnetapa2b:hover{background:#fbac3f;color:white;}
.titulo2{text-align:left;font-size: 200% !important;width: auto;display: inline;}

.pedidoetapa2 .produtoitem{display:none;}
.itemselecionado{display:block !important}
.pedidoetapa2 .excluir{width: 32px;float:right;}
.pedidoetapa2 .excluir div{background: red;width: 40px;padding: 0px;position:absolute;margin-top: -10px;}
.pedidoetapa2 .excluir div img{padding: 10px;}
.pedidoetapa2 .excluir div:hover{cursor:pointer;background:#b61316;}

.pedidoetapa3 form{margin:80px 0px;}
.pedidoetapa3 input, .pedidoetapa3 textarea{background:transparent;color:#0070b8;border-bottom:2px solid #0070b8;border-top:0px;border-right:0px;border-left:0px;font-weight:bold;width:100%;font-size:100%;}
.pedidoetapa3 input, .pedidoetapa3 textarea{text-transform:uppercase;padding:10px 2px;margin-bottom:25px;resize:none;}
.pedidoetapa3 button{background:#0070b8;border:0px;color:white;text-transform:uppercase;font-size:100%;font-weight:300;margin:0px;padding:15px 35px;}
.pedidoetapa3 button:hover{background:#fbac3f;color:white;}
.titulo3{text-align:center;font-size: 140% !important;font-weight: 700;}
.titulo3 i{font-size: 800%;margin-top: 10px;color: #009d4f;}
.carregando{text-align:center;padding-top:120px;}
.pedidoresumo{padding:10px;margin-bottom:30px;text-transform:uppercase;background:transparent;color:#0070b8;border-bottom:2px solid #0070b8;border-top:0px;border-right:0px;border-left:0px;font-weight:bold;width:100%;font-size:100%;}
.pedidoresumo span{color:#fbac3f}

/***************************
	SERVIÇOS
***************************/

.servicos{}
.servicos .parent{display: -ms-flex; display: -webkit-flex; display: flex; }
.servicos h1{margin-top:110px;padding:30px 80px 0px 80px;text-transform:uppercase;}
.servicos p{padding:30px 80px;margin-top:0px;text-align:justify;font-size:130%;line-height:170%;font-weight:300}
.servicos .texto{padding-bottom:100px !important}
.fundoservico{flex:1;background-size:cover !important;width:100%;height:100%;}
.sempaddingleft{padding-left:0px !important}
.sempaddingright{padding-right:0px !important}

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

.contato{padding:90px 0px}
.contato h1{color:#8e4326;margin-bottom:40px;font-weight:bold;}
.contato form{margin:80px 0px;}
.contato input, .contato textarea{background:transparent;color:#0070b8;border-bottom:2px solid #0070b8;border-top:0px;border-right:0px;border-left:0px;font-weight:bold;width:100%;font-size:100%;}
.contato input, .contato textarea{text-transform:uppercase;padding:10px 2px;margin-bottom:25px;resize:none;}
.contato button{background:#0070b8;border:0px;color:white;text-transform:uppercase;font-size:100%;font-weight:300;margin:0px;padding:15px 35px;}
.contato button:hover{background:#fbac3f;color:white;}
.infocontato{padding-top:140px;}
.infocontato img{margin-left:10px;}
.infocontato h1{text-transform:uppercase;font-size:100%;color:black;margin-bottom:10px;}
.infocontato p{margin-bottom:60px;}
.triangulo{float:right;width:21px;}
.triangulo img{margin-top:-46px;position:absolute;}
.triangulo2{float:right;width:21px;}
.triangulo2 img{margin-top:-51px;position:absolute;}
.mapa{width:100%;height:400px;background:#CCC;margin-top:30px;}
.envio{display:none;font-size:130%;margin-bottom:20px;}
.envio i{margin-right:10px;}
.envio-sucesso{margin-top:20px;}
.loadform{margin:20px auto;display:none;}
.erro-form{border-bottom:2px solid red !important;color:red !important}
.contato .rota h1{color:#0070b8;text-align:center;text-transform:uppercase;font-size:140%;font-weight:bold;}
.contato .rota{padding:80px 0px 0px 0px}
.rota input{background:transparent;padding:10px 2px;}
.rota button{background:#0070b8;border:0px;color:white;text-transform:uppercase;font-size:130%;font-weight:300;margin:0px;padding:9px 25px;}

.dir-container table tr{width:auto !important}
.adp, .adp table {width: 100%;}
.adp-step, .adp-text {font-size:120%;padding: 10px;color:white;font-weight:bold;background:#0070b8;}

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

.clientes{background:#ebebeb;width:100%;padding:70px 0px 40px 0px;}
.clientes h1{text-transform:uppercase;text-align:center;color:#505050;font-size:150%;margin-bottom:50px;}
.clientes img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.clientes img:hover{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
footer{background:#222;padding:80px 0px 70px 0px;color:white;}
footer h1{text-transform:uppercase;color:white;font-size:110%;font-weight:600}
footer .linha{background:#0071b8;width:35px;height:6px;margin:10px 0px 25px 0px}
footer .logo{text-align:center;}
footer p{font-size:110%;line-height:160%}