/* Widths, Heights, Positions, Paddings and Margins */

.ux_width_10
{
	width:10%;
}

.ux_width_20
{
	width:20%;
}

.ux_width_30
{
	width:30%;
}

.ux_width_33
{
	width:33.3333%;
}

.ux_width_40
{
	width:40%;
}

.ux_width_50
{
	width:50%;
}

.ux_width_60
{
	width:60%;
}

.ux_width_66
{
	width:66%;
}

.ux_width_70
{
	width:70%;
}

.ux_width_80
{
	width:80%;
}

.ux_width_90
{
	width:90%;
}

.ux_width_auto
{
	width:auto;
}

@media screen and (max-width: 800px) 
{
	.ux_width_50_mobile
	{
		width:50% !important;
	}

	.ux_width_100_mobile
	{
		width:100% !important;
	}
}

.ux_height_10:before
{
	content:"";
	display:block;
	padding-top:10%;
}

.ux_height_20:before
{
	content:"";
	display:block;
	padding-top:20%;
}

.ux_height_30:before
{
	content:"";
	display:block;
	padding-top:30%;
}

.ux_height_33:before
{
	content:"";
	display:block;
	padding-top:33.3333%;
}

.ux_height_40:before
{
	content:"";
	display:block;
	padding-top:40%;
}

.ux_height_50:before
{
	content:"";
	display:block;
	padding-top:50%;
}

.ux_height_60:before
{
	content:"";
	display:block;
	padding-top:60%;
}

.ux_height_66:before
{
	content:"";
	display:block;
	padding-top:66.6666%;
}

.ux_height_70:before
{
	content:"";
	display:block;
	padding-top:70%;
}

.ux_height_80:before
{
	content:"";
	display:block;
	padding-top:80%;
}

.ux_height_90:before
{
	content:"";
	display:block;
	padding-top:90%;
}

.ux_height_100:before
{
	content:"";
	display:block;
	padding-top:100%;
}

.ux_center
{
	left:50%;
	transform:translateX(-50%);
}

.ux_padding_0
{
	padding:0px;
}

.ux_padding_10
{
	padding:10px;
}

.ux_padding_20
{
	padding:20px;
}

.ux_padding_30
{
	padding:30px;
}

.ux_padding_40
{
	padding:40px;
}

.ux_padding_top_0
{
	padding-top:0px;
}

.ux_padding_top_10
{
	padding-top:10px;
}

.ux_padding_top_20
{
	padding-top:20px;
}

.ux_padding_top_30
{
	padding-top:30px;
}

.ux_padding_top_40
{
	padding-top:40px;
}

.ux_padding_bottom_0
{
	padding-bottom:10px;
}

.ux_padding_bottom_10
{
	padding-bottom:10px;
}

.ux_padding_bottom_20
{
	padding-bottom:20px;
}

.ux_padding_bottom_30
{
	padding-bottom:30px;
}

.ux_padding_bottom_40
{
	padding-bottom:40px;
}

.ux_padding_left_0
{
	padding-left:0px;
}

.ux_padding_left_10
{
	padding-left:10px;
}

.ux_padding_left_20
{
	padding-left:20px;
}

.ux_padding_left_30
{
	padding-left:30px;
}

.ux_padding_left_40
{
	padding-left:40px;
}

.ux_padding_right_0
{
	padding-right:0px;
}

.ux_padding_right_10
{
	padding-right:10px;
}

.ux_padding_right_20
{
	padding-right:20px;
}

.ux_padding_right_30
{
	padding-right:30px;
}

.ux_padding_right_40
{
	padding-right:40px;
}

.ux_margin_0
{
	margin:0px;
}

.ux_margin_10
{
	margin:10px;
}

.ux_margin_20
{
	margin:20px;
}

.ux_margin_30
{
	margin:30px;
}

.ux_margin_40
{
	margin:40px;
}

.ux_margin_bottom_0
{
	margin-bottom:0px;
}

.ux_margin_bottom_10
{
	margin-bottom:10px;
}

.ux_margin_bottom_20
{
	margin-bottom:20px;
}

.ux_margin_bottom_30
{
	margin-bottom:30px;
}

.ux_margin_bottom_40
{
	margin-bottom:40px;
}

.ux_margin_left_0
{
	margin-left:0px;
}

.ux_margin_left_10
{
	margin-left:10px;
}

.ux_margin_left_20
{
	margin-left:20px;
}

.ux_margin_left_30
{
	margin-left:30px;
}

.ux_margin_left_40
{
	margin-left:40px;
}

.ux_margin_right_0
{
	margin-right:0px;
}

.ux_margin_right_10
{
	margin-right:10px;
}

.ux_margin_right_20
{
	margin-right:20px;
}

.ux_margin_right_30
{
	margin-right:30px;
}

.ux_margin_right_40
{
	margin-right:40px;
}

.ux_overflow_hidden
{
	overflow:hidden;
	transform:scale(0.9999999);
}

@media screen and (max-width: 800px)
{
	.ux_padding_0_mobile
	{
		padding:0px !important;
	}

	.ux_padding_10_mobile
	{
		padding:10px !important;
	}

	.ux_padding_20_mobile
	{
		padding:20px !important;
	}

	.ux_padding_30_mobile
	{
		padding:30px !important;
	}

	.ux_padding_40_mobile
	{
		padding:40px !important;
	}

	.ux_padding_top_0_mobile
	{
		padding-top:0px !important;
	}

	.ux_padding_top_10_mobile
	{
		padding-top:10px !important;
	}

	.ux_padding_top_20_mobile
	{
		padding-top:20px !important;
	}

	.ux_padding_top_30_mobile
	{
		padding-top:30px !important;
	}

	.ux_padding_top_40_mobile
	{
		padding-top:40px !important;
	}

	.ux_padding_bottom_0_mobile
	{
		padding-bottom:10px !important;
	}

	.ux_padding_bottom_10_mobile
	{
		padding-bottom:10px !important;
	}

	.ux_padding_bottom_20_mobile
	{
		padding-bottom:20px !important;
	}

	.ux_padding_bottom_30_mobile
	{
		padding-bottom:30px !important;
	}

	.ux_padding_bottom_40_mobile
	{
		padding-bottom:40px !important;
	}

	.ux_padding_left_0_mobile
	{
		padding-left:0px !important;
	}

	.ux_padding_left_10_mobile
	{
		padding-left:10px !important;
	}

	.ux_padding_left_20_mobile
	{
		padding-left:20px !important;
	}

	.ux_padding_left_30_mobile
	{
		padding-left:30px !important;
	}

	.ux_padding_left_40_mobile
	{
		padding-left:40px !important;
	}

	.ux_padding_right_0_mobile
	{
		padding-right:0px !important;
	}

	.ux_padding_right_10_mobile
	{
		padding-right:10px !important;
	}

	.ux_padding_right_20_mobile
	{
		padding-right:20px !important;
	}

	.ux_padding_right_30_mobile
	{
		padding-right:30px !important;
	}

	.ux_padding_right_40_mobile
	{
		padding-right:40px !important;
	}

	.ux_margin_0_mobile
	{
		margin:0px !important;
	}

	.ux_margin_10_mobile
	{
		margin:10px !important;
	}

	.ux_margin_20_mobile
	{
		margin:20px !important;
	}

	.ux_margin_30_mobile
	{
		margin:30px !important;
	}

	.ux_margin_40_mobile
	{
		margin:40px !important;
	}

	.ux_margin_bottom_0_mobile
	{
		margin-bottom:0px !important;
	}

	.ux_margin_bottom_10_mobile
	{
		margin-bottom:10px !important;
	}

	.ux_margin_bottom_20_mobile
	{
		margin-bottom:20px !important;
	}

	.ux_margin_bottom_30_mobile
	{
		margin-bottom:30px !important;
	}

	.ux_margin_bottom_40_mobile
	{
		margin-bottom:40px !important;
	}

	.ux_margin_left_0_mobile
	{
		margin-left:0px !important;
	}

	.ux_margin_left_10_mobile
	{
		margin-left:10px !important;
	}

	.ux_margin_left_20_mobile
	{
		margin-left:20px !important;
	}

	.ux_margin_left_30_mobile
	{
		margin-left:30px !important;
	}

	.ux_margin_left_40_mobile
	{
		margin-left:40px !important;
	}

	.ux_margin_right_0_mobile
	{
		margin-right:0px !important;
	}

	.ux_margin_right_10_mobile
	{
		margin-right:10px !important;
	}

	.ux_margin_right_20_mobile
	{
		margin-right:20px !important;
	}

	.ux_margin_right_30_mobile
	{
		margin-right:30px !important;
	}

	.ux_margin_right_40_mobile
	{
		margin-right:40px !important;
	}
}




/* Display */

.ux_hide
{
	display:none;
}

@media screen and (max-width: 800px) 
{
	.ux_hide_mobile
	{
		display:none !important;
	}

	.ux_show_mobile
	{
		display:block !important;
	}
}

.ux_no_pointer_events
{
	pointer-events:none;
}


/* Text Styles */

.ux_font_light
{
	font-weight:200 !important;
}

.ux_font_medium
{
	font-weight:400 !important;
}

.ux_font_bold
{
	font-weight:700 !important;
}

.ux_text_centered
{
	text-align:center !important;
}

.ux_text_centered_mobile
{

}

@media screen and (max-width: 800px) 
{
	.ux_text_centered_mobile
	{
		text-align:center !important;
	}
}



/* Shadows */

.ux_shadow_small
{
	box-shadow:0 5px 20px -5px rgba(0,0,0,0.1);
}

.ux_shadow_large
{
	box-shadow:0 10px 40px -10px rgba(0,0,0,0.1);
}




/* Background Styles */

.ux_background
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.ux_background_full
{
	position:absolute;
	left:50%;
	top:0;
	width:100vw;
	height:100%;
	transform:translateX(-50%);
}

.ux_background_100
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%; 
}

.ux_background_overlay_dark
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#1e2227;
	opacity:0.2;
}

.ux_background_overlay_lines
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url('../img/website_lines.png') center bottom no-repeat;
	background-size:100% 80%;
	opacity:0.2;
}

.ux_background_overlay_lines.dark
{
	background:url('../img/website_lines_dark.png') center bottom no-repeat;
	background-size:100% 80%;
	opacity:0.05;
}

.ux_background_overlay_lines.double
{
	opacity:0.4;
}

.ux_background_overlay_lines.dark.double
{
	opacity:0.1;
}

.ux_background_overlay_blob
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url('../img/hero_blob.png') right center no-repeat;
	background-size:auto 100%;
}

.ux_background_color
{
	background-color:#cfc8b8;
}

.ux_background_color_light
{
	background-color:#f5f4f1;
}

.ux_background_dark
{
	background-color:#1e2227;
}

.ux_background_medium
{
	background-color:#FAFAFC;;
}

.ux_background_light
{
	background-color:#fff;
}

.ux_background_red
{
	background-color:#AD1E20;
}

.ux_background_green
{
	background-color:#345043;
}

.ux_background_cover
{
	background-position:center center !important;
	background-repeat:no-repeat !important;
	background-size:cover !important;
}

.ux_background_contain
{
	background-position:center center !important;
	background-repeat:no-repeat !important;
	background-size:contain !important;
}

.ux_background_video
{
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	transform:translate(-50%,-50%);
}

.ux_background_video_full
{
	position:absolute;
	left:50%;
	top:50%;
	width:120%;
	transform:translate(-50%,-50%);
}

.ux_background_video:before, .ux_background_video_full:before
{
	content:"";
	padding-top:56.25%;
	display:block;
}

@media screen and (max-width: 800px) 
{
	.ux_background_video
	{
		width:200%;
	}

	.ux_background_video_full
	{
		position:absolute;
		left:50%;
		top:50%;
		height:100%;
		width:10000px;
		transform:translate(-50%,-50%);
	}

	.ux_background_video_full:before
	{
		content:"";
		padding-top:0;
		display:block;
	}
}




/* Icons */

.ux_icon
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	background-size:33% auto !important;
}




/* Waves */

.ux_wave_1_bottom_color
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100px;
	background:url('../../content/cms/media/wave_1_color.png') center center no-repeat !important;
	background-size:cover !important;
}

.ux_wave_1_top_color
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100px;
	background:url('../../content/cms/media/wave_1_color.png') center center no-repeat !important;
	background-size:cover !important;
	transform:rotate(180deg);
}

.ux_wave_1_left_color
{
	position:absolute;
	left:0;
	top:0;
	width:100px;
	height:100%;
	background:url('../../content/cms/media/wave_1_color_90deg.png') center center no-repeat !important;
	background-size:cover !important;
}

.ux_wave_1_right_color
{
	position:absolute;
	right:0;
	top:0;
	width:100px;
	height:100%;
	background:url('../../content/cms/media/wave_1_color_90deg.png') center center no-repeat !important;
	background-size:cover !important;
	transform:rotate(180deg);
}

.ux_wave_1_bottom_color_light
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100px;
	background:url('../../content/cms/media/wave_1_color_light.png') center center no-repeat !important;
	background-size:cover !important;
}

.ux_wave_1_top_color_light
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100px;
	background:url('../../content/cms/media/wave_1_color_light.png') center center no-repeat !important;
	background-size:cover !important;
	transform:rotate(180deg);
}

.ux_wave_1_bottom_medium
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100px;
	background:url('../../content/cms/media/wave_1_medium.png') center center no-repeat !important;
	background-size:cover !important;
}

.ux_wave_1_top_medium
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100px;
	background:url('../../content/cms/media/wave_1_medium.png') center center no-repeat !important;
	background-size:cover !important;
	transform:rotate(180deg);
}

.ux_wave_1_left_medium
{
	position:absolute;
	left:0;
	top:0;
	width:100px;
	height:100%;
	background:url('../../content/cms/media/wave_1_medium_90deg.png') center center no-repeat !important;
	background-size:cover !important;
}

.ux_wave_1_right_medium
{
	position:absolute;
	right:0;
	top:0;
	width:100px;
	height:100%;
	background:url('../../content/cms/media/wave_1_medium_90deg.png') center center no-repeat !important;
	background-size:cover !important;
	transform:rotate(180deg);
}

.ux_wave_1_bottom_light
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100px;
	background:url('../../content/cms/media/wave_1_light.png') center center no-repeat !important;
	background-size:cover !important;
}

.ux_wave_1_top_light
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100px;
	background:url('../../content/cms/media/wave_1_light.png') center center no-repeat !important;
	background-size:cover !important;
	transform:rotate(180deg);
}

.ux_wave_1_left_light
{
	position:absolute;
	left:0;
	top:0;
	width:100px;
	height:100%;
	background:url('../../content/cms/media/wave_1_light_90deg.png') center center no-repeat !important;
	background-size:cover !important;
}

.ux_wave_1_right_light
{
	position:absolute;
	right:0;
	top:0;
	width:100px;
	height:100%;
	background:url('../../content/cms/media/wave_1_light_90deg.png') center center no-repeat !important;
	background-size:cover !important;
	transform:rotate(180deg);
}




/* Cursor & Hover */

.ux_cursor_pointer
{
	cursor:pointer;
}

.ux_hover_scale
{
	transition:all 0.1s ease-in-out;
}

.ux_hover_scale:hover
{
	transform:scale(1.02);
}

.ux_center.ux_hover_scale:hover
{
	left:50%;
	transform:translateX(-50%) scale(1.02);
}




/* Colors */

.ux_color_color
{
	color:#cfc8b8 !important;
}

.ux_color_dark
{
	color:#1e2227 !important;
}

.ux_color_medium
{
	color:#656f7e !important;
}

.ux_color_light
{
	color:#fff !important;
	opacity:0.8 !important;
}

.ux_color_white
{
	color:#fff !important;
}




/* Border Styles */

.ux_border_small
{
	border-radius:7px;
}

.ux_border_medium
{
	border-radius:13px;
}

.ux_border_large
{
	border-radius:22px;
}

.ux_border_huge
{
	border-radius:31px;
}

.ux_border_giga
{
	border-radius:50px;
}




/* Border Styles */

.ux_border_color
{
	border:1px solid #cfc8b8;
}




/* Separators */

.ux_separator_5
{
	height:5px;
}

.ux_separator_10
{
	height:10px;
}

.ux_separator_15
{
	height:15px;
}

.ux_separator_20
{
	height:20px;
}

.ux_separator_30
{
	height:30px;
}

.ux_separator_40
{
	height:40px;
}

.ux_separator_50
{
	height:50px;
}

.ux_separator_60
{
	height:60px;
}

.ux_separator_70
{
	height:70px;
}

.ux_separator_80
{
	height:80px;
}



/* Hero */

.ux_hero_preheadline
{
	line-height:33px;
	font-size:23px;
	font-weight:700;
	max-width:500px;
}

.ux_hero_headline
{
	line-height:75px;
	font-size:65px;
	font-weight:600;
}

.ux_hero_text
{
	line-height:34px;
	font-size:24px;
	font-weight:400;
	max-width:650px;
}

@media screen and (max-width: 800px) 
{
	.ux_hero_preheadline
	{
		line-height:27px;
		font-size:17px;
		font-weight:700;
		max-width:340px;
	}

	.ux_hero_headline
	{
		line-height:40px;
		font-size:31px;
		font-weight:700;
	}

	.ux_hero_text
	{
		line-height:31px;
		font-size:21px;
		font-weight:400;
	}
}




/* Headlines */

.ux_headline_micro
{
	line-height:22px;
	font-size:12px;
	font-weight:700;
}

.ux_headline_mini
{
	line-height:26px;
	font-size:16px;
	font-weight:700;
}

.ux_headline_intermediate
{
	line-height:30px;
	font-size:20px;
	font-weight:700;
}

.ux_headline_small
{
	line-height:33px;
	font-size:23px;
	font-weight:700;
}

.ux_headline_medium
{
	line-height:40px;
	font-size:30px;
	font-weight:700;
}

.ux_headline_large
{
	line-height:60px;
	font-size:50px;
	font-weight:700;
}

.ux_headline_big
{
	line-height:75px;
	font-size:60px;
	font-weight:600;
}

.ux_headline_huge
{
	line-height:85px;
	font-size:70px;
	font-weight:600;
}

.ux_number_large
{
	line-height:60px;
	font-size:50px;
	font-weight:700;
}

@media screen and (max-width: 800px) 
{
	.ux_headline_micro
	{
		line-height:21px;
		font-size:11px;
		font-weight:700;
	}

	.ux_headline_mini
	{
		line-height:23px;
		font-size:13px;
		font-weight:700;
	}

	.ux_headline_intermediate
	{
		line-height:26px;
		font-size:16px;
		font-weight:700;
	}

	.ux_headline_small
	{
		line-height:28px;
		font-size:19px;
	}

	.ux_headline_medium
	{
		line-height:31px;
		font-size:22px;
	}

	.ux_headline_large
	{
		line-height:37px;
		font-size:28px;
	}

	.ux_headline_big
	{
		line-height:47px;
		font-size:37px;
	}

	.ux_headline_huge
	{
		line-height:57px;
		font-size:46px;
		font-weight:600;
	}

	.ux_number_large
	{
		line-height:43px;
		font-size:33px;
	}
}	




/* Headlines */

.ux_text_mini
{
	line-height:21px;
	font-size:11px;
	font-weight:400;
	color:#656f7e;
}

.ux_text_small
{
	line-height:24px;
	font-size:15px;
	font-weight:400;
	color:#656f7e;
}

.ux_text_medium
{
	line-height:27px;
	font-size:17px;
	font-weight:400;
	color:#656f7e;
}

.ux_text_large
{
	line-height:36px;
	font-size:23px;
	font-weight:400;
	color:#656f7e;
}

.ux_text_huge
{
	line-height:34px;
	font-size:25px;
	font-weight:400;
	color:#656f7e;
}

@media screen and (max-width: 800px) 
{
	.ux_text_small
	{
		line-height:23px;
		font-size:13px;
		font-weight:400;
		color:#656f7e;
	}

	.ux_text_medium
	{
		line-height:25px;
		font-size:15px;
		font-weight:400;
		color:#656f7e;
	}

	.ux_text_large
	{
		line-height:30px;
		font-size:19px;
		font-weight:400;
		color:#656f7e;
	}

	.ux_text_huge
	{
		line-height:32px;
		font-size:23px;
		font-weight:400;
		color:#656f7e;
	}
}



/* Colums */

.ux_columns_small
{
	width:calc(100% + 20px);
	margin-left:50%;
	transform:translateX(-50%);
}

.ux_columns_small .ux_column_10
{
	width:calc(10% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_20
{
	width:calc(20% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_25
{
	width:calc(25% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_30
{
	width:calc(30% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_33
{
	width:calc(33.3333% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_40
{
	width:calc(40% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_50
{
	width:calc(50% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_60
{
	width:calc(60% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_66
{
	width:calc(66% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_70
{
	width:calc(70% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_80
{
	width:calc(80% - 20px);
	margin:10px;
}

.ux_columns_small .ux_column_90
{
	width:calc(90% - 20px);
	margin:10px;
}

.ux_columns_medium
{
	width:calc(100% + 40px);
	margin-left:50%;
	transform:translateX(-50%);
}

.ux_columns_medium .ux_column_10
{
	width:calc(10% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_20
{
	width:calc(20% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_25
{
	width:calc(25% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_30
{
	width:calc(30% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_33
{
	width:calc(33.3333% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_40
{
	width:calc(40% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_50
{
	width:calc(50% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_60
{
	width:calc(60% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_66
{
	width:calc(66% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_70
{
	width:calc(70% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_80
{
	width:calc(80% - 40px);
	margin:20px;
}

.ux_columns_medium .ux_column_90
{
	width:calc(90% - 40px);
	margin:20px;
}

.ux_columns_large
{
	width:calc(100% + 60px);
	margin-left:50%;
	transform:translateX(-50%);
}

.ux_columns_large .ux_column_10
{
	width:calc(10% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_20
{
	width:calc(20% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_25
{
	width:calc(25% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_30
{
	width:calc(30% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_33
{
	width:calc(33.3333% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_40
{
	width:calc(40% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_50
{
	width:calc(50% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_60
{
	width:calc(60% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_66
{
	width:calc(66% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_70
{
	width:calc(70% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_80
{
	width:calc(80% - 60px);
	margin:30px;
}

.ux_columns_large .ux_column_90
{
	width:calc(90% - 60px);
	margin:30px;
}




/* Images */

.ux_logo_small_dark_left
{
	height:30px;
	background:url('../img/logo_dark.png') left center no-repeat;
	background-size:auto 100%;
}

.ux_logo_small_dark_center
{
	height:30px;
	background:url('../img/logo_dark.png') center center no-repeat;
	background-size:auto 100%;
}

.ux_logo_medium_dark_left
{
	height:50px;
	background:url('../img/logo_dark.png') left center no-repeat;
	background-size:auto 100%;
}

.ux_logo_medium_dark_center
{
	height:50px;
	background:url('../img/logo_dark.png') center center no-repeat;
	background-size:auto 100%;
}

.ux_logo_large_dark_left
{
	height:80px;
	background:url('../img/logo_dark.png') left center no-repeat;
	background-size:auto 100%;
}

.ux_logo_large_dark_center
{
	height:80px;
	background:url('../img/logo_dark.png') center center no-repeat;
	background-size:auto 100%;
}

.ux_logo_small_light_left
{
	height:30px;
	background:url('../img/logo_light.png') left center no-repeat;
	background-size:auto 100%;
}

.ux_logo_small_light_center
{
	height:30px;
	background:url('../img/logo_light.png') center center no-repeat;
	background-size:auto 100%;
}

.ux_logo_medium_light_left
{
	height:50px;
	background:url('../img/logo_light.png') left center no-repeat;
	background-size:auto 100%;
}

.ux_logo_medium_light_center
{
	height:50px;
	background:url('../img/logo_light.png') center center no-repeat;
	background-size:auto 100%;
}

.ux_logo_large_light_left
{
	height:80px;
	background:url('../img/logo_light.png') left center no-repeat;
	background-size:auto 100%;
}

.ux_logo_large_light_center
{
	height:80px;
	background:url('../img/logo_light.png') center center no-repeat;
	background-size:auto 100%;
}

.ux_logo_small_color_left
{
	height:30px;
	background:url('../img/logo_color.png') left center no-repeat;
	background-size:auto 100%;
}

.ux_logo_small_color_center
{
	height:30px;
	background:url('../img/logo_color.png') center center no-repeat;
	background-size:auto 100%;
}

.ux_logo_medium_color_left
{
	height:50px;
	background:url('../img/logo_color.png') left center no-repeat;
	background-size:auto 100%;
}

.ux_logo_medium_color_center
{
	height:50px;
	background:url('../img/logo_color.png') center center no-repeat;
	background-size:auto 100%;
}

.ux_logo_large_color_left
{
	height:80px;
	background:url('../img/logo_color.png') left center no-repeat;
	background-size:auto 100%;
}

.ux_logo_large_color_center
{
	height:80px;
	background:url('../img/logo_color.png') center center no-repeat;
	background-size:auto 100%;
}




/* Images */

.ux_image_100
{
	height:100%;
	margin-top:50%;
	transform:translateY(-50%);
}

.ux_image_120
{
	height:120%;
	margin-top:50%;
	transform:translateY(-50%);
}

.ux_image_140
{
	height:140%;
	margin-top:50%;
	transform:translateY(-50%);
}

.ux_overflow_image_30_left
{
	position:absolute;
	left:-40px;
	top:0;
	width:calc(30%);
	height:calc(100%);
	box-shadow:0 10px 0 5px #cfc8b8;
}

.ux_overflow_image_30_right
{
	position:absolute;
	right:-40px;
	top:0;
	width:calc(30%);
	height:calc(100%);
	box-shadow:0 10px 0 5px #cfc8b8;
}

.ux_top_image_center
{
	position:absolute;
	left:50%;
	top:-20px;
	width:120px;
	height:120px;
	box-shadow:0 5px 0 2px #cfc8b8;
	margin-left:-60px;
}

.ux_top_icon_center
{
	position:absolute;
	left:50%;
	top:-10px;
	width:100px;
	height:100px;
	box-shadow:0 8px 0 2px #1e2227;
	margin-left:-50px;
	background-color:#cfc8b8;
}

.ux_top_icon_center.small
{
	width:60px;
	height:60px;
	margin-left:-30px;
}

.ux_top_icon_center.dark
{
	box-shadow:0 8px 0 2px #cfc8b8;
	background-color:#1e2227;
}

.ux_top_icon_center.beige
{
	box-shadow:0 8px 0 2px rgba(207,200,184,0.2);
	background-color:#cfc8b8;
}



/* Blobs */

.ux_blob_shape_1
{
	border-radius:42% 58% 37% 63% / 43% 44% 56% 57%;
	transform:rotate(40deg);
}

.ux_blob_shape_1 .ux_background
{
	transform:scale(1.2) rotate(-40deg);
}

.ux_blob_shape_1 .ux_icon
{
	transform:rotate(-40deg);
}

.ux_blob_shape_2
{
	border-radius:34% 66% 58% 42% / 31% 37% 63% 69%;
	transform:rotate(90deg);
}

.ux_blob_shape_2 .ux_background
{
	transform:scale(1.2) rotate(-90deg);
}

.ux_blob_shape_2 .ux_icon
{
	transform:rotate(-90deg);
}

.ux_blob_shape_3
{
	border-radius:58% 42% 73% 27% / 71% 47% 53% 29%;
	transform:rotate(120deg);
}

.ux_blob_shape_3 .ux_background
{
	transform:scale(1.2) rotate(-120deg);
}

.ux_blob_shape_3 .ux_icon
{
	transform:rotate(-120deg);
}

.ux_blob_shape_4
{
	border-radius:43% 57% 56% 44% / 32% 43% 57% 68%;
	transform:rotate(200deg);
}

.ux_blob_shape_4 .ux_background
{
	transform:scale(1.2) rotate(-200deg);
}

.ux_blob_shape_4 .ux_icon
{
	transform:rotate(-200deg);
}

.ux_blob_shape_5
{
	border-radius:74% 26% 51% 49% / 42% 25% 75% 58%;
	transform:rotate(360deg);
}

.ux_blob_shape_5 .ux_background
{
	transform:scale(1.2) rotate(-360deg);
}

.ux_blob_shape_5 .ux_icon
{
	transform:rotate(-360deg);
}

.ux_blob_shape_6
{
	border-radius:47% 53% 74% 26% / 69% 73% 27% 31%;
	transform:rotate(600deg);
}

.ux_blob_shape_6 .ux_background
{
	transform:scale(1.2) rotate(-600deg);
}

.ux_blob_shape_6 .ux_icon
{
	transform:rotate(-600deg);
}

.ux_blob_shape_7
{
	border-radius:35% 65% 70% 30% / 57% 47% 53% 43%;
	transform:rotate(120deg);
}

.ux_blob_shape_7 .ux_background
{
	transform:scale(1.2) rotate(-120deg);
}

.ux_blob_shape_7 .ux_icon
{
	transform:rotate(-120deg);
}




/* Citation */

.ux_citation_holder
{
	padding:80px 0 140px 40%;
	background-color:#cfc8b8;
	border-radius:50px;
}

@media screen and (max-width: 800px) 
{
	.ux_citation_holder
	{
		padding:60px 20px 300px 20px;
		margin-bottom:-75px;
	}
}

.ux_citation_holder .citation
{
	line-height:30px;
	font-size:21px;
	font-weight:400;
	color:#fff;
}

.ux_citation_holder .citation:before
{
	content:'”'; 
	position:absolute;
	left:0;
	top:0;
	line-height:180px;
	font-size:180px;
	font-weight:800;
	color:#1E2227;
	font-style:normal;
	opacity:0.05;
	transform:translate(-50%,-20%);
}

.ux_citation_holder .name
{
	line-height:20px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	margin-top:20px;
}

@media screen and (max-width: 800px) 
{
	.ux_citation_holder .citation
	{
		line-height:28px;
		font-size:19px;
		font-weight:400;
		font-style:italic;
		text-align:center;
	}

	.ux_citation_holder .citation:before
	{
		content:'”';
		position:absolute;
		left:0;
		top:0;
		line-height:120px;
		font-size:120px;
		font-weight:800;
		font-style:normal;
		color:#1E2227;
		opacity:0.05;
		transform:translate(-20%,-20%);
	}

	.ux_citation_holder .citation, .ux_citation_holder .name, .ux_citation_holder .description
	{
		text-align:center;
	}
}

.ux_citation_holder .avatar
{
	position:absolute;
	left:0;
	top:0;
	width:40%;
	height:100%;
	background-size:auto 80% !important;
	background-position:center bottom !important;
	background-repeat:no-repeat !important;
}

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

	.ux_citation_holder .avatar
	{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-size:auto 280px !important;
		background-position:center bottom !important;
		background-repeat:no-repeat !important;
	}
}




/* Buttons */

.ux_play_button
{
	height:60px;
	background:url('../img/play_icon_light.png') center center no-repeat;
	background-size:auto 100%;
}




/* CTAs */

.ux_cta_small_light
{
	width:auto;
	height:60px;
	line-height:60px;
	font-size:17px;
	font-weight:700;
	padding:0 25px 0 25px;
	border-radius:13px;
	background-color:#fff;
	margin-left:50%;
	transform:translateX(-50%);
	white-space: nowrap;
	cursor:pointer;
}

.ux_cta_large_light
{
	width:auto;
	height:80px;
	line-height:80px;
	font-size:22px;
	font-weight:700;
	padding:0 30px 0 30px;
	border-radius:17px;
	background-color:#fff;
	margin-left:50%;
	transform:translateX(-50%);
	white-space: nowrap;
	cursor:pointer;
}

.ux_cta_small_color
{
	width:auto;
	height:60px;
	line-height:60px;
	font-size:17px;
	font-weight:700;
	padding:0 25px 0 25px;
	border-radius:19px;
	background-color:#AD1E20;
	margin-left:50%;
	transform:translateX(-50%);
	color:#fff;
	white-space: nowrap;
	cursor:pointer;
}

.ux_cta_small_color:before
{
	content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	border-radius:19px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.ux_cta_large_color
{
	width:auto;
	height:80px;
	line-height:80px;
	font-size:22px;
	font-weight:700;
	padding:0 30px 0 30px;
	border-radius:27px;
	background-color:#AD1E20;
	margin-left:50%;
	transform:translateX(-50%);
	color:#fff;
	white-space: nowrap;
	cursor:pointer;
}

.ux_cta_large_color:before
{
	content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	border-radius:27px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.ux_cta_transparent 
{
    width: auto;
    line-height: 40px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 0 15px 0 35px;
    background: rgba(255, 255, 255, 0.3) url(../img/arrow_right_light.png) left 15px center no-repeat;
    background-size: 12px auto;
    border-radius: 13px;
    transition: all 0.1s ease-in-out;
}

.ux_cta_transparent:hover 
{
    background-color: rgba(255, 255, 255, 0.4);
}



.ux_stroke_small
{
	height:20px;
	background:url('../img/stroke_color.png') left center no-repeat;
	background-size:80px auto;
}

.ux_stroke_small.red
{
	height:20px;
	background:url('../img/stroke_red.png') left center no-repeat;
	background-size:80px auto;
}



.ux_stroke_large
{
	height:40px;
	background:url('../img/stroke_color.png') left center no-repeat;
	background-size:160px auto;
}

.ux_stroke_large.red
{
	height:40px;
	background:url('../img/stroke_red.png') left center no-repeat;
	background-size:160px auto;
}

.ux_stroke_small.center, .ux_stroke_large.center
{
	background-position:center center !important;
}





/* Upper label */

.ux_upper_label_left
{
	position:absolute;
	left:20px;
	top:0;
	transform:translateY(-50%);
	width:auto;
}

.ux_upper_label_right
{
	position:absolute;
	right:20px;
	top:0;
	transform:translateY(-50%);
	width:auto;
}



/* Feature */

.ux_feature
{
	line-height:27px;
	font-size:17px;
	font-weight:400;
	text-align:left;
	padding-left:37px;
}

.ux_feature:before
{
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:3px;
	height:24px;
	width:24px;
	background:rgba(255,255,255,0.1) url('../img/check_icon_color.png') center center no-repeat;
	background-size:70% auto;
	border-radius:50%;
}