@charset "utf-8";

/* ---------------------------------------------- Body ---------------------------------------------- */

body{margin:0; padding:0; background-color: #F0F0F0; overflow-x:hidden;}

h1, h2, h3, h4, h5, h6{margin:0; padding: 0;}

::-webkit-scrollbar-track{background-color:#000000;}

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

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

*{font-family: 'Montserrat', sans-serif;}
*:focus{outline: 0;}
textarea{resize: none;}

@media only screen and (min-width:1023px){

/* ---------------------------------------------- Global ---------------------------------------------- */

.content{height:100%; width: 1000px; position:relative; left: 50%; margin-left: -500px;}

/* ----- Ocultando componentes Mobile ----- */ 

.menu-animate-mobile{display: none;}

/* ---------------------------------------------- Header ---------------------------------------------- */

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

nav{width: 900px; position:absolute; left:50%; margin-left:-460px; margin-top: 7px;}

nav ul{margin:0; padding: 0; display: flex; text-align: center;}

nav li{list-style: none;}

nav a{font-family: 'Montserrat', sans-serif; font-size: 13px; padding: 15px 45px; color:#FFF; cursor:pointer; transition:.5s; text-decoration: none; transition:.5s;}

nav a:hover{background-color:#454545; color: #FFF;}

.active{background-color:#F1F1F1 !important; color: #323232 !important;}
	
.marketing{background-image: url(../Imagens/Home/Marketing.png); height: 23px; width: 23px; background-size: cover; position: relative; float: left; left: 100%; margin-left: -100px; margin-top: 3px; cursor: pointer; display: none;}

.logo-menu{height: 35px; position: absolute; margin-top: 5px; left:50%; margin-left: -540px;}

.usa{background-image: url(../Imagens/Home/USA.png); height: 25px; width: 25px; background-size: cover; position: absolute; left: 100%; margin-left: -40px; margin-top: 10px; cursor: pointer; display: none;}
    
header img{cursor: pointer;}

/* ---------------------------------------------- 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:253px; width: 350px; position: absolute; z-index: 99; top:50%; margin-top:-105px; left:50%; margin-left:-175px; 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; top: 0px; 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:bottom;}

.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:bottom;}
	
.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:bottom;}

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

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

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

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

.sobre-content{height:100%; width: 900px; position:relative; left: 50%; margin-left: -450px;}

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

.sobre h3{font-family: 'Montserrat', sans-serif; color: #6B6B6B; font-weight: normal; font-size: 18px; line-height: 30px;}
	
/* ---------------------------------------------- Catalogo ---------------------------------------------- */

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

.catalogo h1{color:#D1D1D1; font-family: 'Montserrat', sans-serif; font-size: 60px; padding: 120px 0px 50px 0px; border-bottom:2px solid #B4B4B4; text-align: center; width: 900px; position:relative; left:50%; margin-left: -450px; margin-top: 0px;}

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

.catalogo h5{font-family: 'Montserrat', sans-serif; font-size: 40px; text-align: center; color: #131313; font-weight: normal; clear: both;}

#image{width:24.999%; position: relative; background-repeat: no-repeat; background-size: cover; float: left;}
	
#projetos-block #image{margin-left:37.5%;}
	
.description-box li{font-family: 'Montserrat', sans-serif; font-size: 14px; color:#565656; font-weight: normal;}

.font-corporativos{font-size: 16px !important;}
	
.description-box input[type=button]{height: 50px; width: 200px; font-size: 18px; position:relative; font-family: 'Montserrat', sans-serif; background-color: #000; border:1px solid #000; left:50%; margin-left:-100px; color:#FFF; margin-top: 20px; margin-bottom:20px; transition:.3s; cursor:pointer;}

.description-box input[type=button]:hover{background-color:#FFF; color:#000;}
	
/* ---------------------------------------------- Contrapartidas ---------------------------------------------- */

.contrapartidas{height:790px; width: 100%; background-color: #FFF; position: relative;}

.contrapartidas-content{height:100%; width: 1030px; position:absolute; left: 50%; margin-left: -515px;}

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

.contrapartidas h3{font-family: 'Montserrat', sans-serif; color: #777777; font-weight: normal; font-size: 18px; line-height: 30px; margin-bottom: 50px;}

.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; margin-left: 20px;}

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

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

.box i , .box h6 {color:#888;}
    
.box-ajust{margin-left: 150px;}
   
/* ---------------------------------------------- Projetos Corporativos ---------------------------------------------- */
	
.projetos-corporativos{width: 100%; background-color: #F0F0F0; position: relative; padding: 120px 0px;}
	
.corporativos-content{width: 900px; position:relative; left: 50%; margin-left: -450px;}

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

.projetos-corporativos input[type=button]{height:80px; width: 380px; background-color:#333333; border:1px solid #333333; position:relative; left:50%; margin-left: -190px; font-size: 25px; cursor: pointer; transition: .3s; color: #F0F0F0}
	
.projetos-corporativos input[type=button]:hover{background-color: hsla(0,0%,0%,0.00); color:#333333;}
	
/* ---------------------------------------------- Clientes ---------------------------------------------- */

.clientes{width: 100%; background-color: #FFFFFF; position: relative; padding: 120px 0px;}

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

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

.depoimentos{height:600px; width:100%; position:relative; background-color:#F0F0F0; background-size:cover; padding-top: 80px;}

.slider_dep{height:600px; width:100%; position:relative; transition:1s;}

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

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

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

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

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

.foto_dep_3{height:140px; width:140px; background-image:url(../Imagens/Depoimentos/3.jpg); border-radius:140px; position:relative; left:50%; margin-left:-70px; 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:1000px; position:relative; left:50%; margin-left:-500px; margin-top:20px;}

.txt_dep_2{height:100px; width:1000px; position:relative; left:50%; margin-left:-500px; margin-top:20px;}

.txt_dep_3{height:100px; width:1000px; position:relative; left:50%; margin-left:-500px; margin-top:20px;}

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

.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:19px; font-family: 'Aref Ruqaa', serif; font-weight:normal; text-align:center; margin-top:20px; word-spacing:3px;}

/* ---------------------------------------------- Contato ---------------------------------------------- */

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

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

.contato h3{font-family: 'Montserrat', sans-serif; color: #777777; font-weight: normal; font-size: 18px; line-height: 30px; text-align: center; padding-bottom: 50px;}

.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: 50px; width: 150px; color: #FFF; border:2px solid transparent; font-size: 18px; cursor: pointer; transition: .3s; right: 0; position: relative;} 

.contato input[type=button]:hover{background-color: hsla(0,0%,0%,0.00); color: #333333; border:1px solid #333333;}
	
.contato input[type=text]:focus, .contato input[type=email]:focus, .contato input[type=tel]:focus, textarea:focus{border:1px solid  #333333;}		

.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: 18px; 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: 18px; font-weight: normal;}
	
/* ---------------------------------------------- Footer ---------------------------------------------- */

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

footer a{transition:.3s; cursor:pointer; color:#878787; text-decoration:none; font-weight:normal; border-bottom:1px solid transparent;} 

footer a:hover{border-bottom:1px solid #5B5B5B;}

footer h3{color:#414141; font-family: 'Montserrat', sans-serif; font-size:13px; font-weight:normal;}

.footer-content{height:300px; width:950px; position:relative; left:50%; margin-left:-420px;}

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

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

.footer-menu{height:150px; width:30%; float:left;}

.footer-servicos{height:150px; width:40%; float:left;}

.footer-contato{height:150px; width:30%; float:left;}

.footer-rights{height:70px; width: 100%; text-align:center; line-height: 40px; position:relative;}

}