/*
CORES:	

	preto:      #111111	
	azul:		#152c55

FONTES:

	font-family: 'Oxygen', sans-serif;

*/


body{overflow-x:hidden;}
*{font-family: 'Oxygen', sans-serif;}
.text-bold{font-weight:bold;}
h1, h2, h3,h4,h5,h6{margin:0px;padding:0px;}
.main-title{color:#111111;border-left:13px solid #111111;margin-bottom:45px;padding-left:8px;padding-top:0px !important;padding-bottom:0px !important;}
 
/***************************
	TOPO DO SITE
***************************/

.topofaixa{z-index:11;position:fixed;width:100%;height:69px;background:#111111;color:white;}
.botao-menu{cursor:pointer;margin-top:22px;float:left;width:38%}
.botao-menu:hover{color:#ccc;}
.logo{float:left;text-align:center;width:18%;margin-top: 7px;}
.dados-contato{color:white;margin-top:22px;float:right;width:38%;text-align:right;}
.dados-contato a{color:white;}
.dados-contato a:hover{color:#ccc;}
.topofaixa i{margin-right:6px;}
.topofaixa .fa-facebook{margin-left:30px;}
.menu{z-index:11;display:none;margin-top:69px;position:fixed;width:100%;height:1000px;background:white;background-size:cover;padding-top:60px;}
.menu img{border:2px solid transparent;margin-bottom:60px;width:100%;}
.linkfoto:hover img{border:2px solid #152c55}
.linkfoto:hover h2{color:#152c55}
.menu h2{color:#111111;text-align:center;font-size:150%;margin-bottom:10px;}
.menu h1{color:#111111;border-left:13px solid #111111;margin-top:20px;margin-bottom:45px;padding-left:8px;padding-top:0px !important;padding-bottom:0px !important;}
.menu h1:hover{border-left:13px solid #152c55;}
.fundomenu{background: rgba(255,255,255,0.9); !important}
.menu a h2{color:#111111}

/**********************************
    POP-UP
***********************************/

.boxenquetetudo{background:rgba(0,0,0,0.7);position:fixed;height:100%;width:100%;z-index:11111111111}
.boxenquete{text-align:center;position:absolute;left:30%;top:20%;z-index:1111111111;width:750px;height:540px;background:#c84147;color:white;}
.fotointerna{position:relative;width:100%;height:540px;}
.fotointerna img{width:100%}
.boxenquete h2, .boxenquete h3{color:white;}
.boxenquete i{font-size:800%;margin-bottom: 30px;margin-left:20px;}
.boxenquete a{color:white}
.boxenquete a:hover{text-decoration:underline}
.boxfecha{cursor: pointer;width: 50px;height: 50px;right: -30px;float: right;background: #999;margin-top: -30px;position: absolute;z-index: 1;}
.boxfecha i{font-size: 320%;margin-left: 0px;}

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

.logo-container{margin-left:auto;margin-right:auto;width:300px}
.logogrande{padding-top:250px;display:block;position:absolute;}
.slide{position:absolute;width:100%;z-index:-1;}
.slide img{opacity:0.4 !important}

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

.empresa{padding-top:69px;background:url(../img/fundoborrado.jpg);background-size:cover}
.empresa .imagem-topo{width:100%;}
.empresa-interna{padding:80px 0px;}
.empresa-interna p{text-align:justify}
.empresa-interna img{max-width:100%;margin-top:15px;}
.foto{margin-top:30px;}
.foto img{width:100%;}

/***************************
	MATERIAIS
***************************/

.materiais{padding-top:69px !important;}
.materiais-titulo h1{padding: 25px 0px;font-size: 280%;}
.marmore{width:100%;background:url(../img/material_marmore.jpg);}
.granito{width:100%;background:url(../img/material_granito.jpg);}
.basalto{width:100%;background:url(../img/material_basalto.jpg);}
.silestone{width:100%;background:url(../img/material_silestone.jpg);}
.vulcana{width:100%;background:url(../img/material_vulcana.jpg);}
.texto-material{padding:50px 40px;width:100%;background:white;}
.texto-material h1{text-tranform:uppercase;}
.texto-material p{text-align:justify}
.texto-material ul{padding-left:0px;margin:0px;text-align:justify;list-style:none;}

/***************************
	PROJETOS
***************************/

.abremenuprojeto{display:none !important;background:#333;color:white;margin-bottom:10px !important;}
.abremenuprojeto:hover{background:#333 !important;border:2px solid #333 !important;}
.abremenuprojeto i{margin-right:10px;}
.projetos-menu{padding-top:69px;border-bottom:4px solid #111111;background:url(../img/fundoborrado.jpg) !important}
.projetos-menu ul{padding:50px 0px;list-style:none;margin:0px;}
.projetos-menu ul li{text-transform:uppercase;border:2px solid transparent;display:inline;padding:10px 18px;font-size:120%;font-weight: 700;}
.projetos-menu ul a:hover li{border:2px solid #152c55;background:#152c55;color:white;}
.projetos-menu ul a{color:#111111}
.projetos-menu .ativo{border:2px solid #111111;}
.projetos{padding:80px 0px}
.projetos h1{font-size: 420%;margin-left: 20px;margin-bottom: 35px;}
#container li img{margin-bottom:20px}
.tiles-wrap {position: relative;margin: 10px 0;padding: 0;list-style-type: none;display: none;}
.tiles-wrap li {display: block;opacity: 1;text-align: center;list-style-type: none;float: left;cursor: pointer;width: 200px;padding: 4px;}
.tiles-wrap li img{border:0px solid white;}
#fundofoto{background:rgba(0,0,0,0.7);position:absolute;width:350px}
#fundofoto:hover{background:transparent;}
#fundofoto:hover div{display:block;}
#fundofoto div{display:none;margin-left:10px;margin-top:10px;border:2px solid white;width:330px;}
#fundofoto div h3{color: white;text-align: right;margin-right: 5px;font-size: 55%;}
#fundofoto div h3 img{float:right;margin-left:10px;margin-top:-10px}
.tiles-wrap.animated li {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.tiles-wrap li.wookmark-inactive {visibility: hidden;opacity: 0;}
.tiles-wrap li:hover {}
.tiles-wrap img {display: block;}
.tiles-wrap a {color: #555;text-align: center;/* display: table-cell; */width: 200px;height: 200px;font-size: 2em;font-weight: bold;text-decoration: none;}
.tile-loading:after {display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #ddd;content: "Loading\2026";padding-top: 20px;color: #999;}
#filters {list-style-type: none;text-align: center;margin: 0 5% 0 5%;}
#filters:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#filters li {font-size: 12px;float: left;padding: 6px 8px 4px;cursor: pointer;margin: 0 10px;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;transition: all 0.15s ease-out;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#filters li:hover {background: #4281f5;color: #ffffff;}
#filters li.active {background: #4281f5;color: #ffffff;}

/***************************
	PARCERIA	
***************************/

.parceria{width:100%;padding-bottom:80px;padding-top:149px !important;}
.parceria form{margin-top:50px}
.parceria input, .parceria textarea{font-weight:700;resize:none;width:100%;font-size:120%;border:3px solid #111111;padding:15px;color:black;margin-bottom:32px;}
button{background:#111111;color:white;border:0px;padding:20px 25px;margin:auto;display:block;}
button:hover{background:#152c55}
button i{margin-right:10px;}

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

.contato{width:100%;padding-bottom:80px;padding-top:149px !important;}
.contato form{margin-top:50px}
.contato input, .contato textarea{font-weight:700;resize:none;width:100%;font-size:120%;border:3px solid #111111;padding:15px;color:black;margin-bottom:32px;}
.contato p{width:80%}
.contato .informacoes{margin-top:125px;font-size:120%}
.contato .informacoes i{margin-right:7px;}
.contato .informacoes span{display:none;}
.contato .fa-envelope{margin-left:15px}
.mapa{width:100%;height:540px;background:#CCC;}
.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%;min-height:451px;background:url(../img/rodapebg.png) center top;background-size:cover;text-align:center;padding-top:60px;padding-bottom:20px;color:white;}
.logoinferior{}
.btn-facebook{color:white;border:3px solid white;padding:20px;text-transform:uppercase;margin:60px auto 40px auto;width:390px}
.btn-facebook:hover{color:#152c55;background:white;}
.btn-facebook i{margin-right:15px;}
.rodape-contato{font-size:120%;}
.rodape-contato i{margin-right:6px;}
.rodape-contato .fa-envelope{margin-left:20px;}
.rodape-contato span{display:none;}
footer p{margin-top:60px;}
.logo3em1{float:right;margin-top: -45px;}