/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
	 --orange:#E85F20;
	 --lightpink:#EDAC9F;
	 --green:#148327;
	 --lightred:#D21E44;
	--offwhite:#FAF5EF;
	--lightbrown:#F2EBE6;	
	--white:#fff;
	 scroll-behavior: auto;
	 
	
	}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0;  }
body { margin: 0; padding: 0;  font-size: 14px; background:url(../images/body-bg.png) repeat center center;
	letter-spacing: 0; line-height: normal;
	font-family: 'Euclid Circular B';
	font-weight: normal;

	
	}
*{
	cursor:none;

}	
.cursor {position: fixed;height: auto;width: 50px;border-radius: 50%;transform: translateX(-50%) translateY(-50%);pointer-events: none;z-index: 9999999999999999999999999999999; display: block; }
.cursor img { width: 100%; height: auto; }

input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

a { text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}

.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxcol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
}
.flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}
/* Common CSS for All components : End */
body.page-template-home_tpl .main-wapper { overflow: hidden; }
@media (min-width:576px){
	.container {
	width:100%;
	max-width:100%;
	}
	
	
	}
	@media (min-width: 768px) {
	.container {
	width:750px;
	padding: 0 15px;;
	}
	
	}
	@media (min-width: 992px) {
	.container {
	width:970px;
	}
	}
	@media (min-width: 1200px) {
		.container {
		width:1170px;
		max-width:1170px;
		}
	}
	@media (min-width: 1400px) {
		.container {
		width:1330px;
		max-width:1330px;
		}
	}
	@media (min-width: 1600px) {
		.container {
		width:1538px;
		max-width:1538px;
		}
	}
.container{ position: relative; z-index:8; }	

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: 'Value Serif Pro';
	font-weight: normal;
	color: var(--orange);
	 
}
 
h1 {
	font-size: 42px;
	 
}
h2 {
	font-size: 36px;
	 
}
h3 {
	font-size: 32px;
	 
}
h4 {
	font-size: 28px;
 
}
h5 {
	font-size: 24px;
 
}
h6 {
	font-size: 20px;
	 
}
p {margin: 0; padding: 0; color: var(--orange); font-weight:normal;font-size: 18px;line-height: 25px;}
p a { color: var(--orange); }
p a:hover { color: var(--orange); opacity: 0.5; }
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
.row { margin-left: -15px !important; margin-right: -15px !important;}
.row>* { padding-left: 15px !important; padding-right: 15px !important;}

.complete_animation {}
.complete_animation.home .cky-modal,
.complete_animation.home .cky-btn-revisit-wrapper,
.complete_animation.home .cky-consent-container { opacity: 1; visibility: visible; }
.home .cky-modal,
.home .cky-btn-revisit-wrapper,
.home .cky-consent-container { opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.main_wapper{ overflow:hidden; }

.intro-page{ position: relative; display: block; width: 100%;  background: url(../images/ornage-bg.png) repeat center center; }
.intro-page .intro-bg .desktop-bg{ width: 100%; display: block; min-height: 100vh; background-position: center center; background-size: cover;  background-repeat: no-repeat;}
.intro-page .intro-text-main{ position: absolute; left: 0px; bottom:22.8vh;  width: 100%; display: flex; align-items: center; justify-content: center; }
.intro-page .intro-text-main .intro-text{ max-width: 630px; text-align: center; }
.intro-page .intro-text-main .intro-text h1{ padding: 0 0 7px;  font-family: 'Value Serif'; font-weight: bold; font-size: 105px; color:var(--white) ; }
.intro-page .intro-text-main .intro-text p{ font-size: 26px; padding: 0 20px;  color: #fefefe; line-height: normal; }
.enter-btn{ display: flex; align-items: center; justify-content: center;}
.enter-btn a{ background: url(../images/enter-btn-bg.png) no-repeat center center; background-size: cover; width: 162px; height: 54px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--orange);  }
.intro-page .intro-text-main .intro-text .enter-btn { padding: 93px 0 0 0; }

#header{ position: fixed; z-index: 10; left: 0px; top: 0px; width: 100%; transition: all 0.3s ease-in-out; }
#header.fixed{ background: var(--white); }
.header-top{ padding: 33px 38px 20px 45px; justify-content: space-between; width: 100%; display: flex; align-items: center;}
.header-top .left-logo a{ display: flex; font-size: 28px;font-family: 'Value Serif Pro'; font-weight: bold; color: var(--orange);   }
.Bicycle-logo a{ display: flex; align-items: center;}
.menu-icon { min-width: 166px; display: -ms-flexbox; display: flex; justify-content: flex-end; }
.menu-icon a{ background: url(../images/menu-icon-bg.png) no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: center; }
.menu-icon a img{ max-width:66px ;}
.home-section-1{ padding: 150px 0 0 0; }
.home-text-block-1{ display: flex; flex-direction: column; justify-content: flex-start; max-width: 1130px; }
.home-text-block-1 .text{ padding: 0 0 118px; }
.home-text-block-1 .text h4{ line-height: 1.1; font-size: 60px; color: var(--orange);font-family: 'Value Serif Pro'; font-weight: normal;   }
.home-text-block-1 .text  h4 strong{    font-weight: normal;}
.home-text-block-1 .text  h4 span{font-family: 'Euclid Circular B'; font-weight: 300; position: relative; }
.home-text-block-1 .text  h4 span.bg-pink::after{ position: absolute; left: 0px; bottom: 0;  background: url(../images/intro-line-1.png) no-repeat 20px bottom; background-size: 526px 15px;  width: 100%; height: 100%; content: '';      } 
.home-text-block-1 .text  h4 span.bg-green::after{ position: absolute; left: 0px; bottom: -5px;  background: url(../images/intro-line-2.png) no-repeat 5px bottom; background-size: 283px 15px;  width: 100%; height: 100%; content: '';      } 
.home-text-block-1 .text  h4 span.bg-red::after{ position: absolute; left: 0px; bottom: 0;  background: url(../images/intro-line-3.png) no-repeat 20px bottom; background-size: 344px 13px;  width: 100%; height: 100%; content: '';      } 

.meet-the-text{ position: relative; width: auto; font-size: 35px;color: var(--orange);font-family: 'Value Serif Pro'; display: flex; align-items: center;  } 
.meet-the-text span{ padding: 0 0 0 8px; color: var(--white); position: relative;  }
.meet-the-text span::after{ width: 143px; height: 78px; background: url(../images/link-bg.png) no-repeat center center; background-size: cover; position: absolute; left: -12px; top: -16px; pointer-events: none; z-index: -1; content: '';  }
.meet-the-text .arrow-icon { position: absolute; left: 100%; margin: 0 0 0 20px; bottom: -100px;   }
.meet-the-text .arrow-icon img {width: 330px;}
.meet-the-text-sub{ display: flex; position: relative; }

.home-text-block-2{ padding: 89px 0 0 0; position: relative; width: 100%; display: flex;}
.home-text-block-2 .home-left-gif-img { margin: 100px -48px 0 0; width: 375px;}
.home-text-block-2 .home-left-gif-img img{ max-width: 530px; }
.home-text-block-sub{ width: 378px;}
.home-text-block-sub .text{ padding: 0 0 41px; }
.home-text-block-sub .text p{  }
.home-text-block-sub .cta-links{ margin: 0 0 0 -9px; }
.cta-links{ display: flex;}
.cta-links  a { display: flex; align-items: center; }
.cta-links  a  span{ padding: 0 32px; background: url(../images/ct-link-bg.png) no-repeat center center; background-size: 100% 100%; min-width: 161px; height: 54px; font-size: 18px;  display: flex; align-items: center; justify-content: center; color: var(--white); }
.home-text-block-2 .desktop-img { position: absolute;  right: 0px; top: -279px; max-width: 757px; }
.home-text-block-2 .desktop-img  img{ max-width:calc(100% + 95px); }


.home-section-2{ padding: 52px 0 69px 0; background: var(--orange); }

 
.cta-links-white{ display: flex;}
.cta-links-white  a { display: flex; align-items: center; }
.cta-links-white  a  span{ background: url(../images/ct-link-bg-white.png) no-repeat center center; width: 267px; height: 54px; font-size: 18px;  display: flex; align-items: center; justify-content: center; color: var(--orange); }
.cta-links-white i img { width: 55px; height: auto; }


.services-title-main h3{ padding: 0 0 28px; font-size: 35px; color: var(--white); }
.services-listing { padding:  0 0 34px; }
.services-listing ul{ padding: 18px 0 0 0; position: relative; display: block; width: 100%;}
.services-listing ul::after{ position: absolute; left: 0px; top: 0px;  left: -5px; right: -4px; background: url(../images/services-sed.png) no-repeat center center; background-size: 100% auto; content: ''; height: 18px;   }
.services-listing ul li a{ padding: 0px 0 18px 0; position: relative; display: block; width: 100%;}
.services-listing ul li a:hover { z-index: 5; }
.services-listing ul li a .menu__item-image { position: absolute;  opacity: 0; transform: scale(0.4); height: 504px; width: 504px; margin-top: -252px; overflow: hidden; border-radius: 100%; top: 0; z-index: 10; pointer-events: none; left: 0; }
.services-listing ul li a .menu__item-image img {width: 100%; height: 100%; object-fit: cover; }
.services-listing ul li a::after{ transform: rotate(180deg); position: absolute; left: 0px; bottom: 0px;  left: -5px; right: -4px; background: url(../images/services-sed.png) no-repeat center center; background-size: 100% auto; content: ''; height: 18px; z-index: -1;  }
.services-listing ul li:nth-child(2n+0) a::after{ transform: none; }
.services-box .services-title{ padding: 6px 0; font-family: 'Value Serif Pro'; font-size: 89px ; transition: all 0.3s ease-in-out; color: var(--white) ; font-weight: bold; }
.services-listing ul li a:hover .services-box .services-title{ opacity: 0.4; }



.project-block-top{ padding: 50px 0 0 ; max-width: 822px; margin: 0 auto; text-align: center; display: block; width: 100%; }
.project-block-top .img-products {  width: 100%; display: flex; align-items: center; justify-content: center; }
.project-block-top .img-products img{ width: 100%; max-width: 500px; mix-blend-mode: multiply; } 
.project-block-top h4{ padding: 24px 0 0 0; font-size: 35px; color: var(--orange);}
.project-listing-marquee{ padding: 60px 0 50px; display: block; width: 100%; overflow: hidden; }
.project-listing-marquee-inner{ display: flex; align-items: center; position: relative;   }
.project-listing-marquee-inner ul{ display: flex; }
.marquee {
	-webkit-animation: marquee 20s linear infinite;
	animation: marquee 20s linear infinite
}

.marquee2 {
	-webkit-animation: marquee2 20s linear infinite;
	animation: marquee2 20s linear infinite;
	position: absolute;
	top: 0
}

@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translate(-100%)
	}
}

@keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translate(-100%)
	}
}

@-webkit-keyframes marquee2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
}

@keyframes marquee2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
}
.project-listing-marquee-inner .project-img{ padding: 0 18px; }
.project-listing-marquee-inner .project-img span {width:350px; height: 350px; border-radius: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; }
.project-listing-marquee .cta-links{ justify-content: center; padding: 56px 0 0 0; }


.testi-block-main{ display: flex; align-items: flex-start; justify-content: space-between; }
.testi-block-main .testi-block-left{ width: 503px;}
.testi-block-main .testi-block-left .testi-img-1{ width: 100%; display: flex; justify-content: flex-end;}
.testi-block-main .testi-block-left .testi-img-2{ padding: 0 0 0 102px; }
.testi-block-main .testi-block-left .testi-title h4{ padding: 3px 0 16px 0; font-size: 35px; color: var(--orange);  }


.testi-block-right{  display: block; margin:50px 252px 0 0; width: 695px; min-height: 477px; position: relative;  }
.coman-class{ position: absolute; left: 0px; top: 0px;  }
.coman-class .testi-box-inner{ display: flex; align-items: center; justify-content: center; background: url(../images/testi-bg-1.png) no-repeat center center; width: 695px; min-height: 475px; box-shadow: rgba(0, 0, 0, 0.49) 4px 0 20px; background-size: cover;   } 
.coman-class .testi-box-inner .text{ max-width: 544px; }
.coman-class .testi-box-inner .text p{ font-size: 23px; text-align: center; color: #000; font-family: 'American Typewriter';}
.coman-class .testi-box-inner .text .name{  display: block; padding: 57px 0 0 0;  font-size: 23px; text-align: center; color: #000; font-family: 'American Typewriter';}
.testi-box-2.coman-class .testi-box-inner{background: url(../images/testi-bg-2.png) no-repeat center center;   min-height: 476px;  background-size: cover;}
.testi-box-3.coman-class .testi-box-inner{background: url(../images/testi-bg-3.png) no-repeat center center; width: 692px; min-height: 473px; background-size: cover;  }
 
.testi-box-3{  left: 73px; top: 90px;}
.testi-box-1{ left: 5px; transform: rotate(-3deg); }
.testi-box-2{    right: -216px;left: auto;transform: rotate(5deg);top: 26px;}

@media (min-width: 768px) {
 
.testi-block-right .coman-class:hover .testi-box-inner{ 
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	animation-iteration-count: infinite;

	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;

}
}

	/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
	from {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  
	50% {
	  -webkit-transform: scale3d(1.03, 1.03, 1.03);
	  transform: scale3d(1.03, 1.03, 1.03);
	}
  
	to {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  @keyframes pulse {
	from {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  
	50% {
	  -webkit-transform: scale3d(1.03, 1.03, 1.03);
	  transform: scale3d(1.03, 1.03, 1.03);
	}
  
	to {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }

.home-section-4{ padding: 50px 0 200px 0; }
.newslatter-outer{ position: relative; background: #fff; margin: 45px 0 0 0; display: block; width: 100%;  }
.newslatter-outer::after{ content: ''; width: 100%; height: 45px; background: url(../images/footer-bg.png) repeat-x left top; position: absolute; left: 0px; top: -45px; }
.newslatter-block{  align-items: center; min-height: 450px; position: relative;  width: 100%; display: flex;  }
.newslatter-block .newslatter-center-blk{ text-align: center; margin: 0 auto; display: block; width: 100%; max-width: 760px; }
.newslatter-block .newslatter-left-img{ position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.newslatter-block .newslatter-right-img{ position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.newslatter-center-blk .lets-img{ padding: 0 0 45px; display: flex; align-items: center; justify-content: center;}
.newslatter-center-blk h4{ font-size: 35px; }
.newslatter-form{ padding: 80px 0 0 0; position: relative;  max-width: 520px; margin: 0 auto; display: block; width: 100%; }
.newslatter-form .input-text{ border: 0px; font-size: 18px; color: var(--orange); border-bottom: var(--orange) solid 2px; padding: 0 12px;   display: block; width: 100%; font-family: 'Euclid Circular B'; padding: 0 0 13px; border-radius: 0; }
.input-row{ width: 100%; display: block; position: relative;}
.newslatter-form button{  position: absolute; right: 0px; top: 0px; width:30px; border: 0px; height: 30px; background: url(../images/orange-arrow.png) no-repeat center center; }

.footer-insta-outer{ width: 100%; display: block; overflow: hidden;}
.insta-images{ display: flex; align-items: center; justify-content: center;}
.insta-images .insta-img{ width: 20%;}
.insta-images .insta-img span{ padding: 100% 0 0 0; display: flex; align-items: center; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.footer-bottom-outer{ min-height: 198px; padding:58px 73px 20px; background: var(--orange); }
.footer-bottom-outer{ display: flex; align-items: flex-start; justify-content: space-between; }
.footer-left{  display: flex; }
.footer-left .f-links-box{width: 220px; }
.footer-left .f-links-box ul li a{ font-family: 'Value Serif Pro'; color: var(--white); font-size: 18px; }
.footer-left .f-links-box ul li + li{ padding: 2px 0 0 0; }
.footer-left .f-links-box ul li a:hover{ opacity: 0.5; }
.footer-logo img { width: 137px; height: auto; }
.footer-right{ width: 440px; display: flex ;align-items: flex-end ; justify-content: flex-end; flex-direction: column;}
.footer-right .f-email a{ font-family: 'Value Serif Pro'; color: var(--white); font-size: 18px; text-decoration: underline;}
.footer-right .f-email a:hover{  opacity: 0.5; }
.copyright{ padding: 28px 0 0 0;   font-family: 'Value Serif Pro'; color: var(--white); font-size: 12px; text-align: right; }
.copyright a { color: var(--white); }
.copyright a:hover { color: var(--white); opacity: 0.5; }

.coman-class{ z-index: 1;}
.coman-class.active{ z-index: 2; }

.services-listing ul li .services-box {transform: translateX(30%); opacity: 0; display: block; width: 100%; position: relative; transition: transform 0.7s ease-in-out 0.7s,opacity .7s ease-in-out .15s; transition-delay: 0.1s; }
.services-listing ul.animated li .services-box{ transform: translateX(0%); opacity: 1;  }
.services-listing ul.animated li:nth-child(2) .services-box{ transition-delay: 0.2s; }
.services-listing ul.animated li:nth-child(3) .services-box{ transition-delay: 0.3s; }
.services-listing ul.animated li:nth-child(4) .services-box{ transition-delay: 0.4s; }
.services-listing ul::after,
.services-listing ul li a::after{ transition: all 0.5s ease-in-out; opacity: 0; }
.services-listing ul.animated::after,
.services-listing ul.animated li a::after{ opacity: 1; transition-delay: 1.1s;  }



.menu-outer{ overflow: hidden;  pointer-events: none; z-index: 100;  position: fixed; right: 0px; top: 0px; width: 100%; height: 100vh;   }
body.active-menu  .menu-outer { pointer-events: all; }
body.active-menu  .menu-outer-inner{ overflow-y:auto;}
.menu-outer-overlay{  position: fixed; width: 66px; height: 66px;    right: 38px; top: 33px;   background: var(--orange);  
	border-radius: 50%;pointer-events: none; cursor: none;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* will-change: transform; */
    will-change: auto;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	transition: all 1s ease-in-out;
	 z-index: 1;
}
 body.active-menu  .menu-outer-overlay{         -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(150);}
.menu-outer-inner{  display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; left: 0px; top: 0px; width: 100%;  height: 100vh; overflow:hidden; z-index: 2;   } 
.main-nav {width: 600px; margin: 0 auto; display: block;}
.main-nav ul li{ padding: 15px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; position: relative;}
.main-nav ul li a{ position: relative;  color: #fff; font-weight: bold; font-size: 90px; font-family: 'Value Serif Pro';  }
.menu-under-text{ padding: 100px 0 0 0; max-width: 450px; text-align: center; margin: 0 auto; display: block; }
.menu-under-text p{color: #fff;   font-size: 25px; font-family: 'Value Serif Pro'; }
.menu-under-text p a{ color: #fff;}
.menu-under-text p span{ position: relative; }
.menu-under-text p span::after{ position: absolute; right: -7px; bottom: -15px; width: 136px; height: 12px; background: url(../images/pink-line.png) no-repeat center center; content: ''; }
.main-nav ul li a .nav-icon{ pointer-events: none; position: absolute;   } 
.main-nav ul li:first-child a .nav-icon{ left: -310px; top: 2px; }
.main-nav ul li:nth-child(2) a .nav-icon{ right: -314px; top: -133px; }
.main-nav ul li:nth-child(3) a .nav-icon{left: -241px; top: 11px;}
.main-nav ul li:nth-child(4) a .nav-icon{right: -208px; top: 22px;}
.main-nav ul li a:hover .nav-icon{ 
	-webkit-animation-name: tada;
	animation-name: tada;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}
.close-btn{  z-index: 115; pointer-events: none; opacity: 0; visibility: hidden;  transition: all 0.3s ease 0.5s;   position: absolute; right: 55px; top: 48px; }
.close-btn a{  display: flex; align-items: center; color: var(--white); font-size: 18px; }
.close-btn a i{ display: flex; align-items: center; margin: 0 0 0 10px;}


.main-menu-block{ transform: translateY(1rem); 
	opacity: 0;
	display: block;
	width: 100%;
	transition: all 0.3s ease-in-out;
	max-height: 100%;
}
body.active-menu .main-menu-block { opacity: 1; transform: none; transition-delay: 0.7s; }
body.active-menu .close-btn{ transition: all 0.3s ease-in-out; opacity: 1; transition-delay: 0s;   visibility: visible;  pointer-events: all; }

.contact-section-1{ position: relative; margin: 0 0   -45px; padding: 168px 0 105px 0; background: url(../images/contact-bg.png) repeat center center; }
.contact-section-1 .contact-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; }
.contact-section-1 .contact-bg .desktop-bg{ background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 75px; width: 100%; height: 100%; pointer-events: none; }
.contact-block{ max-width: 760px; margin: 0 auto; display: block; width: 100%; }
.contact-top{ width: 100%; display: block; text-align: center;}
.contact-top h1{ padding: 0 0 49px; color: var(--white); font-size: 35px; }

.contact-top h1 a { color: var(--white); }
.contact-top h1 span{  font-family: 'Euclid Circular B'; font-weight: 300; position: relative; }
 
.contact-top h1 span.green-bg::after{ position: absolute; left: 0px; bottom: -5px;  background: url(../images/ct-geen-bg.png) no-repeat 5px bottom; background-size: 383px 10px;  width: 100%; height: 100%; content: ''; z-index: -1;      } 
.contact-top h1 span.red-bg::after{ position: absolute; right: -8px; bottom: -8px;  background: url(../images/ct-red-bg.png) no-repeat 20px bottom; background-size: 318px 9px;  width: 100%; height: 100%; content: '';      } 
.contact-top p{ font-size: 18px; color: var(--white);}
.contact-form .input-row { width: 100%; display: block; padding: 12px 0 0 0;  }
.contact-form .input-row  .input-text { padding: 0 20px; font-size: 18px; color: var(--orange); width: 100%; height: 44px; display: block; border-radius: 100px; background: var(--white); border: var(--orange) solid 1px }
.contact-form .input-row textarea.input-text{ padding: 18px; height: 211px; border: 0px; border-radius: 0px; border-bottom: var(--orange) solid 1px;  resize: none; }
.contact-form{ padding: 34px 0 0 0; }
.contact-form .input-row.submit-row { padding: 34px 0 0 0; display: flex; align-items: center; justify-content: center;}
.contact-form .input-row.submit-row button { border: 0px; background: none;  display: flex; align-items: center; }
.contact-form .input-row.submit-row button   span{ padding: 0 32px; background: url(../images/ct-link-bg.png) no-repeat center center; background-size: 100% 100%; min-width: 132px; height: 54px; font-size: 18px;  display: flex; align-items: center; justify-content: center; color: var(--white); }



/* Service Page Start */
.services-banner-section { width: 100%; position: relative; padding: 131px 0 60px 0; overflow: hidden; }
.services-banner-block-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.services-banner-block-1 { width: 50%; padding: 58px 0 0 0; position: relative;z-index: 2; }
.services-banner-block-2 { width: 50%; }
.services-banner-block-1 .text { width: 100%; position: relative; max-width: 660px; }
.services-banner-block-1 .text h1 { line-height: 1.0898; font-size: 89px; color: var(--orange);font-family: 'Value Serif Pro'; font-weight: normal;   }
.services-banner-block-1 .text h1 strong{    font-weight: normal;}
.services-banner-block-1 .text h1 span{font-family: 'Euclid Circular B'; font-weight: 300; position: relative; }
.services-banner-block-1 .text h1 span.bg-pink::after{ position: absolute; left: 0px; bottom: 0;  background: url(../images/intro-line-1.png) no-repeat 20px bottom; background-size: 526px 15px;  width: 100%; height: 100%; content: '';      } 
.services-banner-block-1 .text h1 span.bg-green::after{ position: absolute; left: 0px; bottom: -5px;  background: url(../images/intro-line-2.png) no-repeat 5px bottom; background-size: 283px 15px;  width: 100%; height: 100%; content: '';      } 
.services-banner-block-1 .text h1 span.bg-red::after{ position: absolute; left: 0px; bottom: 0;  background: url(../images/intro-line-3.png) no-repeat 20px bottom; background-size: 344px 13px;  width: 100%; height: 100%; content: '';      } 
.services-text-sub { max-width: 345px; width: 100%; position: relative; margin-top: 41px; }
.services-text-sub h6 { font-family: 'Value Serif Pro'; font-weight: normal; font-size: 35px; line-height: normal; color: var(--orange); }
.services-text-sub h6 span { color: #fff; position: relative; }
.services-text-sub h6 span::after { width: 136px;height: 73px;background: url(../images/link-bg.png) no-repeat center center;background-size: cover;position: absolute;left: -15px;bottom: -20px;pointer-events: none;z-index: -1;content: ''; }
.services-banner-block-1 .dtl-the-text { max-width: 375px; width: 100%; padding: 178px 0 0 0; }
.services-banner-block-1 .cta-links { margin-top: 34px; }
.services-banner-img-block { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
.services-banner-img-1 { width: 441px; margin-left: auto; position: relative; }
.services-banner-img-1:after { content: ''; position: relative; padding: 66.555% 50%; display: block; }
.services-banner-img-1 img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }
.services-banner-img-2 { margin-left: -280px; margin-top: -298px; margin-bottom: -163px; position: relative; width: 561px; }
.services-banner-img-2 > img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.services-banner-img-2:after { content: ''; display: block; padding: 51.516% 50%; }
.services-banner-shap-2 { position: absolute; top: calc(100% - 36px); left: -42px; }
.services-banner-img-3 { margin-left: auto; margin-right: calc((-100vw + 1538px) / 2 - 30px); position: relative; }
.services-banner-img-3 .services-banner-shap-3 { position: absolute; left: -150px; top: 0; top: 10px; }


.service-section-1 { width: 100%; position: relative; background-color: var(--orange); padding: 71px 0 81px; overflow: hidden; }
.service-section-1 .service-section-inner-1 { width: 100%; position: relative; }
.service-section-1 .service-section-inner-1 .service-section-marquee-1 { display: -ms-flexbox; display: flex;align-items: center;position: relative; padding: 18px 0 0 0;  }
.service-section-1 .service-section-inner-1 .service-section-marquee-1:last-child { padding-bottom: 18px;  }
.service-section-1 .service-section-inner-1 .service-section-marquee-1:after { position: absolute;left: 0px;top: 0px;left: -5px;right: -4px;background: url(../images/services-sed.png) no-repeat center center;background-size: 100% auto;content: '';height: 18px; }
.service-section-1 .service-section-inner-1 .service-section-marquee-1:last-child:before { position: absolute;left: 0px;bottom: 0px;left: -5px;right: -4px;background: url(../images/services-sed.png) no-repeat center center;background-size: 100% auto;content: '';height: 18px; }
.service-section-1 .service-section-inner-1 .service-section-marquee-1 .flex  { display: -ms-flexbox; display: flex;  }
.service-section-1 .service-section-inner-1 .service-section-marquee-1 .marquee{-webkit-animation: marquee 30s linear infinite;animation: marquee 30s linear infinite;}
.service-section-1 .service-section-inner-1 .service-section-marquee-1 .marquee2{-webkit-animation: marquee2 30s linear infinite;animation: marquee2 30s linear infinite;}

.service-section-1 .service-section-inner-1 .service-section-marquee-1.ltr .marquee{-webkit-animation: marqueeltr 30s linear infinite;animation: marqueeltr 30s linear infinite;}
.service-section-1 .service-section-inner-1 .service-section-marquee-1.ltr .marquee2{-webkit-animation: marquee2ltr 30s linear infinite;animation: marquee2ltr 30s linear infinite;}
.service-section-1 .service-section-inner-1 .service-section-marquee-1 ul li  { font-family: 'Value Serif'; font-weight: bold; font-size: 89px; line-height: normal; white-space: nowrap; color: var(--white); padding: 0 22px; text-transform: uppercase; }
.service-section-1 .service-section-inner-1 .service-section-marquee-1 .marquee2 { top: 18px; }

.ltr .marquee { -webkit-animation: marqueeltr 20s linear infinite;
    animation: marqueeltr 20s linear infinite; }
.ltr .marquee2 { -webkit-animation: marquee2ltr 20s linear infinite;
    animation: marquee2ltr 20s linear infinite; }
@-webkit-keyframes marqueeltr {
	0% {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}
}

@keyframes marqueeltr {
	0% {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}
}

@-webkit-keyframes marquee2ltr {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translate(-100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
}

@keyframes marquee2ltr {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translate(-100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
}

.service-section-2 { width: 100%; position: relative; padding: 103px 0 158px; }
.service-section-2-inner { width: 100%; position: relative; }
.service-section-2-row { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.service-section-2-dtl { width: 100%; position: relative; max-width: 450px; }
.service-section-2-inner h2 { font-family: 'Value Serif Pro'; font-weight: normal; font-size: 89px; line-height: 1; padding: 0 0 46px 0; }
.service-section-2-dtl p { max-width: 380px; }
.service-section-2-dtl .cta-links { padding: 48px 0 0 0; }
.service-section-2-img { width: 100%; position: relative; }
.service-section-2-img-box { width: 100%; position: relative; max-width: 589px; margin: 0 auto; }
.service-section-2-img-main { width: 100%; position: relative; overflow: hidden; border-radius: 100%; z-index: 2; }
.service-section-2-img-main:after { content: ''; display: block; padding: 50% 50%; }
.service-section-2-img-main img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.service-section-2-img-shap1 { position: absolute; top: -40px; right: calc(100% - 89px); width: 280px; }
.service-section-2-img-shap1 img { width: 100%; height: auto; }
.service-section-2-img-shap2 { position: absolute; bottom: -68px; right: -121px; width: 397px; z-index: 3; }
.service-section-2-img-shap2 img { width: 100%; height: auto; }


.service-section-3 { width: 100%; position: relative; padding: 0 0 164px 0; }
.service-section-3-inner { width: 100%; position: relative; }
.service-section-3-inner .service-section-3-top { width: 100%; position: relative; }
.service-section-3-inner .service-section-3-top .row { align-items: center; }
.service-section-3-top-dtl { width: 100%; max-width: 460px; margin: 0 auto; text-align: center; }
.service-section-3-top-title { width: 100%; position: relative; }
.service-section-3-top h2 { font-family: 'Value Serif Pro';font-weight: normal;font-size: 89px;line-height: 1;padding: 0 0 49px 0; }
.service-section-3-top-dtl p { max-width: 365px; margin: 0 auto; }
.service-section-3-top-dtl .cta-links { justify-content: center; padding: 34px 0 0 0; }
.service-section-3-top-img { width: 100%; position: relative; }
.service-section-3-top-img:after { content: ''; display: block; padding: 58.845% 50%; }
.service-section-3-top-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

.service-section-3-bottom { width: 100%; position: relative; padding: 147px 0 0 0; }
.service-section-3-bottom-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.service-section-3-bottom-row .service-section-3-bottom-left { width: 940px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-content: flex-start; }
.service-section-3-bottom-row .service-section-3-bottom-right { width: calc(100% - 940px); position: relative; }
.service-section-3-bottom-title { width: 100%; position: relative; }
.service-section-3-bottom-title h2 { font-family: 'Value Serif Pro';font-weight: normal;font-size: 89px;line-height: 1;padding: 0 0 49px 0; }
.service-section-3-bottom-left-img { width: 544px; position: relative; }
.service-section-3-bottom-left-dtl { width: calc(100% - 544px); padding: 0 0 0 21px; align-self: flex-end; }
.service-section-3-bottom-left-img-box { width: 100%; position: relative; }
.service-section-3-bottom-left-img-box:after { content: ''; display: block; padding: 52.3% 50%; }
.service-section-3-bottom-left-img-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.service-section-bottom-left-img-box-top { width: 202px; position: absolute; top: -101px; right: -107px; }
.service-section-bottom-left-img-box-top img { width: 100%; position: relative; }
.service-section-bottom-left-img-box-bottom { position: absolute; left: calc((-100vw + 1538px) / 2 - 15px); bottom: -203px; width: calc((100vw - 1538px) / 2 + 15px + 229px); }
.service-section-bottom-left-img-box-bottom:after { content: ''; display: block; padding: 59.027% 50%; }
.service-section-bottom-left-img-box-bottom img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.service-bottom-right-img-main { width: 346px; position: relative; }
.service-bottom-right-img-main:after { content: ''; display: block; padding: 71.969% 50%; }
.service-bottom-right-img-main img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.service-bottom-right-img-shap { position: absolute; bottom: -54px; left: -85px; width: 139px; }
.service-bottom-right-img-shap img { width: 100%; height: auto; }
.service-section-3-bottom-right-inner { position: relative; width: 100%; top: -125px; }
.service-bottom-right-img-sub { position: absolute; top: 84px; right: calc((-100vw + 1538px) / 2 - 5px); width: calc((100vw - 1538px) / 2 + 15px + 316px); z-index: -1; }
.service-bottom-right-img-sub:after { content: ''; display: block; padding: 66.944% 50%; }
.service-bottom-right-img-sub img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.service-section-3-bottom-row .service-section-3-bottom-right .cta-links { position: absolute; bottom: 0; z-index: 5; left: 30%; }



.service-section-4 { width: 100%; position: relative; }
.service-section-4 .service-section-4-inner { width: 100%; position: relative; max-width: 50%; margin: 0 auto; text-align: center; }
.service-section-4 .service-section-4-inner h2 { font-family: 'Value Serif Pro';font-weight: normal;font-size: 89px;line-height: 1;padding: 0 0 49px 0; }
.service-section-4 .service-section-4-inner .cta-links { padding: 41px 0 0 0; justify-content: center; }


.service-section-train { width: 100%; position: relative; margin: -28px 0 0 0; }
.service-section-train img { width: 100%; height: auto; }

.home-section-3 .container { position: static; }
.home-section-3.service-section-5 .project-block-top { padding-top: 0; }
.home-section-3.service-section-5 .project-block-top h4 { padding-top: 0; line-height: 1.1428; }
.home-section-3.service-section-5 .project-listing-marquee { padding: 54px 0 86px; }
/* Service Page End */
/* Portfolio Page Start */
.portfolio-section-1 { width: 100%; position: relative; padding: 179px 0 0 0; }
.portfolio-section-1-title { width: 100%; position: relative; text-align: center; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; -ms-flex-direction: column; flex-direction: column; }
.portfolio-section-1-title h1 { font-family: 'Value Serif'; font-weight: bold; font-size: 125px; line-height: 1; color: var(--orange); position: relative; }
.portfolio-section-1-title h1 > strong { display: block; position: relative; }
.portfolio-section-1-title h1 > strong > strong { position: relative; height: auto; display: inline-block; font-size: 0; line-height: normal; top: -30px; margin: 0 -16px; height: 108px;  }
.portfolio-section-1-title h1 > strong img { width: 108px; height: auto; margin: 0 -16px; }
/* .portfolio-section-1-title h1 > strong > strong img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); transform: translate(-50% , -50%); } */
.portfolio-section-1-title h1 > img { position: absolute; bottom: -19px; left: 0; width: 173px; height: auto; }
.portfolio_main_title_box { position: relative; }
.portfolio_main_title_box > img { position: absolute; top: 17px; right: -50px; z-index: -1; width: 163px; }
.portfolio-section-1-title h6 { font-family: 'Euclid Circular B'; font-weight: normal; font-size: 26px; line-height: normal; color: var(--orange); padding: 45px 0 0 0; }


.portfolio-section-2 { width: 100%; position: relative; padding: 47px 0 84px 0; }
.portfolio-section-2-inner { width: 100%; position: relative; }
.portfolio-section-2-inner h3 { font-family: 'Value Serif Pro'; font-size: 35px; line-height: normal; }
.listing_projects { width: 100%; position: relative; }
.listing_projects_row { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 55px 0 34px; position: relative; }
.listing_projects_row:last-child { padding-bottom: 55px; }
.listing_projects_row::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 22px; background-image: url(../images/listing_projects_line.png); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; }
.listing_projects_row:last-child:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 22px; background-image: url(../images/listing_projects_line.png); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; }
.listing_projects_row .listing_projects_img_box { width: 50%; padding: 0 15px 0 0; display: -ms-flexbox; display: flex; }
.listing_projects_row .listing_projects_dtl_box { width: 50%; padding: 0 0 0 15px;  display: -ms-flexbox; display: flex; flex-direction: column; }
.listing_projectsimg_main { position: relative; width: 100%; }
.listing_projectsimg_blk { display: inline-block; vertical-align: top; max-width: 408px; width: 100%; border-radius: 100%; overflow: hidden; position: relative; }
.listing_projectsimg_blk::after { content: ''; display: block; padding: 50% 50%; background-color: #fff; }
.listing_projectsimg_blk img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.listing_projectsimg_blk .img_oure_txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; text-align: center; z-index: 2; background-color: rgba(232, 95, 32, 0.77); font-family: 'Euclid Circular B'; font-size: 18px; font-weight: normal; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; }
.listing_projectsimg_blk:hover .img_oure_txt { opacity: 1; visibility: visible; }
.listing_projects_dtl_box_top { display: -ms-flexbox; display: flex; width: 100%; padding: 0 0 30px 0; -ms-flex-positive: 1;flex-grow: 1;-ms-flex-negative: 1;flex-shrink: 1;-ms-flex-preferred-size: auto;flex-basis: auto; }
.listing_projects_dtl_box_top .listing_projects_dtl_box_title { width: calc(100% - 150px); padding: 0 20px 0 0; }
.listing_projects_dtl_box_top .listing_projects_dtl_box_title h2 { font-weight: normal; font-size: 60px; line-height: 1.1; color: var(--orange); }
.listing_projects_dtl_box_top .listing_projects_dtl_box_title h2 a { color: var(--orange) !important; }
.listing_projects_dtl_box_top .listing_projects_dtl_box_title h2 a:hover { color: var(--orange) !important; text-decoration: underline; }
.listing_projects_dtl_box_top .listing_projects_dtl_box_icon { width: 150px; }
.listing_projects_dtl_box_top .listing_projects_dtl_box_icon img { width: auto; height: auto; max-width: 100%; }
.listing_projects_dtl_box_bottom { -ms-flex-positive: 0;flex-grow: 0;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-preferred-size: auto;flex-basis: auto;-ms-flex-item-align: end;align-self: flex-end; width: 100%; }
.listing_projects { padding: 26px 0 0 0; }

.listing_projects_bottom { width: 100%; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; align-content: center; text-align: center; padding: 31px 0 0 0; }
.listing_projects_bottom .listing_projects_bottom_img { position: relative; max-width: 290px; width: auto; display: block !important; }
.listing_projects_bottom .listing_projects_bottom_img img { width: 100%; height: auto; mix-blend-mode: multiply; }
.listing_projects_bottom_txt { position: relative; }
.listing_projects_bottom_txt h6 { font-family: 'Euclid Circular B'; font-weight: normal; font-size: 18px; line-height: 1.388889; color: var(--orange); }
.listing_projects_bottom .cta-links { padding: 36px 0 0 0; }
.portfolio-section-2 .container { position: static; }
/* Portfolio Page End */

/* Project Page Start */
.project-banner-sec { width: 100%; position: relative; padding: 132px 0 35px 0; }
.project-banner-inner { width: 100%; position: relative; }
.project-banner-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.project-banner-dtl { width: 50%; padding: 47px 40px 72px 0; position: relative; }
.project-banner-icon { display: -ms-flexbox; display: flex; align-items: center; align-content: center;  width: 170px; height: 100px; margin-bottom: 81px; }
.project-banner-icon img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.project-banner-dtl h1 { font-weight: normal; font-size: 89px; line-height: 1; padding: 0 0 6px 0; }
.project-banner-dtl h3 { font-weight: normal; font-size: 35px; line-height: normal; padding: 0 0 73px 0; }

.bottom_scroll_div { position: absolute; bottom: 0; left: 0; width: 45px; }
.bottom_scroll_div a { width: 100%; position: relative; display: block; font-size: 0; line-height: normal; }
.bottom_scroll_div a img { width: 100%; height: auto; }
.project-banner-image { width: 50%; position: relative; }
.project-banner-image .project-banner-imagebox { width: 100%; position: relative; overflow: hidden; border-radius: 15px; }
.project-banner-image .project-banner-imagebox:after { content: ''; display: block; padding: 53.317% 50%; }
.project-banner-image .project-banner-imagebox img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
	/* width: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto; */
 }
.project-banner-image .project-banner-imagebox img { border-radius: 15px; }

.project-section-1 { width: 100%; position: relative; padding: 29px 0 0 0; }
.project-section-1 .project-section-1-inner { width: 100%; position: relative; max-width: 1190px; margin: 0 auto; }
.project-section-1 .project-listings-wrp { width: 100%; position: relative; }
.project-listings-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; row-gap: 14px; }
.project-listings-row .project-listings-col { width: 100%; padding: 0 8px; }
.project-listings-row .project-listings-col.project-listings-col-half { width: 50%; }
.project-listings-imgbox { width: 100%; position: relative; }
.project-listings-imgbox img { width: 100%; height: auto; }
/* .project-listings-col-half .project-listings-imgbox:after { content: ''; padding: 61.585% 50%; display: block; } */
.project-listings-col-half .project-listings-imgbox img { width: 100%; height: auto; /*height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;*/ }
.home-section-3.project-section-2 .project-block-top { padding-top: 0; }
.home-section-3.project-section-2 .project-block-top h4 { padding-top: 0; }
.home-section-3.project-section-2 .project-listing-marquee { padding: 53px 0 75px; }
.home-section-3.project-section-2 .project-listing-marquee .cta-links { padding-top: 60px; }
.home-section-3.project-section-2 { padding: 153px 0 0 0; width: 100%; position: relative; }
/* Project Page End */


.home { overflow: hidden; }

.home .home_open_screen { height: 100vh; height: calc(var(--vh,1vh)*100); min-height: 100vh; min-height: calc(var(--vh,1vh)*100); position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.home .main-wapper { height: 100vh; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
.home .main-wapper #header { top: 100vh; top: calc(var(--vh,1vh)*100); }

.home.animation_start .home_open_screen,
.home.animation_start .main-wapper,
.home.animation_start .main-wapper #header {-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

.home.animation_start .home_open_screen { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.home.complete_animation .main-wapper,
.home.animation_start .main-wapper {  -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.home.complete_animation .main-wapper #header ,
.home.animation_start .main-wapper #header { top: 0; }

/* .home.complete_animation .main-wapper { margin-top: 0; } */
.home.complete_animation .main-wapper #header { margin-top: 0; }
/* .home.complete_animation .main-wapper { margin-top: 0; } */
.home.complete_animation .home_open_screen { display: none !important; }
.home.complete_animation .main-wapper { height: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; }
.home.complete_animation { overflow: visible; }


.four-zero-page { width: 100%; position: relative; padding: 221px 0 100px; }
.four-zero-contain { max-width: 1000px; margin: 0 auto; width: 100%; text-align: center; }
.four-zero-contain h1 { margin: 0 0 20px 0; }
.four-zero-contain .cta-links { justify-content: center; margin: 20px 0 0 0; }

.defult-page { width: 100%; position: relative; padding: 150px 0 100px; }

.cms-data h1 {
	line-height: 1.0898;
    font-size: 89px;
    color: var(--orange);
    font-family: 'Value Serif Pro';
    font-weight: normal;
	margin:0px 0px 45px 0px;
	padding:0px;
}
.cms-data h2 {
	line-height: 1.1;
    font-size: 60px;
    color: var(--orange);
    font-family: 'Value Serif Pro';
    font-weight: normal;
	margin:0px 0px 49px 0px;
	padding:0px;
}
.cms-data h3 {
	font-family: 'Value Serif Pro';
    font-weight: normal;
    color: var(--orange);
	font-size:45px;
	line-height:normal;
	margin:0px 0px 15px 0px;
	padding:0px;
}
.cms-data h4 {
	font-family: 'Value Serif Pro';
    font-weight: normal;
    color: var(--orange);
	font-size:35px;
	line-height:normal;
	margin:0px 0px 15px 0px;
	padding:0px;
}


.cms-data p + p { padding-top: 0; }
.cms-data p {
	font-family: 'Euclid Circular B';
	color: var(--orange);
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
	margin:0 0 24px 0;
}
.cms-data ul { list-style:none; margin:0 0 15px 0; padding:0px;}
.cms-data ul li {
	position:relative;
	font-family: 'Euclid Circular B';
	color: var(--orange);
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
	margin:0px 0px 5px 0px;
	padding:0 0 0 12px;
}
.cms-data ul li:before {
	content:"";
	width:5px;
	height:5px;
	background:var(--orange);
	border-radius:50%;
	position:absolute;
	top:10px;
	left:0px;
}
.cms-data ol {  margin:0 0 15px 0; padding:0px 0 0 20px;}
.cms-data ol li {
	position:relative;
	list-style:decimal; 
	display: list-item;
	font-family: 'Euclid Circular B';
	color: var(--orange);
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
	margin:0px 0px 5px 0px;
	padding:0 0 0 0;
}
.cms-data blockquote {
	width:850px;
	max-width:100%;
	display:block;
	font-family: 'Euclid Circular B';
	color: var(--orange);
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
	margin:0 0 20px 0;
	padding:18px 20px;
}
.cms-data blockquote p {
	font-family: 'Euclid Circular B';
	color: var(--orange);
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
	margin:0px;
}
/* .cms-data blockquote * { color: #ffffff !important; } */
/* .cms-data { overflow-x: hidden !important; } */
.cms-data a { font-family: 'Euclid Circular B';color: var(--orange);font-weight: normal;font-size: 18px;line-height: 25px; text-decoration: underline; }
.cms-data a:hover { opacity: 0.5; }
iframe { width: 100%; }


.wpcf7-not-valid-tip { font-size: 14px; margin-top: 5px; font-style: italic; color: #d20b2d; }
.wpcf7 form.invalid .wpcf7-response-output { border-radius: 4px;
    border: solid 2px #d20b2d;
    padding: 12px 14px 11px 44px;
    background: url(../images/c-error.svg) no-repeat 15px 12px #d20b2d;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
    color: #fff;
    font-size: 15px;
    max-width: 576px;
    margin: 24px auto 8px;
    display: block; }

.wpcf7 form.sent .wpcf7-response-output {
	border-radius: 4px;
    border: solid 2px #00ad8a;
    padding: 12px 14px 11px 44px;
    background: url(../images/c-check.svg) no-repeat 15px 12px #00ad8a;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
    color: #fff !important;
    font-size: 15px;
    max-width: 576px;
    margin: 24px auto 8px;
}