/**********************************************
Mixin
***********************************************/



body {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	color: #000;
	line-height: normal;
}

body.overflow-body {
	overflow: hidden;
}

html,
body {
	height: 100%;
}

a,
input,
button,
textarea {
	outline: none !important;
}

a {
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	text-decoration: none;
	color: #2a3d90;
}

.pad-left {
	padding-left: 0;
}

.pad-right {
	padding-right: 0;
}

.pad-top {
	padding-top: 0;
}

.pad-bottom {
	padding-bottom: 0;
}

.padding {
	padding: 0;
}

h1 {
	font-size: 54px;
	line-height: 54px;
	margin: 0;
}

h2 {
	font-size: 42px;
	line-height: 62px;
	margin: 0;
}

h3 {
	font-size: 34px;
	line-height: 40px;
	margin: 0;
}

h4 {
	font-size: 24px;
	line-height: 30px;
}

h5 {
	font-size: 20px;
	line-height: 26px;
	margin: 0;
}

h6 {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
}

p {
	margin: 0px;
}

img {
	max-width: 100%;
	height: auto;
}

.col-centered {
	float: none;
	margin: 0 auto;
}

/* .small-title {
	padding: 0 0 80px;
} */

.small-title h1,
.small-title h2,
.small-title h4,
.small-title h5,
.small-title h6,
.small-title h3 {
	font-size: 32px;
	line-height: 1.2;
	font-family: 'TSTARPRO-Bold';
	color: #445254;
	/* padding-bottom: 54px; */
	margin: 0;
}

p {
	font-size: 18px;
	line-height: 25px;
	font-family: 'TSTARPRO-Regular';
}

.common-padding {
	padding: 50px 0px 0px 0; /*padding*/
}

@-webkit-keyframes animationFade {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-o-keyframes animationFade {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		-o-transform: none;
		transform: none;
	}
}

@keyframes animationFade {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		-o-transform: none;
		transform: none;
	}
}
@keyframes animationFade {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		-o-transform: none;
		transform: none;
	}
}

@-webkit-keyframes width100 {
	from { width: 0%; }
    to { width: 100%; }
}

@-o-keyframes width100 {
	from { width: 0%; }
    to { width: 100%; }
}

@keyframes width100 {
	from { width: 0%; }
    to { width: 100%; }
}

.banner-title h2 {
	font-size: 42px;
	line-height: 42px;

	text-transform: uppercase;
	margin: 0;
	font-family: "TSTARPRO-Bold";
}

.white-title h2 {
	color: #ffffff;
}

.section-title h2 {
	font-size: 40px;
	line-height: 1.2;
	/* text-transform: uppercase; */
	margin: 0;
	font-family: "TSTARPRO-Medium";
	color: #ffffff;
}


/* .green-title h2 {
	background: #941bf2;
    background: -webkit-linear-gradient(0deg, #497D42, #497D42), #81B02B;
    background: linear-gradient(0deg, #497D42, #497D42), #81B02B;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
	line-height: 1.2;	
} */


.btn {
	font-size: 18px;
	line-height: 18px;
	font-family: "TSTARPRO-Bold";
	text-transform: uppercase;
	padding: 13px 33px;
	border-radius: 0;
	text-decoration: none;
	padding: 16px 26px;
	padding: 16px 26px 12px 26px;
}

.btn-blue {
	color: #ffffff;
	background: #026DA9;
}

.btn-blue:hover {
	background: #497D42;
	color: #ffffff;
}

.btn-yellow {
	color: #ffffff;
	background: #F1B125;
}

.btn-yellow:hover {
	background: #497D42;
	color: #ffffff;
}

.btn-green {
	color: #ffffff;
	background: linear-gradient(0deg, #497D42, #497D42), #81B02B;
}

.btn-green:hover {
	background: #026DA9;
	color: #ffffff;
}
.btn-red {
	color: #ffffff;
	background: #D23229;
}

.btn-red:hover {
	background: #026DA9;
	color: #ffffff;
}


.lightgray {
	background: #F7F7F7;
}


.white {
	background: #ffffff;
}

/* color code start */


/* .red {
	background-color: #D23229;
}
.blue {
	background-color: #026DA9;
}
.yellow {
	background-color: #F1B125;
}
.green {
	background-color: #81B02B;
}
.dark {
	background-color: #445254;
} */


/* color code end */

.text-block {
	padding: 80px 0 0;
}


.no-pt {
	padding-top: 0!important;
}

.green-title h1,
.green-title h2,
.green-title h3,
.green-title h4,
.green-title h5,
.green-title h6 {
	background: -webkit-linear-gradient(0deg, #497D42, #497D42), #81B02B;
	background: linear-gradient(0deg, #497D42, #497D42), #81B02B;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.yellow-title h1,
.yellow-title h2,
.yellow-title h3,
.yellow-title h4,
.yellow-title h5,
.yellow-title h6 {
	color: #F1B125;
}

.blue-title h1,
.blue-title h2,
.blue-title h3,
.blue-title h4,
.blue-title h5,
.blue-title h6 {
	color: #026DA9;
}

.red-title h1,
.red-title h2,
.red-title h3,
.red-title h4,
.red-title h5,
.red-title h6 {
	color: #D23229;
}

.red .block-border {
	background: #D23229;
}

.blue .block-border {
	background: #026DA9;
}

.yellow .block-border {
	background: #F1B125;
}

.green .block-border {
	background: linear-gradient(0deg, #497D42, #497D42), #81B02B;
}


/* common color block start */

.block-border {
	height: 12px;
	width: 100%;
	/* width: 350px; */
	transition: width 2s;
	transition-duration:2s;
	width: 0;
}

.block-border.animation {
	width: 100%;
}

.w350 {
	width: 350px;
	width: 0;
}


.block-border.animation.w350 {
	width: 350px;
}
/* common color block end */


/******************************************************************/


/********************* Header Start *************************/


/******************************************************************/

.main {
	padding: 185px 0 0;
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: #ffffff;
}

.header .navbar {
	background: none;
	padding: 51px 0px 49px;
}

.header .navbar .navbar-brand {
	padding: 0px;
	margin-right: 0px;
}

.header .navbar .navbar-nav {
	padding: 0;
}

.header .navbar .navbar-nav li {
	margin: 0px 15px;
}
.header .navbar .navbar-nav li:last-child {
	margin-right: 0;
}

.header .navbar .navbar-nav li a {
	padding: 0px;
	font-size: 18px;
	line-height: 24px;
	color: #445254;
	font-family: 'TSTARPRO-Bold';
	text-transform: uppercase;
}

.header .navbar .navbar-nav li.active a,
.header .navbar .navbar-nav li.current-menu-item a ,
.header .navbar .navbar-nav li a:hover {
	color: #497D42;
}

.header .navbar .navbar-nav li a.btn {
	background-color: #026DA9;
	padding: 13px 40px;
	color: #ffffff;
	border-radius: 0px;
	outline: none;
	box-shadow: none;
	line-height: 18px;
}

.header .navbar .navbar-nav li a.btn:hover {
	background-color: #F1B125;
}

.header .navbar .navbar-nav li:first-child {
	margin-left: 0px;
}

.header .navbar .lanlanguage-list {
	margin: 0px 0px 0px 95px;
	padding: 0px;
	list-style: none;
}

.header .navbar .lanlanguage-list li {
	float: left;
	margin: 0px 7.5px;
}

.header .navbar .lanlanguage-list li a {
	font-size: 16px;
	line-height: 20px;
	color: rgba(68, 82, 84, 0.8);
	font-family: 'TSTARPRO-Regular';
}
.header .navbar .lanlanguage-list li.current-lang a {
	color: #81B02B;
}

.header .navbar .lanlanguage-list li a:hover {
	color: #81B02B;
}

.header ul li {
	list-style-type: none;
	display: block;
	padding: 0;
	line-height: 1;
}

.header ul li::marker {
	display: none !important;
}

.header .dropdown-toggle::after {
	background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 1L1 0L5 4L9 0L10 1L5 6Z' fill='%2381B02B'/%3E%3Cpath d='M5 6L0 1L1 0L5 4L9 0L10 1L5 6Z' fill='%23497D42'/%3E%3C/svg%3E%0A");
	background-size: 10px;
	border: none;
	height: 6px;
	width: 10px;
	margin-left: 8px;
}

.navbar-nav .dropdown-menu {
	float: none;
	background: #FFFFFF;
	border: none;
	padding: 20px;
	margin-left: -20px;
	margin-top: 0;
}

.header .navbar-nav .dropdown-menu li {
	margin: 0;
}
.header .navbar-nav .dropdown-menu .dropdown-item {
	font-size: 18px;
	line-height: 18px;
	color: #445254;
	padding: 15px 0;
	border-bottom: 1px solid #F7F7F7;
	border-top: 1px solid #F7F7F7;
	background: transparent !important;
	margin-bottom: -1px;
}

.header .navbar-nav .dropdown-menu .dropdown-item:hover {
	background: transparent !important;
}

.header .navbar-brand .sticky-logo {
	display: none;
}

.header-appear {
	position: fixed;
	top: 0px !important;
	left: 0;
	right: 0;
	-webkit-animation-name: animationFade;
	-o-animation-name: animationFade;
	animation-name: animationFade;
	-webkit-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-box-shadow: 0 10px 10px -10px rgb(0 0 0 / 35%);
	box-shadow: 0 10px 10px -10px rgb(0 0 0 / 35%);
	z-index: 999; /* Not more to let the interactive overlays on top */
	background-color: #ffffff;
	padding: 0;
}

.header-appear .navbar-brand .sticky-logo {
	display: block;
	width: 62px;
}

.header-appear .navbar-brand .defualt-logo {
	display: none;
}

.header-appear .navbar {
	padding: 19px 0px 15px;
}

.header-appear .navbar .lanlanguage-list {
	margin: 0px 0px 0px 185px;
}

.header .navbar .navbar-nav .nav-item.show>a {
	color: #497D42;
}


/******************************************************************/


/********************* Header end *************************/


/******************************************************************/


/******************************************************************/


/********************* banner start *************************/


/******************************************************************/

.main-banner {
	position: relative;
	min-height: 640px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	z-index: 9;
}

.main-banner:after {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.30);
	content: "";
	z-index: -1;
}

.main-banner .banner-img img {
	width: 100%;
}

.main-banner .banner-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 80px;
}

.main-banner .banner-content p {
	font-size: 22px;
	line-height: 1.2;
	color: #ffffff;
	font-family: "TSTARPRO-Regular";
	margin: 20px 0 0;
}
.main-banner .banner-content .btn {
	margin: 20px 0 0;
}

.main-banner .banner-content .banner-detail {
	max-width: 545px;
}

.banner-video {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.banner-video video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}


/******************************************************************/


/********************* banner end *************************/


/******************************************************************/

.future-section .section-title {
	/* padding: 0 0 80px; */
}

p {
	font-size: 18px;
	line-height: 30px;
	color: #445254;
	margin: 0 0 40px;
}

p a {
	color: #026da9;
	text-decoration: underline;
}

p a:hover {
	text-decoration: none;
}

p strong{
	font-weight: bold;
	font-family: "TSTARPRO-Medium";
}

.text-block ul {
	padding-left: 20px;
	margin: 0 0 40px 0;
}

.text-block ul li {
	/* display: block; */
	position: relative;
	line-height: 34px;
	color: #445254;
	padding-left: 30px;
	font-size: 18px;
	font-family: 'TSTARPRO-Regular';	
}

.text-block ul li strong{
	font-weight: bold;
	font-family: "TSTARPRO-Medium";
}

.text-block ul li::marker {
	width: 18px;
	content: "―";
	vertical-align: middle;
}

.future-detail {
	padding: 0 94px;
}

.future-detail .single-image-block {
	padding: 60px 0;
}


.future-detail .single-image-block:last-child {
	padding-bottom:0px;
}



.single-image-block p {
	font-size: 16px;
	line-height: 21px;
	color: #445254;
	margin: 10px 0 0;
	font-family: "TSTARPRO-Medium";
}

.youtube-video iframe {
	height: 625px;
	width: 100%;
}

.youtube-block {
	padding: 0 0 50px 0;
}

.project-description {
	padding: 50px 0 0px 0; /*padding*/
}

.project-detail {
	padding: 50px 0px 0; /*padding*/
}

.green-harmony {
	padding: 50px 0 0px 0; /*padding*/
}

.harmony-slider { /*padding*/
	margin: 50px 0 0;
	opacity: 0;
}

.harmony-slider.slick-initialized {
	opacity: 1;
}

.harmony-slider .h-item {
	padding: 0 48px;
	max-height: 560px;
	overflow: hidden;
}

.harmony-slider .h-item img {
	opacity: 0.5;
	width: 100%;
}

.harmony-slider .h-item img.large {
	margin-top: -10%;
}

.harmony-slider .h-item.slick-active img {
	opacity: 1;
}

.harmony-slider .slick-arrow {
	height: 64px;
	width: 64px;
	background: #026DA9;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	z-index: 9;
	cursor: pointer;
}

.harmony-slider .slick-next {
	right: 215px;
}

.harmony-slider .slick-prev {
	left: 215px;
}

.summary-block {
	background: #FFFFFF;
	padding: 72px 20px 60px;
	position: relative;
	text-align: center;
	height: 100%;
	/* margin: 0 0 80px; */
}

.summary-block .block-border {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.summary-block .icon {
	height: 64px;
	width: 64px;
	margin: 0 auto;
}


.summary-block.red svg path {
	fill: rgb(210, 50, 41);
	/* stroke: rgb(210, 50, 41); */
	
}

.summary-block.blue svg path {
	fill: #026DA9;
	/* stroke: #026DA9; */
}

.summary-block.yellow svg path {
	fill: #F1B125;
	/* stroke: #F1B125; */
}

.summary-block.green svg path {
	fill: rgb(73, 125, 66);
	/* stroke: rgb(73, 125, 66); */
}

.summary-block p {
	font-family: "TSTARPRO-Medium";
	margin: 40px 0 0;
}

.summary-sec .small-title h1, .summary-sec .small-title h2, .summary-sec .small-title h4, .summary-sec .small-title h5, .summary-sec .small-title h6, .summary-sec .small-title h3 {
	font-family: "TSTARPRO-Medium";
}

.summary-sec {
	padding: 50px 0 0px;/*padding*/
}

.summary-list {
	padding: 50px 0 0;/*padding*/
}

.summary-list [class*=col-] {
	padding-bottom: 80px;
}
    
.intractive-view {
	padding: 120px 0 145px;
}

.intractive-view .row {
	justify-content: space-around;
}

.intractive-block {
	background: #ffffff;
}

.intractive-block .detail {
	padding: 60px 20px;
	text-align: center;
}

.intractive-block .detail h3 {
	font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
	margin: 0 0 40px;
	font-family: "TSTARPRO-Medium";
	color: #445254;
}

.aerial-image {
    padding: 50px 0 0;/*padding*/
}

#aeral-view {
	position: relative;
}

#aeral-view img{
	top: 0;
	left: 0;
}

#aeral-view .tooltip {
	position absolute;
	display: block;
	padding: 13px;
	background-color: #ffffff;
	font-family: "TSTAR PRO";
	transition: all ease-in-out 150ms;
	z-index: 888;
	font-family: 'TSTARPRO-Regular';
}


#aeral-view .tooltip:hover {
	margin-top: -10px;
}

#aeral-view .tooltip:hover .pin {
	margin-top: 10px;
}

#aeral-view .tooltip:before {
	position: absolute;
	content: "";
	top: -4px;
	left: 0px;
	display: block;
	width: 60px;
	height: 4px;
	background-color: #F1B125;
}


#aeral-view .tooltip strong {
	font-size: 16px;
	text-transform: uppercase;
	color: #445254;
	display: block;
	font-weight: 600;
	font-family: "TSTARPRO-Medium";	
}

#aeral-view .tooltip small {
	font-size: 12px;
	text-transform: uppercase;
	color: #445254;
	display: block;
	
}

#aeral-view .tooltip a.btn {
	font-size: 14px;
	padding: 7px 12px 5px 12px;
	margin-top: 5px;
}

/* Position pin */

#aeral-view .tooltip .pin {
	position: absolute;
	background: transparent url("../img/pin.svg") 0 0 no-repeat;
	width: 68px;
	height: 18px;
	top: 10px;
	right: -68px;
	transition: all ease-in-out 150ms;

}

/* Reverse pin position */

#aeral-view .tooltip#tooltip3 .pin,
#aeral-view .tooltip#tooltip5 .pin,
#aeral-view .tooltip#tooltip6 .pin{
	left: -68px;
	transform: rotate(180deg);	
}

/* 	Montreal */

	#aeral-view #tooltip1{ 
		top: 150px;
		left: 263px;
	}

/* 	Stokholm */

	#aeral-view #tooltip2{
		top: 220px;
		left: 470px;
	}

/* 	Kyoto */

	#aeral-view #tooltip3{ 
		top: 150px;
		left: 860px;
	}

/* 	Lima */

	#aeral-view #tooltip4{
		top: 370px;
		left: 263px;
	}

/* 	Rio */

	#aeral-view #tooltip5{
		top: 530px;
		left: 405px;
	}
/* 	Durban */

	#aeral-view #tooltip6{
		top: 360px;
		left: 910px;
	}

/* 	Eucumenial */

	#aeral-view #tooltip7{
		top: 390px;
		left: 520px;
	}


/* Tablet */

@media (max-width: 1199px) {

	/* 	Montreal */

		#aeral-view #tooltip1{ 
			top: 110px;
			left: 190px;
		}

	/* 	Stokholm */

		#aeral-view #tooltip2{
			top: 180px;
			left: 380px;
		}

	/* 	Kyoto */

		#aeral-view #tooltip3{ 
			top: 110px;
			left: 760px;
		}

	/* 	Lima */

		#aeral-view #tooltip4{
			top: 300px;
			left: 203px;
		}

	/* 	Rio */

		#aeral-view #tooltip5{
			top: 450px;
			left: 345px;
		}
	/* 	Durban */

		#aeral-view #tooltip6{
			top: 320px;
			left: 765px;
		}

	/* 	Eucumenial */

		#aeral-view #tooltip7{
			top: 350px;
			left: 420px;
		}

}



.view-modal .modal-body iframe {
	width: 100%;
	height: 100%;
}

.view-modal {
	padding: 0 !important;
}

.view-modal .modal-dialog {
	max-width: 100%;
	margin: 0;
	height: 100%;
}

.view-modal .modal-content {
	height: 100%;
	padding: 120px;
	position: relative;
}
.modal-content  {
	border: none;
	border-radius: 0;
	border: none;
}
.view-modal .modal-body {
	padding: 0;
	background: #445254;
}

.modal .close-btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 24px;
	width: 24px;
	border: none;
	background: transparent;
	padding: 0;
	right: 40px;
	top: 45px;
	z-index: 99;
}




/******** spirit section *******/

.spirit-geneva-sec {
	padding: 50px 0;
}

.spirit-block {
	position: relative;
	z-index: 9;
	padding: 260px 50px 240px 140px;
	background-size: cover !important;
	background-position: center center !important;
	color: #fff !important;

}


.spirit-block:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	content: "";
	z-index: -1;
}
.spirit-block h2 {
	text-transform: uppercase;
}

.spirit-block h1,
.spirit-block h2,
.spirit-block h3,
.spirit-block p,
.spirit-block ul li {
	font-family: 'TSTARPRO-Regular';
	color: #fff;
}

/******** spirit section *******/


/******** location section *******/
.our-location {
	padding: 50px 0 0 0;
}
.location-filter {
	background: #F7F7F7;
	height: 100%;
}

.location-filter-main {/*padding*/
	padding: 50px 0 60px;
}

.location-filter .list {
	padding: 47px 36px;
}

.location-filter .list ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
}

.location-filter h4 {
	margin: 0 0 45px;
	color: #445254;
	font-family: 'TSTARPRO-Bold';
}

.location-filter .list ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
	line-height: 1;
	padding: 0 0 30px;
}

.custom-control {
	min-height: auto;
	padding-left: 30px;
}
.custom-control .custom-control-input {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 9999;
}
.custom-control .custom-control-label {
	font-size: 18px;
	line-height: 18px;
	color: #445254;
	font-family: 'TSTARPRO-Regular';
}
.custom-control .custom-control-label::before {
	border-radius: 0 !important;
	border: 1px solid #95AFB3;
	background: transparent;
	box-shadow: none !important;
	width: 20px;
	height: 20px;	
	margin: 0;
    top: 0;
    left: -30px;
}


.custom-radio .custom-control-label::after {
	opacity: 1;
	background: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.91869 6.90412L1.17719 4.16262L0 5.33981L3.91869 9.2585L12 1.17719L10.8228 0L3.91869 6.90412Z' fill='white'/%3E%3C/svg%3E%0A") !important;
	opacity: 0;
	width: 12px;
	height: 9.26px;
	top: 5px;
    left: -25px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
	opacity: 1;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background: linear-gradient(0deg, #497D42, #497D42), #81B02B;
	border-color: #95AFB3 !important;
}

.timing-block .title {
	display: flex;
	align-items: center;
	margin: 0 0 20px;	
}

.timing-block .title h5 {
	font-family: 'TSTARPRO-Bold';
	color: #445254;
	margin-left: 15px;
}

.timing-block .title .icon {
	min-height: 66px;
    max-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timing-block ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
}

.timing-block ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
	display: flex;
    align-items: center;
    justify-content: space-between;
	font-family: 'TSTARPRO-Regular';
	font-size: 18px;
    line-height: 32px;
	color: #445254;
}

.timing-block ul li p {
	margin: 0;
}


.location-timing {
	padding-right: 80px;
}

.location-timing [class*=col-] {
	padding: 0 40px;
}
.location-timing .row {
	margin: 0 -40px;
}

.timing-block {
    padding: 0 0 25px;
}

.timing-block img {
   height: 40px;
}

/******** location section *******/


/******** floor-plan section *******/
.floor-plan-main .text-block {
	padding: 40px 0 0 80px;
}

.floor-plan-main {
    padding: 60px 0 100px;
}
.table {
	margin: 0;
}
.table thead th {
	border-top: none;
	border-bottom: 1px solid #E1E1E1;
	font-size: 18px;
	line-height: 18px;
	color: #445254;
	font-family: "TSTARPRO-Medium";
	font-weight: normal;
}
.table thead th:first-child {
	padding-left: 0;
}

.floor-table .table tbody tr td {
	border-top: none;
	border-bottom: 1px solid #E1E1E1;
	font-size: 18px;
	line-height: 18px;
	color: #445254;
	font-family: "TSTARPRO-Regular";
	padding: 22px 10px 11px 10px;
}
.floor-table .table tbody tr td:first-child {
	padding-left: 0;
	width: 25%;
}

.floor-table .table tbody tr td a {
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	/* border-bottom: 1px solid #81B02B; */
	display: inline-block;
	font-family: "TSTARPRO-Bold";
	color: #445254;
}

.floor-table .table tbody tr td a:hover {
	color: #497D42;
}
/******** floor-plan section *******/



/******** architecture section *******/
.architecture-sec {
	padding: 50px 0 0 0 ;/*padding*/
}

.architecture-main {
	padding-right: 95px;
	padding-top: 50px; /*padding*/
	padding-bottom: 50px; /*padding*/
}


.architecture-block .arc-detail {
	margin-left: -190px;
	background: #F7F7F7;
    padding: 120px 100px 60px 190px;
	position: relative;
	min-height: 520px;
}

.architecture-block .arc-detail p:last-child {
	margin: 0;
}

.architecture-block+.architecture-block .arc-detail {
    padding: 0 100px 60px 190px;
}

.architecture-block .arc-image {
	position: absolute;
    z-index: 9;
    top: 180px;
    right: 50px;
}

.architecture-block+.architecture-block .arc-image {
   top: 60px;
}

.architecture-block .block-border {
	position: absolute;
	left: 0;
	right: 100%;
    top: 0;
}


/******** architecture section *******/

/******** testimonial  section *******/

.testimonial-sec {
    padding: 50px 0 0 0;
}


.t-item  {
	text-align: center;
}

.t-item  .author {
	font-family: "TSTARPRO-Bold";
}

.t-item  p {
	font-size: 42px;
	line-height: 1.2;
	color: #445254;
	font-family: "TSTARPRO-Bold";
	font-family: 'TSTARPROHeadline';
}

.t-item.small  p {
	font-size: 32px;
	line-height: 40px;
}

.testimonial-block {
    padding: 140px 50px;
    position: relative;
	padding: 225px;
}

.testimonial-block .block-border {
	position: absolute;
	left: 0;
	top: 0;
}


/******** testimonial  section *******/


/******** contact  section *******/


.contact-inner-block p {
	margin: 0 0 30px;
	font-size: 18px;
	line-height: 25px;
}

.contact-inner-block .block-border {
	position: absolute;
	top: 0;
	left: 0;
}
.contact-inner-block {
	text-align: center;
	position: relative;
	padding: 60px 60px 75px;
}
.contact-inner-block .icon {
	padding: 0 0 40px;
}

.contact-inner-block h4 {
	margin: 0 0 30px;
	font-family: 'TSTARPRO-Bold';
}



.contact-us {
	padding: 50px 0;
}

.newsletter {
	padding: 70px 0 0px;
}
/******** contact  section *******/


/******** contact-form-main  section *******/
.contact-form-main {
	padding: 50px 0;
}

.contact-form-main .small-title {
	padding: 0 0 60px;
}


.contact-person {
	display: inline-block;
    text-align: center;
}
.contact-person .block-border {
	height: 4px;
	/* width: 136px; */
	background: linear-gradient(0deg, #497D42, #497D42), #81B02B;
	/* margin: 0 auto; */
}
.contact-person img {
	margin: 0 0 10px;
	width:100%;
	min-width:100%;
}

.address-block:first-child p:nth-child(2) {
	/* margin: 0 0 40px; */
}


.address-block {
	padding: 0 0 60px;
	font-size: 18px;
    line-height: 32px;
    color: #445254;
}

.address-block p {
	margin: 0 0 20px 0;
}
.address-block p  a {
	/* color: #445254;
	text-decoration: none; */
}

.address-block h5 {
	font-family: "TSTARPRO-Bold";
	color: #445254;
}

.address-block .web-link {
	text-decoration: underline;
	color: #026DA9;
	font-size: 18px;
	line-height: 18px;
	font-family: "TSTARPRO-Regular";
	display: block;
	margin: 0 0 15px;
}
.address-block a {
	text-decoration: underline;
	color: #026DA9;
	font-size: 18px;
	line-height: 18px;
	font-family: "TSTARPRO-Regular";
	display: inline-block;
	margin: 0 0 15px;
}
/******** contact-form-main  section *******/
.welcome-green {
	padding: 120px 0 100px;
}

.article-image {
	position: relative;
}
.article-image .block-border {
	position: absolute;
	left: 0;
	top: 0;
}

.article-detail {
	padding: 60px 60px 60px;/*padding*/
	background: #F7F7F7;
}


.article-detail span {
	font-size: 16px;
	line-height: 130%;
	color: #445254;
	display: block;
	font-family: "TSTARPRO-Regular";
}

.article-detail .small-title {
	padding: 0 0 20px;
}

.latest-news  {
	padding: 50px 0 0 ;
}
.latest-news .section-title {
	padding: 0 0 80px;
}
.latest-news [class*=col-] {
	padding: 0 30px 55px;
}


/* .latest-news [class*=col-]:nth-last-child(1),
.latest-news [class*=col-]:nth-last-child(2) {
	padding-bottom: 0;
} */


.latest-news .row {
	margin: 0 -30px;
}

.news-block {
	height: 100%;
	background: #f7f7f7;
	display: flex;
    flex-direction: column;
	position: relative;
}
.news-block .news-img img {
	width: 100%;
}
.news-block .block-border {
	position: absolute;
	top: 0;
	left: 0;
}

.news-block .small-title a:hover h1, .news-block .small-title a:hover h2, .news-block .small-title a:hover h4, .news-block .small-title a:hover h5, .news-block .small-title a:hover h6, .news-block .small-title a:hover h3 {
	color: #497D42;
	text-decoration: underline;
}
.news-block .small-title h1, .news-block .small-title h2, .news-block .small-title h4, .news-block .small-title h5, .news-block .small-title h6, .news-block .small-title h3 {
	font-family: "TSTARPRO-Medium";
}



.news-block .news-detail {
	padding: 60px 40px 40px;
	background: #f7f7f7;
	display: flex;
    flex-direction: column;
	height: 100%;
}

.news-block .news-detail span {
	font-size: 16px;
	line-height: 130%;
	color: #445254;
	display: block;
	font-family: "TSTARPRO-Regular";
}
.news-block .news-detail .b-detail {
	margin-top: auto;
}


.news-block .news-detail .small-title {
	padding: 0 0 20px;
}


.our-office {
	padding: 50px 0 20px 0;
}

.aerial-sec {
	padding-bottom:80px!important;
}
.office-block h4 {
	font-family: "TSTARPRO-Bold";
	margin: 0 0 45px;
}

.office-details {
	padding-left: 95px;
}
.contact-form-inner {
	padding-left: 95px;
}



.floor-plan-modal .modal-dialog {
	max-width: 920px;
}

.floor-plan-modal .modal-body {
	padding: 0;
}
.floor-plan-modal .close-btn {
	right: 20px !important;
    top: 20px !important;
    background: transparent;
    padding: 0px;
    height: 30px;
    width: 30px;
	display: flex;
    align-items: center;
    justify-content: center;
}


.floor-plan-modal .close-btn svg {
	width: 20px;
}
.floor-plan-modal .close-btn svg path {
    fill: #666;
}

/******************************************************************/
/********************* footer start *************************/
/******************************************************************/

.cookies-warning {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: #F7F7F7;
	padding: 21px;
	z-index: 9999;
}

.cookies-warning p {
	font-size: 18px;
	line-height: 18px;
	color: #445254;
	margin: 0;
}

.cookies-warning p a {
	text-decoration: underline;
	color: #445254;
}

.cookies-warning .cookies {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cookies-warning .cli_action_button {
	padding: 14px 25px;
	font-size: 18px;
	line-height: 18px;
	font-family: "TSTARPRO-Bold";
	background: #026DA9;
	text-decoration: none;
}

.cookies-warning .cli_action_button:hover {
	background: #497D42;
}

.footer {
	background: #497D42;
	/*padding: 165px 0 145px;*/
	padding: 65px 0 45px;
}

.footer .f-menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
}

.footer .f-menu {
	padding-left: 5px;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer .f-menu ul li {
	float: left;
	padding: 0;
	list-style-type: none;
	display: block;
}

.footer ul li {
	padding: 0;
	list-style-type: none;
	display: block;
}

.footer .f-menu .lanlanguage-list li {
	margin: 0px 7.5px;
}

.footer .f-menu .lanlanguage-list li:last-child {
	margin-right: 0px;
}

.footer .f-menu .lanlanguage-list li:first-child {
	margin-left: 0px;
}

.footer .f-menu .lanlanguage-list li a {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	line-height: 20px;
	font-family: 'TSTARPRO-Regular';
}

.footer .f-menu .lanlanguage-list li.current-lang a,
.footer .f-menu .lanlanguage-list li a:hover {
	color: rgba(255, 255, 255, 0.5);
}

.footer .f-menu .menu {
	padding-left: 93px;
}

.footer .f-menu .menu li a {
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	display: block;
	color: #ffffff;
	font-family: 'TSTARPRO-Bold';
	text-decoration: none;
}

.footer .f-menu .menu li.current-menu-item  a,
.footer .f-menu .menu li a:hover {
	color: rgba(255, 255, 255, 0.5);
}

.footer .f-menu .menu li {
	margin: 0px 15px;
}

.footer .f-menu .menu li:first-child {
	margin-left: 0px;
}

.footer .f-menu .menu li:last-child {
	margin-right: 0px;
}

.f-bottom {
	text-align: right;
	padding-top: 45px;
}

.f-social {
	text-align: right;
}

.f-social ul {
	padding: 0;
}

.f-social ul li {
	display: inline-block;
	line-height: 1;
	padding: 0 7px;
}

.f-social ul li:last-child {
	padding-right: 0;
}

.f-social ul li:first-child {
	padding-left: 0;
}

.f-social ul li a {
	font-size: 27px;
	line-height: 27px;
	display: block;
	color: #FFFFFF;
}

.f-social ul li a:hover {
	color: rgba(255, 255, 255, 0.5);
}

.copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.f-bottom p {
	font-size: 16px;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.75);
	font-family: 'TSTARPRO-Regular';
	padding-bottom: 0px;
	margin: 0;
}

.f-bottom a {
	color: rgba(255, 255, 255, 0.75);
}

.f-bottom a:hover {
	color: rgba(255, 255, 255, 0.5);
}

.scroll-top {
    position: fixed;
    bottom: 50px;
    right: -100px;
    z-index: 99;
	transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}
.scroll-top a {
	background: rgba(255, 255, 255, 0.1);
	background: rgb(73, 125, 66);
	height: 50px;
    width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.scroll-top a:hover {
	background: #81B02B;
}

.scroll-top.open {
	right: 50px;
}



.hbspt-form iframe {
	width: 100% !important;
}

.hbspt-form .hs-form-field label {
	font-size: 20px !important;
	line-height: 20px !important;
	color: #445254 !important;
	margin: 0  0 20px !important;
	font-family: "TSTARPRO-Regular" !important;
}


.responsive-16by9 {
    display: block;
    height: 0;
    padding-bottom: 50%;
    padding-top: -50%;
    overflow: hidden;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }



.ginput_container_consent input,
.ginput_container_consent .gfield_consent_label {
	display: inline-block !important;
}
/******************************************************************/


/********************* footer end *************************/


/******************************************************************/