@charset "UTF-8";

html,body{
	font-weight:300;
}
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:80vw;
}



body .l-section.width_margins{
	padding-left:1.5rem;
	padding-right:1.5rem;
}
body .l-section.width_margins .l-section-h{
	max-width:calc(100vw - 3rem);
}

.section_no_overflow{
	overflow:hidden;
}
/**

Preload and transitions between pages
**/



/* 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;
}



@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:80px;
	transition:all .3s;
}
.main_logo_fill{fill:var(--color-content-primary); transition:fill .3s;}

body.logo_color_alt .main_logo_fill{fill:var(--color-content-bg)!important;}
body.main_menu_open .main_logo_fill{fill:var(--color-content-bg)!important;}

.l-header.sticky #main_logo svg{
	height:70px;
}
@media only screen and (max-width: 600px) {
	.l-header.sticky #main_logo svg,
	#main_logo svg{
		height:50px;
	}

}	



/** content */

.color_alternate blockquote:before {
	color:var(--color-alt-content-faded);
}


h1 strong,
h2 strong,
h3 strong,
h4 strong
{
	font-weight:inherit;
	color:var(--color-content-primary);
}
.color_alternate h1 strong,
.color_alternate h2 strong,
.color_alternate h3 strong,
.color_alternate h4 strong{
	font-weight:inherit;
	color:var(--color-alt-content-primary);

}




.color_alt{
	color:var(--color-content-secondary);
}

.h_outline h1,
.h_outline h2,
.h_outline h3,
.h_outline h4,
.outline{
		-webkit-text-fill-color: transparent;
		-webkit-text-stroke: min(.025em, 2px) ;
	}
	@media only screen and (max-width: 600px) { 
		.h_outline h1,
		.h_outline h2,
		.h_outline h3,
		.h_outline h4,
		.outline{
				-webkit-text-fill-color: transparent;
				-webkit-text-stroke: min(.025em, 1px) ;
			}
	}	
	

.size_inherit h1,
.size_inherit h2,
.size_inherit h3,
.size_inherit h4,
.size_inherit h5,
.size_inherit h6,
.size_inherit p{
	font-size:inherit!important;
	line-height:inherit!important;
	font-weight: inherit!important;
	text-transform: inherit!important;
	letter-spacing: inherit!important;
}


.size_h1{
	font-size:var(--h1-font-size);
	line-height:var(--h1-line-height);
	text-transform: var(--h1-text-transform);
	font-weight: var(--h1-font-weight);
	letter-spacing: var(--h1-letter-spacing);
}
.size_h2{
	font-size:var(--h2-font-size);
	line-height:var(--h2-line-height);
	text-transform: var(--h2-text-transform);
	font-weight: var(--h2-font-weight);
	letter-spacing: var(--h2-letter-spacing);
}
.size_h3{
	font-size:var(--h3-font-size);
	line-height:var(--h3-line-height);
	text-transform: var(--h3-text-transform);
	font-weight: var(--h3-font-weight);
	letter-spacing: var(--h3-letter-spacing);

}
.size_h4{
	font-size:var(--h4-font-size);
	line-height:var(--h4-line-height);
	text-transform: var(--h4-text-transform);
	font-weight: var(--h4-font-weight);
	letter-spacing: var(--h4-letter-spacing);

}

.size_h5{
	font-size:var(--h5-font-size);
	line-height:var(--h5-line-height);
	text-transform: var(--h5-text-transform);
	font-weight: var(--h5-font-weight);
	letter-spacing: var(--h5-letter-spacing);

}

.size_h6{
	font-size:var(--h6-font-size);
	line-height:var(--h6-line-height);
	text-transform: var(--h6-text-transform);
	font-weight: var(--h6-font-weight);
	letter-spacing: var(--h6-letter-spacing);

}




.big_p{
	font-size:max(18px, 1.667vw); /* 24px; */
	line-height:1.4;
	}

.size_extrabig{
	font-size:max(45px, 10.417vw);  /*150px;*/
	line-height:.97;
	text-transform: none;
	font-weight: 900;
	letter-spacing: normal;
}




/*
.image_water_effect:not(.water_ready){
	opacity:0;
}*/
.image_water_effect img, .image_water_effect canvas{
	width:100%!important;
}

.image_water_effect canvas{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.image_water_effect canvas ~ .w-image-h{
	opacity:0;
	visibility:hidden;
}






	/* Center videogif by default */
.videogif {
    width: 100%;
    display:block;
    margin: 0 auto;
}

@media only screen and (max-width: 600px) { 
	.g-cols.via_flex.no_stacking_mobile{
		flex-wrap: nowrap;
		--additional-gap : 0!important;
		margin: 0 -1.5rem!important;
	}
	.g-cols.via_flex.no_stacking_mobile>div{
		width:auto!important;
	}
}	











	
/***
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-alt-content-bg);
		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;
		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;
	}
}












body:not(.usb_preview) .animate_titles:not(.ready) h1,
body:not(.usb_preview) .animate_titles:not(.ready) h2,
body:not(.usb_preview) .animate_titles:not(.ready) h3,
body:not(.usb_preview) .animate_titles:not(.ready) h4,
body:not(.usb_preview) .animate_titles:not(.ready) p,
body:not(.usb_preview) .animate_titles:not(.ready) .w-btn{
	opacity:0;
}




.grid_el.default_grid_appear.activate_on_scroll >*,
.wrap.default_grid_appear.activate_on_scroll >*,
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*
{
	transition: transform,opacity;
	transition-duration: 1.2s;
	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay:.3s;
}


.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(2n){transition-delay:.4s;}
.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(3n){transition-delay:.5s;}
.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(4n){transition-delay:.6s;}
.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(5n){transition-delay:.7s;}
.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(6n){transition-delay:.8s;}
.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(7n){transition-delay:.9s;}
.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(8n){transition-delay:1s;}
.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(9n){transition-delay:1.2s;}
.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(10n){transition-delay:1.3s;}
.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(11n){transition-delay:1.4s;}
.grid_el.default_grid_appear.activate_on_scroll>*:nth-child(12n){transition-delay:1.5s;}

.wrap.default_grid_appear.activate_on_scroll>*:nth-child(2n){transition-delay:.4s;}
.wrap.default_grid_appear.activate_on_scroll>*:nth-child(3n){transition-delay:.5s;}
.wrap.default_grid_appear.activate_on_scroll>*:nth-child(4n){transition-delay:.6s;}
.wrap.default_grid_appear.activate_on_scroll>*:nth-child(5n){transition-delay:.7s;}
.wrap.default_grid_appear.activate_on_scroll>*:nth-child(6n){transition-delay:.8s;}
.wrap.default_grid_appear.activate_on_scroll>*:nth-child(7n){transition-delay:.9s;}
.wrap.default_grid_appear.activate_on_scroll>*:nth-child(8n){transition-delay:1s;}
.wrap.default_grid_appear.activate_on_scroll>*:nth-child(9n){transition-delay:1.2s;}
.wrap.default_grid_appear.activate_on_scroll>*:nth-child(10n){transition-delay:1.3s;}
.wrap.default_grid_appear.activate_on_scroll>*:nth-child(11n){transition-delay:1.4s;}
.wrap.default_grid_appear.activate_on_scroll>*:nth-child(12n){transition-delay:1.5s;}

.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(2n){transition-delay:.4s;}
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(3n){transition-delay:.5s;}
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(4n){transition-delay:.6s;}
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(5n){transition-delay:.7s;}
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(6n){transition-delay:.8s;}
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(7n){transition-delay:.9s;}
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(8n){transition-delay:1s;}
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(9n){transition-delay:1.2s;}
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(10n){transition-delay:1.3s;}
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(11n){transition-delay:1.4s;}
.w-grid.default_grid_appear.activate_on_scroll .w-grid-list>*:nth-child(12n){transition-delay:1.5s;}

.grid_el.default_grid_appear.activate_on_scroll:not(.active)>*,
.wrap.default_grid_appear.activate_on_scroll:not(.active)>*,
.w-grid.default_grid_appear.activate_on_scroll:not(.active) .w-grid-list>*{
	transform:translateX(10em) scale(.9);
	opacity:0;
	transition-delay:0s;
}








.pallete_blue{
	--color-content-primary:#16BDEF;
	--color-content-heading:#16BDEF;
}

.pallete_pink{
	--color-content-primary:#ff7bd4;
	--color-content-heading:#ff7bd4;
}


body .header_logo .w-image-h{
	transition:all .3s;
}
body.scroll_down_limit .header_logo .w-image-h ,
body.scroll_up_limit .header_logo .w-image-h {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
  }
  body .hero_logo .w-image-h{
	transition:all 1s cubic-bezier(0.45, 0, 0.55, 1);
  }
  body:not(.scroll_up_limit) .hero_logo .w-image-h {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
  }
  
  .menu_back_to_hyperlooptt{
	transition:all .3s;
  }

	body:not(.scroll_up_limit) .menu_back_to_hyperlooptt {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
  }