@charset "utf-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css?family=Reenie+Beanie");

.assinatura{
	font-family: 'Reenie Beanie', cursive;
	font-size:20px;
}

.assinatura a{
	text-decoration:none;
	color:#FFF;
}

.assinatura a:hover{
	color:#0ec87d;
}

*{
	margin:0;
	padding:0;
}

body{
	background:#F6F6F6;
	font-size: 12pt;
	font-weight:200;
	color:#000;
}

hr.star-primary {
	height: 5px;
    width: 100%;
    margin: 15px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    text-align: center;
	background:linear-gradient(to right, rgba(0,179,189,1) 0%, rgba(106,231,64,1) 100%);
	box-shadow:#333 2px 2px 6px;
	
}

.titulo{
	color:#002333;
	text-shadow:#999 0.2em 0.2em 0.3em;
}

.titulo2{
	color:#FFF;
	text-shadow:black 0.2em 0.2em 0.3em;
}

.thumbnail{
	background-color:transparent;
	border:0px;

}

.btn-success {
  color: #fff;
  text-shadow:#333 0.1em 0.1em 0.2em;
  background:linear-gradient(to right, rgba(0,179,189,1) 0%, rgba(106,231,64,1) 100%);
  border-color:#0ec87d;
}

.btn-success:hover {
  color: #fff;
  background:#0ec87d;
  border-color: #0ec87d;
}

/*Menu*/
.navbar{
	background-color:#002333;
	height:65px;
	border:0px;
}

.navbar .navbar-nav li{
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
}

.navbar .navbar-nav li a{
	color:#FFF;
}

.navbar .navbar-nav li a:hover{
	color:#0ec87d;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    color: #0ec87d;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #0ec87d;
}


/*Cabeçalho*/
.header .slide{
	margin-top:65px;
	
}

.header .carousel-inner .img{
	width:100%;
}

.header .carousel-inner .item .slide1 .imgLogo{
	width:400px;
	height:94px;
}

.header .carousel-inner .item .slide1 h4{
	font-size:38px;
	text-shadow:black 0.1em 0.1em 0.2em;
	margin-bottom:110px;
	margin-left:-80px;
	line-height:60px;
	
}

.header .carousel-inner .item .slide2 h4{
	font-size:38px;
	text-shadow:black 0.2em 0.2em 0.3em;
	margin-bottom:180px;
	margin-left:-160px;
	line-height:60px;
}

.header .carousel-inner .item .slide3 h4{
	font-size:38px;
	text-shadow:black 0.2em 0.2em 0.3em;
	margin-bottom:230px;
	margin-left:-160px;
	line-height:60px;
}


/*Serviços*/
.servicos{
	background: url(../imagens/servicos.jpg) fixed;
	background-repeat:no-repeat;
	background-size:cover;
	/*height:600px;*/
	padding: 50px;
}


.servicos .thumbnail{
	margin-top:20px;
}

.servicos .thumbnail > .imagem{
  	z-index: 100;
	margin-left:105px;
	width: 140px;
    height: 140px;
	line-height:130px;
	overflow: hidden;
    border-radius: 50%;
	border: 3px solid #0ec87d;
	transition: all 400ms linear;
	background-color:transparent;
}

.servicos .thumbnail .servicoText{
	color:#FFF;
	text-shadow:black 0.2em 0.2em 0.3em;

}



/*Quem Somos*/
.empresa{
	padding:50px;
}
.empresa p{
	line-height:40px;
	margin-top:40px;
}

.empresa img{
	margin-top:110px;
}

/*Quem Somos - Interno*/
.quemSomos_texto .titulo{
	margin-top:50px;
}

.quemSomos_texto p{
	line-height:35px;
	
}

.quemSomos_texto .jumbotron{
	margin-top:18px;
	height:300px;
}

.quemSomos .panel-default .panel-heading{
	border:1px solid #CCC;
}

.quemSomos .panel-title{
	color:#002333;

}

.quemSomos .timeline .timeline-inverted .timeline-panel .timeline-body .panel-group .panel .panel-heading .panel-title i{
	color:#002333;
	float:right;
	margin-top:-30px;
	position:absolute;
	right:-50px;
}

.timeline {
  position: relative;
  padding: 0;
  list-style: none;
}

.timeline .far{
	color:#002333;
	width: 100px;
    height: 100px;
	line-height:75px;
	overflow: hidden;
    margin-right: 2px;
    transition: all 400ms linear;
	margin-top:30px;

}


.timeline:before {
  position: absolute;
  top: 0;
  bottom: 15px;
  left: 40px;
  width: 2px;
  margin-left: -1.5px;
  content: '';
  background: #0ec87d;
}

.timeline > li {
  position: relative;
  min-height: 50px;
  margin-bottom: 50px;
}

.timeline > li:after, .timeline > li:before {
  display: table;
  content: ' ';
}

.timeline > li:after {
  clear: both;
}

.timeline > li .timeline-panel {
  position: relative;
  float: right;
  width: 100%;
  padding: 0 20px 0 100px;
  text-align: left;
}

.timeline > li .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}

.timeline > li .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}

.timeline > li .timeline-image {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 80px;
  height: 80px;
  margin-left: 0;
  text-align: center;
  color: white;
  border: 7px solid #0ec87d;
  border-radius: 100%;
  background-color: #f6f6f6;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  padding: 0 20px 0 100px;
  text-align: left;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}

.timeline .timeline-heading h3 {
  margin-top: 30px;
  color: #002333;
}


.quemSomos_smart .thumbnail .far{
	color:#002333;
	width: 120px;
    height: 120px;
	line-height:110px;
	overflow: hidden;
    margin-right: 4px;
    border-radius: 50%;
    transition: all 400ms linear;
	border: 7px solid #0ec87d;
	margin-top:-50px;
	background-color:transparent;
}

.quemSomos_smart .thumbnail .caption h3{
	color:#002333;
}


.quemSomos_smart .panel-default .panel-heading{
	border:1px solid #CCC;
}

.quemSomos_smart .panel-title{
	color:#002333;
}

.quemSomos_smart .panel-title .fa{
	color:#002333;
	float:right;
	margin-top:-45px;
	position:absolute;
	right:-0px;
	border:0px;
}

.marketing{
	height:180px;
	color:#FFF;
	text-shadow:#666 0.2em 0.2em 0.3em;
	background:-webkit-linear-gradient(0deg, #0796c6 0%, #50e590 100%);
}

.marketing h2{
	line-height:40px;
	margin-top:50px;
}

/*Portfolio*/
.portfolio{
	background: url(../imagens/fundo.jpg) fixed ;
	background-repeat:no-repeat;
	background-size:cover;
	/*height:670px;*/
	padding: 50px;
}

.portfolio a,
.maisPortfolio a{
	text-decoration:none;
}

.portfolio .thumbnail img,
.maisPortfolio .thumbnail img{
	width:100%;
	height:100%;
}

.portfolio .thumbnail,
.maisPortfolio .thumbnail{
	transition: all 0.5s ease-out;
	box-shadow: 10px 27px 78px -10px rgba(0, 0, 0, 0.9);
}

.portfolio .thumbnail:hover,
.maisPortfolio .thumbnail:hover {
	transform: scale(1.1);
}

.portfolio .thumbnail .hover-bg,
.maisPortfolio .thumbnail .hover-bg {
	height: 195px;
	overflow: hidden;
	position: relative;
}

.portfolio .thumbnail .hover-bg .caption,
.maisPortfolio .thumbnail .hover-bg .caption {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.66);
	padding: 23% 0 0 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}

.portfolio .thumbnail .hover-bg .caption>h4,
.maisPortfolio .thumbnail .hover-bg .caption>h4 {
	text-transform: uppercase;
	opacity: 0;
	color: #fff;
	transform: translateY(100%);
	transition: all 0.3s;
}

.portfolio .thumbnail .hover-bg:hover .caption>h4,
.maisPortfolio .thumbnail .hover-bg:hover .caption>h4 {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	transform: translateY(0);
}

.portfolio .thumbnail .hover-bg:hover .caption,
.maisPortfolio .thumbnail .hover-bg:hover .caption {
	opacity: 1;
}

/*Portfolio Interno*/
.maisPortfolio .jumbotron{
	background: url(../imagens/portfolio.jpeg);
	background-repeat:no-repeat;
	background-size:cover;
	height:350px;
	margin-top:65px;	
}

.maisPortfolio .jumbotron h2{
	font-size:80px;
	color:#FFF;
	text-shadow:black 0.1em 0.1em 0.2em;
	margin-top:65px;	
}

.maisPortfolio .container-fluid{
	margin-top:60px;
}

/*O Engenheiro*/
.engenheiro{
	background:url(../imagens/engenheiro.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	/*height:550px;*/
	padding: 50px;
}

.engenheiro .thumbnail{
	margin-top:50px;
}

.engenheiro .caption{
	color:#FFF;
	text-shadow:#000 0.2em 0.2em 0.3em;
}

/*Contato*/
.contato{
 	background-color:#002333;
	color:#FFF;
}

.contato address{
	font-size:16px;
}

.contato address strong{
	font-size:20px;
	color:#0ec87d;
}

.contato address .fas,
.contato address .far{
	color:#0ec87d;
}

.contato address a{
	color:#FFF;
}

.contato address a:hover{
	text-decoration:none;
	color:#29B6F6;
}

.contato span a{
	color:rgb(53, 152, 219);
	font-size:11px;
}

.contato span a:hover{
	text-decoration:none;
	color:#29B6F6;
}


.contato .list-inline li{
	width: 65px;
    height: 65px;
	line-height:70px;
	overflow: hidden;
    margin-right: 4px;
    border-radius: 125px;
    transition: all 400ms linear;
}

.contato .list-inline li:hover{
	border: 3px solid #0ec87d;
    transform: rotate(360deg);
	color:#0ec87d;
}

.contato .list-inline li a{
	color:#FFF;
}

.contato iframe{
	width:400px;
	height:300px;
}

/*Rodape*/
footer{
	background-color:#002333;
	color:#FFF;

}

.voltarTopo{
	width: 58px;
    height: 58px;
	position:fixed;
	right:40px;
	bottom:40px;
    border-radius: 50%;
	background: linear-gradient(to right, rgba(0,179,189,1) 0%, rgba(106,231,64,1) 100%);
	cursor:pointer;
}

.voltarTopo:hover{
	background:#0ec87d;
}

.voltarTopo i{
	color:#FFF;
	line-height:55px;
	font-weight:bold;
	font-size:36px;
}





@media (max-width: 768px){
	
.titulo h2{
	font-size:24px;
}

.titulo2 h2{
	font-size:24px;
}

nav .navbar-header .navbar-toggle{
	margin-top:20px;
}	

nav .navbar-collapse{
	background-color:#002333;
}

.marketing h4{
	line-height:25px;
}

.marketing h2{
	font-size:22px;
	line-height:40px;
	margin-top:15px;

}


/*Cabeçalho*/
.header .carousel-inner .item .slide1 .imgLogo{
	width:100px;
	height:24px;
}

.header .carousel-inner .item .slide1 h4{
	font-size:14px;
	margin-bottom:0px;
	margin-left:0px;
	line-height:18px;
	
}

.header .carousel-inner .item .slide2 h4{
	font-size:16px;
	margin-bottom:25px;
	margin-left:-30px;
	line-height:20px;
}

.header .carousel-inner .item .slide3 h4{
	font-size:16px;
	margin-bottom:15px;
	margin-left:-30px;
	line-height:20px;
}

/*Serviços*/
.servicos{
	height:auto;
	padding:50px 0px 0px 0px;
}

.servicos .thumbnail{
	margin-top:20px;
}

.servicos .thumbnail > .imagem{
	margin-left:95px;
	width: 120px;
    height: 120px;
	line-height:112px;
}

/*EMPRESA*/
.empresa{
	padding:50px 0px 0px 0px;
	font-weight:400;
}

.quemSomos_texto .jumbotron{
	margin-top:37px;
	height:0px;
}

.quemSomos_texto p{
	font-weight:400;

}

.quemSomos_smart .thumbnail .caption p{
	font-weight:400;
}




.portfolio{
	height: auto;
	padding:50px 0px 0px 0px;
}

/*Portfolio Interno*/
.maisPortfolio .jumbotron{
	height:150px;
}

.maisPortfolio .jumbotron h2{
	font-size:40px;
	margin-top:10px;	
}

.engenheiro{
	padding:50px 0px 0px 0px;
}

.contato iframe{
	width:100%;
	height:200px;
}

footer hr{
	border:0px;
}
}

@media (min-width: 768px) and (max-width: 992px){

.quemSomos_texto .jumbotron{
	margin-top:20px;
	height:0px;
}

.quemSomos_texto .titulo{
	margin-top:110px;
}

.marketing h2{
	font-size:28px;
	line-height:40px;
	margin-top:45px;

}

/*Cabeçalho*/

.header .carousel-inner .item .slide1 .imgLogo{
	width:300px;
	height:71px;
}

.header .carousel-inner .item .slide1 h4{
	font-size:26px;
	margin-bottom:15px;
	margin-left:-40px;
	line-height:40px;
	
}

.header .carousel-inner .item .slide2 h4{
	font-size:32px;
	margin-bottom:70px;
	margin-left:-100px;
	line-height:50px;
}

.header .carousel-inner .item .slide3 h4{
	font-size:32px;
	margin-bottom:40px;
	margin-left:-100px;
	line-height:50px;
}

/*Serviços*/
.servicos .thumbnail{
	margin-top:20px;
}

.servicos .thumbnail > .imagem{
	margin-left:95px;
	width: 140px;
    height: 140px;
	line-height:130px;
}

/*Portfolio Interno*/
.maisPortfolio .jumbotron{
	height:250px;
}

.maisPortfolio .jumbotron h2{
	font-size:50px;
	margin-top:20px;	
}


}






@media (min-width: 768px) {
  .timeline:before {
    left: 50%;
  }
  .timeline > li {
    min-height: 100px;
    margin-bottom: 100px;
  }
  .timeline > li .timeline-panel {
    float: left;
    width: 41%;
    padding: 0 20px 20px 30px;
    text-align: right;
  }
  .timeline > li .timeline-image {
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
  }


}

@media (min-width: 992px) {
  .timeline > li {
    min-height: 150px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px;
  }
  .timeline > li .timeline-image {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 20px 20px;
  }
}