@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

*:focus { outline: 0!important;}
textarea{ resize: none; }
a{text-decoration: none;  -webkit-font-smoothing: antialiased;}
a,.animate, .btn,.animated,.btn-one,.border-animation-primary:before,
.border-animation-primary:after{-webkit-transition: all 0.3s;transition: all 0.3s; }
a{text-decoration: none!important;}

body {font-family: 'Montserrat', sans-serif; font-size: 0.875em;color: var(--black);background-color: transparent!important;overflow-x: hidden;}
.limit {max-width: 1200px;}

::-webkit-scrollbar {width:8px;position:absolute !important;}
::-webkit-scrollbar-track {background:#CFDDE8;}
::-webkit-scrollbar-thumb {background:#000;}

.title-one{margin-bottom:20px; color: #fff;text-transform: uppercase; letter-spacing: 2px; font-size: 24px; font-weight: normal;position: relative;padding:0 10px 0;display: inline-block;}
.title-one span{color:#20f1ea }
.title-one:after{content: '';position: absolute;bottom: -20px;width: 100%;height: 11px;background: url(../img/title-ico.png) no-repeat;background-size: 100% 8px;left: 0;display: block;}
p{font-size: 16px;line-height: 26px;color: #FFF;font-weight: 400;}
.btn-one{justify-content: center;display: inline-flex;border: 1px solid #1AD13F;background: #1AD13F;text-align: center;	padding: 9px 25px;color: #3c3b3c;font-size: 13px;font-weight: 300;border-radius: 40px;min-width: 150px;align-items: center;}
.btn-one:hover{color: #fff; background: #129a2d;}
.btn-one i{font-size: 24px;}
body:not(.home) main{background: #281a17;}

body:not(.home) .header .navbar{background: url(../img/nav.jpg) no-repeat;background-size: cover;}
.bg-img {}
.bg-img .caption h1{color: #fff;}

#page-banner{background: #281a17;padding: 20px 0;}

/* header */
.header {position: relative;background:transparent;z-index: 99;height: 84px;}
.navbar-nav a{color: #fff;font-size: 14px;font-weight: 400;text-transform: uppercase;padding: 15px;position: relative; margin: 0;backface-visibility: hidden;-webkit-filter: blur(0);filter: blur(.0px);}
.header .navbar {width: 100%; }
.header .sticky.navbar .logo img {max-width: 70%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .sticky{transform: translate(0% , -4%);background: #281a17 ;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);padding-top: 5px;padding-bottom: 5px;margin: 0 0 0;}
.navbar-expand-lg{background: #281a17a1;}

.navbar-nav a::after{content: '';position: absolute;bottom:-24px;left: 0;width: 100%;height: 5px;transform: scaleX(0);background-color: #20f1ea;transition: all .2s ease;opacity: 1;}
.navbar-nav a:hover{color: #20f1ea!important;}
.navbar-nav li a:hover,.navbar-nav li.current-menu-item a{color: #20f1ea;}

.navbar-nav a.active::after,
.navbar-nav li.current-menu-item a:after,
.navbar-nav  a:hover::after {transform: scaleX(1);}

.social a{color: #20f1ea;font-size: 20px;}
/* section banner	 */
#banner{margin-top: -146px;position:relative;margin-bottom: -27px;z-index: -1;}
#banner:before,
#banner:after{content: "";position: absolute;width: 0;height: 0; left: 0;}
#banner:before{
	bottom: 27px;
	display: block;
	border-top: 71px solid transparent;
	border-left: 50vw solid #281a17;
	border-right: 50vw solid #281a17;
	z-index: 1;
}
#banner:after{
	bottom: 29px;
	border-top: 70px solid transparent;
	border-left: 50vw solid #20f1ea;
	border-right: 50vw solid #20f1ea;
	border-bottom: 3px solid #20f1ea;
	z-index: 0;
}
#bannertop{z-index: 0;}
.flex-direction-nav a{height: 53px!important;}
#bannertop .flex-control-nav{bottom: 32px;z-index: 99; position: relative;}
.flex-control-paging li a{background:transparent; padding: 6px;border:1px solid #ccc;box-shadow: none;}
.flex-control-paging li a.flex-active{border:1px solid #20f1ea;background:#20f1ea; }
.flexslider{border:0!important;}
#banner .item{height: 90vh;background-size: cover!important;background-position: center center!important;position: relative;}
#banner .item .caption {position: relative;margin: 0;z-index: 10;padding-top: 0;padding-bottom: 20px;color: #2b2d42;text-align: left;}
#banner .item .caption h5 {color: #fff;font-size: 14px; font-weight: 400; }
#banner .item .caption h3 {color: #fff;font-size: 34px; font-weight: 400; }
#banner .item .caption h3 strong{font-weight: 100;color: #fff;}
#banner .item .caption p {color: #fff;font-size: 16px;font-weight: 300;line-height: 22px; }
#banner .item .caption a{color: #fff;border: 0 ;background: #0058A3;}
#banner .item .caption a:hover{background: #003c6f;color: #fff;}

.flex-direction-nav{position:absolute;top:50%;z-index: 99;}
#banner .flex-prev{
	width: 48px;
	height: 48px!important;
	background: rebeccapurple;
	opacity: 1;
	display: block;
	left:0;
}
#banner .flex-next{
	width: 48px;
	height: 48px!important;
	background: rebeccapurple;
	opacity: 1;
	display: block;
	right: 0;
}

/* section-next	----------------------------- */
.next-section{background-color: #281a17; padding: 30px;}
.scroll-btn {text-align: center;display: block;}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {color: #ffffff;}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {opacity: 0.8;filter: alpha(opacity=80);}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 50px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 59%;
	width: 2px;
	height: 10px;
	margin: -4px 0 0 -4px;
	background: white;
	-webkit-animation: ani-mouse 2s linear infinite;
	-moz-animation: ani-mouse 2s linear infinite;
	animation: ani-mouse 2s linear infinite;
}




/* section-services	----------------------------- */
.section-services{}
.section-services .box-bg{background:#281a17 url(../img/bg-blocks.png) no-repeat left bottom;}


#list-services{position: relative;border-bottom:3px solid #20f1ea;border-top:3px solid #20f1ea;}
#list-services .box{padding: 0 8px;}
#list-services .item{
	position: relative;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	height: 280px;
	background-size: cover;
	display: flex;
	z-index: 0;
	border-right: 2px solid #20f1ea;
	border-bottom: 2px solid #20f1ea;

	-webkit-font-smoothing: antialised;
	backface-visibility: hidden;
	transform: translateZ(0);
	-webkit-font-smoothing: subpixel-antialiased;
}
#list-services .item .title{font-weight: 500;font-size: 18px;text-transform: uppercase;color: #fff; text-align: right; }
#list-services .item .title span{display: block;}

#list-services .info{ height: 100%; width: 100%;background-color: #1e120da6;}

#list-services .info,
#list-services .content{
	-moz-transition: all 0.9s;
	-webkit-transition: all 0.9s;	transition: all 0.9s;
}

#list-services .content{
	position: absolute;bottom: 10px;right: 30px;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-align: center;
}

#list-services .content:after{
	content: '';
	display: block;
	position: absolute;
	bottom: -31px;
	right: -30px;
	border-top: 62px solid transparent;
	border-bottom: 2px solid transparent;
	border-right: 62px solid #20f1ea;
	width: 100%;
}

#list-services .show{
	opacity: 0;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
}

#list-services .show span{display: block;}

#list-services .show span:first-child{
	font-size: 32px;
	color: #1E120D;
	text-align: right;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 30px;
	backface-visibility: hidden;    
	-webkit-filter: blur(0);
	filter: blur(.0px);

}

#list-services .show span.bt{
	font-size: 14px;color: #1E120D;text-transform: uppercase;border:1px solid #1E120D;text-align: center;display: inline-block;
	margin-top: 15px;
	padding: 5px 10px;
	font-weight: 500;
	backface-visibility: hidden;    
	-webkit-filter: blur(0);
	filter: blur(.0px)
}


#list-services .item:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
#list-services .box:hover {z-index: 1;}
#list-services .item:hover .info{background-color: #20f1eaad;}
#list-services .item:hover .content {opacity: 0; }
#list-services .item:hover .show {opacity: 1;}
.pagination li{position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;color: #000;background-color: #fff;border: 1px solid #dee2e6;}
.pagination li a,.pagination li span{padding: 0!important;}


.services-wrapper .bt1,
.services-wrapper .bt2{border: 1px solid #fff; color: #20f1ea;padding: 7px;}

.services-wrapper .bt1 i{position: relative;padding: 0 10px 0 1px;color: #14f2ec;}

.services-wrapper .bt1 i:after{
	content: '';
	position: absolute;
	display: block;
	height: 33px;
	width: 1px;
	background: #fff;
	right: 2px;
	top: -9px;
}


.services-wrapper .bt2 i {position: relative;padding: 0 1px 0 10px;color: #14f2ec;}

.services-wrapper .bt2 i:after{
	content: '';
	position: absolute;
	display: block;
	height: 33px;
	width: 1px;
	background: #fff;
	left: 2px;
	top: -9px;
}

.services-wrapper .bt1:hover,
.services-wrapper .bt2:hover{background: #fff;color: #281a17;border-color:#281a17; }

.services-wrapper .bt1:hover i,
.services-wrapper .bt2:hover i{color: #281a17;}

.services-wrapper .bt1:hover i:after,
.services-wrapper .bt2:hover i:after{background:#281a17;}


/* section projects	----------------------------- */

.section-projects{ background:#281a17 url(../img/bg-blocks.png) no-repeat left 144px;}

.controls div{ position: relative;text-align: center;display: inline-block;margin: auto;}
.control {
	position: relative;
	display: inline-block;
	padding: 12px 33px 42px;
	font-size: 15px;
	height: 35px;
	min-width: 25px;
	background: transparent;
	cursor: pointer;
	color: white;
	font-weight: 300;
	border:0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	border: 2px solid transparent;
}

.controls div:after {
	content: '';
	position: absolute;
	bottom: -7px;
	width: 110%;
	height: 11px;
	background: url(../img/title-ico.png) no-repeat;
	background-size: 100% 8px;
	left: -38px;
	display: block;
}

.mixitup-control-active{
	border: 2px solid transparent;
	border-image: linear-gradient(0,  rgba(255,255,255,0) 10%, rgba(255,255,255,0.79));
	border-image-slice: 1;
	color: #20f1eaad;
}

.mixitup-page-list button{border:0;}
.control:hover {}
.mixitup-control-active { }
.control[data-filter="all"] { }

.mix {position: relative;height: 300px;background-size: cover!important;background-repeat: no-repeat;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mix a{position: absolute;width: 100%;height: 100%;top:0;left:0;display: block;}

.mix:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 1;
}
.mix a:after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	display: block;
	-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;
	background-position: center center;
	background-size: 0;
}
.mix:hover a:after{background:#20f1eaad url(../img/lupa.svg) no-repeat center center;background-size: 30px;}

/* section news	----------------------------- */
.form-control{border-radius: 45px;border: 0;font-size: 13px;height: 40px;}

.section-newsletter{background: #004D8F;}
.section-newsletter .title-one{color: #fff;}
.section-newsletter .form-control{width: 100%;}
.section-newsletter label{color: #fff;text-align: left;font-size: 13px;margin-bottom: 5px;}
.section-newsletter span.wpcf7-not-valid-tip{color: #1bd140;}


/* ============SECTION Action==========*/

.section-action{padding: 50px 0; }

.section-action .box{
	width: 100%;
	border: 2px solid #fff;
	padding: 0 20px 15px;
	text-align: center;
	padding: 30px 0;
}
.section-action .box legend{ width: auto;padding: 0 8px;color: #fff;font-size: 22px;}

.section-action .box .title{font-size:46px;font-weight: 800;color:#fff;}
.section-action .box .title span{color:#281a17 }

.section-action .btn{
	position: relative;
	margin: auto;
	border:2px solid #fff;
	border-radius: 0;
	margin-top: 48px;
	color: #fff;
}
.section-action .btn:before{
	content: '';
	position: absolute;
	top: -50px;
	right: 0;
	left: 0;
	display: block;
	height: 50px;
	width: 2px;
	background-color: #fff;
	margin: auto;
}
.section-action .btn:hover{background-color: #fff;color: #281a17;}


/* SECTION BLOG*/

.section-blog{background: #281a17 url(../img/bg-blog.jpg) no-repeat; background-size: cover; padding: 100px 0;}
.section-blog .box{ height: 200px; margin-bottom: 120px;}
.section-blog .box a{height: 100%; }
.section-blog .bg{background-size: cover!important;height: 100%;position: relative;color: #fff}
.section-blog .bg .info{position: relative;height: 100%;z-index: 1;}
.section-blog .bg .info:after{content: '';width: 100%;height: 100%;position: absolute;top:0;left:0;background: #00000073;display: block;z-index: -1;
-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.section-blog .bg:hover .info:after{background: #0000004a;}
.section-blog .title-post{font-size: 18px;}
.section-blog .title-post:after{
	content:'';
	display: block;
	width: 100px;
	height: 5px;
	background: #8AFFC6;
	border-radius: 10px;
	margin-top: 8px;
}
.section-blog .text{font-size: 14px; color: #828186;}


.section-blog .btn{
	color: #fff;
	border:1px solid #fff;
	border-radius: 0;
}
.section-blog .btn i{position: relative;padding: 0 4px 0 24px; color: #14f2ec ;}
.section-blog .btn i:after{
	content: "";
	position: absolute;
	top: -10px;
	left: 7px;
	display: block;
	border-left: 1px solid #fff;
	height: 37px;
}

.section-blog .btn:hover i{color:#fff;}




/* PAGE BLOG */
.box-sidebar label{display: none;}
.blog-wrapper .post figure{position: relative;}
.blog-wrapper .post figure span{position: absolute; background: #d79d37; bottom:0;left:0;z-index: 1;padding:10px;color:#fff;display: block;letter-spacing: 2px;font-weight: 500;}
.blog-wrapper .post-list .post-title{color: #fff;font-size: 26px!important;font-weight: 500;}
.blog-wrapper .post .post-title{color: #fff;font-size: 36px;font-weight: 500;}
.blog-wrapper .post p{color: #fff;font-weight: 500;}
.blog-wrapper .post a{color: #fff;font-size: 16px;font-weight: 500;text-decoration: underline!important; }
.blog-wrapper .post a{position: relative;}
.blog-wrapper .post .info .line{background: #fff;width: 100%;margin: 13px 15px;height: 1px;}
.blog-wrapper.single p{color: #fff;font-size: 16px;font-weight: 400;line-height: 26px;}
.blog-wrapper.single .date{background: #14f2ec;padding: 10px;color: #281a17;display: inline-block;letter-spacing: 2px;font-weight: 500;margin: 20px 0 10px;}
.single-post .post-image img{width: 100%;}


#sidebar{  }
.box-sidebar{text-transform: uppercase;}
.box-sidebar .title{color: #14f2ec;font-size: 18px;font-weight: 700; padding: 16px 0;margin:0; }
#sidebar h4{color: #fff;font-size: 26px;font-weight: 700; }


.box-sidebar ul{list-style: none;padding: 0;display: flex;flex-wrap: wrap;margin-bottom: 0;}
.box-sidebar ul li{width: 100%;margin-bottom: -1px;}
.box-sidebar ul li a{color: #fff;font-size: 16px;font-weight: 500;display: block;padding:5px 10px;}
.box-sidebar ul li a:hover{}

#searchform .submit,
#searchform .search-field{
	background: transparent;
	border: 0;
	border-bottom: 1px solid #ffffff14;
	color: #fff; 
}
#searchform .submit{margin-left: -4px;}




/* about ========================================== */

.section-about{background: #281a17 url(../img/bg1.jpg) no-repeat right;background-size: contain;padding: 100px 0;}
.page-about h5{color: #A6CE39;font-weight: 600;font-size: 24px;}


/* clients ========================================== */
.section-clients {background: #281a17 url(../img/bg1.jpg) no-repeat right; position: relative;z-index: 1;padding-bottom: 262px;}



/* depoimentos ========================================== */
.section-deps {background: #281a17 ;position: relative;z-index: 1;}
.section-deps .container{margin-top: -238px;}

.section-deps .flex-direction-nav a:before {display: none;}
.section-clients .flexslider,
.section-deps .flexslider{background: transparent;}
.section-clients .flex-direction-nav,
.section-deps .flex-direction-nav{width: 100%;}

.section-clients .flex-direction-nav li a,
.section-deps .flex-direction-nav li a{opacity: 1!important;text-indent: 9099px; background-color: #14f2ec;width: 30px;height: 30px!important;}

.section-clients .flex-direction-nav a:after,
.section-deps .flex-direction-nav a:after{
	content: '';
	display: block;
	position: absolute;
	top:6px;
	left: 10px;
	border-top: 10px solid transparent;
	border-left: 10px solid #281a17;
	border-bottom: 10px solid transparent;
}


.section-clients .flex-direction-nav a.flex-prev:after,
.section-deps .flex-direction-nav a.flex-prev:after{
	border-top: 10px solid transparent;
	border-right: 10px solid #281a17;
	border-bottom: 10px solid transparent;
	border-left: 0 solid transparent;
}




/* contact========================================== */
.wpcf7-form-control{width: 100%;border: 0;padding: 10px; }
.section-contact .box-bg{	background: #281a17 url(../img/bg1.jpg) no-repeat left -34px;}
.section-contact .box-contact label{color: #fff;width: 100%;margin-bottom: 0;}
.section-contact .box{padding: 40px 0;}
.section-contact i{color: #281a17; margin-right: 10px;font-size: 22px;}
.section-contact hr{border-top: 2px solid #281a17;}
.section-contact .one h4{font-weight: 900;font-size: 36px; }
.section-contact .one p{font-size: 14px; }

.section-contact .three p:first-child{font-size: 28px;display: inline-block;font-weight: 800;}
.section-contact .three span{font-size: 14px;  display: inline-block;color:#fff; margin-left: 5px;font-weight: 700;}
.section-contact .three p:last-child{font-size: 28px;display: inline-block;color: #281a17; font-weight: 800; }

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{position: absolute;top:-40px;background: red;color: #fff;border: 0;}
.wpcf7-not-valid{border-bottom: 2px solid red;}
.wpcf7-not-valid-tip{display: none!important;}
.your-message{margin-top: 21px;}
.your-message textarea{height: 205px}
span.wpcf7-list-item{margin: 0}
.wpcf7-submit{color: #000;}


/* map========================================== */
.section-map{background: #281a17 url(../img/bg1.jpg) no-repeat left -14px;padding-top: 50px;	}
#map {height: 550px;width: 100%;}
/* FOOTER========================================== */
.footer{background: rgb(34,193,195);background: linear-gradient(90deg, rgba(34,193,195,1) 0%, rgba(176,252,241,1) 100%);position: relative;}
.footer p{color: #281a17;font-size: 13px;font-weight: 600;margin-bottom: 0;}
ul{list-style: none;}

/* animations -----------------------------------*/
@-webkit-keyframes ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
@-moz-keyframes ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
@keyframes ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}

/* Layout styles -----------------------------------*/
@media (max-width: 768px) {	

}

@media (max-width: 990px) {
	.header {width: 100%;}
	.header .navbar{background-color: #0058A3; }
	.header .navbar{margin: 0!important; }
	#navbarResponsive{margin: 22px 0 0 0}
	.section-actions .container{max-width: 100%;}
}

@media (max-width: 575px) {
	.post-image img{width: 100%;}
}