/*
CORES E FONTES:	

	font-family: 'Fira Sans', sans-serif;
    font-family: 'Great Vibes', cursive;

*/

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

body{overflow-x:hidden;color:#333;font-family: 'Fira Sans', sans-serif;}
.text-bold{font-weight:bold;}
h1, h2, h3,h4,h5,h6{margin:0px;font-weight:500;padding:0px;font-family: 'Great Vibes', cursive;}
.relative{position:relative;}
.conteudo{min-height:500px;padding:50px 0px}
form  input, form  textarea{}
form textarea{resize:none;width:100%;}
form  button{}
form button:hover{}
.placeholder{color: #333;}
img{max-width:100%;}
form button{-webkit-transition:0.5s;transition:0.5s;}
form button:hover{-webkit-transition:0.5s;transition:0.5s;background:#ffbb24}
.tituloprincipal{text-align:center;color:white;width:100%;height:217px;background:url(../img/barra.jpg) top center no-repeat;}
.tituloprincipal h1{font-size:500%;padding-top:60px;}

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

.topoespaco{height: 136px;}
.topovoador{position:fixed;z-index:11}
.topovoador .faixaxadrez{display:none !important;}
.topovoador .logo {width: 90px !important;margin-top: 5px !important;}
.topo .logo{z-index: 1;width:162px;position:absolute;margin-top:-62px;}
.topo{height: 136px;width:100%;}
.topo nav{float:right;}
.topo nav ul{list-style:none;margin: 8px 0px;}
.topo nav ul li{height:32px;display:inline-block;margin:0px 10px;text-transform:uppercase;}
.topo nav ul li a{font-weight:500;color:black;}
.topo nav ul li a:hover{color:#ff6a19}
.topo .facebook-btn{margin-top: 9px;margin-left:24px;width:32px;height:32px;float:right;background:url(../img/rede_face.png)}
.topo .instagram-btn{margin-top: 9px;margin-left:24px;width:32px;height:32px;float:right;background:url(../img/rede_insta.png)}
.topo .facebook-btn:hover, .topo .instagram-btn:hover{background-position:0px -32px;}
.faixaxadrez{width:100%;height:71px;background:url(../img/topoxadrez.png) top center no-repeat;}
.faixaamarela{background:#ffbb24;color:black;}
.linkmobile{display:none !important}

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

.abre-responsivo{}
.menu-responsivo{text-align:center;display:none;margin-top:0px;background:#ff6a19;z-index: 1111111111;width:100%;height:100%;position:fixed;overflow-y:scroll;}
.menu-responsivo .logo{margin: 0px auto;display: block;width:190px}
.logodiv{width:100%;margin: 20px 0px;padding:10px 0px;}
.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;width: 90%;margin-left: 5%;padding: 10px 0px;background: #666;}
.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 0px auto;border:1px solid transparent;padding:10px;}
.menu-responsivo .ativo{font-weight:800;}
.topo .abremenu{display:none;float:right;border: 0px;margin-top: 20px;font-size:200%;background: transparent;color: black;}
.topo .fa-search{display:none;float:right;border: 0px;margin-left:20px;margin-top: 5px;font-size:180%;background: transparent;color: black;}
.bordaTop{border-top:1px solid black !important}

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

/***************************
	404
***************************/

.p404{padding:120px 0px 80px 0px}
.p404 h1{margin-top:70px;font-size:450%;margin-bottom:20px;}
.p404 p{line-height:200%;font-size:140%;font-weight:300}

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

.slide{display:none;}
.index{padding:120px 0px 80px 0px}
.index .principal h1{font-size:450%;margin-bottom:20px;}
.index .principal p{line-height:200%;font-size:110%;font-weight:300}
.index .principal a{background:#ff6a19;color:white;border-radius:25px;display:inline-block;margin-top:20px;padding:15px 30px;-webkit-transition:0.5s;transition:0.5s;}
.index .principal a:hover{-webkit-transition:0.5s;transition:0.5s;background:#ffbb24}
.index .linha{display:block;margin:100px auto;}

.marcas{}
.marcas h1{text-align:center;font-size:350% !important;margin-bottom:55px;}
.marcas p{text-align:center;line-height:200%;font-size:130%;font-style:italic;font-weight:300}
.marcas a{background:#ff6a19;color:white;border-radius:25px;display:inline-block;padding:15px 30px;-webkit-transition:0.5s;transition:0.5s;}
.marcas a:hover{-webkit-transition:0.5s;transition:0.5s;background:#ffbb24}
.marca-bloco{}
.carosel-marcas{padding-left: 10px;}
.marca-bloco .sombra{margin: 0px;}
.marca-bloco-interno{margin:0px 5px;padding:11px;width:158px;height:158px;-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.19);-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.19);box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.19);}
.marcas .slick-dots{display:none !important}

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

.empresa{padding:120px 0px 80px 0px}
.empresa h1{font-size:450%;margin-bottom:20px;margin-top:60px;text-align:center;}
.empresa p{text-align:center;line-height:200%;font-size:120%;font-style:italic;font-weight:300}
.empresa .fotoredonda{text-align:center;margin-bottom:90px;position:relative;width:100%;}
.empresa .arredondar{border-radius:50%;}
.empresa .sombrafoto{position:absolute;margin-top: 340px;z-index: -1;margin-left: 20px;}
.empresa .marcas{margin-top:-30px;}

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

.produtos{padding:120px 0px 80px 0px}
.produtos .bloco-pro{margin-bottom:50px;}
.produtos .bloco-pro img{-webkit-transition:0.5s;transition:0.5s;}
.produtos .bloco-pro img:hover{opacity:0.7;-webkit-transition:0.5s;transition:0.5s;}
.produtos .bloco-pro h1{font-family: 'Fira Sans', sans-serif;text-transform:uppercase;font-size:110%;text-align:center}
.produtos .bloco-pro .link{margin:10px auto;border:0px;font-size:80%;background:#ff6a19;color:white;border-radius:25px;-webkit-transition:0.5s;transition:0.5s;display:inline-block;padding:5px 20px;}
.produtos .bloco-pro .link:hover{-webkit-transition:0.5s;transition:0.5s;background:#ffbb24}
.produtos .marcas{margin-top:50px;}

/***************************
	PRODUTO
***************************/

.produto{padding:120px 0px 80px 0px}
.produto .info h1{font-size:350%;}
.produto .info p{line-height:200%;font-size:120%;font-style:italic;font-weight:300}
.produto .info h2{font-family: 'Fira Sans', sans-serif;font-size:110%;color:#ff6a19;margin-top:30px;}
.produto .orca h1{font-size:350%;margin-bottom:30px;text-align:center;}
.produto input, .produto textarea{margin-bottom:22px;font-size:120%;width:100%;padding:15px;background:#ffd6c0;border:0px;resize:none;}
.produto button{margin:10px auto;border:0px;color:white;background:#ff6a19;border-radius:25px;display:inline-block;padding:10px 40px;}
.produto .linha{display:block;margin:50px auto;}
.produto .slick-next, .produto .slick-prev{display:none !important}


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

.contato{padding:120px 0px 80px 0px}
.contato h1{font-size:350%;margin-bottom:30px;}
.contato .icones{text-align:right;margin-top:90px;}
.contato .icones p{text-align:left;font-size:120%;margin-bottom:30px;margin-top:10px;}
.contato .icones img{margin-top:10px;}
.contato input, .contato textarea{margin-bottom:22px;font-size:120%;width:100%;padding:15px;background:#ffd6c0;border:0px;resize:none;}
.contato button{margin:10px auto;border:0px;background:#ff6a19;color:white;border-radius:25px;display:inline-block;padding:10px 40px;}
.mapa{width:100%;height:430px;background:#ff6a19;margin-top:60px;}
.comochegar{margin-top:40px;}
.comochegar button{-webkit-transition:0.5s;transition:0.5s;}
.comochegar button:hover{-webkit-transition:0.5s;transition:0.5s;background:#ffbb24}
.loadform{display:none;margin:10px auto;}
.adp-directions{width:100% !important}
.erro-form{border-bottom:2px solid red !important;}

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

footer{padding:50px 0px;color:white;background:url(../img/rodape.jpg) top center no-repeat;height:269px;width:100%;}
footer h1{font-family: 'Fira Sans', sans-serif;text-transform:uppercase;font-size:120%;padding-bottom:15px;}	
footer .logo{width:164px;margin-top:15px;}
footer a{color:white;}
footer a:hover{text-decoration:underline}