@charset "UTF-8";



body{



}

body.loader_active,

body.loader_active a{

	cursor:progress!important;

}



body .l-subheader-h, body .l-section-h, body .l-main .aligncenter, body .w-tabs-section-content-h{

	max-width:82vw;

}



body .l-section.color_primary{



	color:var(--color-content-bg) !important;

}



/**



Preload and transitions between pages

**/

html:not(.loaded),

html:not(.loaded) body,

html:not(.loaded) .l-canvas{

	/*background:var(--color-alt-content-bg);*/

}
/*
html:not(.loaded) #page-header{

	visibility:hidden;

}
*/


.transition_panel,

.preload_panel{

	position:fixed;

	width:100%;

	height:100%;

	left:0;

	top:0;

	z-index:99999;

	display:flex;

	flex-direction:column;

	align-items:center;

	justify-content:center;

}

.transition_panel_fill,

.preload_panel_fill{

	position:absolute;

	background:var(--color-alt-content-bg);

	width:100%;

	height:100%;

	left:0;

	top:0;

	display:flex;

	flex-direction:column;

	align-items:center;

	justify-content:center;

}



.transition_title{

	position:relative;

	margin:auto;

	text-align:center;

	color:var(--color-alt-content-heading);

	z-index:10;

}







/* for transparent sticky header: */

#page-header{

	pointer-events: none;

}

#page-header .l-subheader-cell>*{

	pointer-events: all;

}

body.header_hor .l-header.pos_fixed:not(.sticky_auto_hide) ~ .l-main .l-section.full_height:not(:first-of-type){

	min-height:calc( 100vh);

}

body.admin-bar .l-header.pos_fixed:not(.sticky_auto_hide) ~ .l-main .l-section.full_height:not(:first-of-type){

	min-height:calc( 100vh - 32px );

}







.no_bottom_padding{

	padding-bottom:0!important;

}

.no_top_padding{

	padding-top:0!important;

}

.no_top_padding .l-section-h{

	padding-top:0!important;

}





.block_overflow_hidden{

	overflow:hidden;

}





@media only screen and (max-width: 600px){

	/*body .l-subheader, body .l-section{

		padding-left: 2.5rem;

		padding-right: 2.5rem;

	}*/

	

}

.move_to_background:not(.ready){

	display:none;

}







#menu_popup{

	position:fixed;

	width:100vw;

	height:100%;

	left:0;

	top:0;

	z-index: 110;

}

body.admin-bar #menu_popup{

	top:32px;

}

#menu_popup #main_menu_block,

#menu_popup .w-popup-box-content{

	background:transparent!important;

}

.menu_popup_ref{

	display:none!important;

}





#main_logo{

	display:flex;

}

#main_logo svg{

	width:auto;

	height:30px;

	transition:all .3s;

}

#page-header.sticky #main_logo svg{

	height:30px;

}

@media only screen and (max-width: 600px){

	#page-header.sticky #main_logo svg,

	#main_logo svg{

		height:30px;

	}

}

@media only screen and (min-width: 379px){

	#rental_enquiry_btn_menu{

		white-space:nowrap;

	}	

	

}

.main_logo_fill{

	fill:var(--color-content-bg); 

	transition:fill .3s;

}







/*

#page-header.bg_transparent:not(.sticky) .main_logo_fill{fill:#fff!important;}

*/

/*

body.logo_alt_color .main_logo_fill,

body.main_menu_open .main_logo_fill

{

	fill:#fff!important;

}*/

.main_logo_accent{

/*fill:var(--color-content-primary);*/

	fill:var(--color-content-bg);

}







.language_switcher_header{

	transition:all 1s cubic-bezier(0.87, 0, 0.13, 1);

	}

	body:not(.main_menu_open) .language_switcher_header{

		visibility: hidden;

		opacity:0;

		transform:translateX(-2em);

	}



	.language_switcher_header .wpml-ls-item a{

		color:#000;

		border-top-color:transparent;

		border-top-width: 3px;

		border-top-style:solid;

		display:inline-block;

	}

	.no-touch .language_switcher_header .wpml-ls-item a:hover{

		color:#000!important;

	}

	.language_switcher_header .wpml-ls-item.wpml-ls-current-language a{

		font-weight: 700;

		border-top-color:#000;

	}

	.language_switcher_header .wpml-ls-legacy-list-horizontal ul{

		margin: 0 -0.3rem;

	}

	.language_switcher_header .wpml-ls-legacy-list-horizontal ul li{

		margin: 0 0.3rem;

	}

	.language_switcher_header .wpml-ls .wpml-ls-item:not(:last-child):after{

		content:"/";

		display:inline-block;

		transform:translateX(.2rem);

		font-weight:300!important;

	}



.menu_icon{

	font-size:50px;

	width:1em;

	height:1.2em;

	position:relative;

	display:flex;

	align-items:center;

	justify-content: center;

	cursor:pointer;

}



	.menu_icon_back{

		position:absolute;

		width:100%;

		height:100%;

		left:0;

		top:0;

	}

	.menu_icon_back_path{

		fill:#e8ff00;

		stroke:#000;

		stroke-miterlimit:10;

		stroke-width: 1.5px;

		transition:all .3s;

	}



	.menu_icon_lines{

		width:.2em;

		height:12px;

		display: flex;

		flex-direction:column;

		justify-content: space-between;

		position: relative;

		transition:all .3s;

	}

	.menu_icon_lines div{

		width:100%;

		height:2px;

		background:#000;

		border-radius: 2px;

		transition:all .3s;

		transform-origin:50% 50%;

	}

	.menu_icon_lines div:nth-child(2){

		transform:translateX(-.04em);

	}

	.menu_icon_lines div:first-child,

	.menu_icon_lines div:last-child{

		transform:translateX(.03em);

	}



	.no-touch body:not(.main_menu_open) .menu_icon:hover .menu_icon_lines div:nth-child(2){

		transform:translateX(.05em);

	}

	.no-touch body:not(.main_menu_open) .menu_icon:hover .menu_icon_lines div:first-child,

	.no-touch body:not(.main_menu_open) .menu_icon:hover .menu_icon_lines div:last-child{

		transform:translateX(-.01em);

	}





	body:not(.main_menu_open) .menu_icon_back_path{

		stroke:transparent;

	}

	

	body.main_menu_open .menu_icon_lines{

		justify-content: center;

		height:6px;

	}

	body.main_menu_open .menu_icon_lines div:nth-child(2){

		transform:translateX(0) scale(0)  rotate(45deg);

	}

	body.main_menu_open .menu_icon_lines div:first-child{

		transform:translateX(0) rotate(45deg);

		margin-bottom:-2px;

	}

	body.main_menu_open .menu_icon_lines div:last-child{

		transform:translateX(0) rotate(-45deg);

		margin-top:-2px;

	}

	.no-touch body.main_menu_open .menu_icon:hover .menu_icon_lines{

		transform:scale(1.3) rotate(90deg);

	}







/*

#main_menu_items{

	font-size:90px;

	line-height:95%;

	text-transform:uppercase;

	font-weight: 400;

}

	#main_menu_items ul li{

		display:flex;

		align-items: center;

		position:relative;

	}

	.menu_current_number{

		font-weight:700;

		position:absolute;

		left:-2em;

		top:-.4em;

		font-size:1.3rem;

		width:2em;

		height:2em;

		text-align:center;

	}

	.menu_current_number .number_hexagon{

		transition:all .3s;

		position:absolute;

		width:100%;

		height:100%;

		left:0;

		top:0;

		background: url('../images/menu_hexagon.svg') no-repeat center center;

		background-size:contain;

	}

	.menu_current_number span{

		position:absolute;

		width:100%;

		height:100%;

		left:0;

		top:0;

		line-height:2.2em;

	}

	.menu_current_line{

		flex-grow:1;

	}

	.menu_current_line div{

		margin-top:-.125em;

		height:6px;

		width:100%;

		background:#000;

		transition: all .3s;

	}









	.menu-item:not(.current-menu-item) .menu_current_number .number_hexagon{

		transform:scale(.6);

		opacity:0;

	}

	.menu-item:not(.current-menu-item) .menu_current_line div{

		width:0;

	}

	.no-touch .menu-item:hover a{

		color:inherit!important;

	}

	.no-touch .menu-item:hover .menu_current_number .number_hexagon{

		transform:none;

		opacity:1;

	}

	.no-touch .menu-item:hover .menu_current_line div{

		width:100%;

	}



.menu_contact_content_block{

	font-size:14px;

	font-weight: 400;

	line-height:150%;

}

	.menu_contact_content_block h4{

		margin-bottom:.2em;

		font-size:20px;

		font-weight: 600;

		padding-top:0em;

	}

	.menu_contact_content_block a{

		color:inherit!important;

		font-weight: bold;

		text-decoration: underline;

	}

	.menu_social_links{

		font-size:2rem;

	}

	



	@media only screen and (max-width: 1400px){

		#main_menu_items{

			font-size:75px;

		}

		.menu_current_number{

			font-size:1rem;

		}

		#menu_popup #main_menu_block{

			padding-left:5rem;

		}

	}

	@media only screen and (max-width: 1200px){

		#main_menu_items{

			font-size:65px;

		}

		.menu_social_links{

			font-size:1.5rem;

		}

		

	}

	@media only screen and (max-width: 900px){

		#main_menu_items{

			font-size:50px;

		}

	}

	@media only screen and (max-width: 700px){



		.menu_icon{

			font-size:40px;

		}

		#main_menu_items{

			font-size:30px;

		}

		#menu_popup #main_menu_block{

			padding-left:3rem;

		}

		.menu_current_number{

			font-size:.9rem;

		}

		.menu_current_line div{

			height:4px;

		}

		.menu_contact_content_block h4{

			font-size:17px;

		}

		.menu_contact_content_block{

			font-size:12px;

		}

	}	







*/





body .inherit_quote blockquote{

	font-size:inherit;

}



h1 strong,

h2 strong,

h3 strong

{

	font-weight:inherit;

	color:var(--color-content-primary);

}

.color_alternate h1 strong,

.color_alternate h2 strong,

.color_alternate h3 strong{

	font-weight:inherit;

	color:var(--color-alt-content-primary);

}

.color_footer-top h1 strong,

.color_footer-top h2 strong,

.color_footer-top h3 strong{

	font-weight:inherit;

	color:var(--color-content-primary);

}

.color_primary h1 strong,

.color_primary h2 strong,

.color_primary h3 strong{

	font-weight:inherit;

	color:var(--color-content-heading);

}

body .l-section.color_footer-top h3,

body .l-section.color_alternate h3{

	/*color:var(--color-content-text);*/

}





@media only screen and (max-width: 1400px){



}

@media only screen and (max-width: 1200px){





}

@media only screen and (max-width: 900px){



}

@media only screen and (max-width: 700px){

	

}



@media only screen and (max-width: 380px){

	



}









/*

common elements

*/



.scroll_down_btn{

	text-align:center;

	width:1em;

	height:1em;

	border-radius:.5em;

	border:1px solid #e8ff00;

	color:#e8ff00;

	line-height:100%;

	display:flex;

	align-items:center;

	justify-content: center;

	margin:0 auto;

	cursor:pointer;

	font-size:90px;

}

.scroll_down_btn .scroll_down_btn_inner{

	font-size:.17em;

	line-height:100%;

}

.scroll_down_btn_label{

	padding-top:1.2em;

}

.scroll_down_btn i{

	font-size:1.3em;

}





.image_water_effect:not(.water_ready){

	/*opacity:0;*/

}

.image_water_effect img, .image_water_effect canvas{

	width:100%;

}



.image_water_effect canvas{

	position:absolute;

	width:100%;

	left:0;

	top:0;

}

.image_water_effect canvas ~ .w-image-h{

	opacity:0;

	visibility:hidden;

}







.l-section.background_coolparallax {

	background:transparent!important;

}





.bg_cool_parallax{

	position:absolute;

	width:100%;

	height:100%;

	height:calc(100% + 1px);

	top:0;

	left:0;

	overflow:hidden;

	perspective: 600px;

	transform-style: preserve-3d;

}

.bg_cool_parallax .l-section-img{

	position:absolute;

	width:100%;

	height:110%;

	top:-10%;

	left:0;

}









/*

Default common animations

*/





.line_anim_intro.activate_on_scroll.w-separator:not(.with_content){

	transition:all 1s cubic-bezier(0.87, 0, 0.13, 1);

	width:100%;

	transition-delay:0s;

}



.line_anim_intro.activate_on_scroll.w-separator:not(.with_content):not(.active) 

{

width:0;

transition-delay:.3s;

}



.appear_default.activate_on_scroll{

	transform-origin:0 0;

	transition:transform, opacity;

	transition-duration:1.5s;

	transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1);

	transition-delay:.2s;

	transform:translateZ(0);

}

	.appear_default.activate_on_scroll.delay_1{

		transition-delay:.5s;

	}

	.appear_default.activate_on_scroll.delay_2{

		transition-delay:.8s;

	}

	.appear_default.activate_on_scroll.delay_3{

		transition-delay:1.1s;

	}



	.appear_default.activate_on_scroll:not(.active){

		opacity:0;

		transform:translateY(100px) rotate(10deg) rotateX(-40deg);

		transition-delay:0s;

	}











.appear_image_cover.activate_on_scroll{

	transition:transform, opacity 1.5s;

	transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1);

	transition-duration:1.5s;

	transition-delay:.3s;

	transform:translateZ(0);

}



.appear_image_cover.activate_on_scroll:not(.active){

	opacity:0;

	transform:translateX(50vw) rotateY(-90deg) translateZ(300px);

	transition-delay:0s;

}







/*

.appear_default.activate_on_scroll.active.active_away{

	transform:translateY(-50px) rotate(-3deg);

	transition-delay:0s;

	opacity:0;

	transition-duration: .5s;

	transition-timing-function:  cubic-bezier(0.76, 0, 0.24, 1);

}

*/















/* Center videogif by default */

.videogif_block{

	position:relative;

	width:100%;

} 

.videogif_block.has_ratio .videogif{

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

}  

.videogif {

	width: 100%;

	display:block;

	margin: 0 auto;

}











	

/***

Video Lightbox

***/









.video_lightbox{

	position:fixed;

	z-index:800;

	left:0;

	top:0;

	width:100%;

	}

	.video_player_bg{

		background-color:var(--color-content-primary);

		transition: background .5s;

		

		transition-delay:0s;

	}

	.video_lightbox_open .video_player_bg{

		background-color:var(--color-footer-bg-grad);

		opacity:.9;

		transition: background 1s;

		transition-delay:.5s;

		

	}

	.video_lightbox .l-section-h{

		/** check responsive here for video size: **/

		max-width:1500px;

	}



	.video_button_back_block{

		position:absolute;

		right:-50px;

		margin-top:7px;

	}

	.block_button_icon .icon_label{

		font-size:12px;

		text-transform:uppercase;

		font-weight:400;

	}

	.video_button_back_block .block_button{

		width:34px;

		height:34px;

		line-height:30px;

		margin:auto;

	}



	

	

.block_button{

	width:50px;

	height:50px;

	line-height:54px;

	position:relative;

	text-align:center;

	margin:auto;

	cursor:pointer;

	display:inline-block;



	}

	.block_button_bg{

		width:100%;

		height:100%;

		position:absolute;

		-webkit-transition: all .3s;

		transition:all .3s;

		background:transparent;

	}

	.block_button_icon{

		position:relative;

		color:var(--color-content-secondary);

		font-size:22px;

		-webkit-transition: all .3s;

		transition:all .3s;

	}

	

	.button_back_block{

		position:absolute;

		top:20px;

		right:25px;

		z-index:10;

	}

	.button_back {

		width:40px;

		height:40px;

	}

	.button_back .block_button_bg{

		background:transparent;

		box-shadow:inset 0 0 0 2px #fff;

		border-radius:20px;

	}

	.no-touch .button_back:hover .block_button_bg{

		background:#fff;

		box-shadow:inset 0 0 0 30px #fff;

	}



	.icon_ex{

		width:50%;

		height:2px;

		position:absolute;

		left:25%;

		top:50%;

		background:#fff;

		-webkit-transform:rotate(45deg);

				transform:rotate(45deg);

		-webkit-transition: all .3s;

		transition:all .3s;

	}

	.icon_ex:after{

		width:100%;

		height:100%;

		-webkit-transform:rotate(90deg);

				transform:rotate(90deg);

		content:"";

		position:absolute;

		left:0;

		top:0;

		background:#fff;

		-webkit-transition: all .3s;

		transition:all .3s;

	}

	.no-touch .button_back:hover .icon_ex:after,

	.no-touch .button_back:hover .icon_ex{

		background:#2E2F37;

	}



	.video_lightbox_open .main_menu_link{

		opacity:0;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

		visibility:hidden;

	}



@media only screen and (max-height: 950px) and (orientation:landscape) {

	.video_lightbox .l-section-h{

		max-width:1350px;

	}

}

@media only screen and (max-height: 900px) and (orientation:landscape) {

	.video_lightbox .l-section-h{

		max-width:1200px;

	}

}

@media only screen and (max-height: 800px) and (orientation:landscape) {

	.video_lightbox .l-section-h{

		max-width:1100px;

	}

}

@media only screen and (max-height: 750px) and (orientation:landscape) {

	.video_lightbox .l-section-h{

		max-width:1000px;

	}

}

@media only screen and (max-height: 680px) and (orientation:landscape) {

	.video_lightbox .l-section-h{

		max-width:900px;

	}

}

@media only screen and (max-height: 400px) and (orientation:landscape) {

	.video_lightbox .l-section-h{

		max-width:550px;

	}

}

@media only screen and (max-height: 360px) and (orientation:landscape) {

	.video_lightbox .l-section-h{

		max-width:500px;

	}

}









.overflow_hidden{

	overflow:hidden;

}







.flex_grow{

	flex-grow: 1;

}













/* Oceanix buttons



*/

.w-btn.us-btn-style_3{

	padding-right: .6em;

}

.w-btn.us-btn-style_3.icon_atright i{

	margin-left:1em;



}

.w-btn.us-btn-style_3 i{

	font-size:.6em;

	background:var(--color-content-primary);

	border-radius: 50%;

	width:2.5em;

	height:2.5em;

	line-height:2.5em;



	position:relative;

}

.w-btn.us-btn-style_3 i:before{

	color:var(--color-content-bg)!important;

	z-index:1;

	position:relative;

}





.w-btn.us-btn-style_3 i,

.w-btn.us-btn-style_3 i:after,

.w-btn.us-btn-style_3 i:before{

	transition:all .6s;

	transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1)

}



.no-touch a.w-btn.us-btn-style_3:not(:hover) i:before{

	color:var(--color-content-primary)!important;



}



.no-touch a.w-btn.us-btn-style_3:not(:hover) i{

	transform:translateX(60%) scale(.4);

}

.w-btn.us-btn-style_3 i:after{

	content:"";

	display:block;

	position:absolute;

	width:.5em;

	height:.5em;

	border-radius: 50%;

	opacity:1;

	background:var(--color-content-primary);

	top:50%;

	transform:translateY(-50%);

	right:30%;

}

.no-touch a.w-btn.us-btn-style_3:not(:hover) i:after{

	background:var(--color-content-primary);

	border-radius: 0%;

	opacity:1;

	width:5em;

	height:.5em;

	right:150%;

}









.line_waves_oceanix{

	position:absolute;

	left:0;

	top:0;

	right:0;

	bottom:0;

	overflow:hidden;

	opacity:.3;

	}

	.line_wave_oceanix{

		height:auto;

		display:flex;

		position:relative;

		

	}

	.line_wave_oceanix>div{

		width:100%;

		padding-bottom:3.604%;

		margin-top:-2.4%;

		background:url('../images/wave-light.svg') no-repeat;

		background-size:auto 100%;

	}



	.color_footer-bottom .line_waves_oceanix{

		opacity:1;

	}

	.color_footer-bottom .line_wave_oceanix>div{

		background:url('../images/wave-dark.svg') no-repeat;

	}



	@media only screen and (max-width: 1200px){

		.line_wave_oceanix > div{

			margin-top:-1.9%;

		}

	}

	@media only screen and (max-width: 900px){

		.line_wave_oceanix > div{

			margin-top:-1.7%;

		}

	}

	@media only screen and (max-width: 700px){

		.line_wave_oceanix{

			margin-right: -60%;

			margin-left: -10%;

		}

		.line_wave_oceanix > div{

			margin-top:-1.4%;

		}

	}

	@media only screen and (max-width: 400px){

		.line_wave_oceanix > div{

			margin-top:-1.2%;

		}

	}











.tech_illustration{

	position:relative;

	}



	.tech_illustration img{

		max-width:none;

		width:100%;

	}

	.tech_illustration .w-image{

	width:100%;

	}







	.w-image.tech_il_energy_mill {

		position:absolute;

		left: 29.7%;

		top: 40%;

		width:35%;

		transform: translateX(-50%) translateY(-50%);

		

	}

	.w-image.tech_il_energy_new_mill_a,

	.w-image.tech_il_energy_new_mill_c,

	.w-image.tech_il_energy_new_mill_b,

	.w-image.tech_il_energy_new_mill_d{

		position:absolute;

		left: 27%;

		top: 47%;

		width: 27%;

		transform: translateX(-50%) translateY(-50%);

		

	}

	/*

	.w-image.tech_il_energy_mill .w-image-h{

		transform: rotate(0deg);

		animation: mill_animation 5s infinite ;

		animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);

	}*/

	.w-image.tech_il_energy_sun{

		position:absolute;

		left: 61%;

		top: 17%;

		width: 16%;

		transform-origin:50% 50%;

		transform: translateX(-50%) translateY(-50%);

	}

	.w-image.tech_il_energy_sun .w-image-h{

		transform: rotate(0deg);

		animation: sun_animation 5s infinite ;

		animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);

	}



	@keyframes sun_animation{

		0% {transform:rotate(0deg);}

		25% {transform:rotate(20deg) scale(1.1);}

		50% {transform:rotate(40deg) scale(1);}

		75% {transform:rotate(65deg) scale(1.1);}

		100% {transform:rotate(90deg);}

	}

/*

	@keyframes mill_animation{

		100% {transform:rotate(-720deg);}

	}*/









	.w-image.tech_il_water_circle {

		position:absolute;

		left: 57%;

		top: 47%;

		width: 26%;

		transform: translateX(-50%) translateY(-50%);

		

	}

	.w-image.tech_il_water_sparks {

		position:absolute;

		left: 48%;

		top: 15%;

		width: 13%;

		transform: translateX(-50%) translateY(-50%);

		

	}

	.w-image.tech_il_water_sparks .w-image-h{

		transform: rotate(0deg);

		animation: sparks_animation 3s infinite ;

		animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);

	}

	@keyframes sparks_animation{

		0% {transform:translateY(30%) scale(.7);opacity:0;}

		50% {transform:translateY(0) scale(1);opacity:1;}

		100% {transform:translateY(-30%) scale(.7);opacity:0;}

	}









	.w-image.tech_il_food_front {

		position:absolute;

		left: 0%;

		top: 0%;

		width: 100%;

	}



	.w-image.tech_il_food_plant {

		position:absolute;

		left: 57%;

		top: 0%;

		width: 38%;

		transform-origin: 40% 100%;

	}

	.w-image.tech_il_food_fruit {

		position:absolute;

		left: 79.7%;

		top: 26%;

		width: 14%;

		transform-origin: 5% 2%;

	}











	.w-image.tech_il_transport_waves {

		position:absolute;

		left: 0%;

		top: 0%;

		width: 100%;

	}

	.w-image.tech_il_transport_ship {

		position:absolute;

		left: 0%;

		top: 0%;

		width: 100%;

	}

	





	.w-image.tech_il_habitat_front {

		position:absolute;

		left: 0%;

		top: 0%;

		width: 100%;

	}

	.w-image.tech_il_habitat_fish  {

		position:absolute;

		left: 9%;

		top: 19%;

		width: 20%;

	}

	.w-image.tech_il_habitat_bubble  {

		position:absolute;

		left: 36.5%;

		top: 16%;

		width: 3.5%;

	}

	.w-image.tech_il_habitat_bubble_2  {

		left: 50%;

		top: 13.5%;

		width: 2.8%;

	}

	.w-image.tech_il_habitat_bubble_3  {

		left: 28.5%;

		top: 42.5%;

		width: 3.5%;

	}

	.w-image.tech_il_habitat_bubble_4  {

		left: 57.7%;

		top: 27%;

		width: 3.1%;

	}







	.w-image.tech_il_habitat_bubble{

		transform: rotate(0deg);

		animation: bubble_animation 6s infinite ;

		/*animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);*/

	}

	@keyframes bubble_animation{

		0% {transform:translateY(10rem);opacity:0;}

		50% {transform:translateY(0rem);opacity:1;}

		100% {transform:translateY(-5rem);opacity:0;}

	}

	.w-image.tech_il_habitat_bubble .w-image-h{

		transform: rotate(0deg);

		animation: bubble_swing_animation 3s infinite ;

		/*animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);*/

	}

	@keyframes bubble_swing_animation{

		0% {transform:translateX(-.5rem);}



		50% {transform:translateX(.5rem);}



		100% {transform:translateX(-.5rem);}

	}

	.w-image.tech_il_habitat_bubble_2  {

		animation-delay: 1s;

	}

	.w-image.tech_il_habitat_bubble_3  {

		animation-delay: 2s;

	}

	.w-image.tech_il_habitat_bubble_4  {

		animation-delay: 3s;

	}

	

	

	.w-image.tech_il_habitat_bubble_3  .w-image-h {

		animation-delay: 1s;

	}













	.w-image.tech_il_waste_front {

		position:absolute;

		left: 0%;

		top: 0%;

		width: 100%;

	}

	.w-image.tech_il_waste_lid {

		position:absolute;

		left: 5%;

		top: 9%;

		width: 44%;

		transform-origin: 96% 84%;

	}

	.w-image.tech_il_waste_banana {

		position:absolute;

		left: 75%;

		top: 26%;

		width: 20%;

	}

	.w-image.tech_il_waste_apple {

		position:absolute;

		left: 56%;

		top: 33%;

		width: 15%;

	}









	.w-image.tech_il_waste_front_new {

		position:absolute;

		left: 0%;

		top: 0%;

		width: 100%;

	}

	.w-image.tech_il_waste_lid_new {

		position:absolute;

		left: 24%;

		top: 1%;

		width: 41%;

		transform-origin: 90% 85%;

	}

	.w-image.tech_il_waste_banana_new {

		position:absolute;

		left: 79%;

		top: 21%;

		width: 20%;

	}

	.w-image.tech_il_waste_apple_new {

		position:absolute;

		left: 60%;

		top: 23%;

		width: 15%;

	}









.milestones_timeline{

	position:relative;

}

:root {

	--milestone-font-size: max( 3rem,5.8vw );

}

	.milestones_bg_stripe{

		position:absolute;

		top:0;

		height:100%;

		font-size:var(--milestone-font-size);

		width:2.5em;

		background:var(--color-content-primary);

	}

	.milestone_item{

		transform-origin: left;

		position:relative;

		font-size:var(--milestone-font-size);

		padding:.4em .2em .4em 0 !important;

	}

	.milestone_item_ind_0{

		padding-top:.5em !important;

	}

	.milestone_item:last-child{

		padding-bottom:.5em !important;

	}

	.year_text{

		font-weight: 900;

		font-family: var(--font-h1);

		font-size:var(--milestone-font-size);

		line-height:.9;

		width:2.5em;

		min-width: 2.5em;

		text-align:center;

		margin-right:.2em!important;

		color:var(--color-content-bg);

	}

	.milestone_text{

		font-weight: 700;

		font-family: var(--font-h1);

		

		font-size: max( 1.2rem, 1.5vw );

		max-width: max(50vw, 600px);

		line-height:1.2;

	}







	.news_grid_title h5,

	.news_grid_title h5 a{

		font-size:inherit;

		font-family:inherit;

		line-height:inherit;

		color:inherit;

	}









.image_transition_scroll{

	position:relative;

	min-height:70vh;

}

.image_transition_scroll .vc_column-inner{



	position:relative;

}

.image_transition_scroll .w-image{

	position:relative;

	width:100%;

	left:0%;

	top:0%;

}



.image_transition_scroll .w-image:not(:first-child){

	position:absolute;

	width:100%;

	left:0%;

	top:0;

}









.table_layout {

	max-width:500px;

}

.table_layout .w-hwrapper{

	border-bottom:solid 2px #003b66;

	padding-bottom:.2em;

}