@font-face {
    font-family: 'klavikalight';
    src: url('../fonts/klavika_light-webfont.woff2') format('woff2'),
         url('../fonts/klavika_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'klavikamedium';
    src: url('../fonts/klavika_medium-webfont.woff2') format('woff2'),
         url('../fonts/klavika_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'klavika_rgregular';
    src: url('../fonts/klavika_regular-webfont.woff2') format('woff2'),
         url('../fonts/klavika_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}






body{
  
}




.navbar{
	background: #fff;
	border-top: 7px solid #0f7284;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
	border: none;
}

.navbar h1{
	margin: 30px 0;
}



.navbar-nav{
	margin-top: 50px;
}

.navbar-nav li a{
	padding: 10px 15px;
	font-family: 'klavikamedium';
	color: #0f7284;
	font-size: 20px;
	text-transform: uppercase;
	border-radius: 5px;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-nav li a:hover, .navbar-nav li.active a{
	background: #0f7284;
	color: #fff;
}





.banner{
	margin-top: 130px;
}



section{
	padding: 100px 0;
}

section h2{
	margin: 0 0 15px;
	font-family: 'klavikamedium';
}

section p{
	margin-bottom: 25px;
	font-size: 18px;
	color: #656565;
	font-family: 'klavikalight';
	line-height: 27px;
}




#sobre{
	background: url(../images/bg-sobre.jpg) no-repeat left top;
	background-size: 100% auto;
}

#sobre h2{
	color: #0f7284;
	font-size: 48px;
}

#sobre img{
	border: 3px solid #e1e1e1;
}




#atuacao{
	background: #00212d;
	text-align: center;
}

#atuacao h2{
	margin-bottom: 45px;
	font-size: 65px;
	font-family: 'klavikamedium';
	color: #94c0d0;
	text-transform: uppercase;
}

#atuacao h2 span{
	display: block;
	font-family: 'klavika_rgregular';
	font-size: 45px;
	text-transform: initial;
}

#atuacao h3{
	font-family: 'klavika_rgregular';
	color: #94c0d0;
	text-transform: uppercase;
	font-size: 34px;
}




#midia h2{
	margin-bottom: 10px;
	font-size: 32px;
	font-family: 'klavika_rgregular';
	color: #0f7284;
}

#midia h2 span{
	font-size: 24px;
	font-family: 'klavikalight';
}

#midia h3{
	margin: 0 0 15px;
	font-family: 'klavikamedium';
	font-size: 48px;
	color: #0f7284;
	text-transform: uppercase;
}





#action{
	padding: 150px 0;
	background: url(../images/bg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}

#action h2{
	margin: 0;
	font-size: 52px;
	font-family: 'klavikalight';
	text-transform: uppercase;
	color: #fafafa;
}

#action .btn{
	padding: 30px 0;
	font-size: 26px;
	display: block;
	font-family: 'klavikalight';
	text-transform: uppercase;
	color: #fafafa;
	border: 2px solid #fff;
	border-radius: 10px;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#action .btn:hover{
	background: #fff;
	color: #0f7284;
}






footer{
	padding: 100px 0;
}

footer h6{
	font-family: 'klavika_rgregular';
	color: #0f7284;
	font-size: 26px;
}

footer p{
	margin-bottom: 5px;
	font-size: 16px;
	color: #656565;
	font-family: 'klavikalight';
	line-height: 24px;
}

footer p i{
	color: #0f7284;
	font-size: 22px;
	position: relative;
	top: 3px;
}

footer a.social{
	margin: 15px 5px 0 0;
	display: inline-block;
	color: #1c94ad;
	font-size: 28px;
}

footer a{
	color: #656565;
	font-family: 'klavikalight';
	font-size: 16px;
}




.sign p{
	color: #1c94ad;
	font-family: 'klavikalight';
	font-size: 12px;
}

.sign p img{
	opacity: 0.6;
}






.modal h4{
	font-family: 'klavika_rgregular';
    color: #0f7284;
    font-size: 26px;
}

.modal-header{
	padding: 15px 25px;
	border: none;
}


.modal-body{
	padding: 0 25px 20px;
	overflow: hidden;
}

.modal-body p{
	margin-bottom: 20px;
}

.modal-body label{
	font-family: 'klavika_rgregular';
    color: #555;
    font-size: 16px;
}

.modal-body textarea{
	resize: none;
}

.modal-body button.btn{
	padding: 5px 20px;
	font-family: 'klavika_rgregular';
    color: #0f7284;
    font-size: 32px;
	float: right;
	text-transform: uppercase;
    background: #eee;
    border-radius: 10px;
}

.modal-body button.btn:hover{
	background: #0f7284;
	color: #fafafa;
}


.modal-body .alert{
	margin: 20px 0 0;
}





/* Responsivo */

.navbar-toggle{
	background: #333;
	margin-top: 15px;
	margin-bottom: 15px;
}

.navbar-toggle .icon-bar{
	background: #fff;
}




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

	

}


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

	

}


@media (max-width: 767px) {

	
	
}


@media (max-width: 480px) {

	

}


@media (max-width: 375px) {

	

}