/* =================================
------------------------------------
  Arcade - Architecture
  Version: 1.0
 ------------------------------------ 
 ====================================*/





/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
html,
body {
	height: 100%;
	font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #222222;
	margin: 0;
	margin-bottom: 10px;
	font-weight: 700;
}

h1 {
	font-size: 60px;
	margin-bottom: 40px;
	line-height: 65px;
}

h1 span {
	background: #00AFC7;
	padding: 0 10px;
	color: #222222;
	/*display: inline-block;*/
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 24px;
	margin-bottom: 30px;
}

h4 {
	font-size: 15px;
}

p {
	font-size: 17px;
	color: #404040;
	line-height: 22px;
}

@import url('http://fonts.cdnfonts.com/css/gotham'); 

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

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

ul,
ol {
	padding: 0;
	margin: 0;
}


/*------------------------
  Helper css
--------------------------*/
.sp-title {
	font-size: 55px;
	margin-bottom: 40px;
}

.sp-title span {
	background: #00AFC7;
	padding: 0 11%;
	color: #222222;
	display: inline-block;
	clip-path: polygon(16% 0%, 100% 0%, 86% 100%, 0% 100%);
}

.pt100 {
	padding-top: 100px;
}

.pb100 {
	padding-bottom: 100px;
}

.pt50 {
	padding-top: 50px;
}

.pb50 {
	padding-bottom: 50px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb80 {
	margin-bottom: 80px;
}

.spad {
	padding: 100px 0;
}

.section-title {
	margin-bottom: 75px;
}

.section-title h1,
.section-title h2 {
	display: inline-block;
	padding: 0 15px;
	font-size: 60px;
}

.set-bg {
	background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*------------------------
  Common element css
--------------------------*/
/*=== Preloder ===*/
#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #fff;
}

.loader {
	width: 30px;
	height: 30px;
	border: 3px solid #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	border-left-color: transparent;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
	}

@keyframes loader {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
.site-btn {
	display: inline-block;
	font-weight: 700;
	border: 4px solid;
	min-width: 200px;
	text-align: center;
	padding: 13px 0;
	position: relative;
	background-color: transparent;
	margin-right: 15px;
	z-index: 1;
}

.site-btn:after,
.site-btn:before {
	position: absolute;
	content: "";
	width: 26px;
	height: 4px;
	right: -15px;
	-webkit-transform: skew(335deg);
  transform: skew(335deg);
}

.site-btn:after {
	bottom: 8px;
}

.site-btn:before {
	bottom: 18px;
}

.site-btn.sb-light {
	color: #fff;
}

.site-btn.sb-light:after,
.site-btn.sb-light:before {
	background: #fff;
}

.site-btn.sb-dark {
	color: #222222;
}

.site-btn.sb-dark:hover {
	color: #FFF;
}

.site-btn.sb-dark:after,
.site-btn.sb-dark:before {
	background: #222222;
}

.site-btn:hover.sb-dark:after,
.site-btn:hover.sb-dark:before {
	background: #FFF;
}

.site-btn.sb-eleva {
	color: #222;
}

.site-btn.sb-eleva:hover {
	color: #00AFC7;
}

.site-btn.sb-eleva:after,
.site-btn.sb-eleva:before {
	background: #222;
}

.site-btn:hover.sb-eleva:after,
.site-btn:hover.sb-eleva:before {
	background: #00AFC7;
}

.site-btn.sb-whatsapp {
	color: #34af23;
}

.site-btn.sb-whatsapp:after,
.site-btn.sb-whatsapp:before {
	background: #34af23;
}

.site-btn.sb-solid-dark {
	background: #222;
	border-color: #222;
	color: #baff00;
}

.site-btn.sb-solid-dark:after,
.site-btn.sb-solid-dark:before {
	background: #baff00;
}

.element {
	margin-bottom: 100px;
}

/*===  Accordion ===*/
.accordion-area .panel {
	margin-bottom: 15px;
}

.accordion-area .panel-header {
	background: #f0f0f0;
	display: block;
	padding: 12px 50px;
	font-size: 14px;
	font-weight: 700;
	position: relative;
	-webkit-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
}

.accordion-area .panel-header.active {
	background: #baff00;
}

.accordion-area .panel-header.active .panel-link:after {
	content: "-";
}

.accordion-area .panel-header.active .panel-link.collapsed:after {
	content: "+";
}

.accordion-area .panel-link {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	background: #baff00;
	border: none;
	cursor: pointer;
}

.accordion-area .panel-body p {
	font-size: 14px;
	margin-bottom: 0;
	padding-top: 25px;
}

.accordion-area .panel-body {
	padding: 0 5px;
}

.accordion-area .panel-link:after {
	content: "+";
	position: absolute;
	left: 50%;
	font-size: 16px;
	font-weight: 700;
	top: 50%;
	line-height: 16px;
	margin-top: -8px;
	margin-left: -4px;
}

/*===  Tab  ===*/
.tab-element .nav-tabs {
	border-bottom: none;
	margin-bottom: 35px;
}

.tab-element .nav-tabs .nav-link {
	border: none;
	background: #f0f0f0;
	border-radius: 0;
	margin-right: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #222;
	padding: 15px 30px;
}

.tab-element .nav-tabs .nav-link.active {
	background: #baff00;
}

.tab-element .nav-tabs .nav-link.active,
.tab-element .nav-tabs .nav-link:hover {
	border: none;
}

.tab-element .tab-pane h4 {
	font-size: 18px;
	margin: 25px 0 20px;
}

.tab-element .tab-pane p {
	font-size: 14px;
}

/*===  Loader ===*/
.circle-progress {
	text-align: center;
	padding-top: 30px;
	display: inline-block;
}

.circle-progress .prog-circle {
	position: relative;
	margin-bottom: -155px;
}

.circle-progress .prog-circle:after {
	position: absolute;
	content: "";
	width: 177px;
	height: 177px;
	left: 9px;
	top: 9px;
	border-radius: 50%;
	border: 2px solid #fff;
	z-index: 1;
}

.circle-progress canvas {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.circle-progress .progress-info {
	width: 100%;
	border-radius: 150px;
	margin: 0 auto;
	padding-top: 22px;
}

.circle-progress .progress-info h2 {
	font-size: 48px;
}

.circle-progress .prog-title {
	text-align: center;
	margin-top: 100px;
}

.circle-progress .prog-title h3 {
	font-size: 18px;
	color: #727272;
}

.img-popup-warp .mfp-content {
	opacity: 0;
	-webkit-transform: scale(0.8);
	    -ms-transform: scale(0.8);
	        transform: scale(0.8);
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.img-popup-warp.mfp-ready .mfp-content {
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

/*----------------------------------------*/
/*  Header CSS
/*----------------------------------------*/
.header-area {
	position: absolute;
	z-index: 50;
	filter: drop-shadow(5px 5px 3px rgba(50,50,0,.5));
}
	.header-area:before {
    content: "";
    z-index: -1;
    position: absolute;
    width: 258px;
    top: -16px;
    left: -53px;
    height: 102px;
    background: #FFF;
    clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 15% 100%);
	}
		@media only screen and (min-width: 767px) and (max-width: 991px) {
			.header-area:before {
				width: 151px;
				left: -30px;
				height: 62px;
			}
		}
		@media (max-width: 576px) {
			.header-area:before {
				width: 150px;
				left: -7px;
    		height: 57px;
			}
		}

/*.logo-area {
	float: left;
	display: inline-block;
	background: #FFF;
	padding: 20px 60px 30px;
}*/

.phone-number {
	float: right;
	display: inline-block;
	padding: 5px 20px;
	background: #00AFC7;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: 30px;
	margin-right: 50px;
}
	.phone-number:before {
		content: "";
    position: absolute;
    z-index: -1;
    width: 230px;
    height: 32%;
    top: 30px;
    background: #00AFC7;
    right: 41px;
    -webkit-transform: skew(335deg);
    transform: skew(335deg);
	}
	.phone-number a {
		color: #222;
	}

/*.nav-switch {
	display: none;
}*/

/*.nav-menu {
	display: inline-block;
	float: right;
}

.nav-menu ul {
	list-style: none;
}

.nav-menu ul li {
	display: inline;
}

.nav-menu ul li a {
	display: inline-block;
	padding: 40px 10px 5px;
	text-transform: uppercase;
	margin-right: 30px;
	font-size: 14px;
	color: #103a5e;
	font-weight: 500;
	position: relative;
}

.nav-menu ul li a:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 0;
	left: 50%;
	margin-left: 1px;
	top: 0;
	background: #00AFC7;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.nav-menu ul li a:hover:after {
	height: 25px;
}

.nav-menu ul li.active>a:after {
	height: 25px;
}*/

/*---------------------------------------*/
/*  Hero Section CSS
/*----------------------------------------*/
.hero-section {
	height: 565px;
	background: #ededed;
	position: relative;
}

.left-bar {
	position: absolute;
	width: 100px;
	height: 100%;
	background: #00AFC7;
	z-index: 20;
}

.left-bar .left-bar-content {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
	margin-bottom: 90px;
}

.social-links a {
	display: block;
	color: #FFF;
	margin-bottom: 20px;
	font-size: 20px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.social-links a:hover {
	color: #103A5D;
}

.hero-right-text {
	position: absolute;
	right: 140px;
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	-webkit-transform-origin: right center;
	    -ms-transform-origin: right center;
	        transform-origin: right center;
	bottom: 86%;
	z-index: 30;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 9px;
}

.hero-slider .hero-slide-item {
	width: 100%;
	height: 565px;
	display: table;
}

@media(min-width: 1380px) {
	.hero-slider .hero-slide-item { 
		height: 700px; 
	}
	.hero-section {
		height: 600px;
	}
}

.hero-slider .hero-slide-item .slide-inner {
	background-color: rgba(0, 0, 0, .37);
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

	/*@media (min-width: 1025px) {
		.box_titulo_banner {
			width: 100%;
			min-height: 160px;
		}
		.box_subtitulo_banner {
			width: 100%;
			height: 60px;
			margin-bottom: 3.5rem;
		}
	}*/
	
.hero-slider .owl-nav {
	position: absolute;
	display: inline-block;
	left: 320px;
	bottom: 50px;
}

.hero-slider .owl-nav .owl-prev,
.hero-slider .owl-nav .owl-next {
	display: inline-block;
	margin-right: 30px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.hero-slider .owl-nav .owl-prev:hover,
.hero-slider .owl-nav .owl-next:hover {
	color: #103A5D;
}

.hero-slider .owl-nav .owl-prev i {
	margin-right: 5px;
}

.hero-slider .owl-nav .owl-next {
	margin-right: 0px;
}

.hero-slider .owl-nav .owl-next i {
	margin-left: 5px;
}

.slide-num-holder {
	width: 200px;
	height: 250px;
	position: absolute;
	right: 0;
	top: -40px;
	z-index: 111;
	text-align: right;
	padding-right: 21px;
	padding-top: 60px;
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		.slide-num-holder {
			width: 200px;
			height: 50px;
			top: 0;
			padding-top: 0;
			padding-right: 0;
			text-align: center;
		}
	}
.slide-num-holder span {
	font-size: 40px;
	color: #00AFC7;
	position: relative;
	top: 0;
	right: -9px;
}

.slide-content {
	float: left;
	/*margin-left: 230px;*/
	/*margin-bottom: 50px;*/
	/*padding-left: 190px;*/
	/*padding-top: 170px;*/
	/*padding-bottom: 70px;*/
	/*position: relative;*/
	opacity: 0;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.slide-content:before {
	z-index: 1;
	position: absolute;
  content: "";
  height: calc(100% + 10px);
  width: 135px;
  border-top: 265px solid #103A5D;
  border-left: 135px solid #103A5D;
  border-bottom: 265px solid #103A5D;
  top: -237px;
  left: 205px;
  opacity: 0.75;
  -webkit-transform: skew(19deg);
  transform: skew(19deg);
}

.slide-content:after {
	position: absolute;
  content: "";
  height: calc(100% + 10px);
  width: 132px;
  border-top: 265px solid #00AFC7;
  border-left: 132px solid #00AFC7;
  border-bottom: 265px solid #00AFC7;
  top: -237px;
  left: -20px;
  opacity: 0.73;
  -webkit-transform: skew(335deg);
  transform: skew(335deg);
  clip-path: polygon(0% 0%, 100% 31%, 100% 100%, 0% 100%);
}
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.slide-content:before {
			height: calc(70% + 10px);
	    width: 129px;
	    border-top: 0px solid #103A5D;
	    border-left: 110px solid #103A5D;
	    border-bottom: 0px solid #103A5D;
	    top: 80px;
	    left: 207px;
		}
		.slide-content:after {
			height: calc(70% + 10px);
	    width: 129px;
	    border-top: 0px solid #00AFC7;
	    border-left: 110px solid #00AFC7;
	    border-bottom: 0px solid #00AFC7;
	    top: 80px;
	    left: 41px;
	    clip-path: polygon(0px 0px, 130px 159px, 100px 500px, 0px 450px);
		}
	}
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		.slide-content:before {
			border-top: 0px solid #103A5D;
	    border-left: 107px solid #103A5D;
	    border-bottom: 0px solid #103A5D;
	    top: 47px;
	    left: 380px;
		}
		.slide-content:after {
			width: 85px;
	    border-top: 0px solid #00AFC7 !important;
	    border-left: 107px solid #00AFC7 !important;
	    border-bottom: 0px solid #00AFC7 !important;
	    top: 49px;
	    left: 211px;
	    clip-path: polygon(0 0, 110px 134px, 110px 450px, 0 450px);
		}
	}
	@media (max-width: 767px) {
		.slide-content:before {
			display: none;
		}
		.slide-content:after {
			display: none;
		}
	}

.slide-content h2 {
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 70px;
	line-height: 80px;
	bottom: 2rem;
}

.slide-content p {
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 17px;
	line-height: 30px;
	padding-right: 33%;
}

.site-btn.btn_banner_slide {
	top: 9rem;
}
	/*@media (max-width: 576px) {
		.slide-content p {
			padding-right: 0;
		}
	}*/

.owl-item.active .slide-content {
	opacity: 1;
}

/*----------------------------------------*/
/*  Intro Section CSS
/*----------------------------------------*/
.intro-text {
	padding-left: 55px !important; 
}

.intro-text p {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 25px;
}
	@media only screen and (min-width: 1492px) {
		.intro-text {
			margin-top: 100px; 
		}
	}

	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.intro-text p {
			font-size: 16px;
		}
	}

/*----------------------------------------*/
/*  Service Section CSS
/*----------------------------------------*/
.service-box {
	margin-bottom: 30px;
}

.service-box .sb-icon {
	margin-bottom: 30px;
	width: 100px;
	height: 125px;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-color: transparent;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.service-box .sb-icon .sb-img-icon {
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.service-box .sb-icon .sb-img-icon img {
	opacity: 0.2;
	max-height: 70px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.service-box .sb-icon::after {
	content: "";
    position: absolute;
    width: 115%;
    height: 100%;
    background: #fff;
    right: 20px;
    top: -94px;
    -webkit-transform: rotate( 335deg);
    	-ms-transform: rotate(-65deg);
    		transform: rotate(335deg);
}

.service-box .readmore {
	font-size: 12px;
	font-weight: 700;
	color: #222222;
	display: inline-block;
	padding: 2px 0;
	background-color: transparent;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.service-box:hover .sb-icon {
	background-color: #baff00;
}

.service-box:hover .sb-icon .sb-img-icon {
	left: 15px;
	margin-bottom: 5px;
}

.service-box:hover .sb-icon .sb-img-icon img {
	opacity: 1;
}

.service-box:hover .readmore {
	background-color: #FFF;
	padding: 2px 10px;
}

	@media (min-width: 1441px) {
		.caixa_servico {
			min-height: 734px;
		}
		.caixa_servico p {
			font-size: 2rem;
		}
	}

	@media (max-width: 768px) {
		.bloco-servico {
			display: flex; 
			flex-direction: column;
		}
		#a-img {
			order: 1;
		}
		#a-texto {
			order: 2;
		}	
		.alinhamento-servico {
			justify-content: center!important;
		}
	}
/*----------------------------------------*/
/*  CTA Section CSS
/*----------------------------------------*/
.cta-section {
	position: relative;
	margin-bottom: 100px;
	filter: drop-shadow(0px 9px 3px rgba(50,50,0,.5));
}

.cta-section:after {
	content: "";
	position: absolute;
	width: 70%;
	height: 100%;
	right: 0;
	top: 0;
	background: #222222;
	z-index: 2;
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.cta-section .cta-image-box {
	position: absolute;
	width: 75%;
	height: 100%;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	clip-path: polygon(0% 0%, 100% 0%, 61% 100%, 0% 100%);
}

.cta-section .container {
	position: relative;
	z-index: 9;
}

.cta-section .cta-content h2 {
	color: #fff;
}
	@media (max-width: 425px) {
		.cta-section .cta-content h2 {
			text-align: center;
		}

		.cta-section .cta-content p {
			text-align: justify;
		}
	}

.cta-section .cta-content p {
	font-size: 16px;
	line-height: 18px;
	color: #fff;
	margin-bottom: 30px;
}
	@media only screen and (min-width: 1467px) {
		.cta-section .cta-content p {
			font-size: 20px;
			line-height: 24px;
			color: #fff;
			margin-bottom: 30px;
		}
	}

	@media only screen and (min-width: 767px) and (max-width: 991px) {
		.cta-section .cta-content p {
			text-align: center;
			font-size: 20px;
			line-height: 24px;
		}
	}
.cta-section .cta-content .cta-img-icon {
	display: inline-block;
	height: 80px;
	position: relative;
	width: 50px;
	margin-right: 40px;
	margin-bottom: 30px;
}

.cta-section .cta-content .cta-img-icon:last-child {
	margin-right: 0;
}

.cta-section .cta-content .cta-img-icon img {
	position: absolute;
	left: 0;
	bottom: 0;
	max-height: 100%;
}
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		.btn-cta-home {
			text-align: center;
		}
	}

/*----------------------------------------*/
/*  Milestones Section CSS
/*----------------------------------------*/
.milestone {
	min-height: 110px;
	padding-left: 43px;
	padding-top: 25px;
	position: relative;
	margin-bottom: 65px;
}

.milestone h2 {
	margin-bottom: 0;
	font-size: 60px;
	display: inline-block;
	float: left;
	position: relative;
	z-index: 1;
}
	@media only screen and (min-width: 320px) and (max-width: 991px) {
		.milestone h2 {
			font-size: 45px;
		}

		.milestone p {
			font-size: 15px !important;
		}
	}

.milestone p {
	float: left;
	font-size: 20px;
	margin-top: 10px;
	margin-left: 65px;
	line-height: 1.5;
	position: relative;
	z-index: 1;
	font-weight: 500;
}

.milestone:after {
	position: absolute;
	content: "";
	width: 130px;
	height: 115px;
	left: 0;
	top: 0;
	background: #efefef;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.milestone:hover:after {
	background: #00AFC7;
}

/*----------------------------------------*/
/*  Projects Section CSS
/*----------------------------------------*/
.projects-filter-nav {
	list-style: none;
	text-align: right;
	margin-top: 20px;
}

.projects-filter-nav li {
	display: inline-block;
	margin-left: 25px;
	color: #747474;
	font-size: 18px;
	font-weight: 500;
	padding: 0 5px;
	cursor: pointer;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.projects-filter-nav li.btn-active {
	background: #00AFC7;
	color: #222222;
}

.projects-slider {
	padding: 0 40px;
	margin-top: 60px;
}
	@media (max-width: 767px) {
		.projects-slider {
			margin-top: 10px;
		}
	}

.projects-slider .single-project {
	height: 400px;
	width: 132%;
	background: #333;
	-o-transition: .8s;
	transition: .8s;
	-webkit-transition: .8s;
	-ms-transform: translateX(0);
	    transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1;
	clip-path: polygon(24% 0%, 100% 0%, 75% 100%, 0% 100%);
}
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		.projects-slider .single-project {
			height: 400px;
			width: 100%;
		}
	}
	@media only screen and (min-width: 421px) and (max-width: 767px) {
		.projects-slider .single-project {
			height: 300px;
			width: 78%;
			margin-left: 10%;
		}
	}
	@media (max-width: 420px) {
		.projects-slider .single-project {
			height: 300px;
			width: 100%;
		}
	}
.projects-slider .single-project .project-content {
	padding: 50px;
	height: 100%;
	background: rgba(0, 175, 199, 0.5);
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	opacity: 0;
}

.projects-slider .single-project .project-content h2 {
	color: #fff;
	font-weight: 500;
	position: relative;
	top: 20px;
	left: 19%;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}

.projects-slider .single-project .project-content p {
	color: #222;
	font-weight: 500;
	position: relative;
	top: 40px;
	left: 19%;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.projects-slider .single-project .seemore {
	position: absolute;
	right: 50px;
	bottom: 30px;
	background: #00AFC7;
	font-size: 14px;
	font-weight: 700;
	color: #222;
	right: 30%;
	display: inline-block;
	padding: 2px 8px;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.projects-slider .single-project:hover .project-content {
	opacity: 1;
}
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		.projects-slider .single-project .project-content {
			opacity: 1 !important;
		}
	}
	@media (max-width: 767px) {
		.projects-slider .single-project .project-content {
			opacity: 1 !important;
		}
	}

.projects-slider .single-project:hover .project-content h2,
.projects-slider .single-project:hover .project-content p {
	top: 0;
}

.projects-slider .single-project:hover .seemore {
	bottom: 50px;
}

.projects-slider .single-project.__loading {
	opacity: 0;
	-ms-transform: translateX(40px);
	    transform: translateX(40px);
	-webkit-transform: translateX(40px);
}

.projects-slider .owl-nav {
	text-align: right;
	max-width: 1170px;
	margin: 40px auto 0;
}

.projects-slider .owl-nav .owl-prev,
.projects-slider .owl-nav .owl-next {
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 700;
	color: #222222;
	letter-spacing: 1px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	padding: 0 5px;
}

.projects-slider .owl-nav .owl-prev:hover,
.projects-slider .owl-nav .owl-next:hover {
	background: #00AFC7;
}

.projects-slider .owl-nav .owl-prev i {
	margin-right: 5px;
}

.projects-slider .owl-nav .owl-next {
	margin-right: 0px;
}

.projects-slider .owl-nav .owl-next i {
	margin-left: 5px;
}

/*----------------------------------------*/
/*  Client Section CSS
/*----------------------------------------*/
.client-slider .single-brand {
	display: table;
	height: 80px;
	width: 100%;
}

.client-slider .single-brand a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.client-slider .single-brand a img {
	width: auto;
	margin: 0 auto;
	opacity: 0.2;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.client-slider .single-brand a:hover img {
	opacity: 1;
}

/*----------------------------------------*/
/*  Footer Section CSS
/*----------------------------------------*/
.footer-section {
	padding-top: 60px;
	border-top: 1px solid #c8c8c8;
	position: relative;
}

.footer-section h2 {
	margin-bottom: -8px;
	font-family: 'Gotham Black', sans-serif;
	color: #103a5e; 
	font-weight: 900;
}
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		.footer-section h2 {
			font-size: 22px;
		}
	}

.footer-section p {
	color: #222;
	font-size: 16px;
	line-height: 18px;
	text-align: justify;
	padding-right: 0.5rem!important;
}

.footer-section ul li{
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 8px;
}

.footer-section .copy span,
.footer-section .copy a {
	font-size: 14px;
	line-height: 17px;
}

	@media only screen and (min-width: 1441px) and (max-width: 2561px) {
		.footer-section p {
			font-size: 20px;
			line-height: 24px;
		}
		.footer-section ul li{
			font-size: 20px;
			line-height: 24px; 
			margin-bottom: 8px;
		}

		.footer-section .copy img {
			width: 35px;
		}
		
		.footer-section .copy span,
		.footer-section .copy a {
			font-size: 15px;
			line-height: 17px;
		}
	}

.footer-section .copyright {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 60px;
	color: #737373;
}

.footer-section .footer-social {
	position: fixed;
	width: 52px;
	text-align: center;
	right: 0px;
	bottom: 4%;
	padding-top: 20px;
	background: #00afc7;
	z-index: 999;
}

.footer-item ul {
	list-style: none;
}
	@media (max-width: 767px) {
		.footer-item h2 {
			text-align: center;
			font-size: 33px;
		}
		.footer-item ul {
			text-align: center;
		}
	}

.footer-item ul li {
	display: block;
	margin-bottom: 10px;
}

.footer-item ul li a {
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	color: #222222;
	padding: 0 5px;
}

.footer-item ul li a:hover {
	background: #00afc7;
}

.footer-item img {
		width: 230px;
	}

@media only screen and (min-width: 1441px) and (max-width: 2561px) {
	.footer-item img {
		width: 280px;
	}
}
.icones {
  margin: 28px 0 0;
  text-align: center;
}
.icones a {
	font-size: 20px;
	margin: 2px;
	background: #00afc7;
	padding: 10px 8px;
	color: #FFF;
	border-radius: 2px;
}
	@media (min-width: 768px) {
		.icones {
			display: none;
		}
	}
	
/*----------------------------------------*/
/*  Other pages CSS
/*----------------------------------------*/
.page-header-section {
	height: 410px;
	padding-top: 170px;
	background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.page-header-section .header-title {
	font-size: 82px;
	color: #fff;
}

.page-header-section .header-title span {
	background: none;
	color: #baff00;
}

/*----------------------------------------*/
/*  About page CSS
/*----------------------------------------*/
.testimonials-section {
	position: relative;
	margin: 60px 0;
}

.testimonials-section h1 {
	color: #fff;
}

.testimonials-section:after {
	content: "";
	position: absolute;
	width: 67%;
	height: 100%;
	right: 0;
	top: 0;
	background: #222222;
	z-index: 2;
}

.testimonials-section .testimonials-image-box {
	position: absolute;
	width: 50%;
	height: calc(100% + 120px);
	left: 0;
	top: -60px;
	background-image: url("../img/cta-img.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.testimonials-section .container {
	position: relative;
	z-index: 9;
}

.testimonials-section .qut {
	color: #baff00;
	font-size: 36px;
	margin-bottom: 20px;
}

.ts-item p {
	color: #fff;
	font-style: italic;
	margin-bottom: 50px;
}

.ts-item h4 {
	font-size: 15px;
	font-weight: 400;
	color: #baff00;
	margin-bottom: 0;
}

.ts-item span {
	font-size: 12px;
	color: #fff;
}

.team-member {
	padding-right: 67px;
	position: relative;
}

.team-member img {
	min-width: 100%;
}

.team-member .member-info {
	position: absolute;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 230px;
	background: #fff;
	bottom: 37px;
	right: 0;
	-webkit-box-shadow: 6px 7px 20px rgba(114, 114, 114, 0.21);
	        box-shadow: 6px 7px 20px rgba(114, 114, 114, 0.21);
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.team-member .member-info h2 {
	font-size: 30px;
	margin-bottom: 0;
}

.team-member .member-info p {
	color: #222222;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 0;
}

.team-member:hover .member-info {
	background: #baff00;
	-webkit-box-shadow: 0px 0px 0px rgba(114, 114, 114, 0.21);
	        box-shadow: 0px 0px 0px rgba(114, 114, 114, 0.21);
}

.promo-section {
	padding-top: 70px;
	padding-bottom: 75px;
}

.promo-text h1 {
	margin-bottom: 20px;
	font-size: 50px;
}

.promo-text p {
	font-size: 20px;
	font-weight: 500;
	color: #222;
	margin-bottom: 0;
}

.slide-num-holder.test-slider {
	right: auto;
	left: 100%;
	bottom: -160px;
	width: 160px;
	height: 230px;
	padding-right: 30px;
	padding-top: 80px;
}

/*----------------------------------------*/
/*  Service page CSS
/*----------------------------------------*/
.service-slider {
	position: relative;
}

.service-slider .owl-controls {
	position: absolute;
	height: 100%;
	width: 14px;
	left: 0;
	top: 0;
	display: -ms-grid;
	display: grid;
}

.service-slider .owl-dots {
	display: table-cell;
	vertical-align: middle;
}

.service-slider .owl-dots .owl-dot {
	width: 14px;
	height: 13px;
	margin-bottom: 10px;
	background: #e8e8e8;
}

.service-slider .owl-dots .owl-dot.active {
	background: #baff00;
}

.service-text h2 {
	font-size: 30px;
	margin-bottom: 30px;
}

.service-text p {
	margin-bottom: 50px;
}

.service-text ol {
	list-style: none;
}

.service-text ol li {
	font-size: 20px;
	font-weight: 700;
	color: #727272;
	margin-bottom: 20px;
}

.solid-service-box {
	text-align: center;
	background: #fff;
	padding: 50px 30px;
	-webkit-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
}

.artigo.solid-service-box {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.solid-service-box h2 {
	font-size: 48px;
	color: #727272;
	margin-bottom: 20px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.solid-service-box h3 {
	margin-bottom: 20px;
}

.solid-service-box p {
	color: #222;
	font-size: 16px;
	margin-bottom: 20px;
}
	.solid-service-box p:hover {
		color: #FFF;
	}

.solid-service-box .readmore {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #222;
	opacity: 0;
	visibility: hidden;
	position: relative;
	bottom: -20px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.solid-service-box:hover {
	background: #00afc7;
}

.solid-service-box:hover h2 {
	color: #222;
}

.solid-service-box:hover .readmore {
	visibility: visible;
	opacity: 1;
	bottom: 0;
}

.promo-box {
	width: 1383px;
	margin: 0 auto;
	padding: 40px 0;
}

.promo-box .promo-text h1,
.promo-box .promo-text p {
	color: #fff;
}

	/*@media only screen and (min-width: 992px) and (max-width: 1199px)*/

	@media only screen and (min-width: 768px) and (max-width: 1440px) {
		.imagem_servico img {
			width: 724px;
			height: 444px;
			object-fit: cover;
		}
	}


/*----------------------------------------*/
/*  Blog page CSS
/*----------------------------------------*/
.blog-post {
	margin-bottom: 120px;
}

.blog-post .thumb {
	padding: 25px;
	position: relative;
}

.blog-post .thumb:after {
	position: absolute;
	content: "";
	width: 100%;
	height: calc(100% - 100px);
	top: 0;
	left: 0;
	background: #f0f0f0;
	z-index: -1;
	-webkit-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
}

.blog-post .post-date {
	font-size: 14px;
	font-weight: 700;
	color: #222;
	display: inline-block;
	background: #baff00;
	padding: 4px 15px;
	margin-bottom: 20px;
}

.blog-post h2 {
	font-size: 30px;
}

.blog-post h2 a {
	color: #222;
}

.blog-post p {
	margin-bottom: 0;
}

.blog-post .post-meta {
	margin-bottom: 40px;
}

.blog-post .post-meta a {
	color: #727272;
	font-size: 12px;
	margin-right: 10px;
}

.blog-post .post-meta a i {
	font-size: 16px;
	margin-left: 5px;
}

.blog-post:hover .thumb:after {
	background: #baff00;
}

.pagination {
	display: inline-block;
	padding: 20px 30px;
	background: #222;
	border-radius: 0;
}

.pagination a {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.pagination a.active {
	font-size: 48px;
	color: #baff00;
}

.search {
	position: relative;
}

.widget-area {
	margin-bottom: 80px;
}

.widget-area .widget-title {
	font-size: 22px;
	margin-bottom: 40px;
}

.widget-area .search input {
	width: 100%;
	background: #f0f0f0;
	border: none;
	font-size: 12px;
	padding: 10px;
	padding-right: 35px;
	font-style: italic;
}

.widget-area .search button {
	position: absolute;
	right: 0;
	top: 0;
	background: none;
	border: none;
	color: #838383;
	height: 100%;
	width: 40px;
}

.widget-area ul {
	list-style: none;
}

.widget-area ul li a {
	font-size: 15px;
	display: inline-block;
	margin-bottom: 15px;
	font-weight: 500;
	color: #727272;
	padding: 3px 10px;
	padding-left: 25px;
	position: relative;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.widget-area ul li a:after {
	position: absolute;
	content: "+";
	color: #838383;
	left: 5px;
	top: 3px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.widget-area ul li a:hover {
	background: #baff00;
	color: #222;
}

.widget-area ul li a:hover:after {
	color: #222;
}

.widget-area ul li:last-child a {
	margin-bottom: 0;
}

.widget-area .rp-widget .rp-widget-item {
	margin-bottom: 30px;
	overflow: hidden;
}

.widget-area .rp-widget .rp-widget-item:last-child {
	margin-bottom: 0;
}

.widget-area .rp-widget .thumb {
	width: 68px;
	height: 68px;
	float: left;
	margin-right: 30px;
	background: #ddd;
	display: block;
}

.widget-area .rp-widget .rp-content {
	padding-left: 98px;
}

.widget-area .rp-widget h4 {
	line-height: 1.5;
	margin-bottom: 0;
}

.widget-area .rp-widget p {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0;
}

.widget-area .quote-widget span {
	font-size: 47px;
	font-style: italic;
	color: #727272;
}

.widget-area .quote-widget p {
	font-style: italic;
	margin-bottom: 0;
	font-size: 13px;
}

.widget-area .instagram-widget {
	padding-top: 30px;
}

.widget-area .instagram-widget a {
	display: block;
	overflow: hidden;
	width: 33.33333%;
	float: left;
	position: relative;
}

.widget-area .instagram-widget a:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #baff00;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.widget-area .instagram-widget a:before {
	position: absolute;
	content: "+";
	color: #fff;
	font-weight: 500;
	text-align: center;
	font-size: 36px;
	line-height: 36px;
	width: 20px;
	top: 50%;
	margin-top: -13px;
	left: 50%;
	margin-left: -10px;
	text-shadow: 0 0 20px #999;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 2;
}

.widget-area .instagram-widget a:hover:after,
.widget-area .instagram-widget a:hover:before {
	opacity: 1;
}

.widget-area .instagram-widget a img {
	min-width: 100%;
}

/*----------------------------------------*/
/*  Contact page CSS
/*----------------------------------------*/
.cf-social {
	margin-top: 50px;
}

.cf-social a {
	color: #222;
	margin-right: 25px;
}

.contact-form {
	padding-top: 10px;
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	font-size: 13px;
	border: none;
	background: #f0f0f0;
	padding: 15px 20px;
	margin-bottom: 20px;
}

.contact-form textarea {
	height: 200px;
	margin-bottom: 30px;
}

.contact-form ::-webkit-input-placeholder {
	font-style: italic;
}

.contact-form :-ms-input-placeholder {
	font-style: italic;
}

.contact-form ::-ms-input-placeholder {
	font-style: italic;
}

.contact-form ::placeholder {
	font-style: italic;
}

.map-area {
	height: 685px;
	width: 100%;
	display: block;
	background: #f0f0f0;
	margin-bottom: 2px;
}

/*----------------------------------------*/
/*  Portfolio page CSS
/*----------------------------------------*/
.portfolio-filter {
	list-style: none;
}

.portfolio-filter li {
	display: inline-block;
	margin-right: 40px;
	font-size: 14px;
	color: #222;
	cursor: pointer;
	font-weight: 500;
}

.portfolio-filter li.active {
	text-decoration: underline;
	-webkit-text-decoration-color: #2046f2;
	        text-decoration-color: #2046f2;
}

.portfolio-warp {
	display: block;
	overflow: hidden;
}

.portfolio-warp .grid-item {
	width: 20%;
	background-position: center;
}

.portfolio-warp .grid-item:after {
	content: '';
	display: block;
	clear: both;
}

.portfolio-warp .grid-item.grid-wide,
.portfolio-warp .grid-item.grid-long {
	width: 40%;
}

.portfolio-warp .grid-item a {
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(186, 255, 0, 0.45);
	opacity: 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.portfolio-warp .grid-item a:after {
	position: absolute;
	content: "+";
	left: 50%;
	top: 60%;
	width: 48px;
	margin-left: -24px;
	margin-top: -24px;
	color: #fff;
	font-size: 48px;
	line-height: 48px;
	text-align: center;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.portfolio-warp .grid-item:hover a {
	opacity: 1;
}

.portfolio-warp .grid-item:hover a:after {
	top: 50%;
}

.portfolio-warp .grid-sizer {
	width: 20%;
}

/* ===========================
  Responsive
==============================*/
@media only screen and (max-width: 1477px) {
	.slide-num-holder.test-slider {
		left: auto;
		right: 0;
	}
}

@media only screen and (max-width: 1400px) {
	.promo-box {
		width: 100%;
	}
}

/* Medium screen : 992px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slide-content {
		float: none;
	}
	.slide-content:before {
		display: none;
	}
	.slide-content:after {
		display: none;
	}
	.phone-number {
		margin-right: 30px;
	}
	/*.nav-menu ul li a {
		margin-right: 20px;
	}*/
	.slide-content {
		/*margin-left: 220px;*/
		padding-left: 0;
	}
	.milestone p {
		margin-left: 10px;
		font-size: 17px;
	}
	.milestone h2 {
		font-size: 55px;
	}
	.milestone:after {
		width: 90px;
		height: 90px;
	}
	.slide-num-holder {
		right: 20px;
	}
	.hero-right-text {
		right: 100px;
	}
}

/* Tablet :768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/*.logo-area {
		padding: 20px 40px 30px;
	}*/
	.slide-content {
		margin-left: -50px;
		/*margin-bottom: 50px;*/
		padding-left: 80px;
		padding-top: 0px;
		/*padding-bottom: 70px;*/
	}
	.slide-content h2 {
		font-size: 60px;
		line-height: 60px;
	}
	.slide-content:after {
		border-top: 100px solid #103A5D;
		border-left: 100px solid #103A5D;
		border-bottom: 60px solid #103A5D;
	}
	.hero-slider .owl-nav {
		left: 170px;
	}
	.slide-num-holder {
		right: 20px;
	}
	.hero-right-text {
		display: none;
		/*bottom: 70%;
		right: 100px;*/
	}
	/*.nav-menu ul li a {
		margin-right: 5px;
		font-size: 13px;
		padding: 37px 7px 5px;
	}*/
	.phone-number {
		font-size: 12px;
		margin-right: 10px;
	}
	.team-member {
		margin-bottom: 30px;
	}
	.portfolio-warp .grid-item {
		width: 50%;
	}
	.portfolio-warp .grid-item.grid-wide,
	.portfolio-warp .grid-item.grid-long {
		width: 50%;
	}
	.portfolio-warp .grid-sizer {
		width: 50%;
	}
	.solid-service-box {
		margin-bottom: 30px;
	}
	.cta-section {
		background: #222;
		margin-bottom: 0;
	}
	.testimonials-section {
		background: #222;
		margin: 0;
	}
	.testimonials-image-box,
	.testimonials-section:after,
	.cta-image-box,
	.cta-section:after {
		display: none;
	}
	.hero-section,
	.hero-slider .hero-slide-item {
		height: 600px;
	}
	.milestone,
	.solid-service-box {
		margin-bottom: 30px;
	}
	.footer-section .footer-social {
		width: 52px;
		bottom: 4%;
		right: 17%;
		padding-top: 4px;
		margin-right: -133px;
	}
	.footer-section .social-links a {
		display: inline-block;
		padding: 0 15px;
		margin-bottom: 0;
	}
	.projects-filter-nav {
		text-align: left;
	}
	.projects-filter-nav li {
		margin-left: 0;
		margin-right: 15px;
	}
	.footer-section .copyright {
		position: relative;
		width: 100%;
		max-width: 720px;
		margin: 40px auto 0;
		left: 0;
		top: 0;
		margin-bottom: -50px;
		padding-left: 15px;
	}
}

/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
	h1,
	.sp-title {
		font-size: 45px;
	}
	.page-header-section .header-title {
		font-size: 52px;
	}
	.left-bar {
		width: 70px;
	}
	.slide-content:after,
	.hero-right-text,
	.phone-number {
		display: none;
	}
	/*.nav-switch {
		position: absolute;
		right: 20px;
		font-size: 30px;
		color: #fff;
		top: 20px;
		display: block;
	}*/
	/*.nav-menu {
		position: absolute;
		width: calc(100% - 90px);
		left: 80px;
		background: #121212;
		top: 100%;
		margin-top: 11px;
		display: none;
	}
	.nav-menu ul li a {
		display: block;
		padding: 16px 21px;
		border-bottom: 1px solid #202020;
		margin-right: 0;
	}
	.nav-menu ul li a:after {
		left: 20px;
	}
	.nav-menu ul li.active>a:after,
	.nav-menu ul li a:hover:after {
		height: 10px;
	}*/
	.hero-section {
		height: auto;
	}
	/*.hero-slider .hero-slide-item {
		padding: 150px 0;
		height: auto;
	}*/
	.slide-content h2 {
		font-size: 60px;
		line-height: 60px;
	}
	.hero-slider .owl-nav {
		padding-left: 70px;
		width: 100%;
		text-align: center;
		left: 0;
	}
	.slide-content {
		margin-left: 70px;
		padding: 0;
		text-align: center;
	}
	.slide-num-holder,
	.slide-num-holder.test-slider {
		display: none;
		/*right: 0;
		height: 75px;
		width: 136px;
		padding-top: 18px;*/
	}
	.slide-num-holder span,
	.slide-num-holder.test-slider span {
		font-size: 40px;
	}
	.slide-num-holder.test-slider {
		bottom: -135px;
	}
	.team-member {
		margin-bottom: 30px;
	}
	.portfolio-warp .grid-item {
		width: 50%;
	}
	.portfolio-warp .grid-item.grid-wide,
	.portfolio-warp .grid-item.grid-long {
		width: 50%;
	}
	.portfolio-warp .grid-sizer {
		width: 50%;
	}
	.cta-section {
		background: #222;
		margin-bottom: 0;
	}
	.testimonials-section {
		background: #222;
		margin: 0;
	}
	.testimonials-image-box,
	.testimonials-section:after,
	.cta-image-box,
	.cta-section:after {
		display: none;
	}
	.milestone,
	.solid-service-box {
		margin-bottom: 30px;
	}
	.projects-filter-nav {
		text-align: left;
	}
	.footer-section .footer-social {
		display: none;
		/*width: auto;
		top: -25px;
		right: 50%;
		padding: 10px;
		margin-right: -133px;*/
	}
	.footer-section .social-links a {
		display: inline-block;
		padding: 0 15px;
		margin-bottom: 0;
	}
	.footer-section .copyright {
		position: relative;
		width: 100%;
		max-width: 720px;
		margin: 40px auto 0;
		left: 0;
		top: 0;
		margin-bottom: -50px;
		padding-left: 15px;
		text-align: center;
	}
	.footer-item {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
	.left-bar {
		display: none;
	}
	.hero-slider .owl-nav {
		padding-left: 0;
	}
	.slide-content {
		margin-left: 0;
		/*padding: 0 15px;*/
		/*margin-top: -8rem;*/
	}
	.slide-content p {
		padding-right: 0;
		text-align: -webkit-left;
	}
	.site-btn.btn_banner_slide {
		top: 7rem;
	}
	.slide-content h2 {
		font-size: 35px;
		line-height: 1.5;
		text-align: -webkit-left;
		margin-bottom: -2.7rem;
	}
	.portfolio-warp .grid-item {
		width: 100%;
	}
	.portfolio-warp .grid-item.grid-wide,
	.portfolio-warp .grid-item.grid-long {
		width: 100%;
	}
	.portfolio-warp .grid-sizer {
		width: 100%;
	}
	.projects-slider {
		padding: 0 15px;
	}
}
@media only screen and (min-width: 376px) and (max-width: 425px) {
	.left-bar {
		display: none;
	}
	.hero-slider .owl-nav {
		padding-left: 0;
	}
	.slide-content {
		margin-left: 0;
		/*padding: 0 15px;*/
		/*margin-top: -8rem;*/
	}
	.slide-content p {
		padding-right: 0;
		text-align: -webkit-left;
	}
	.site-btn.btn_banner_slide {
		top: 11rem;
    left: 34%;
	}
	.slide-content h2 {
		font-size: 35px;
		line-height: 1.5;
		text-align: -webkit-left;
	}
	.portfolio-warp .grid-item {
		width: 100%;
	}
	.portfolio-warp .grid-item.grid-wide,
	.portfolio-warp .grid-item.grid-long {
		width: 100%;
	}
	.portfolio-warp .grid-sizer {
		width: 100%;
	}
	.projects-slider {
		padding: 0 15px;
	}
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
	/*.logo-area {
		padding: 20px 30px 30px;
	}*/
	/*.header-area {
		background: #121212;
		padding-right: 66px;
	}*/
	/*.nav-menu {
		width: 100%;
		left: 0;
		margin-top: 0;
		border-top: 2px solid;
	}*/
	.left-bar {
		display: none;
	}
	.hero-slider .owl-nav {
		padding-left: 0;
	}
	.slide-content {
		margin-left: 0;
		/*padding: 0 15px;*/
		/*margin-top: -8rem;*/
	}
	.slide-content p {
		padding-right: 0;
		text-align: -webkit-left;
	}
	.site-btn.btn_banner_slide {
		top: 11rem;
    left: 20%;
	}
	.slide-content h2 {
		font-size: 35px;
		line-height: 1.5;
		text-align: -webkit-left;
	}
	.portfolio-warp .grid-item {
		width: 100%;
	}
	.portfolio-warp .grid-item.grid-wide,
	.portfolio-warp .grid-item.grid-long {
		width: 100%;
	}
	.portfolio-warp .grid-sizer {
		width: 100%;
	}
	.projects-slider {
		padding: 0 15px;
	}
}
@media (max-width: 320px) {
	.site-btn.btn_banner_slide {
		left: 10%;
	}
}


/* ==== home institucional ==== */
.intro-about {
	filter: drop-shadow(5px 9px 3px rgba(50,50,0,.5));
}

.intro-about img {
	width: 445px;
	height: 430px;
	object-fit: cover;
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		.intro-about img  {
			width: 300px;
    	height: 300px;
		}
	}
	@media only screen and (max-width: 479px) {
		.intro-about img {
			width: 100%;
			height: 300px;
		}
	}

.box-intro:before {
  content: "";
  position: absolute;
  width: 445px;
	height: 430px;
  right: 150px;
  top: 43px;
  background: #00AFC7;
  z-index: 0;
  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.box-intro:before {
			width: 360px;
	    height: 420px;
	    right: 2px;
    	top: 50px;
	    clip-path: polygon(23% 0%, 100% 0%, 75% 100%, 0% 100%);
		}
	}

	@media only screen and (min-width: 767px) and (max-width: 991px){
		.box-intro:before{
			max-width: 285px;
			max-height: 300px;
			left: 44px;
			right: 0;
			top: 43px;
		}
	}
	@media only screen and (min-width: 421px) and (max-width: 767px) {
		.box-intro:before {
			width: 388px;
			height: 310px;
    	right: 0;
		}
	}
		@media only screen and (min-width: 321px) and (max-width: 420px) {
		.box-intro:before {
			width: 320px;
	    height: 300px;
	    right: 5px;
	    clip-path: polygon(25% 0%, 100% 0%, 73% 100%, 0% 100%);
		}
	}
	@media only screen and (max-width: 320px) {
		.box-intro:before {
			width: 290px;
    	height: 300px;
    	right: 0;
		}
	}



/* ==== home institucional ==== */
.line-product {
	padding-right: 67px;
	position: relative;
}
	@media only screen and (max-width: 479px) {
		.line-product {
			margin-bottom: 6rem;
		}
	}

.line-product img {
	min-width: 480px;
	height: 100%;
	min-height: 410px;
	object-fit: cover;
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		#institucional h2 {
			font-size: 34px;
		}
		#institucional p {
			font-size: 14px;
		}
		.line-product img {
			min-width: 310px;
			min-height: 320px;
		}
	}
	@media only screen and (max-width: 479px) {
		.line-product img {
			min-width: 284px;
			min-height: 348px;
		}
	}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.service-box-content {
		margin-left: 15px;
	}
}
.product-destaque img {
  position: absolute;
  bottom: -90px;
  left: 0; 
}
	@media only screen and (max-width: 479px) {
		.product-destaque img {
			bottom: 10px;
		}
	}

.line-product .line-info {
	position: absolute;
	padding-left: 24px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 250px;
	background: #fff;
	bottom: 80px;
	right: 0;
	-webkit-box-shadow: 6px 7px 20px rgba(114, 114, 114, 0.21);
	box-shadow: 6px 7px 20px rgba(114, 114, 114, 0.21);
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.line-product .line-info h2 {
	font-size: 30px;
	margin-bottom: 0;
}

.line-product .line-info p {
	color: #222222;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 0;
}

.line-product:hover .line-info {
	background: #00AFC7;
	-webkit-box-shadow: 0px 0px 0px rgba(114, 114, 114, 0.21);
	box-shadow: 0px 0px 0px rgba(114, 114, 114, 0.21);
}
	@media (max-width: 767px) {
		.line-product[disabled]:hover {
			background: #00AFC7;
		}
	}

/* ==== interna institucional ==== */
.intro-section .sobre img {
  object-fit: cover;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.sobre-titulo h2 {
	font-size: 60px;
	font-weight: 700;
}

.sobre-section {
	position: relative;
	margin-bottom: 100px;
	filter: drop-shadow(0px 9px 3px rgba(50,50,0,.5));
}

.sobre-section:after {
	content: "";
	position: absolute;
	width: 70%;
	height: 100%;
	right: 0;
	top: 0;
	background: #f9f9f9;
	z-index: 2;
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.sobre-section .sobre-image-box {
	position: absolute;
	width: 75%;
	height: 100%;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	clip-path: polygon(0% 0%, 100% 0%, 61% 100%, 0% 100%);
}

.sobre-section .container {
	position: relative;
	z-index: 9;
}

.sobre-section .sobre-content {
	text-align: start;
}

.sobre-section .sobre-content h2,
.sobre-section .sobre-content h3 {
	color: #222;
}

.sobre-section .sobre-content h3 {
	color: #00afc7;
}

.sobre-section .sobre-content p {
	color: #222;
	margin-bottom: 30px;
} 

@media only screen and (min-width: 1441px) and (max-width: 2961px) {
	.sobre-drescricao p {
		font-size: 30px;
		line-height: 30px;
	}
	.milestone p {
		font-size: 32px;
		line-height: 32px;
	}
	.sobre-section .sobre-content p,
	.promo-text p,
	.site-btn.sb-dark {
		font-size: 20px;
		line-height: 22px;
	}
}

	.sobre-section .sobre-content p,
	.promo-text p,
	.site-btn.sb-dark {
		font-size: 16px;
		line-height: 18px;
	}

@media only screen and (min-width: 320px) and (max-width: 991px) {
	.intro-section {
		padding-bottom: 0;
	}
	.sobre-section {
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.sobre-titulo h2 {
		font-size: 50px;
	}
	.sobre-drescricao p {
		font-size: 16px;
	}
	.sobre-section .sobre-image-box {
		position: relative;
	}
	.sobre-section:after {
		display: none;
	}
	.sp-title {
		font-size: 50px;
	}
	.milestones-section {
		padding-bottom: 1.5rem;
	}
}

/* ==== blog home ==== */
.service-box-section img {
	width: 100%;
	/*max-width: 350px;*/
	height: 100%;
	height: 200px;
	object-fit: cover;
}
	@media (min-width: 1441px) { 

		.pt100 {
	    padding-top: 100px;
		}

		.pb50{
			padding-bottom: 100px;
		}

		.solid-service-box{
			height: 300px;
		}

		.service-box-section img {
			width: 100%;
			height: 320px;
			object-fit: cover;
		}
		.solid-service-box h3 {
			font-size: 1.6rem;
			line-height: 1.8rem;
		}
		.solid-service-box p {
			font-size: 20px;
			line-height: 24px;
		}
	}
	@media only screen and (min-width: 421px) and (max-width: 767px) {
		.service-box-section img {
			max-width: 100%;
		}
	}
.service-box-section .artigo a {
	padding: 10px;
}

.artigo.service-box img {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 8px;
}

/* ==== interna contato ==== */
.btn-contato {
	background: transparent;
	display: inline-block;
	padding: 6px 10px 5px;
	text-transform: uppercase;
	margin-right: 30px;
  font-size: 14px;
  color: #103a5e;
  font-weight: 500;
  position: relative;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 90% !important;
	}
}

.btn-envio {
	background: #103a5e;
	color: #FFF;
}

.modal-header,
.modal-footer {
	background: #103a5e;
}

.close {
	font-size: 2rem !important;
	color: #FFF !important;
	opacity: 1 !important;
}

@media (max-width: 768px) {
	.mapa_localizacao {
		display: none;
	}
}

.botao-whats-contato a {
  margin: 0.5rem 0;
  display: inline-block;
  padding: 10px 20px;
  background: #103a5e;
  color: #FFF;
  font-weight: 500;
  letter-spacing: 1px;
}
	.botao-whats-contato a:hover {
	  background: #FFF;
	  color: #103a5e;
	  border: 1px solid #103a5e;
	}

/* ==== listagem artigos ==== */
.botao-load a {
	margin-top: 2rem;
  display: inline-block;
  padding: 10px 20px;
  background: #00AFC7;
  color: #FFF;
  font-weight: 700;
  letter-spacing: 1px;
}
	
.botao-load a:hover {
	background: #103a5e;
}


/* ==== interna artigos ==== */
.blog-int span,
.blog-int p {
	font-size: 18px;
	line-height: 20px;
	color: #727272;
}

.blog-int h3 {
	font-size: 16px;
	color: #555;
	margin-top: 1rem;
}

.blog-int h4 {
	font-size: 14px;
	color: #555;
	font-weight: 400;
}

	@media (min-width: 1441px) {
		.blog-int h3 {
			font-size: 2rem;
		}
		.blog-int h4 {
			font-size: 1.8rem;
		}
	}



.hr-int {
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0;
}

@media (min-width: 1025px) {
	.hr-int {
    width: 100%;
    /*margin: 0 auto 4rem;*/
	}
}

.icone-compartilha {
	float: right;
	margin-right: 1rem;
	font-size: 25px;
}

.icone-compartilha a {
	color: #555;
	margin: 0 5px;
}

@media (min-width: 1441px) {
	.titulo_servico_int {
		font-size: 4rem;
	}
	.blog-int span,
	.blog-int p {
		font-size: 22px;
		line-height: 24px;
		color: #555;
	}
	.imagem_servico img {
		width: 1200px;
		height: 650px;
		object-fit: cover;
	}
}

@media (min-width: 980px) {
	.video-imovel iframe {
    min-width: 700px;
    min-height: 430px;
	}
}

	@media (max-width: 425px) {
		.icone-compartilha {
			float: left;
		}
	}
/* ==== Cases -> galeria ==== */
.shuffle-item {
  padding: 0;
}

.shuffle-item .project-img-container {
  position: relative;
  overflow: hidden;
}

.shuffle-item .project-img-container img {
  -webkit-transform: perspective(1px) scale3d(1.1, 1.1, 1);
          transform: perspective(1px) scale3d(1.1, 1.1, 1);
  transition: all 400ms;
}

.shuffle-item .project-img-container:hover img {
  -webkit-transform: perspective(1px) scale3d(1.15, 1.15, 1);
          transform: perspective(1px) scale3d(1.15, 1.15, 1);
}

.shuffle-item.product .project-img-container img {
  width: 100%;
  max-width: 370px;
  height: 100%;
  max-height: 235px;
  object-fit: cover;
}

.shuffle-item .project-img-container:after {
  opacity: 0;
  position: absolute;
  content: '';
  top: 0;
  right: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 400ms;
}

.shuffle-item .project-img-container:hover:after {
  opacity: 1;
}

.shuffle-item .project-img-container .gallery-popup .gallery-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 5px 12px;
  background: #00afef;
  color: #fff;
  opacity: 0;
  -webkit-transform: perspective(1px) scale3d(0, 0, 0);
  transform: perspective(1px) scale3d(0, 0, 0);
  transition: all 400ms;
}

.shuffle-item .project-img-container:hover .gallery-popup .gallery-icon {
  opacity: 1;
  -webkit-transform: perspective(1px) scale3d(1, 1, 1);
          transform: perspective(1px) scale3d(1, 1, 1);
}

.shuffle-item .project-img-container .project-item-info {
  position: absolute;
  top: 50%;
  margin-top: -10%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 30px;
  z-index: 1;
}

.shuffle-item .project-img-container .project-item-info-content {
  opacity: 0;
  -webkit-transform: perspective(1px) translate3d(0, 15px, 0);
  transform: perspective(1px) translate3d(0, 15px, 0);
  transition: all 400ms;
}

.shuffle-item .project-img-container .project-item-info-content .project-item-title {
  font-size: 20px;
}

.shuffle-item .project-img-container .project-item-info-content .project-item-title a {
  color: #fff;
}

.shuffle-item .project-img-container:hover .project-item-info-content {
  opacity: 1;
  -webkit-transform: perspective(1px) translate3d(0, 0, 0);
          transform: perspective(1px) translate3d(0, 0, 0);
}

.artigo.interna.solid-service-box {
	background: #f9f9f9;
}

.artigo.interna.solid-service-box:hover {
	background: #00afc7;
}



/* ==== listagem de produtos ==== */
.page-section .prod h1 {
	color: #103a5e;
}

.list-prod-img {
	filter: drop-shadow(5px 9px 3px rgba(50,50,0,.5));
}

.box-prod {
	width: 475px;
	height: 474px;
}
.prod .intro-text-right {
	text-align: right;
  margin-top: auto;
  margin-bottom: auto !important;
}

.prod .intro-text-right p, .prod .intro-text-left p {
	font-size: 20px; 
}

.prod .intro-text-left {
	text-align: left;
}

.list-prod img {
	width: 100%;
	/*max-height: 550px;*/
	object-fit: cover;
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.list-prod-img img {
	cursor: pointer;
	z-index: 100;
  transition-duration: .3s;
	
}

.list-prod-img img:hover {
	position: absolute;
	z-index: 10;
	-ms-transform: scale(1.1); 
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.list-prod:before {
    content: "";
    position: absolute;
    width: 92%;
    height: 64%;
    right: -5%;
    top: 15%;
    background: #00afc7c9;
    z-index: 0;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    clip-path: polygon(25% 0%, 100% 0%, 76% 100%, 0% 100%);
}
.prod-marca:before {
  z-index: 1;
  position: absolute;
  content: "";
  height: calc(52% + 10px);
  width: 65px;
  border-top: 120px solid #FFF;
  border-left: 65px solid #FFF;
  border-bottom: 120px solid #FFF;
  top: 102px;
  right: -18px;
  opacity: .8;
  -webkit-transform: skew(19deg);
  transform: skew(19deg);
  filter: drop-shadow(5px 9px 3px rgba(50,50,0,.5));
}

.prod-marca:after {
  position: absolute;
  content: "";
  height: calc(53% + 10px);
  width: 70px;
  border-top: 120px solid #103a5e;
  border-left: 70px solid #103a5e;
  border-bottom: 120px solid #103a5e;
  bottom: 110px;
  right: 70px;
  opacity: 0.73;
  -webkit-transform: skew(335deg);
  transform: skew(342deg);
  clip-path: polygon(0% 0%, 100% 40%, 100% 100%, 0% 100%);
}
	@media (min-width: 1441px) {

		.mb-5, .my-5 {
	    margin-bottom: 5rem!important;
	  }

	  .cta-section {
	  	margin-bottom:200px;
	  }

		.list-prod-img img {
			width: 500px;
			height: 360px;
		}
		.page-section .prod h1 {
			font-size: 70px;
			line-height: 70px;
		}
		.prod .intro-text-right div {
			font-size: 2.7rem !important;
		}
		.botao-prod a {
			font-size: 2.7rem;
		}
		.list-prod:before {
	    width: 85%;
    height: 85%;
    right: 6%;
    top: 11%;
		}
		.prod-marca:after {
	    height: calc(61% + 10px);
    width: 50px;
    border-top: 59px solid #103a5e;
    border-left: 72px solid #103a5e;
    border-bottom: 100px solid #103a5e;
    top: 184px;
    right: 194px;
    clip-path: polygon(0% 0%, 100% 36%, 100% 100%, 0% 100%);
		}
		.prod-marca:before {
	        z-index: 1;
    position: absolute;
    content: "";
    height: calc(60% + 10px);
    width: 50px;
    border-top: 59px solid #FFF;
    border-left: 70px solid #FFF;
    border-bottom: 100px solid #FFF;
    top: 185px;
    right: 90px;
		}
	}

	@media only screen and (min-width: 991px) and (max-width: 1440px) {
		.list-prod-img img {
			width: 408px;
			height: 308px;
		}
	}

	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.prod .intro-text-right h1 {
			text-align: center;
		}
		.prod .intro-text-right {
			text-align: start;
		}
		.list-prod:before {
			width: 92%;
			height: 73%;
			right: -2%;
		}
		.list-prod-img img {
			height: 372px;
		}
		.prod-marca:before {
			top: 177px;
		}
		.prod-marca:after {
			bottom: 35px;
		}
		.botao-prod {
			text-align: center;
		}
	}

	@media only screen and (min-width: 425px) and (max-width: 767px) {
		.prod .intro-text-right h1 {
			text-align: center;
		}
		.prod .intro-text-right {
			text-align: start;
		}
		.list-prod:before {
			width: 90%;
			height: 73%;
			right: 0;
		}
		.list-prod-img img {
			width: 372px;
			height: 372px;
		}
		.prod-marca:before {
			display: none;
		}
		.prod-marca:after {
			display: none;
		}
		.botao-prod {
			text-align: center;
		}
	}

	@media only screen and (min-width: 321px) and (max-width: 424px) {
		.prod .intro-text-right h1 {
			text-align: center;
		}
		.prod .intro-text-right {
			text-align: start;
		}
		.list-prod:before {
			width: 89%;
			height: 61%;
			right: 0;
		}
		.list-prod-img img {
			width: 317px;
			height: 317px;
		}
		.prod-marca:before {
			display: none;
		}
		.prod-marca:after {
			display: none;
		}
		.botao-prod {
			text-align: center;
		}
	}

	@media (max-width: 320px) {
		.box-prod {
			height: 270px;
		}
		.prod .intro-text-right h1 {
			text-align: center;
		}
		.prod .intro-text-right {
			text-align: start;
		}
		.list-prod:before {
			width: 95%;
			height: 67%;
		}
		.list-prod-img img {
			width: 275px;
			height: 180px;
		}
		.prod-marca:before {
			display: none;
		}
		.prod-marca:after {
			display: none;
		}
		.botao-prod {
			text-align: center;
		}
	}
	
.botao-prod p {
	margin-top: 2rem;
  display: inline-block;
  padding: 10px 20px;
  background: #103a5e;
  color: #FFF;
  font-weight: 700;
  letter-spacing: 1px;
}
	
.botao-prod p:hover {
	background: #00afc7;
}

.accordion-group .card-header .btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 13px 15px;
    padding-bottom: 10px;
}


/* ==== interna de produtos ==== */
.slide-one-item.home-slider .owl-nav {
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  width: 100%; }

.slide-one-item.home-slider .owl-prev {
  left: 10px !important; }

.slide-one-item.home-slider .owl-next {
  right: 10px !important; }

.slide-one-item.home-slider .owl-prev, .slide-one-item.home-slider .owl-next {
  color: #fff;
  position: absolute !important;
  top: 50%;
  padding: 0px;
  height: 50px;
  width: 50px;
  border-radius: 0%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  line-height: 0;
  text-align: center;
  font-size: 25px; }
  @media (min-width: 768px) {
    .slide-one-item.home-slider .owl-prev, .slide-one-item.home-slider .owl-next {
      font-size: 25px; } }
  .slide-one-item.home-slider .owl-prev > span, .slide-one-item.home-slider .owl-next > span {
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .slide-one-item.home-slider .owl-prev:hover, .slide-one-item.home-slider .owl-prev:focus, .slide-one-item.home-slider .owl-next:hover, .slide-one-item.home-slider .owl-next:focus {
    background: #103a5e; }

.slide-one-item.home-slider:hover .owl-nav, .slide-one-item.home-slider:focus .owl-nav, .slide-one-item.home-slider:active .owl-nav {
  opacity: 10;
  visibility: visible; }


.accordion-group .card-header .btn[aria-expanded="true"] {
    color: #103a5e;
}

.accordion-group .card-header .btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 13px 15px;
    padding-bottom: 10px;
}

.accordion-group .card-body {
    padding: 15px 20px;
}

.accordion-group .card-body p{
    font-size: 20px;
    line-height: 24px;
    color: #333;
}
.accordion-group .card-body div {
    font-size: 20px;
    line-height: 24px;
    color: #333;
}
.accordion-group .card-header .btn[aria-expanded="true"]::before {
    content: "\f106";
    background-color: #103a5e;
}

.accordion-group .card-header .btn:before {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    z-index: 0;
    font-size: 14px;
    right: 16px;
    padding: 3px 8px 1px;
    text-align: center;
    border-radius: 3px;
    top: 12px;
    content: "\f107";
    font-weight: 700;
    background-color: #333;
    color: #fff;
    transition: .3s;
}

.site-btn {
  display: inline-block;
  font-weight: 500;
  letter-spacing: .7px;
  border: 4px solid;
  width: 250px;
  text-align: center;
  padding: 13px 15px;
  position: relative;
  background-color: transparent;
  margin-right: 15px;
  z-index: 1;
  font-size: 16px;
  line-height: 18px;
}

.site-btn:hover {
	color: #00afc7;
}

.site-btn:hover.sb-light:before, 
.site-btn:hover.sb-light:after {
	background: #00afc7;
}
}


h3.into-sub-title {
	font-size: 26px;
}


	@media (min-width: 1441px) {

		.site-btn {
			font-size: 20px;
			line-height: 24px;
			width: 310px;
		}

		.slide-one-item img {
			height: 750px;
			object-fit: cover;
			margin-bottom: 1.5rem;
		}
		.produto-title h1 {
			font-size: 6rem;
		}
		.into-sub-title {
			font-size: 5rem;
		}
		.accordion-group .card-header .btn {
			font-size: 2.5rem;
		}
		.card-body div,
		.accordion-group .card-body p {
			font-size: 20px;
	    line-height: 24px;
	    color: #333;
		}
		.video-imovel iframe {
			width: 1100px;
			height: 585px;
	    margin-left: -15px;
		}
	}

	@media only screen and (min-width: 991px) and (max-width: 1440px) {
		.slide-one-item img {
			height: 485px;
			object-fit: cover;
			margin-bottom: 1.5rem;
		}
	}

	@media only screen and (min-width: 992px) and (max-width: 1025px) {
		.video-imovel iframe {
			width: 800px;
			height: 350px;
	    margin-left: -110px;
		}
	}

	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.slide-one-item img {
			height: 380px;
			object-fit: cover;
			margin-bottom: 1.5rem;
		}
		.video-imovel iframe {
			width: 600px;
			height: 350px;
	    margin-left: -90px;
		}
	}

	@media only screen and (min-width: 319px) and (max-width: 767px) {
		.slide-one-item img {
			height: 250px;
			object-fit: cover;
			margin-bottom: 1.5rem;
		}
		.video-imovel iframe {
			width: 300px;
	    margin-left: -15px;
		}
	}

	@media (max-width: 319px) {
		.slide-one-item img {
			height: 180px;
			margin-bottom: 1.5rem;
		}
		.video-imovel iframe {
			width: 250px;
	    margin-left: -15px;
		}
	}

/* ==== patrocinadores -> galeria ==== */
.intro-patrocinio img {
	height: 350px;
} 

.page-header-apan {
    height: 600px;
    /*padding-top: 200px;*/
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
	@media (min-width: 1440px) {
		.intro-patro h1,
		.titulo-patrocnio h2 {
			font-size: 6rem;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.page-header-apan {
			height: 470px;
		}
	}

	@media only screen and (min-width: 320px) and (max-width: 767px) {
		.page-header-apan {
			height: 240px;
		}
	}

.redes a i {
  font-size: 20px;
  margin: 2px;
  background: #00afc7;
  padding: 10px 8px;
  color: #FFF;
  border-radius: 2px;
}

.credi ul li {
	font-size: 17px;
	margin-bottom: 8px;
}
.credi ul li a:hover {
	background-color: #00afc7!important;
	color: #FFF!important;
	padding: 5px;
}

.intro-patro span{
  background: #005081;
  padding: 0 10px;
  color: #FFF;
  display: inline-block;
}
.site-section {
  		padding: 2.5em 0; }
  	@media (min-width: 768px) {
    .site-section {
      	padding: 5em 0; } }
  	.site-section.site-section-sm {
    	padding: 4em 0; }

	.site-section-heading {
		color: #fff;
	  	position: relative;
	  	font-size: 2.5rem; }
	@media (min-width: 768px) {
    .site-section-heading {
      font-size: 4rem; } }
  	.site-section-heading:after {
	    content: "";
	    left: 0%;
	    bottom: 0;
	    position: absolute;
	    width: 100px;
	    height: 1px;
	    background: #000; }
  	.site-section-heading.text-center:after {
	    content: "";
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	    content: "";
	    left: 50%;
	    bottom: 0;
	    position: absolute;
	    width: 100px;
	    height: 1px;
	    background: #000; }


    #lightgallery .item {
  		margin-bottom: 30px; }
  	#lightgallery .item img {
    	filter: gray;
    	-webkit-filter: grayscale(.65);
    	-webkit-transition: all .1s ease-in-out;
    	transition: all 0.4s ease 0s; }
  	#lightgallery .item:hover img {
    	filter: none;
   		-webkit-filter: grayscale(0);
    	-webkit-transform: scale(1.05); }



/* ==== menu site ==== */
.main_menu .navbar {
  padding: 0px;
}

.main_menu .main-menu-item {
  justify-content: flex-end;
}

.main_menu .main-menu-item ul li .nav-link,
.main_menu .main-menu-item ul li .btn-contato {
  color: #1e2528;
  font-size: 14px;
  padding: 39px 20px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  line-height: 12px;
  font-weight: 500;
}
	@media only screen and (min-width: 1870px) and (max-width: 2561px) {
		.main_menu .main-menu-item ul li .nav-link,
		.main_menu .main-menu-item ul li .btn-contato {
			font-size: 25px;
		}
	}

	@media only screen and (min-width: 1600px) and (max-width: 1870px) {
		.main_menu .main-menu-item ul li .nav-link,
		.main_menu .main-menu-item ul li .btn-contato {
			font-size: 19px;
		}
	}

	@media (max-width: 991px)  {
		.main_menu .main-menu-item ul li .nav-link,
		.main_menu .main-menu-item ul li .btn-contato {
			padding: 10px;
		}
	}

.main_menu .main-menu-item ul li .nav-link:hover,
.main_menu .main-menu-item ul li .btn-contato:hover {
  color: #000;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .main_menu .main-menu-item ul li .nav-link {
    padding: 35px 20px;
  }
}

.main_menu .active_color {
  color: #282828 !important;
}

.menu_fixed {
  position: fixed;
  z-index: 999 !important;
  width: 100%;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
  top: 0;
  background-color: #00afc7;
}

.menu_fixed .nav-link,
.menu_fixed .btn-contato {
  color: #fff !important;
}

.menu_fixed .active_color {
  color: #00afc7 !important;
}

.menu_fixed i {
  color: #fff !important;
}

.dropdown .dropdown-menu {
  transition: all 0.5s;
  overflow: hidden;
  transform-origin: top center;
  transform: scale(1, 0);
  display: block;
  border: 0px solid transparent;
  background-color: #00afc7;
  margin: 0;
  border-radius: 0;
}

.dropdown .dropdown-menu .dropdown-item {
  font-size: 14px;
  padding: 8px 20px !important;
  color: #fff !important;
  background-color: #00afc7;
  text-transform: capitalize;
}

.dropdown:hover .dropdown-menu {
  transform: scale(1);
}

@media (max-width: 991px) {
  .main_menu {
    padding: 26px 0px;
  }
  .home_menu .main-menu-item {
    padding-left: 0px;
  }
  .main_menu .main-menu-item {
    text-align: left !important;
  }
  .main_menu .main-menu-item .nav-item {
    padding: 10px 15px !important;
  }
  .main_menu .main-menu-item .nav-item .nav-link {
    padding: 5px 15px !important;
    color: #000;
  }
  .navbar-collapse {
    z-index: 99 !important;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background-color: #00afc7;
    text-align: center !important;
  }
  .dropdown .dropdown-menu {
    transform: scale(1, 0);
    display: none;
    margin-top: 10px;
  }
  .dropdown:hover .dropdown-menu {
    transform: scale(1);
    display: block;
    color: #00afc7;
  }
  .dropdown .dropdown-item:hover {
    color: #00afc7 !important;
  }
  .navbar-brand img {
    max-width: 100px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    top: 0;
  }
  .navbar-light .navbar-toggler {
    border-color: transparent;
    position: absolute;
    right: 0;
  }
  #search_1 i {
    position: absolute;
    right: 35px;
    top: 4px;
  }
  .menu_icon i {
    color: #182028;
  }
}

@media (max-width: 576px) {
  .main_menu {
    padding: 20px 0px;
  }

  .navbar-brand img {
  	left: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main_menu {
    padding: 20px 0px;
  }
}

.dropdown-menu {
  border: 0px solid rgba(0, 0, 0, 0.15) !important;
  background-color: #fafafa;
}

.dropdown:hover .dropdown-menu {
  display: block;
}


/* ==== copy ==== */
.copy {
	margin-top: 40px;
}
.copy a {
	color: #fff200;
}
	.copy a:hover {
		color: #fff;
	}


/* ==== copyrights ==== */
#loading {
    -webkit-animation: rotation 2s infinite linear;
}

@keyframes rotation {
    from { transform-origin:center center;}
    to {transform:rotateY(180deg);}
}

#copyrights a {
  color: #FFF;
}

#copyrights a:hover {
  color: #FFC107;
}


/* MAPA */
.box-mapa {
    position: relative;
    z-index: 1;
    /*float: left;*/
    padding: 20px 0 0 15px;
    /*min-height: 700px;
    max-height: auto;*/
}
#map {
    display: none;
    transform: scale(1.2);
    transform: scale(1);
    display: table !important;
    margin: 0 auto;
    /*float: left;*/
}
    @media (min-width: 375px) and (max-width: 767px) {
        #map {
            transform: scale(0.65);
            height: 500px !important;
            margin-left: -80px;
            width: 140%;
        }
    }
    @media (min-width: 319px) and (max-width: 374px) {
        #map {
            transform: scale(0.65);
            height: 500px !important;
            margin-left: -80px;
            width: 155%;
        }
    }
#map .state {
    cursor: pointer;
}
#map .state .shape {
    cursor: pointer;
    -width: 0;
}
#map .state .label_icon_state {
    fill: #fff;
    font-family: Arial;
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
}
#map .state .label_state {
    display: none;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}
#map .model-davi .state:hover .label_state {
    display: block;
    fill: #fff !important;
}
#map .model-davi .state .shape {
    fill: #ddd;
}
#map .model-davi .state:hover .shape {
    fill: #00afc7 !important;
}
#map .model-davi .state .icon_state {
    fill: #86b5ff;
}
#map .model-davi .state:hover .icon_state {
    fill: #00afc7;
}
#map .model-davi .state .icon_state + .label_icon_state {
    fill: #111;
}
#map .model-davi .state:hover .icon_state + .label_icon_state {
}
#map .model-davi .state .label_icon_state {
    fill: #666;
}
#map .model-davi .state:hover .label_icon_state {
    fill: #fff;
}
#map .model-davi .state .label_state {
    fill: #666;
    display: none;
}
#map .model-davi .state .shape {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#map .model-davi .state:hover .shape {
    fill: #284779;
}

.caixa_estado {
    position: relative;
    background: #f9f9f9;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.nome_estado {
	margin-top: 50px;
  border-radius: 4px;
  padding: 0px 10px;
  text-align: center;
  background-color: #00afc7;
  margin-bottom: 1.3rem;
  color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.caixa_estado .nome_estado h2 {
    color: #FFF;
}

.info_representante_estado h3 {
    font-size: 24px;
}
.info_representante_estado p {
    font-size: 17px;
    margin-bottom: 0;
    color: #333;
}

[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
  line-height: 1;
  font-size: .9em;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
  filter: drop-shadow(2px 1px 1px #666666);
}
[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 100;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 8px;
  border-radius: 0px;
  background: #00AFC7;
  color: #FFFFFF;
  z-index: 99;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}
[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow="top"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #00AFC7;
}
[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::after {
  bottom: calc(100% + 5px);
}
[data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::before,
[data-tooltip][data-flow="top"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
          transform: translate(-50%, -4px);
}
[data-tooltip][data-flow="bottom"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #00AFC7;
}
[data-tooltip][data-flow="bottom"]::after {
  top: calc(100% + 5px);
}
[data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
}
[data-tooltip][data-flow="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #00AFC7;
  left: calc(0em - 5px);
  -webkit-transform: translate(-8px, -50%);
          transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-8px, -50%);
          transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #00AFC7;
  right: calc(0em - 5px);
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
}
[data-tooltip][data-flow="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
}
[data-tooltip=""]::after, [data-tooltip=""]::before {
  display: none !important;
}


@media only screen and (min-width: 1441px) and (max-width: 2961px) {
		.card-body {
			font-size: 22px;
			line-height: 22px;
		}
}

p{
	font-size: 16px;
	line-height: 18px;
}

@media only screen and (min-width: 1441px){
	p{
		font-size: 22px;
		line-height: 26px;
	}
}