/* Default ----------------------*/

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

a:hover { text-decoration: none; }
input:focus { outline: none; }

.add-top { margin-top: 30px; }
.extra-padding { padding-left: 25px; padding-right: 25px; }


body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 21px;
	color: #595959;
	background: #fff;
}

h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 42px;
	text-transform: uppercase;
	line-height: 45px;
	margin-bottom: 5px;
}
	h1 span {
		display: block;
		width: 80px;
		height: 5px;
		background: #fff;
		margin: 15px 0 25px;
	}

/* Buttons ----------------------*/


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

#page-interna header { height: 150px; }
header {
	background-size: cover;
	padding: 40px 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
}
	header ul { margin-top: 30px; }
	header ul li { margin-left: 20px; }
	header ul li a {
		font-size: 18px;
		color: #fff;
		text-transform: uppercase;
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	header ul li a:hover, header ul li a.active, header ul li a:focus { color: #000000; text-decoration: none; }

.banner-princ {}
	.banner-princ .item { height: 100vh; }
	#banner-00 {
		background: url('../images/bg-00.jpg') center top no-repeat;
		background-size: cover;
	}
	#banner-01 {
		background: url('../images/header.jpg') center bottom no-repeat;
		background-size: cover;
	}
	#banner-02 {
		background: url('../images/confianca.jpg') center bottom no-repeat;
		background-size: cover;
	}
	#banner-03 {
		background: url('../images/seguranca.jpg') center bottom no-repeat;
		background-size: cover;
	}

.banner-text {
	width: 310px;
	color: #fff;
	margin: 200px 0 0 230px;
}

.icons { background: url('../images/bg-icons.jpg') center center no-repeat; background-size: cover; color: #000; padding: 30px 0; }
.icons-chamada { width: 90%; margin-top: 60px; }
.icons span { background: #000; }
.icons-holder { margin: 100px 0 50px; }
	.icons-holder div { margin-bottom: 50px; height: 122px; }

/* Newsletter ----------------------*/

.newsletter span { margin: 15px auto 25px; }
.newsletter { text-align: center; padding: 80px 0; background: url('../images/bg-newsletter.jpg') center center no-repeat; background-size: cover; color: #fff; }
.newsletter-chamada { width: 450px; margin: 0 auto; }
.newsletter form {
	position: relative;
	margin-top: 60px;
	width: 100%;
}
.newsletter form input {
	background: #fff;
	border: none;
	color: #b0afb5;
	font-style: italic;
	height: 75px;
	line-height: 75px;
	padding: 0 25px;
	width: 70%;
	float: left;
	z-index: 200;
	position: relative;
	border-radius: 0 20px 0 20px;
}
.newsletter form button {
	background: #348686;
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	text-align: right;
	padding: 0 35px;
	height: 75px;
	line-height: 75px;
	border: none;
	border-radius: 0 20px 0 0;
}

/* Membros --------------------*/

.membros { padding: 80px 0; }
	.membros h1 { color: #348686; }
	.membros h1 span { background: #348686; margin: 15px auto 55px; }

.membro-info {
	text-align: center;
	padding: 60px 30px 40px;
	background: #edeef0;
	margin-top: -40px;
	border-radius: 0 0 0 50px;
}
	.membro-info h3 {
		color: #348686;
		text-transform: uppercase;
	}
	.divider { width: 80px; margin: 15px auto; background: #348686; height: 5px; }

.map {
	background: url('../images/map.jpg') center center no-repeat;
	width: 100%;
	height: 420px;
	background-size: cover;
}

/* Footer ---------------------*/

footer {
	padding: 50px 0;
	background: #348686;
	color: #fff;
}
footer a { color: #fff; }
footer a:hover { color: #fff; text-decoration: underline; }
footer img { display: inline-block; }
	.border-right {
		padding-right: 40px;
		border-right: 1px solid #64a2a2;
	}

#depoimentos p {
	color: #fff;
	padding: 0 150px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	margin-bottom: 25px;
}

#depoimentos h4 { color: #5DDADA; text-align: center; font-size: 20px; margin-top: 30px; }
#depoimentos h4 span { display: block; font-style: italic; font-size: 14px;  }

/* Interna ---------------------*/

.interna { padding: 60px 0; background: url('../images/bg-icons.jpg') center center no-repeat; background-size: 100%; }
	.header-interna { margin-bottom: 30px; }
	.interna h1 { color: #338a8a; }
	.interna h1 span { background: #338a8a; }

.box { background: #338a8a; padding: 30px 0; border-radius: 0 40px 0 40px; color: #fff; margin: 0 0 0; }
	.box h3 { text-transform: uppercase; }

.box-servicos { background: #338a8a url('../images/bg-header.jpg') top center no-repeat !important; background-size: cover !important; padding: 50px; color: #fff; margin: 40px 0 0; }
	.box-servicos .item-servicos { height: 300px; }
	.box-servicos div img { margin-bottom: 30px; }

.box-contato { width: 880px; margin: 0 auto; }
	.box-contato form {}
	.box-contato form input {
		color: #b0afb5;
		border: 1px solid #e3e4e8;
		background: #fff;
		font-size: 14px;
		font-style: italic;
		padding: 0 25px;
		width: 100%;
		height: 62px;
		line-height: 62px;
		margin-bottom: 15px;
		border-radius: 0 30px 0 30px
	}
	.box-contato form textarea {
		color: #b0afb5;
		border: 1px solid #e3e4e8;
		background: #fff;
		font-size: 14px;
		font-style: italic;
		padding: 25px;
		width: 100%;
		margin-bottom: 15px;
		border-radius: 0 30px 0 30px
	}
	.box-contato form button {
		color: #fff;
		border: 1px solid #e3e4e8;
		background: #348686;
		font-size: 22px;
		text-transform: uppercase;
		font-style: italic;
		padding: 0 65px;
		display: inline-block;
		height: 62px;
		line-height: 62px;
		margin-bottom: 15px;
		border-radius: 0 30px 0 30px
	}

.wrap { min-height: 400px; height:100%; width:100%; margin: 0 auto; }
#map-canvas { height: 100%; }

.bg-full-green {
	background: #338a8a;
	margin-top: 40px;
}

.menu {
	position: fixed;
	left: 0;
	top: -90px;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	width: 100%;
	background: #fff;
	padding: 10px 0;
	box-shadow: 2px 0 3px rgba(0,0,0,.4);
	z-index: 900;
	max-height: 70px;
}
.menu a { color: #000; }

/* Media ----------------------*/

@media (min-width: 1200px){}

@media (min-width: 992px) and (max-width: 1199px) {
	.icons-chamada { margin-top: 120px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.box-contato { width: 100%; }

	header ul { margin-top: 15px; }
	header ul li { margin-left: 12px; }
	.box h3 { margin-top: 0; }

	.icons-chamada { margin-top: 65px; }
}

@media (max-width: 767px){
	h1 { font-size: 29px; line-height: 38px; }

	header { text-align: center;  }
	header img { display: inline-block !important; }
	.banner-princ .item { height: 540px; }
	.banner-text { margin: 270px auto 0; text-align: center;  }
		.banner-text span { margin: 15px auto 30px; }

	.icons-holder { margin-top: 65px; }
		.icons-holder div {
			margin-bottom: 30px;
			height: 95px;
			padding: 0 5px;
		}

	.icons-chamada { text-align: center; margin: 20px auto 60px; }
		.icons-chamada span { margin: 20px auto; }

	.newsletter-chamada { width: 100%; }
	.newsletter form input { width: 65%; }

	.membros { padding: 30px 0; }
	.equipe { margin: 25px 0; width: 80%; margin: 25px auto 25px; }
	.equipe img { width: 100%; }
	.wrap, .map { height: 300px; min-height: 200px; }

	footer div { text-align: center !important; border: none; }
	footer .border-right { border: none; padding: 0 20px; }
	footer .img-responsive { margin-top: 30px; display: inline-block; }

	.box-contato { width: 100%; }

	#page-interna header {
	  height: 170px;
	}

	.box div { text-align: center !important; }
	.box .img-responsive { display: inline-block; margin-top: 15px; }

/*	.box-servicos div { height: 250px; }*/
/*	.box-servicos div img { width: 70%; }*/
	
	.box-servicos .item-servicos { height: 300px; }
	
	#depoimentos p {
    color: #fff;
    padding: 0 20px;
    text-align: center;
    line-height: 21px;
    font-size: 14px;
    margin-bottom: 15px;
}
}
