@charset "utf-8";

/* ------------------------------------------------------- Mobile -------------------------------------------------------*/

@media only screen and (max-width:1023px) and (min-width:300px){
	
::-webkit-scrollbar-track{background-color:#000000;}

::-webkit-scrollbar{width:0px;}

::-webkit-scrollbar-thumb{background:#646464;}

/* ----- Ocultando componentes Desktop ----- */ 

.nav-desktop{display: none;}

/* ------------------------------------------------------------ Menu ------------------------------------------------------------ */

header{position:fixed; height:50px; width:100%; z-index:100; background-color:hsla(0,0%,11%,0.80);}

.icon-menu{height:32px; width:42px; position:absolute; left:100%; margin-left:-52px; margin-top:10px !important;}

.menu-animate{height:100%; width:70%; background-color:#000; position:absolute; left:100%; margin-top:0px; z-index:999; position:fixed; overflow:auto;}

.seta{background-image:url(../Imagens/Home/Right.png); height:30px; width:30px; position:relative; margin-top:20px; margin-left:20px; margin-bottom:20px; background-size:cover;}

.nav{position:relative;}

.nav a{display:flex; font-size:16px; color:#FFFFFF; font-family: 'Montserrat', sans-serif; transition-duration:.3s; text-decoration:none; font-weight:normal; line-height:45px; padding-left:10%;}

.nav ul, li{list-style:none; margin:0; padding:0;}

.menu-line{height:1px; width:100%; background-color:#6B6B6B; position:relative;}

.active{background-color:#F1F1F1; color: #000 !important;}
	
.line-icon{height:5px; width:35px; background-color: #FFF; margin: 4px;}

.logo-menu{height: 30px; width: 30px; background-size: cover; position: absolute; margin-top: 10px; margin-left: 20px;}

/* ------------------------------------------------------------------ Home ------------------------------------------------------------------*/

.home{height:100vh; width:100%; position:relative;}

.home-mask{background-color:hsla(0,0%,0%,0.30); height:100%; width:100%;  position:absolute; z-index: 50;}

.logo-home{background-image:url(../Imagens/Home/logobranco.png); height:145px; width: 200px; position: absolute; z-index: 50; top:50%; margin-top:-60px; left:50%; margin-left:-100px; background-size: cover;}

.slide_1{height:100vh; width:100%; top:0; background-image:url(../Imagens/Home/1.png); background-repeat: no-repeat; background-size:cover; position: relative; left: 0px; background-position:center center;}

.slide_2{height:100vh; width:100%; top:-100vh; background-image:url(../Imagens/Home/2.png); background-repeat: no-repeat; background-size:cover; position: relative; left: 100%; background-position:center center;}

.slide_3{height:100vh; width:100%; top:-200vh; background-image:url(../Imagens/Home/3.png); background-repeat: no-repeat; background-size:cover; position: relative; left: 200%; background-position:center center;}
	
.slide_4{height:100vh; width:100%; top:-300vh; background-image:url(../Imagens/Home/4.jpg); background-repeat: no-repeat; background-size:cover; position: relative; left: 300%; background-position:center center;}

.principal{height:100%; width: 100%; overflow:hidden;}

.slide{height:100%; width: 100%; position: relative; transition: 1s;}

/* ---------------------------------------------- Sobre ---------------------------------------------- */

.sobre{width: 100%; background-color: #FFF; position: relative; padding: 70px 0px;}

.sobre-content{height:100%; width: 90%; position:relative; margin-left: 5%;}

.sobre h1{color:#333333; font-family: 'Montserrat', sans-serif; font-size: 30px; padding-bottom: 30px; border-bottom:2px solid #B4B4B4; margin-bottom: 50px; text-align: center; margin-top: 0px;}

.sobre h3{font-family: 'Montserrat', sans-serif; color: #777777; font-weight: normal; font-size: 14px; line-height: 25px;}

/* ---------------------------------------------- Catalogo ---------------------------------------------- */

.catalogo{width: 100%; background-color: #131313; position: relative; padding: 70px 0px;}

.catalogo h1{color:#D1D1D1; font-family: 'Montserrat', sans-serif; font-size: 30px; padding-bottom: 30px; border-bottom:2px solid #B4B4B4; margin-bottom: 20px; text-align: center; width: 90%; margin-left: 5%;}

.catalogo h2{font-family: 'Montserrat', sans-serif; font-size: 20px; text-align: center; clear: both; padding: 40px 0px; color: #A0A0A0;}

#image{width:50%; position: relative; background-repeat: no-repeat; background-size: cover; float: left;}
		
.margin-catalogo{margin-bottom: 50px;}
	
#projetos-block #image{margin-left:36%;}
	
.catalogo h5{font-size: 12px !important; color: #131313;}
	
.description-box p{font-size: 12px !important;}
    
.description-box ul li{margin: 0 !important; font-size: 12px !important; list-style: circle;}

.description-box ul{margin-left: 0;}

.description-box input[type=button]{height: 40px; width: 90%; margin-left: 5%; background-color: #000; color: #FFF; border:none;}

.description-box h4{font-size: 18px !important; line-height: 25px;}

.description-box h6{font-size: 12px !important; line-height: 22px !important;}

/* ---------------------------------------------- Contrapartidas ---------------------------------------------- */

.contrapartidas{width: 100%; background-color: #FFF; position: relative; padding: 70px 0px;}

.contrapartidas-content{height:100%; width: 90%; position:relative; margin-left: 5%;}

.contrapartidas h1{color:#333333; font-family: 'Montserrat', sans-serif; font-size: 30px; padding-bottom: 30px; border-bottom:2px solid #B4B4B4; margin-bottom: 50px; text-align: center; margin-top: 0px;}

.contrapartidas input[type=text]{height:50px; width: 70%; padding:0px 15px; position: relative; margin-left:15%; font-family: 'Montserrat', sans-serif; font-size:15px; border-radius:4px; border:1px solid #C3C3C3;}

.contrapartidas input[type=button]{height:50px; width:150px; position:relative; left: 50%; margin-left: -75px; font-family: 'Montserrat', sans-serif; background-color:#000 ; border:1px solid #000; color: #FFF; font-size: 15px; cursor:pointer; transition: .3s; border-radius:4px;}

.contrapartidas input[type=button]:hover{background-color: #FFFFFF; color: #000;}

.contrapartidas input[type=text]:focus, input[type=button]:focus{outline:0;}
    
.row {margin-left: -20px; *zoom: 1;}
.row:before, .row:after {display: table; content: ""; line-height: 0;}
.row:after {clear: both;}

[class*="span"] {float: left; min-height: 1px;}

.span3 {width: 100%;}
    
.contrapartidas p{font-family:'Open Sans Condensed', sans-serif; font-size: 15px;}
    
.box {width:100%; padding:10px; text-align: center;}

.box p{color: #999; line-height: 25px;}

.box i , .box h6 {color:#888;}

/* ---------------------------------------------- Projetos Corporativos ---------------------------------------------- */
	
.projetos-corporativos{width: 100%; background-color: #F0F0F0; position: relative; padding: 70px 0px;}
	
.corporativos-content{width: 90%; position:relative; margin-left: 5%;}

.projetos-corporativos h1{color:#333333; font-family: 'Montserrat', sans-serif; font-size: 30px; padding-bottom: 30px; border-bottom:2px solid #B4B4B4; margin-bottom: 50px; text-align: center;line-height: 40px;}

.projetos-corporativos input[type=button]{height:50px; width: 250px; background-color:#333333; border:1px solid #333333; color:#FFF; position:relative; left:50%; margin-left: -125px; font-size: 18px; cursor: pointer; transition: .3s;}
	
/* ---------------------------------------------- Clientes ---------------------------------------------- */

.clientes{width: 100%; background-color: #FFFFFF; position: relative; padding: 70px 0px; border-bottom: 1px solid #B4B4B4;}

.clientes-content{height:100%; width: 90%; position:relative; margin-left: 5%;}
	
.clientes h1{color:#333333; font-family: 'Montserrat', sans-serif; font-size: 30px; padding-bottom: 30px; border-bottom:2px solid #B4B4B4; margin-bottom: 50px; text-align: center; line-height: 40px;}
	
.clientes h2{font-family: 'Montserrat', sans-serif; font-size: 22px; text-align: center; margin-bottom: 30px; color: #707070; font-weight: normal;}

.ajust-cliente{margin-bottom: 30px;}

/* ---------------------------------------------------------------------- Depoimentos ---------------------------------------------------------------------- */

.depoimentos{height:700px; width:100%; position:relative; background-color:#F0F0F0; background-size:cover; padding-top: 50px; display: none;}
   
.slider_dep{height:700px; width:100%; position:relative; transition:1s; overflow: hidden;}

.dep_1{height:700px; width:100%; position:relative;} 

.dep_2{height:700px; width:100%; position:relative; left:100%; top: -700px;}

.dep_3{height:700px; width:100%; position:relative; left:200%; top: -1400px;}

.foto_dep_1{height:100px; width:100px; background-image:url(../Imagens/Depoimentos/1.jpg); border-radius:140px; position:relative; left:50%; margin-left:-50px; background-size: cover;}

.foto_dep_2{height:100px; width:100px; background-image:url(../Imagens/Depoimentos/2.jpg); border-radius:140px; position:relative; left:50%; margin-left:-50px; background-size: cover;}

.foto_dep_3{height:100px; width:100px; background-image:url(../Imagens/Depoimentos/3.jpg); border-radius:140px; position:relative; left:50%; margin-left:-50px; background-size: cover; background-position: right;}

.block_dep{height:15px; width:90px; position:absolute; top:100%; margin-top:-40px; left:50%; margin-left:-45px; z-index:50;}

.circle_dep_1{height:15px; width:15px; background-color:#FFF; border-radius:12px; position:relative; transition:.4s; cursor:pointer; border:1px solid #8B8B8B; float: left;}

.circle_dep_2{height:15px; width:15px; background-color:#FFF; border-radius:12px; position:relative; transition:.4s; cursor:pointer; border:1px solid #8B8B8B; float: left; margin-left: 20px;}

.circle_dep_3{height:15px; width:15px; background-color:#FFF; border-radius:12px; position:relative; transition:.4s; cursor:pointer; border:1px solid #8B8B8B; float: left; margin-left: 20px;}

.active_circle{background-color:#202020 !important;}

.txt_dep_1{height:100px; width:90%; position:relative; margin-left:5%; margin-top:20px;}

.txt_dep_2{height:100px; width:90%; position:relative; margin-left:5%; margin-top:20px;}

.txt_dep_3{height:100px; width:90%; position:relative; margin-left:5%; margin-top:20px;}

.depoimentos h3{color:#999; font-size:14px; font-family: 'Aref Ruqaa', serif; font-weight:normal; font-style:italic; text-align:center; margin-top: 40px; word-spacing:3px; line-height: 20px;}

.dep_line{height:3px; width:60px; background-color:#747474; position:relative; left:50%; margin-left:-30px; margin-top:25px;}

.depoimentos h2{color:#606060; font-size:15px; font-family: 'Aref Ruqaa', serif; font-weight:normal; text-align:center; margin-top:20px; word-spacing:3px;}
    
/* ---------------------------------------------- Contato ---------------------------------------------- */

.contato{width: 100%; background-color: #FFFFFF; position: relative; text-align: center; padding: 70px 0px;}

.content{padding: 0 5%;}

.contato h1{color:#333333; font-family: 'Montserrat', sans-serif; font-size: 30px; padding-bottom: 30px; border-bottom:2px solid #B4B4B4; margin-bottom: 50px; text-align: center;}

.contato h3{font-family: 'Montserrat', sans-serif; color: #6B6B6B; font-weight: normal; font-size: 14px; line-height: 25px; margin-bottom: 50px; text-align: left;}

.contato strong{color: #1D1D1D;}

.contato input[type=text], .contato input[type=email], .contato input[type=tel]{height: 50px; width: 80%; padding: 0px 15px; border: none; font-size: 15px; border:1px solid #CCC; transition:.3s;} 

.contato textarea{height: 130px; width: 80%; padding: 15px; resize: none; border: none; font-size: 15px; border:1px solid transparent; transition:.3s; border:1px solid #CCC;} 
	
.contato input[type=button]{background-color: #333333; height: 40px; width: 150px; color: #FFF; border:2px solid transparent; font-size: 18px; cursor: pointer; transition: .3s; right: 0; position: relative;} 

.erro{height:50px; width: 100%; position:fixed; background-color: #B90003; text-align: center; top: 100%; margin-top: -50px; z-index: 9999; line-height: 50px; display:none; color:#FFF; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: normal;}
	
.success{height:50px; width: 100%; position:fixed; background-color: #2AB900; text-align: center; top: 100%; margin-top: -50px; z-index: 9999; line-height: 50px; display:none; color:#FFF; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: normal;}
	
/* ---------------------------------------------- Footer ---------------------------------------------- */

footer{width: 100%; background-color:#F0F0F0; text-align: center; padding:50px 0px;}

footer a{transition:.3s; cursor:pointer; color:#878787; text-decoration:none; font-weight:normal;} 

footer h3{color:#414141; font-family: 'Montserrat', sans-serif; font-size:12px; font-weight:normal; padding: 20px 20px; line-height:22px;}

footer h5{color:#000; font-size:14px; font-family: 'Montserrat', sans-serif; padding-bottom:20px; font-weight:normal; padding-top: 30px;}

footer h6{color:#878787; font-size:12px; font-family: 'Montserrat', sans-serif; font-weight:normal; line-height:30px;}

.footer-rights{margin-top: 20px;}

}