@charset "utf-8";

/* CSS Document */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: auto;
	overflow-x: hidden;
	background-color: rgba(10, 88, 150, 1.00);
	transition: all 1.52s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-scrollbar {
	z-index: 9999999999;
}

.content {
	padding-top: 8%;
	padding-bottom: 8%;
}

@media(max-width:991px) {
	.content {
		padding-top: 18%;
		padding-bottom: 18%;
	}
}

.padding {
	padding-left: 5%;
	padding-right: 5%
}

@media(max-width:1080px) {
	.padding {
		padding-left: 4%;
		padding-right: 4%
	}
}

.no-padding-left {
	padding-left: 0%;
	padding-right: 10%
}

@media(max-width:1024px) {
	.no-padding-left {
		padding-left: 0%;
		padding-right: 5%
	}
}

@media(max-width:991px) {
	.no-padding-left {
		padding-left: 2%;
		padding-right: 2%
	}
}

body,
td,
th,
#submitButton,
textarea,
input,
select {
	color: #000;
	font-size: calc(16px + (18 - 16) * ((100vw - 640px) / (1920 - 640)));
	/*  font-weight: 400;*/
	font-style: normal;
	font-family: 'Play', sans-serif;
	line-height: 1.4;
	background-color: rgba(10, 88, 150, 1.00);
}

.main-preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000000001;
	background-color: #004382;
	text-align: center;
}

.main-preloader .main-preloader-inner {
	position: absolute;
	top: 48vh;
	width: 100%;
}

.main-preloader .preloader-percentage {
	color: #ffffff;
	margin: 0;
}

.main-preloader .preloader-percentage span {
	display: inline-block;
	float: none;
	font-size: 20px;
}

.title {
	font-weight: 400
}

.loco-scroll {
	overflow: hidden !important;
}

h1 {
	font-size: calc(50px + (100 - 50) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}

h2 {
	font-size: calc(40px + (80 - 40) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}

h3 {
	font-size: calc(35px + (70 - 35) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}

h4 {
	font-size: calc(35px + (50 - 35) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 700;
	font-style: normal;
	line-height: 1.3;
}

h5 {
	font-size: calc(22px + (30 - 22) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}

h6 {
	font-size: calc(20px + (22 - 20) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.5;
}

.description,
.title {
	padding-top: 0%;
	padding-bottom: 0%;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
	color: #000;
}

.btn-submit {
	background-color: rgba(239, 128, 19, 1.00);
	color: rgba(255, 255, 255, 1.00);
	border-radius: 19px;
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 9px;
	padding-bottom: 9px;
}

.btn-submit:hover {
	background-color: rgba(10, 88, 150, 1.00);
}

.mask img,
.mask video {
	display: block;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transform-origin: left;
}

.img-wrapper img {
	width: 100%;
	opacity: 1;
	transform: scale(1.8) !important;
	transition: all 2.52s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform-origin: center;
}

.img-wrapper.is-inview img {
	opacity: 1;
	transform: scale(1) !important;
	transition-delay: .5s;
	transform-origin: center;
}

.header {
	position: fixed;
	/*  z-index: 1*/
}

/*@media(max-width:991px) {*/
	.header {
		background: #064374;
	}
/*}*/

.header img {
	height: 50px;
	color: #F9B201;
}

@media(max-width:991px) {
	.header img {
		height: 5vmax
	}
}

.hero {
	position: relative;
	background-color: rgba(10, 88, 150, 1.00);
	/*  overflow: hidden;*/
	height: 100vh
}

@media(max-width:991px) {
	.hero {
		height: 95vh
	}
}

/*lamps*/
/*lamps*/
.scrolldown {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2
}

@media(max-width:991px) {
	.scrolldown {
		position: absolute;
		bottom: 30px;
		left: 50%;
	}
}

.scrolldown span {
	color: #fff;
	font-size: calc(12px + (15 - 12) * ((100vw - 640px) / (1920 - 640)));
	margin-left: 10px
}

.scrolldown img {
	height: 40px
}

.transition {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

/*animation*/
.animation {
	position: static;
	top: 0
}

.logo-container {
	width: 55vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6vw;
	overflow: hidden;
}

@media(max-width:1080px) {
	.logo-container {
		width: 65vw;
		margin-left: auto;
		margin-right: auto;
		margin-top: 45vh;
	}
}

hr.style1 {
	height: 2px;
	background-color: #fff;
	opacity: 1
}

.words {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.w1 {
	position: absolute;
	top: 9vw;
	left: 12vw;
}

.w1 img {
	width: 15vw;
}

.w2 {
	position: absolute;
	top: 12vw;
	left: 6.2vw;
}

.w2 img {
	width: 7vw;
}

.w3 {
	position: absolute;
	top: 13.5vw;
	left: 17vw;
}

.w3 img {
	width: 15.5vw;
}

.w4 {
	position: absolute;
	top: 15vw;
	left: 2.5vw;
}

.w4 img {
	width: 11.2vw;
}

.w5 {
	position: absolute;
	top: 18.5vw;
	left: 13.5vw;
}

.w5 img {
	width: 14.2vw;
}

.w6 {
	position: absolute;
	top: 9.7vw;
	right: 18.6vw;
}

.w6 img {
	width: 12vw;
}

.w7 {
	position: absolute;
	top: 9.3vw;
	right: 4.5vw;
}

.w7 img {
	width: 10vw;
}

.w8 {
	position: absolute;
	top: 14.3vw;
	right: 21vw;
}

.w8 img {
	width: 8vw;
}

.w9 {
	position: absolute;
	top: 16.0vw;
	right: 16vw;
}

.w9 img {
	width: 15vw;
}

.w10 {
	position: absolute;
	top: 12.0vw;
	right: 5.5vw;
}

.w10 img {
	width: 7.5vw;
}

.w11 {
	position: absolute;
	top: 15.5vw;
	right: 5.5vw;
}

.w11 img {
	width: 4.7vw;
}

.w12 {
	position: absolute;
	top: 19vw;
	right: 4vw;
}

.w12 img {
	width: 10vw;
}

@media(max-width:1080px) {
	.words {
		/*margin-top: 20vh;*/
		/*position: inherit;*/
		height: 30%;
		top: 27vh;
		/*border: thin solid rgba(255,255,255,1.00);*/
	}

	.w1 {
		position: absolute;
		top: -2%;
		left: 30%
	}

	.w1 img {
		width: 38vw;
	}

	.w2 {
		position: absolute;
		top: 12%;
		left: 20%
	}

	.w2 img {
		width: 15vw;
	}

	.w3 {
		position: absolute;
		top: 20%;
		left: 50%
	}

	.w3 img {
		width: 45vw;
	}

	.w4 {
		position: absolute;
		top: 28%;
		left: 6%
	}

	.w4 img {
		width: 33vw;
	}

	.w5 {
		display: none;
		/*
		position: absolute;
		top: 8%;
		left: 80%
*/
	}

	.w5 img {
		width: 17vw;
	}

	.w6 {
		position: absolute;
		top: 48%;
		left: 8%
	}

	.w6 img {
		width: 40vw;
	}

	.w7 {
		position: absolute;
		top: 43%;
		left: 62%
	}

	.w7 img {
		width: 30vw;
	}

	.w8 {
		position: absolute;
		top: 72%;
		left: 30%
	}

	.w8 img {
		width: 22vw;
	}

	.w9 {
		position: absolute;
		top: 85%;
		left: 20%
	}

	.w9 img {
		width: 45vw;
	}

	.w10 {
		position: absolute;
		top: 63%;
		left: 65%
	}

	.w10 img {
		width: 28vw;
	}

	.w11 {
		position: absolute;
		top: 85%;
		left: 75%
	}

	.w11 img {
		width: 17vw;
	}

	.w12 {
		display: none;
		/*		position: absolute;*/
		top: 24%;
		left: 80%
	}

	.w12 img {
		width: 15vw;
	}
}

.maska {
	transition: all .2s ease-in-out;
	overflow: hidden;
}

.maska:hover {
	transform: scale(1.1);
}

/*service*/
.service {
	position: relative;
	height: 100vh;

}

@media(max-width:991px) {
	.service {
		position: relative;
		height: 100%
	}
}

hr.style2 {
	width: 0%;
	height: 3px;
	color: #FE8215;
	opacity: 1;
	margin-left: auto;
	margin-right: auto;
}

hr.style2.is-inview {
	width: 20%;
	transition: all 1.52s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media(max-width:575px) {
	.service .icons img {
		width: 120px;
		height: 120px
	}
}

.service .a4 {
	position: absolute;
	right: -800px;
	top: 0;
	z-index: -1;
	transition: all 1.52s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.service .a4.is-inview {
	position: absolute;
	right: 20px;
	top: 0;
	z-index: -1;
	transition: all 1.52s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.service .a4 img {
	height: 100vh;
	opacity: 0.7
}

.service .service-title {
	color: #fff;
	font-size: calc(16px + (21 - 16) * ((100vw - 640px) / (1920 - 640)));
}

#sectionPin {
	height: 100vh;
	/*	overflow: hidden;*/
	left: 0;
	padding: 0;
}

@media(max-width:991px) {
	#sectionPin {
		position: relative;
		height: 100%
	}
}

.pin-wrap {
	height: 100%;
	align-items: center;
	padding: 0px 0vw;
}

.pin-wrap .item-wrapper {
	position: relative;
	padding: 0 1vw;
	text-align: center;
}

.pin-wrap .item-wrapper .rotate-title {
	transform: rotate(-90deg);
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.0;
	font-weight: 800
}

@media(max-width:991px) {
	.pin-wrap .item-wrapper {
		min-width: 100vw;
		padding-top: 0px;
		padding-right: 4vw;
		padding-left: 4vw;
		padding-bottom: 15px;
		text-align: center;
	}
}

.pin-wrap .item-wrapper .description {
	font-weight: 300;
}

.pin-wrap .img-box {
	overflow: hidden;
	position: relative
}

@media(min-width:991px) {
	.pin-wrap .img-box img {
		height: 65vh;
		/*        width: 100%*/
	}
}

@media(max-width:991px) {
	.pin-wrap .img-box img {
		width: 100%;
	}
}

.pin-wrap .img-box::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.0);
	transition: all 1.52s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.pin-wrap a,
.pin-wrap a:hover {
	color: #fff;
	text-decoration: none;
}

.pin-wrap a:hover .img-box::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.47);
	transition: all 1.52s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.pin-wrap a:hover .img-box img {
	transform: scale(1.2);
	transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.pin-wrap .img-box .but {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 45px;
	bottom: 25px;
	background-color: rgba(239, 128, 19, 1.00);
	border-radius: 100%;
	transform: translateX(0%);
	z-index: 2;
	opacity: 0;
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.pin-wrap a:hover .img-box .but {
	transform: translateX(50%);
	opacity: 1;
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.pin-wrap .img-box .but .bi {
	color: #FFFFFF;
	font-size: 18px;
}

.about-us .banner {
	position: relative;
	height: 100vh
}

.about-us .banner img {
	height: 100vh
}

.about-us .banner .banner-content {
	position: absolute;
	z-index: 1;
	color: #fff;
	/*	left: 12%;*/
	bottom: 15%;
}

@media(max-width:991px) {
	.about-us .banner::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.62)
	}
}

.about-us .banner .banner-content .description {
	font-size: calc(18px + (22 - 18) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.5;
}

.partners {
	position: relative;
	height: 100vh;
	/*    overflow-x: hidden*/
}

@media(max-width:991px) {
	.partners {
		position: relative;
		height: 100%;
		padding-top: 8%;
		padding-bottom: 8%
	}
}

.partners .a4 {
	position: absolute;
	right: -800px;
	top: 0;
	z-index: 1;
	transition: all 1.52s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.partners .a4.is-inview {
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 1;
	transition: all 1.52s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.partners .container {
	position: relative;
	z-index: 2
}

.partners .a4 img {
	height: 100vh;
	opacity: 0.5;
}

.footer {
	position: relative;
	height: 50%;
	width: 100%;
	right: 0;
	transition: right 0.4s ease;
	z-index: 4;
}

.footer.active {
	right: 50%;
}

.footer .but-map {
	background-color: #EF8013;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 2%;
	padding-right: 2%;
	position: absolute;
	top: 50%;
	right: 45px;
	cusror: pointer;
	z-index: inherit;
	cursor: pointer;
	transform: rotate(-90deg);
	border-radius: 20px;
	font-size: 1rem;
}

.footer .seemap {
	position: absolute;
	top: 50%;
	right: 30px;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	opacity: 1;
	letter-spacing: 4px;
	transform-origin: center
}

.footer div.map {
	height: 100%;
	width: 50%;
	position: absolute;
	background: #F3F3F3;
	top: 0;
	right: -50%;
	z-index: inherit;
	transition: right 0.4s ease;
}

.footer div.map.show {
	right: -50%;
}

.footer .form-control {
	padding: 1.2rem 1rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	background-color: rgba(10, 88, 150, 1.00);
	border: none;
	border-radius: 1rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.footer .form-control::placeholder {
	color: #fff;
	font-size: 18px
}

.footer .addres {
	padding-left: 45px;
	line-height: 1.7;
}

@media(max-width:991px) {
	.footer .addres {
		padding-left: 30px;
	}
}

.footer .addres a {
	color: #fff
}

.footer .addres .social .wrapper {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 0px;
	padding-bottom: 15px
}

.footer .addres .social .bi {
	font-size: 28px
}

.sub-footer {
	background: rgba(6, 67, 116, 1.00);
	font-size: 12px;
	color: rgba(255, 255, 255, 0.55)
}

.map-xs {
	height: 40vh
}

/*#sectionPin .cursor {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: transform .1s ease-out , width .3s, height .3s, opacity .3s;
}
#sectionPin:hover .cursor {
  opacity: 0.95;
  background-color: undefined;
}
#sectionPin:hover .cursor.hover {
  width: 80px;
  height: 80px;
}
#sectionPin:hover .cursor.click {
  width: 20px;
  height: 20px;
}
#sectionPin:hover .cursor.hover.click {
  width: 75px;
  height: 75px;
}
#sectionPin .cursor .cursor-content {
  color: #fff;
  opacity: 0;
  line-height: 1;
  transition: opacity .3s;
  font-size: 13px;
}
#sectionPin .cursor.hover .cursor-content {
  opacity: 1;
}*/

progress {
	position: fixed;
	top: 0;
	left: 0;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 100%;
	border: none;
	background: transparent;
}

progress::-webkit-progress-bar {
	background: transparent;
}

progress::-webkit-progress-value {
	background: #ffa31a;
	background-attachment: fixed;
}

progress::-moz-progress-bar {
	background: #ffa31a;
	background-attachment: fixed;
}

.intro {
	height: 95vh;
	position: relative
}

.intro span {
	color: #EF8013;
	font-size: calc(18px + (24 - 18) * ((100vw - 640px) / (1920 - 640)));
	text-transform: uppercase;
}

.intro h4 {
	font-weight: 800;
	text-transform: uppercase;
}

.intro .svg-object {
	height: 50vmin
}

.intro .scrolldown {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2
}

@media(max-width:991px) {
	.scrolldown {
		position: absolute;
		bottom: 30px;
		left: 50%;
	}
}

.intro .scrolldown span {
	color: #fff;
	font-size: calc(12px + (15 - 12) * ((100vw - 640px) / (1920 - 640)));
	margin-left: 10px;
	text-transform: capitalize;
}

/*browse*/
.browse {
	position: relative
}


.browse .img-wrapper img {
	height: 55vh
}

@media(max-width:991px) {
	.browse .img-wrapper img {
		height: 32vh
	}
}

.browse a {
	color: inherit !important;
	text-decoration: none;
}

.browse a:hover {
	color: inherit !important;
	text-decoration: none;
}

.browse a:hover img {
	transform: scale(1.4) !important;
	transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.browse .project-num {
	color: #EF8013;
	font-weight: 700;
	font-size: calc(20px + (24 - 20) * ((100vw - 640px) / (1920 - 640)));
}

.browse .box h4 {
	font-weight: 700;
	line-height: 1.2
}

@media(max-width:991px) {
	.browse .box h4 {
		margin-bottom: 0px
	}
}

.browse .box .description {
	font-size: calc(20px + (22 - 20) * ((100vw - 640px) / (1920 - 640)));
}

.browse .row .col:nth-child(even) {
	margin-top: 20vh
}

@media(max-width:991px) {
	.browse .row .col:nth-child(even) {
		margin-top: 0vh
	}
}

/*hero-pdp*/
.pdp-hero {
	padding-top: 7%;
	padding-right: 7%;
	padding-left: 7%;
	padding-bottom: 5%
}

@media(max-width:991px) {
	.pdp-hero {
		padding-top: 20px;
		padding-right: 2%;
		padding-left: 2%;
		padding-bottom: 0%
	}
}

.banner {
	position: relative;
	/*  overflow: hidden;*/
	/*	height: 100vh*/
}


/*hero*/

.pdp .box {
	/*    padding-right: 10vw;*/
	margin-left: 8vw
}

@media(max-width:991px) {
	.pdp .box {
		/*    padding-right: 10vw;*/
		margin-left: 0vw;
		padding-top: 8%;
		padding-bottom: 8%
	}
}

.pdp .box .project-num {
	color: #EF8013;
	font-weight: 700;
	font-size: calc(20px + (22 - 20) * ((100vw - 640px) / (1920 - 640)));
}

.pdp .box .title {
	font-weight: 700;
	padding-bottom: 3%
}

.pdp .box a {
	color: #EF8013;
	font-weight: 700;
}

.pdp .box a:hover {
	color: #EF8013;
	font-weight: 700;

}

.pdp .box .bi-person {
	font-size: 21px
}

.pdp .box .bi-calendar-week {
	font-size: 17px
}

.pdp .box hr {
	color: rgba(255, 255, 255, 0.00);
	background-color: currentColor;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px dashed rgba(255, 255, 255, 1.00);
	opacity: .25;
}

.pdp .box-img {
	margin-bottom: 7%
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #fff;
}

.similar-projects img {
	height: 45vh
}

@media(max-width:991px) {
	.similar-projects img {
		height: 30vh
	}
}

.similar-projects a {
	color: #fff
}

.similar-projects a:hover {
	color: #fff;
	text-decoration: none;
}

.cursor {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: none;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	opacity: 0;
	position: fixed;
	pointer-events: none;
	transition: transform .1s
		/*ease-out*/
		, width .3s, height .3s, opacity .3s;
}

body:hover .cursor {
	opacity: 0.8;
}

body:hover .cursor.hover {
	width: 80px;
	height: 80px;
}

body:hover .cursor.click {
	width: 20px;
	height: 20px;
}

body:hover .cursor.hover.click {
	width: 75px;
	height: 75px;
}

.cursor .cursor-content {
	color: #fff;
	opacity: 0;
	line-height: 1;
	transition: opacity .3s;
}

.cursor.hover .cursor-content {
	opacity: 1;
}


/* ! Animations */
.mask {
	overflow: hidden
}

.fade-left {
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translateX(-30%);
	transition-delay: 0.5s;
}

.fade-left.is-inview {
	opacity: 1;
	transform: translateX(0px);
}

.fade-right {
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translateX(30%);
	transition-delay: 0.5s;
}

.fade-right.is-inview {
	opacity: 1;
	transform: translateX(0px);
}

.fade-up {
	opacity: 0;
	transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translateY(30%);
	transition-delay: 0.5s;
}

.fade-up.is-inview {
	opacity: 1;
	transform: translateY(0px);
}

.fade-down {
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translateX(10%);
	transition-delay: 0.5s;
}

.fade-down.is-inview {
	opacity: 1;
	transform: translateX(0px);
}

.fade {
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-delay: 0.5s;
}

.fade.is-inview {
	opacity: 1;
}

.reveal-top {
	height: 0;
	overflow: hidden;
	transition: all 1.52s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-delay: 0.5s;
}

.reveal-top.is-inview {
	height: 100%;
}

.reveal-left {
	width: 0;
	overflow: hidden;
	transition: all 1.52s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-delay: 0.5s;
}

.reveal-left.is-inview {
	width: 100%;
}

.zoom-in {
	opacity: 1;
	transform: scale(1.5);
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-delay: 0.5s;
}

.zoom-in.is-inview {
	opacity: 1;
	transform: scale(1);
}

.text-reveal {
	overflow: hidden;
	display: block;
}

.text-reveal {
	display: inline-block;
	will-change: transform;
	transform: translate3d(0, 100%, 0);
	transition: all 2s cubic-bezier(.15, .61, .16, .97);
}

.text-reveal.is-inview {
	transform: none;
}

.delay-1 {
	transition-delay: 0.1s !important;
}

.delay-2 {
	transition-delay: 0.2s !important;
}

.delay-3 {
	transition-delay: 0.3s !important;
}

.delay-4 {
	transition-delay: 0.4s !important;
}

.delay-5 {
	transition-delay: 0.5s !important;
}

.delay-6 {
	transition-delay: 0.6s !important;
}

.delay-7 {
	transition-delay: 0.7s !important;
}

.delay-8 {
	transition-delay: 0.8s !important;
}

.delay-9 {
	transition-delay: 0.9s !important;
}

.delay-10 {
	transition-delay: 1s !important;
}

.hover-div {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.hover-div img {
	width: 100%;
	transition: all ease-in-out .5s;
}

.hover-div:hover img {
	transition: all ease-in-out .5s;
	opacity: 1;
	transform: scale(1.2);
}

/* ! Animations */

img.partner {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

img.partner:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

/* FORMS ERRORS */
input.error {
	border: #c00 1px solid;
}

select.error {
	border: #c00 1px solid;
}

textarea.error {
	border: #c00 1px solid;
}

label.error {
	display: block;
	color: #fff;
	font-size: 75%;
	font-weight: normal;
	padding: 0px 10px !important;
	margin-top: 0px;
	background-color: #c00;
}
/* FORMS*/

.play {
 position: absolute;
	left: 0;
	right: 0;
    top:0;
    bottom: 0;
	margin:auto;
    width: 50px;
    height: 50px;
    z-index: 1
}

.play .bi{
    font-size: 50px;
    opacity: 0.8;
	color: #fff;
}
/* ===== EU PROJECT BANNER ===== */
.eu-banner-strip {
	display: block;
	background: #004382;
	color: #fff;
	text-decoration: none;
	padding: 18px 5%;
	transition: background 0.25s ease;
	cursor: pointer;
}
.eu-banner-strip:hover {
	background: #003166;
	color: #fff;
	text-decoration: none;
}
.eu-banner-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	max-width: 1400px;
	margin: 0 auto;
	flex-wrap: wrap;
}
.eu-banner-logos {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-shrink: 0;
}
.eu-banner-logos img {
	height: 36px;
	width: auto;
}
.eu-banner-logos img.eu-flag-logo {
	background: rgba(255,255,255,0.9);
	padding: 4px 8px;
	border-radius: 3px;
}
.eu-banner-text {
	flex: 1;
	min-width: 200px;
}
.eu-banner-text .eu-banner-label {
	font-family: 'Play', sans-serif;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #F9B201;
	margin-bottom: 3px;
}
.eu-banner-text .eu-banner-title {
	font-family: 'Play', sans-serif;
	font-size: clamp(0.8rem, 1.3vw, 1rem);
	font-weight: 700;
	color: #fff;
	line-height: 1.3;
}
.eu-banner-arrow {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(239, 128, 19, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	color: #fff;
	transition: transform 0.2s ease, background 0.2s ease;
}
.eu-banner-strip:hover .eu-banner-arrow {
	transform: translateX(4px);
	background: #d4700a;
}
@media (max-width: 576px) {
	.eu-banner-logos { gap: 12px; }
	.eu-banner-logos img { height: 28px; }
	.eu-banner-arrow { width: 36px; height: 36px; font-size: 0.9rem; }
}
/* ===== END EU PROJECT BANNER ===== */