/*
---------------------------	
BASIC
---------------------------
*/


.section-boxed {
	position: relative;
	max-width: calc(1280px - 20px);
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 0px;
	box-shadow: 0 0 60px rgba(0, 0, 0, 0.212);
	z-index: 99;
}
.section-boxed.section-up-small {
	transform: translateY(-40px);
}
.section-boxed.section-up-medium {
	margin-top: -100px;
}
.section-boxed.section-up-large {
	margin-top: -140px;
}

.section-height-full .absolute-wrapper {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	padding: 0 !important;
	z-index: 4;
}



/*
---------------------------	
SECTIONS
---------------------------
*/
.section-title-wrapper {
	padding-left: 20px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}
.section-title-wrapper.text-center {
	padding-bottom: 0;
	align-items: center;
	justify-content: center;
}
.section-c2a .section-title-wrapper {
	padding-left: 20px;
}
.introduction .section-title-wrapper {
	padding-left: 20px;
}

.float-left .section-title-wrapper,
.float-right .section-title-wrapper {
	padding-top: 1rem;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 1rem;
}
.section-title-wrapper-bg {
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	opacity: 0.9;
	z-index: 1;
}

	@media (max-width: 970px) {
		.section-c2a {

		}
		.section-title-wrapper {
			
		}
		.section-title-wrapper.text-center {
			padding-bottom: 0;
		}
		.section-c2a .section-title-wrapper {
	
		}
		.introduction .section-title-wrapper {
		
		}
		.float-left .section-title-wrapper,
		.float-right .section-title-wrapper {
			padding-top: 1rem;
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 2rem;
		}
		.introduction .section-lead {
			padding-left: 20px;
		}
		
	
	}
	@media (max-width: 640px) {
		.section-boxed {
			position: relative;
			max-width: calc(100% - 20px);
			margin: auto;
			margin-bottom: 10px !important;
			padding-left: 0px;
			padding-right: 0px;
			
		}
		.section-c2a {

		}
		.section-title-wrapper {
			padding-left: 0px;
		}
		.float-left .section-title-wrapper,
		.float-right .section-title-wrapper {
			padding-top: 10px;
			padding-left: 0px;
			padding-right: 20px;
			padding-bottom: 15px;
		}
		.introduction .section-title-wrapper {
			padding-left: 0px;
		}
		.introduction .section-lead {
			padding-left: 0px;
		}
	}
	@media (max-width: 400px) {
		.section-c2a {

			overflow: hidden;
		}
	}
.section-intro {
	
	position: relative;
	font-size: 24px;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	margin-bottom: 15px;
	padding-left: 2px;
	color: #1d8af0;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight):not(.bg-secondary) .section-intro  {
	color: rgba(255, 255, 255, 0.6) !important;
}

.section-title {
	font-size: 30px;
	display: block;
	position: relative;
}
.section-title-wrapper hr {
	margin-top: 20px;
}

.introduction .section-title {
	font-size: 76px;
	line-height: 1;
}


.section-title-wrapper .text-center .line {
	margin: 20px auto 0;
}


.section-title.title-small {
	font-size: 26px;
}
.section-title.title-medium {
	font-size: 36px;
}
.section-title.title-large {
	font-size: 56px;
	line-height: 1.1;
}
.section-title.title-xlarge {
	font-size: 70px;
	line-height: 1.1;
}
.section-title.title-huge {
	font-size: 96px;
	line-height: 1;
}


.section-title em {
	font-style: normal;
	color: #1d8af0;
}
/* [class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .section-title  {
	color: #fff !important;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .section-title small {
	color: #fff !important;
} */
.section-lead {
	display: block;
	padding-top: 10px;
}
.section-lead.c-white h2,
.section-lead.c-white h3,
.section-lead.c-white h4 {
	color: #fff !important
}
.section-lead p {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.7;
}
.introduction .section-lead {
	padding-top: 17px;
	max-width: 640px;

}
.introduction .section-lead.with-label {

}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-lighter) .section-lead p  {
	color: rgba(255, 255, 255, 0.6) !important;
}
.section-more {
	position: absolute;
	top: 0px;
	right:10px;
}
.section-button {
	margin: 1rem 1rem 0 0;

}
.section-button span{
	display: inline-block;
	margin-right: 5px;
}
.section-footer {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}




	@media (max-width: 1130px) {
		.section-title {
			font-size: 26px;
			display: block;
		}
		.section-title.title-small {
			font-size: 22px;
		}
		.section-title.title-medium {
			font-size: 34px;
		}
		.section-title.title-large {
			font-size: 54px;
			line-height: 1;
		}
		.section-title.title-xlarge {
			font-size: 63px;
			line-height: 1.1;
		}
		.section-title.title-huge {
			font-size: 86px;
			line-height: 1;
		}
		.introduction .section-title {
			font-size: 66px;
			line-height: 1;
		}
		.section-lead p {
			font-size: 18px;
		}
	}
	@media (max-width: 970px) {
		.section-intro {
			margin-bottom: 5px;
			font-size: 18px;
		}
		.section-title {
			font-size: 26px;
			display: block;
		}
		.section-title.title-small {
			font-size: 22px;
		}
		.section-title.title-medium {
			font-size: 32px;
		}
		.section-title.title-large {
			font-size: 50px;
			line-height: 1;
		}
		.section-title.title-xlarge {
			font-size: 60px;
			line-height: 1.1;
		}
		.section-title.title-huge {
			font-size: 86px;
			line-height: 1;
		}
		.introduction .section-title {
			font-size: 46px;
			line-height: 1;
		}
		.section-more {
			position: relative;
			top: auto;
			right: auto;
			margin-bottom: 20px;
			margin-left: 1px;
		}
	}
	@media (max-width: 640px) {
		.section-intro {
			margin-bottom: 5px;
			font-size: 16px;
		}
	
		.section-title {
			font-size: 26px;
			display: block;
		}
		.section-title.title-small {
			font-size: 18px;
		}
		.section-title.title-medium {
			font-size: 24px;
		}
		.section-title.title-large {
			font-size: 36px;
			line-height: 1;
		}
		.section-title.title-xlarge {
			font-size: 48px;
			line-height: 1.1;
		}
		.section-title.title-huge {
			font-size: 62px;
			line-height: 1;
		}
		.introduction .section-title {
			font-size: 36px;
			line-height: 1;
		}
		.section-lead p {
			font-size: 1rem;
		}
		.section-more {
			position: relative;
			top: auto;
			right: auto;
			margin-bottom: 20px;
			margin-left: 1px;
		}
	
	
	}
	@media (max-width: 400px) {
		.section-intro {
			margin-bottom: 5px;
			font-size: 0.86rem;
		}
		.section-title.medium {
			font-size: 2rem;
		}
		
		.section-title.title-large {
			font-size: 2rem;
			line-height: 1.2;
		}
	}


/* Section background image */
.bg-section-image {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;

	transition: all 12s ease-in-out;
	transform-origin: center;
}

/* With animation */
.slick-initialized .slick-current .bg-section-image.bg-width-100.with-animation {
	
	transform: scale(1.3);
}

.bg-section-image.bg-repeat {
	background-position: top left;
	background-size: 10% auto;
	background-repeat: repeat;
	z-index: 1;
}


/* Video Play button */
.bg-section-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%); 
	width: 80px;
	height: 80px;
	z-index: 88;
	display: inline-block;
	margin: auto;
	background: #4ba485;
	border: 0px solid rgba(255, 255, 255, 0.1);
	border-radius: 100px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	z-index: 88;
	-webkit-transition: all 0.1s ease-out;  
	-moz-transition: all 0.1s ease-out; 
	-ms-transition: all 0.1s ease-out;  
	-o-transition: all 0.1s ease-out; 
	transition: all 0.1s ease-out;
}

.bg-section-play .play i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%); 
	font-size: 26px;
	color: #fff
}
.bg-section-play:hover .play {
	border-color: rgba(255, 255, 255, 0.616)
}

	@media (max-width: 970px) {
		.bg-section-play {
			display: none;
		}
	}

/* Widths */
.bg-section-image.bg-width-100 {
	width: 100%;
}
.bg-section-image.bg-width-75 {
	width: 75%;
}
.bg-section-image.bg-width-66 {
	width: 66.66%;
}
.bg-section-image.bg-width-60 {
	width: 60%;
}
.bg-section-image.bg-width-50 {
	width: 50%;
}
.bg-section-image.bg-width-40 {
	width: 40%;
}
.bg-section-image.bg-width-33 {
	width: 33.333%;
}
.bg-section-image.bg-width-25 {
	width: 25%;
}

/* heights */
.bg-section-image.bg-height-100 {
	height: 100%;
}
.bg-section-image.bg-height-75 {
	height: 75%;
}
.bg-section-image.bg-height-66 {
	height: 66.66%;
}
.bg-section-image.bg-height-60 {
	height: 60%;
}
.bg-section-image.bg-height-50 {
	height: 50%;
}
.bg-section-image.bg-height-40 {
	height: 40%;
}
.bg-section-image.bg-height-33 {
	height: 33.333%;
}
.bg-section-image.bg-height-25 {
	height: 25%;
}


@media (max-width: 970px) {
	.bg-section-image.bg-width-75,
	.bg-section-image.bg-width-66,
	.bg-section-image.bg-width-60,
	.bg-section-image.bg-width-50,
	.bg-section-image.bg-width-40,
	.bg-section-image.bg-width-33,
	.bg-section-image.bg-width-25 {
		width: 100%;
		opacity: 0.2 !important;
	}
	.with-bg .bg-section-image.bg-width-100 {
		opacity: 0.2 !important;
	}
}

/* Parallax */
.parallax.parallax-opacity-10 .parallax-inner {
	opacity: 0.1;
}
.parallax.parallax-opacity-20 .parallax-inner {
	opacity: 0.2;
}
.parallax.parallax-opacity-30 .parallax-inner {
	opacity: 0.3;
}
.parallax.parallax-opacity-40 .parallax-inner {
	opacity: 0.4;
}
.parallax.parallax-opacity-50 .parallax-inner {
	opacity: 0.5;
}
.parallax.parallax-opacity-60 .parallax-inner {
	opacity: 0.6;
}
.parallax.parallax-opacity-70 .parallax-inner {
	opacity: 0.7;
}
.parallax.parallax-opacity-80 .parallax-inner {
	opacity: 0.8;
}
.parallax.parallax-opacity-90 .parallax-inner {
	opacity: 0.9;
}

.parallax-bg-width-75 .parallax-inner {
	max-width: 75% !important;
}
.parallax-bg-width-66 .parallax-inner {
	max-width: 66.66% !important;
}
.parallax-bg-width-60 .parallax-inner {
	max-width: 60% !important;
}
.parallax-bg-width-50 .parallax-inner {
	max-width: 50% !important;
}
.parallax-bg-width-40 .parallax-inner {
	max-width: 40% !important;
}
.parallax-bg-width-33 .parallax-inner {
	max-width: 33.333% !important;
}
.parallax-bg-width-25 .parallax-inner {
	max-width: 25% !important;
}
.bg-position-center {
	background-position: center;
}
.parallax-bg-position-right .parallax-inner {
	right: 0  !important;
	background-position: right;
}


/* Position */

.bg-position-left {
	background-position: left center;
}
.bg-position-right {
	background-position: right center;
}
.bg-position-right {
	left: auto !important;
	right: 0  !important;
	background-position: top right;
}

.section-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 110%;
	height: 539px;
	background:  url('../images/grid-white.svg') no-repeat top;
	background-size: 2400px auto;
	/* mix-blend-mode: overlay; */
	opacity: 0.1;
	z-index: 1;
}
.section-overlay.with-bg-image {
	opacity: 0.2;
}
.bg-white .section-overlay,
.bg-light .section-overlay,
.bg-color .section-overlay {
	background-image:  url('../images/grid-dark.svg')
}




/*
---------------------------	
SECTION - SEARCHBAR
---------------------------
*/

.section-searchbar {
	position: relative;
	padding: 25px 35px;
}
.section-searchbar .filterbar {
	justify-content: space-between;
}
.section-searchbar .filteritem {
	flex-grow: 1;
	margin-bottom: 0;
}
.section-searchbar .search-button {
	min-width: 200px;
}
.section-searchbar-title {
	position: relative;
	font-size: 18px;
	z-index: 2;
}
.section-searchbar-bg {
	position: absolute;
	top: 0;
	left:0;
	right:0;
	bottom:0;
	z-index: 0;
	opacity: 0.9;
}

	@media (max-width: 640px) {
		.section-searchbar {
			position: relative;
			padding: 25px 15px;
		}
	}