@font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat-Bold.otf);
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url(../fonts/Montserrat-Regular.otf);
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url(../fonts/Montserrat-Light.otf);
}

body { overflow-x: hidden; background: #f5f5f5; transition: all 1s ease; opacity: 0}

.slowly { 
	-webkit-animation-delay: 0.3s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.3s; 
    transition: all 0.3s ease;
}

.no-padding { padding: 0 !important; }

.no-padding-in > div{ padding: 0 !important }

.text { margin-top: 50px; }

.text p, .text time { color: #989898; font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 22px; margin-bottom: 10px; padding: 15px;}

.text time { font-family: 'Montserrat-Bold'; }

.max-size { min-width: 100%; min-height: 100%; }

a, a:hover, a:visited { color: inherit; }

header { position: relative; z-index: 999 }

footer nav ul { margin: 0; padding: 0 }

.text-sublime { position: relative; }
.text-sublime:after {
	position: absolute;
	content: "";
	height: 4px;
	background: #000;
	width: 30px;
	bottom: -10px;
	left: 0;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; overflow: hidden}

.navbar-default { 
	margin-bottom: 0;
	padding-bottom: 0;
	background-color: transparent !important; 
	border-color: transparent !important; 
}

.navbar-nav {
	background: #00a88e;	
	display: flex !important;
	margin-top: 40px;
	overflow: hidden;
}

@media (max-width: 768px) {
	.navbar-nav {
		display: block !important;
		text-align: center;
		margin: 0;		
	}
}

.navbar-default .navbar-toggle {
	border-color: #00a88e;
	background-color: #00a88e;
}

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

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	border-color: #006e4e;
	background-color: #006e4e;
}

.navbar-collapse { padding-left: 0 !important; padding-right: 0px; }

.navbar-default .navbar-nav a { 
	color: #fff !important;
	font-weight: bold;
	font-style: 13px;
	font-family: 'Montserrat-Bold';
}

@media (max-width: 1199px) {
	.navbar-default .navbar-nav a { 
		font-style: 11px !important;
	}

	.navbar .nav>li>a {
		padding: 10px 10px;
	}

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #fff !important;
}

.navbar-default .navbar-nav li:hover {
	transition: all 0.3s ease;
	background:#006e4e;
}

.area-logo { background:#00a88e; }

.custom-container { max-width: 1230px; margin: 0 auto; }

.custom-container .container-fluid { padding: 0 !important }

.info-top { background:#282828; color: #ffffff; padding: 40px 0 40px 25px ; font-family: 'Montserrat-Regular' !important;}

.info-top .social-media { float: left; margin-right: 15px; margin-left: 17px;}

.info-top .social-media i{ margin: 0 5px; font-size: 16px;}
.info-top .social-media .fa-facebook:hover { color: #3b5998; }
.info-top .social-media .fa-twitter:hover { color: #1da1f2; }

@media (max-width: 1199px) { 
	.info-top .social-media { float: left; margin-right: 10px; margin-left: 10px;}
}

.info-top .phones { float: right; font-size: 15px;}

.info-top .phones small { font-size: 10px; }

.info-top .phones, .info-top .address { box-sizing: border-box; padding-right:90px; text-align: right;}

@media (max-width: 1199px) {  
	.info-top .phones, .info-top .address { padding-right:40px; }	
}

.info-top .address { margin-top:30px; float: right; text-transform: uppercase; font-size: 13px; width: 100%; }

.banner-home { position: absolute; z-index: 1; background:#282828;  width: 100%; max-height: 826px; overflow: hidden; }

.banner-home .item img { max-width: 1259px; position: relative; float:left;}

.banner-home .item { position: relative; }

.banner-home .item .info { background: rgba(255, 255, 255, 0.7); padding:30px; position: absolute; z-index: 9; margin-left: -8px; max-width: 615px;  }

.banner-home .item h1 { font-size: 26px !important; color: #000; font-family: 'Montserrat-Bold';}

.banner-home .item p { font-size: 22px !important; color: #000; font-family: 'Montserrat-Regular';}

.banner-home .item h1, .banner-home .item button { text-transform: uppercase; }

.banner-home .item h1, .banner-home .item h2, .banner-home .item button { }

.banner-home .item button { background:#363636; border: 0; padding: 12px 18px; color: #fff; font-family: 'Montserrat-Regular'; font-size: 12px; margin-top: 10px}

.banner-home .owl-nav { position: absolute; background:#fff; z-index: 8 !important; width: 150px; height: 150px;}

.banner-home .owl-nav .owl-prev, .banner-home .owl-nav .owl-next { width: 12px; height: 12px; text-indent: -8888px; position: absolute; left: 50%; margin-left: -6px; cursor: pointer;}

.banner-home .owl-nav .owl-prev { background: url('../img/arrow-prev.jpg') no-repeat; top:30px;}

.banner-home .owl-nav .owl-next { background: url('../img/arrow-next.jpg') no-repeat; bottom: 30px;}

.banner-home .owl-carousel {max-width: 1259px;}

@media (max-width: 1099px) { 
	.banner-home .item .info {
		max-width: 350px;
		right: 0 !important;
		left: inherit !important;
	}
}

@media (max-width: 768px) {
	.banner-home .item .info {
		max-width: 200px !important;
		left: 0 !important;
		top: 50px !important;
		padding: 10px !important;
	}	
	.banner-home .item h1 {font-size: 12px !important;}
	.banner-home .item p { font-size: 10px !important; }
	.banner-home .item button { padding: 5px 10px !important; }
}

@media (max-width: 767px) {
	.banner-home {
		position: relative;
	}
}

.clearfix { height: 0 }

.banner-home .contadorDeDots { position: absolute; z-index: 9; top: 0; left: 0; font-family: 'Montserrat-Regular'; }

.banner-home .contadorDeDots::first-letter{ font-size: 18px; font-weight: bold }

.video-institucional { background: #00a88e; position: absolute; z-index: 2; width: 307px !important;}

@media (min-width: 1199px) {
	.video-institucional { width: 307px; left: 0; bottom: 0; }
}

.video-institucional img { display: block; margin: 0 auto; position: relative; top: 20%; cursor: pointer; z-index: 99}

.video-institucional p { display: block; text-align: center; position: relative; top: 25%; font-family: 'Montserrat-Regular'; color: #fff; text-transform: uppercase; line-height: 30px}

#content { position: relative; }

#content .custom-container .owl-item .item > div { padding: 0 !important; min-height: 308px }

.img-mask { overflow: hidden; padding: 0 !important;}

.img-mask img { max-width: 100% }

.custom-container { position: relative; }

#content .custom-container h1, #content .custom-container h2 { font-family: 'Montserrat-Bold'; }

#content .custom-container h1 { font-size: 28px }

#content .custom-container h2 { font-size: 18px }

#content .custom-container p { color:#a0a0a0; font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 24px; }

#content .content-banner { box-sizing: border-box; padding: 30px; }

.custom-container .owl-nav { position: absolute;  z-index: 8 !important; width: 150px; height: 150px; bottom: 80px; left: 80px;}

.custom-container .contadorDeDots { position: absolute; bottom: 130px; left: 140px; font-size: 18px; }

.custom-container .contadorDeDots::first-letter { font-size: 36px; font-weight: bold}

.custom-container .owl-nav .owl-prev, .custom-container .owl-nav .owl-next { width: 22px; height: 28px; text-indent: -8888px; position: absolute; left: 50%; margin-left: -6px; cursor: pointer;}

.custom-container .owl-nav .owl-prev { background: url('../img/arrow-left-big.jpg') no-repeat; top:20px; }

.custom-container .owl-nav .owl-prev:hover { background: url('../img/arrow-left-big-hover.jpg') no-repeat; }

.custom-container .owl-nav .owl-next { background: url('../img/arrow-right-big.jpg') no-repeat; bottom: 20px;}

.custom-container .owl-nav .owl-next:hover { background: url('../img/arrow-right-big-hover.jpg') no-repeat; }

.custom-container .owl-carousel {max-width: 1259px;}

.footer-home { width: 100% !important; background: green; margin-top: -2px; position: relative; z-index: 9999; display: grid; background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(right, #f3f3f3 43%, #00a88e 59%, #00a88e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(right, #f3f3f3 43%,#00a88e 59%,#00a88e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f3f3f3 43%,#00a88e 59%,#00a88e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#00a88e',GradientType=0 );}

.footer-home .custom-container > div, .helpers > div { height: 257px; overflow-x: hidden; overflow: hidden;}

.footer-home .custom-container > div img, .helpers > div img { display: block; margin: 0 auto; transform: translateY(50%); padding: 20px; }

.footer-home .custom-container > div p, .helpers > div p { text-align: center; padding: 45px; font-family: 'Montserrat-Regular'; font-size: 12px; }

.footer-home .custom-container > div:nth-child(1), .helpers > .yel, .helpers > .yel p { background: #ffe400; color: #333 !important}

.footer-home .custom-container > div:nth-child(2), .helpers > .blue { background: #2297d8; color: #fff; }

.footer-home .custom-container > div:nth-child(3), .helpers > .green { background: #00a88e;  position: relative; padding-left: 30px; color: #fff}

.blank-space { background: #282828; height: 310px !important; }

.footer-home > div input{ font-size: 18px; color: #fff; margin-top:120px; display: block; background: transparent; 
	border:0; border-bottom: 1px solid #fff; width: 525px; padding-bottom: 12px; 
	text-transform: uppercase; font-family: 'Montserrat-Regular' }

.helpers > div input { font-size: 12px; color: #fff; margin-top:120px; display: block; background: transparent; 
	border:0; border-bottom: 1px solid #fff; width: 100%; padding-bottom: 12px; 
	text-transform: uppercase; font-family: 'Montserrat-Regular' }

.footer-home ::-webkit-input-placeholder, .helpers ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
.footer-home ::-moz-placeholder, .helpers ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.footer-home :-ms-input-placeholder, .helpers :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}

.footer-home > div button { background: url('../img/icon-find.jpg') no-repeat; width: 24px; height: 29px; border:0; position: absolute; left: 520px;
    top: 120px;}

.helpers > div button { background: url('../img/icon-find.jpg') no-repeat; width: 24px; height: 29px; border:0; position: absolute; left: 235px;
    top: 120px;}

footer { width: 100%; display: inline-block; position: relative; line-height: 90px; bottom: 0; font-family: 'Montserrat-Regular';}

footer nav { float: right }

footer nav ul li { display: inline-block; color: #363636; font-family: 'Montserrat-Bold'; font-size: 18px; padding: 0 10px;}

footer .copyright { float: left; color: #9b9b9b; font-size: 12px;}

@media (max-width: 768px) {
	footer .copyright { text-align: center; width: 100%; }
}


#header-common { background: #282828; display: flex; background-size: 1259px 100% !important;}

.page-title { box-sizing: border-box; }

.page-title h1{ background: #f3f3f3; color: #363636; font-family: 'Montserrat-Regular'; text-transform: uppercase; padding: 20px 30px; display: inline-block; margin: 70px 0; }

@media (max-width: 991px) {
	.page-title h1 { margin: 20px; }
}

.big-title, .big-title-alternate { position: relative; background: #282828; color: #f5f5f5; font-family: 'Montserrat-Regular'; fbackground: #282828; /* Old browsers */
background: -moz-linear-gradient(left, #f3f3f3 43%, #282828 59%, #282828 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f3f3f3 43%,#282828 59%,#282828 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to left, #f3f3f3 43%,#282828 59%,#282828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#00a88e',GradientType=0 ); }

.big-title h1 { background: #282828; font-size: 52px; line-height: 70px; padding: 40px 0;}

@media (max-width: 991px) {
	.big-title h1 { font-size: 28px !important; text-align: center;}
}
.big-title-alternate time { color: #f5f5f5 }

.big-title-alternate p { color: #989898; }

.big-title-alternate .custom-container { background: #282828 !important;  padding: 40px 0}

.big-title-alternate .box { max-width: 75%; min-width: 75%; display: inline-block; padding: 20px; box-sizing: border-box;}

.big-title-alternate h1 { text-transform: uppercase; line-height: 50px; position: relative; margin-bottom: 30px;}

.big-title-alternate h1:after {
	position: absolute;
	content: "";
	height: 4px;
	background: #f5f5f5;
	width: 70px;
	bottom: -10px;
	left: 0;
}

.big-title-alternate .arrow-navigation { float: right; width: 25%; box-sizing: border-box; text-align: center; background: #282828; top: 0; bottom: 0}
 
.big-title-alternate .arrow-navigation #next { top:60px; position: relative; display: inline-block; top: 0 }

.big-title-alternate .arrow-navigation #prev { top: 180px; position: relative; display: inline-block; top: 0 }

.big-title-alternate .arrow-navigation p { padding: 0; color: #fff; font-family: "Montserrat-Regular"; font-size: 22px; margin: 40px 0;}

.big-title-alternate .arrow-navigation.services h2 { color: #bebebe; font-size: 16px; line-height: 20px; }

@media (max-width: 991px) {
	.big-title-alternate .box { width: 100% !important; text-align: center; max-width: inherit !important; }
	.big-title-alternate .arrow-navigation { float: none; margin: 0 auto; width: 100%; display: grid;}
	.big-title-alternate .arrow-navigation #next, .big-title-alternate .arrow-navigation #prev { position: relative; bottom: 10%; display: table-row;}
	.big-title-alternate .arrow-navigation #next { right: 20%; }
	.big-title-alternate .arrow-navigation #prev { left: 20%; }
	.big-title-alternate .arrow-navigation p { margin-top: 10px; }
}

#servicos h1 { color: #333538; font-size: 24px; font-family: 'Montserrat-Light'; text-align: center; line-height: 32px; hight: 300px; 
position: absolute; top: 50%; transform: translate(0, -50%); margin: 0 !important; padding:0 30px;}

.servicos > div, .content-main > article, .content-main > div {  height: 310px; position: relative; overflow:hidden;}

.helpers .arrow-navigation #next, .helpers .arrow-navigation #prev {  position: absolute; left: 0; right: 0; }

.helpers .arrow-navigation #next { top:20px; }

.helpers .arrow-navigation #prev { bottom: 80px; }

.helpers .arrow-navigation p { padding: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 50px; transform: translateY(50%); color: #fff;
 font-family: "Montserrat-Regular"; font-size: 22px; }

.helpers .arrow-navigation p big { font-size: 36px; top:8px; position: relative; }

.content-main article * { color: #333538; font-family: "Montserrat-Regular";}

.content-main article time { font-size: 14px; margin: 15px 0; display: block;}

.content-main article header { font-size: 16px; line-height: 20px; margin: 10px 0; display: block;}

.content-main article p { margin: 10px 0; line-height: 20px; height: 130px; overflow-x: hidden;}

.content-main article a { float: right;  } 

article .tags p { float: left; line-height: 10px; }

article .tags ul li{ color: #989898; font-family: "Montserrat-Regular"; display: inline-block; padding: 10px 15px; border: solid #989898 1px}

#contato .big-title-alternate .custom-container { padding: 0; }

#contato h1 { font-size: 28px; }

#contato h2 { font-size: 18px; color:#989898; text-transform: uppercase; line-height: 30px; }

#contato .box form input, #contato select, #contato textarea { background: #4f4f4f; color: #8d8d8e; border:1px solid #4f4f4f; width: 100%; height: 50px; margin: 10px 0; padding-left: 10px; }

#contato .box form input:focus, #contato select:focus, #contato textarea:focus { background-color: #333538; border:1px solid #4f4f4f;}

#contato textarea { height: 190px; resize: none; box-sizing: border-box; padding: 15px }

#contato form button { float: right; color: #363636; font-family: "Montserrat-Regular"; font-size: 12px; text-transform: uppercase; padding:10px 25px; margin-right: 15px;}

#contato .box { padding-bottom: 68px; }

.google-maps { height: 550px; margin-bottom: 100px; }

#contato .info > div { text-align: right; font-size: 36px; font-family: "Montserrat-Regular"; color: #333538 }

.helpers-contato {
	position: absolute;
    z-index: 9999;
}