/********************************
	Developed by AXA Studios
	The Creative Engine
	http://www.axastudios.com
*********************************/

:root {
	--main-color: #303030;

	--sub-color: #2FBF71;
	--light-sub-color: #ddf4e7;
	--dark-sub-color: #13A054;

	--bg-color: #F2F2F2;
	--light-bg-color: #FAFAFA;

	--grey-color: #E7E7E7;
	--med-grey-color: #c3c3c3;
	--dark-grey-color: #787878;

	--text-color: #303030;
	--light-text-color: #A3A3A3;
	--med-text-color: #787878;	
	
	--input-bg-color: #F2F2F2;
	--input-highlight-color: #FFFFFF;
	--border-color: #F6F6F6;
	--grey-border-color: #e8e8e8;	
	--dark-border-color: #E3EAEF;	
	--alpha-border-color: rgba(0, 38, 61, 0.32);

	--black-color: #000000;
	--white-color: #ffffff;
	--white-alpha-color: rgba(255, 255, 255, 0.48);
	--mid-white-alpha-color: rgba(255, 255, 255, 0.24);
	--main-white-alpha-color: rgba(255, 255, 255, 0.24);
	--light-white-alpha-color: rgba(255, 255, 255, 0.08);

	--red-color: #e93a3a;
	--pink-color: #D01390;
	--green-color: #2FBF71;
	--blue-color: #3F7FA8;
	--yellow-color: #FFB321;

	--main-shadow: 0px 8px 24px rgba(0, 0, 0, 0.16);
/*	--main-gradient: linear-gradient(to bottom, #172437 0%, #0a121d 100%);*/
	--sub-color-gradient: linear-gradient(to bottom, #2FBF71 0%, #29AE66 100%);
	--blue-color-gradient: linear-gradient(to bottom, #4A8EBA 0%, #3F7FA8 100%);
	--dark-highlight-gradient: linear-gradient(180deg, rgba(103, 103, 103, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%);
	--dark-alpha-gradient: linear-gradient(180deg, rgba(103, 103, 103, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%), #303030;
	
	--line-gradient: linear-gradient(90deg, rgba(231, 231, 231, 0.08) 0%, #E7E7E7 50%, rgba(231, 231, 231, 0.08) 100%);

	--doc-height: 100%;

	--xxs-pad: 4px;
	--xs-pad: 8px;
	--sm-pad: 12px;
	--mid-pad: 16px;
	--main-pad: 24px;
	--med-pad: 32px;
	--40-pad: 40px;
	--lg-pad: 48px;
	--xl-pad: 72px;
	--xxl-pad: 96px;
	--max-pad: 160px;

	--xs-neg: -8px;
	--sm-neg: -12px;
	--mid-neg: -16px;
	--main-neg: -24px;
	--lg-neg: -48px;

	--xs-radius: 8px;
	--sm-radius: 12px;	
	--main-radius: 16px;
	--input-radius: 16px;
	--med-radius: 24px;
	--lg-radius: 48px;
	--xl-radius: 56px;
	--xxl-radius: 80px;

	--sm-font: 12px;
	--main-font: 16px;
	--lg-font: 18px;
	--input-font: 16px;
	--button-font: 16px;

	--sm-icon-font: 14px;
	--icon-font: 16px;
	--mid-icon-font: 24px;
	--main-icon-font: 32px;
	--lg-icon-font: 48px;
	--xl-icon-font: 56px;
}

/* MAIN STYLES *****************************/

html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
	/*	scroll-behavior: auto!important;*/
	scroll-behavior: smooth !important;
}
body {
	margin: 0;
	padding: 0;
	background: var(--white-color);
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	color: var(--main-color);
	font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
}

/* TEXT & LINK STYLES *****************************/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	margin: 0px;
	font-family: "Jost", Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: var(--xxs-pad);
}
h2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: var(--xxs-pad);
}
h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: var(--xxs-pad);
}
h4 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: var(--xs-pad);
}
h5 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: var(--xs-pad);
}

p {
	margin: 0px 0px var(--main-pad) 0px;
}
a {
	color: var(--text-color);
	text-decoration: underline;
	text-decoration: none;
	outline: 0 !important;
	transition: color 0.2s ease;
}
a:hover,
a:focus {
	color: var(--sub-color);
	text-decoration: none;
	transition: color 0.3s ease-out;
}
a img {
	border: none;
	outline: 0;
}

:focus {
	-moz-outline-style: none;
	outline: 0;
}
:focus {
	-moz-outline-style: none;
}
::selection {
	background-color: #333333;
	color: #fff;
}
::-moz-selection {
	background-color: #333333;
	color: #fff;
}
img {
	max-width: 100%;
	/*
	height: auto;
*/
}
input:focus,
button:focus {
	outline: none;
}
.no-mob {
}

/* BUTTON STYLES *****************************/

.button,
a.button,
.button:visited,
a.button:visited {
	position: relative;
	display: inline-flex;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: var(--white-color);
	line-height: var(--main-pad);
	font-size: var(--button-font);
	font-weight: 600;
	padding: var(--sm-pad) var(--med-pad);
	box-shadow: none;
	outline: none;
	border-radius: var(--main-radius);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
	border: none;
	background: var(--dark-sub-color);
	transition: all 0.2s ease;
	z-index: 1;
}
.button:after{
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: var(--sub-color-gradient); 
	border-radius: var(--main-radius);	
	opacity: 1;
	transition: all 0.2s ease;
}
.grey-btn.button,
a.grey-btn.button,
.grey-btn.button:visited,
a.grey-btn.button:visited {
	color: var(--text-color);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, rgba(237, 237, 237, 0.80) 100%);
	text-shadow:none;
}
.grey-btn.button:after{
	display: none;
}

.black-btn.button,
a.black-btn.button,
.black-btn.button:visited,
a.black-btn.button:visited {
	color: var(--white-color);
	background: var(--main-color);
	text-shadow:none;
}
.black-btn.button:after{
	display: none;
}

.white-btn.button,
.white-btn.button:visited,
a.white-btn.button,
a.white-btn.button:visited {
	color: var(--main-color);
	background: var(--white-color);
}

.button:hover,
.button:active,
.button:focus,
a.button:hover,
a.button:active,
a.button:focus {
	color: var(--white-color);
	background: var(--dark-sub-color);
	box-shadow: none;
	transition: all 0.4s ease;
}
.grey-btn.button:hover,
.grey-btn.button:active,
.grey-btn.button:focus,
a.grey-btn.button:hover,
a.grey-btn.button:active,
a.grey-btn.button:focus {
	color: var(--sub-color);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, rgba(237, 237, 237, 0.80) 100%);
}
.black-btn.button:hover,
.black-btn.button:active,
.black-btn.button:focus,
a.black-btn.button:hover,
a.black-btn.button:active,
a.black-btn.button:focus {
	color: var(--white-color);
	background: var(--dark-grey-color);
}

.button:hover:after,
.button:active:after,
.button:focus:after,
a.button:hover:after,
a.button:active:after,
a.button:focus:after {
	opacity: 0;
	transition: all 0.4s ease;
}

.button.l-btn,
.l-btn:visited,
a.button.l-btn,
a.button.l-btn:visited {
	color: var(--main-color);
	padding: 11px var(--med-pad);
	border: 1px solid var(--alpha-border-color);
	min-width: 120px;
	background: none;
	transition: all 0.2s ease;
}
.l-btn:hover,
.l-btn:active,
.l-btn:focus,
a.l-btn:hover,
a.l-btn:active,
a.l-btn:focus {
	background: none;
	color: var(--sub-color);
	border: 1px solid var(--sub-color);
	transition: all 0.4s ease;
}

.clear-btn,
.clear-btn:visited,
a.clear-btn,
a.clear-btn:visited {
	background: none;
	color: var(--white-color);
	border: none;
}
.clear-btn:hover,
.clear-btn:active,
.clear-btn:focus,
a.clear-btn:hover,
a.clear-btn:active,
a.clear-btn:focus {
	background: none;
	color: var(--sub-color);
	border: none;
	transition: all 0.4s ease;
}

.sm-btn.button,
a.sm-btn.button,
.sm-btn.button:visited,
a.sm-btn.button:visited {
	padding: var(--xxs-pad) var(--mid-pad);
	border-radius: var(--sm-radius);
}
.sm-btn.button:after{
	border-radius: var(--sm-radius);
}

.button.btn-icon,
a.button.btn-icon{
	padding: var(--sm-pad) var(--main-pad) var(--sm-pad) 20px;	
}

.l-btn.btn-icon,
a.l-btn.btn-icon{
	padding: 11px var(--main-pad) 11px 19px;	
}

.btn-icon i,
.btn-icon div{
	position: relative;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: var(--main-pad);
	height: var(--main-pad);
	line-height: var(--main-pad);
	font-size: var(--icon-font);
	vertical-align: top;
}
.btn-icon span {
	display: inline-flex;
	line-height: var(--main-pad);
	padding: 0 0 0 var(--xs-pad);
}
.btn-icon div img{
	height: var(--mid-pad); 
	width: auto;
}
.btn-icon-sm div img{
	height: 20px; 
	width: auto;
}

.i-btn{
	position: relative;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: var(--lg-pad);
	height: var(--lg-pad);
	line-height: var(--lg-pad);
	font-size: var(--icon-font);
	color: var(--text-color);
	box-shadow: none;
	outline: none;
	border: none;
	border-radius: var(--main-radius);
}

.i-btn:hover,
.i-btn:active,
.i-btn:focus{
	color: var(--sub-color);
}

.i-btn-clear{
	background: none;
}

.i-btn-lg{
	font-size: 32px;
	color: var(--med-text-color);
}

.w-btn,
.w-btn:visited,
a.w-btn,
a.w-btn:visited {
	background: none;
	color: var(--white-color);
	border: 1px solid var(--border-color);
}
.w-btn:hover,
.w-btn:active,
.w-btn:focus,
a.w-btn:hover,
a.w-btn:active,
a.w-btn:focus {
	background: none;
	color: var(--sub-color);
	border: 1px solid var(--sub-color);
	transition: all 0.4s ease;
}
/*

.txt-btn {
	position: relative;
	display: inline-flex;
	color: var(--main-color);
	background: none;
	border: none;
	box-shadow: none;
	padding: 0px 40px 0px 0px;
	line-height: 24px;
	text-decoration: none;
	transition: all 0.2s ease;
}
.txt-btn span {
	position: relative;
	display: inline-flex;
	padding: 0px 8px 0px 0px;
	font-size: var(--button-font);
	line-height: 24px;
	font-weight: 700;
}
.txt-btn:after {
	content: "\f178";
	content: "\f054";
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	top: 0;
	right: 0;
	width: 40px;
	padding: 0px 16px 0px 12px;
	height: var(--main-pad);
	line-height: var(--main-pad);
	font-size: var(--icon-font);
	font-size: var(--sm-icon-font);
	font-family: "Font Awesome 6 Pro";
	font-weight: 100;
	transition: padding 0.2s ease;
}
.txt-btn:hover:after {
	padding: 0px 8px 0px 20px;
	transition: padding 0.4s ease;
}
.txt-btn:hover,
.txt-btn:active,
.txt-btn:focus {
	color: var(--sub-color);
	transition: all 0.4s ease;
}

.w-txt-btn {
	color: var(--white-color);
}
.txt-btn.w-txt-btn:hover {
	color: var(--white-alpha-color);
	transition: all 0.4s ease;
}
.txt-i-btn {
	position: relative;
	display: inline-flex;
	color: var(--main-color);
	background: none;
	border: none;
	box-shadow: none;
	padding: 0px 40px 0px 0px;
	line-height: 24px;
	text-decoration: none;
	transition: all 0.2s ease;
}
.txt-i-btn span {
	position: relative;
	display: inline-flex;
	padding: 0px 8px 0px 0px;
	font-size: var(--button-font);
	line-height: 24px;
	font-weight: 300;
}
.txt-i-btn i {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 0px;	
	width: var(--main-pad);
	height: var(--main-pad);
	line-height: var(--main-pad);
	color: var(--sub-color);
}
.txt-i-btn:hover,
.txt-i-btn:active,
.txt-i-btn:focus {
	color: var(--sub-color);
	transition: all 0.4s ease;
}
.txt-btn-sm {
	position: relative;
	display: inline-flex;
	color: var(--text-color);
	background: none;
	border: none;
	box-shadow: none;
	padding: 0px 24px 0px 0px;
	line-height: 24px;
	text-decoration: none;
	transition: all 0.2s ease;
}
.txt-btn-i-left.txt-btn-sm {
	padding: 0px 0px 0px 24px;
}
.txt-btn-sm span {
	position: relative;
	display: inline-flex;
	padding: 0px 4px 0px 0px;
	font-size: 14px;
	font-weight: 300;
}
.txt-btn-i-left.txt-btn-sm span {
	padding: 0px 0px 0px 4px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 24px;
	font-weight: 600;
}
.txt-btn-sm:after {
	content: "\f054";
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	top: 0;
	right: 0;
	width: 24px;
	padding: 0px 4px 0px 8px;	
	height: var(--main-pad);
	line-height: var(--main-pad);
	color: var(--text-color);
	font-size: 11px;
	font-weight: 300;
	font-family: "Font Awesome 6 Pro";
	transition: padding 0.2s ease;
}
.txt-btn-sm:hover:after {
	padding: 0px 0px 0px 12px;
	transition: padding 0.4s ease;
}
.txt-btn-i-left.txt-btn-sm:after {
	content: "\f053";
	right: initial;
	left: 0;
	padding: 0px 8px 0px 4px;	
}
.txt-btn-i-left.txt-btn-sm:hover:after {
	padding: 0px 12px 0px 0px;
	transition: padding 0.4s ease;
}
*/

/*
.txt-btn-close{
	position: relative;
	display: inline-flex;
	color: var(--text-color);
	background: none;
	border: none;
	box-shadow: none;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
	text-decoration: none;
	transition: all 0.2s ease;	
}
.txt-btn-close:hover,
.txt-btn-close:active,
.txt-btn-close:focus {
	color: var(--sub-color);
	transition: all 0.4s ease;
}
.txt-btn-close span{
	position: relative;
	display: inline-flex;
	padding: 0px 4px 0px 4px;
	font-size: 12px;
	font-weight: 600;	
	text-transform: uppercase;
}
.txt-btn-close i{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;	
	height: 24px;
	width: 24px;
	font-size: 11px;
}
*/


.text-link{
    text-decoration: underline;
}
.text-link:hover{
    text-decoration: none;
}

.img-btn{
	position: relative;
	display: flex;	
	opacity: 1;
	background: var(--input-highlight-color);
	border-radius: var(--main-radius);
	transition: opacity 0.2s ease;
	padding: 4px;
}
.img-btn img{
	height: 48px;
	height: 40px;
	width: auto;
}
.img-btn:hover{
	opacity: 0.72;
	transition: opacity 0.4s ease;	
}

/* FORM STYLES *****************************/

.form-wrap {
	position: relative;
}

.form-row-main {
	margin-left: -24px;
	margin-right: -24px;
}
.form-col-main {
	position: relative;
	display: block;
	width: 50%;
	float: left;
	padding: 0px 24px;
}
.form-wrapper .form-wrap {
	margin-bottom: 0px;
}

.form-subtitle{
	position: relative;
	display: block;
	font-weight: 600;
	line-height: var(--main-pad);
	margin-top: var(--mid-pad);
	margin-bottom: var(--sm-pad);
}
.form-col .form-subtitle{
	width: 100%;
}

.form-cols {
	display: flex;
	margin-left: -12px;
	margin-right: -12px;
}
.form-col {
	position: relative;
	display: block;
	width: 50%;
	width: calc(50% - 24px);
	float: left;
	margin: 0px 12px;
}
.form-col-sm {
	width: 25%;
	width: calc(25% - 24px);
}
.form-col-lg {
	width: 75%;
	width: calc(75% - 24px);
}
.form-cols .form-col {
	display: flex;
	flex-wrap: wrap;
	float: none;
}
.col-margin.form-cols{
	margin-top: 24px;	
}
.form-group {
	position: relative;
	display: block;
	margin-bottom: 24px;
/*	margin-bottom: 32px;*/
}
.form-cols:last-child .form-group{
	margin-bottom: 0;
}
/*
.form-group:not(.form-floating) .control-label {
	position: relative;
	display: block;
	font-weight: 300;
	margin-bottom: 8px;
}
*/
.form-col h3 {
	padding: 0px 20px;
}
.form-control {
	height: 48px;
	font-weight: 600;
	padding: 14px 16px 14px 16px;
	line-height: 18px;
	border: 1px solid var(--input-bg-color);
	font-size: var(--input-font);
	border-radius: var(--input-radius);
	color: var(--text-color);
	background: var(--input-bg-color);
	box-shadow: none;
	transition: border 0.2s ease, background 0.2s ease;
}
.email-input.form-control {
	text-transform: lowercase;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext{
	font-size: var(--input-font);
	padding: 14px 16px 14px 16px;
	line-height: 18px;
	height: 48px;
}
.form-control:focus {
	color: var(--text-color);
	border: 1px solid var(--input-highlight-color);
	background: var(--input-highlight-color);
	box-shadow: none;
	transition: border 0.4s ease, background 0.4s ease;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
	padding-top: 23px;
	padding-bottom: 7px;
}
.form-floating > label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-weight: 300;
	color: var(--text-color);
	font-size: var(--input-font);
	line-height: 24px;
	padding: 12px 16px;
	overflow: hidden;
	text-align: start;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
	border: 1px solid transparent;
	transform-origin: 0 0;
	transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
	color: var(--sub-color);
	opacity: 1;
	transform: scale(0.8) translateY(-6px) translateX(4px);
}
textarea.form-control {
	min-height: 144px;
	max-height: 200px;
}
.form-control.transparent-input {
	color: var(--white-color);
	background: rgba(255,255,255,0.24);
	border: 1px solid transparent;
	transition: all 0.2s ease;
}
.form-control.transparent-input:focus {
	color: var(--white-color);
	background: rgba(255,255,255,0.32);
	border: 1px solid transparent;
}
.form-btns {
	display: flex;
	align-items: center;
	text-align: left;
}
.form-col-sm.form-btns{
	align-items: flex-start;
	justify-content: flex-end;
	text-align: right;
}
.form-select-box {
    position: relative;
    display: block;
/*	min-width: 240px;*/
}
.form-select-box .selectric-wrapper {
	position: relative;
	border: none;
	width: 100%;
/*
	margin-left: -1px;
	margin-right: -1px;
*/
	height: 48px;
}
.form-select-box .selectric {
	border: none;
	background: var(--input-bg-color);
	border-radius: var(--input-radius);
	border: none;
	height: 48px;
}
.form-select-box .selectric-open {
    z-index: 8;
	border-radius: var(--input-radius);
}
.form-select-box .selectric-open.selectric-below .selectric {
	border-radius: var(--input-radius) var(--input-radius) 0 0;
	background: var(--input-bg-color);
}

.form-select-box .selectric-open.selectric-above .selectric {
	border-radius: var(--input-radius);
	border-radius: 0 0 var(--input-radius) var(--input-radius);
	background: var(--input-bg-color);
	z-index: 3;
}
.form-select-box .selectric-open.selectric-below .selectric-items {
	border-radius: 0 0 var(--input-radius) var(--input-radius);
}
.form-select-box .selectric-open.selectric-above .selectric-items {
	border-radius: var(--input-radius) var(--input-radius) 0 0;
}
.form-select-box .selectric-open {
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08);
}
.form-select-box .selectric-items {
	display: block;
	opacity: 0;
	padding: 4px;
	background: var(--input-bg-color);
/*	border: 1px solid var(--input-bg-color);*/
	border: none;
	overflow: hidden;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: transform 0.15s ease-out, opacity 0.1s;
	transition: transform 0.15s ease-out, opacity 0.1s;
}

.form-select-box .selectric-open.selectric-above .selectric-items {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	-webkit-transition: transform 0.3s ease, opacity 0.2s;
	transition: transform 0.3s ease, opacity 0.2s;
	box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.08);
}

.form-select-box .selectric-open.selectric-below .selectric-items {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	-webkit-transition: transform 0.3s ease, opacity 0.2s;
	transition: transform 0.3s ease, opacity 0.2s;
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08);
}
.selectric-items .selectric-scroll{
	scrollbar-color: rgba(0, 0, 0, 0.24) rgba(0, 0, 0, 0.08);
	scrollbar-width: thin;
}
.selectric-scroll::-webkit-scrollbar {
	width: 8px;
	border-radius: 4px;
	cursor: pointer;
}
.selectric-scroll::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.08);
	cursor: pointer;
	border-radius: 4px;
}
.selectric-scroll::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.24);
	border-radius: 4px;
	cursor: pointer;
	transition: background 300ms ease;
}
.selectric-scroll::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.32);
	cursor: pointer;
}
.form-select-box .selectric .label {
	height: 48px;
	line-height: 32px;
	margin-right: 48px;
	padding: 8px 0px 8px 16px;
	font-size: 16px;
	color: var(--text-color);
	font-weight: 600;
}
.form-select-box .selectric .button {
	height: 48px;
	width: 48px;
	right: 0px;
	top: -24px;
	top: 0;
	text-align: center;
	color: var(--text-color);
	background: transparent;
	text-shadow: none;
	z-index: 3;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.selectric-open .selectric .button {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.form-select-box .selectric .button:after {
	line-height: 48px;
	height: 48px;
	width: 48px;
	text-align: center;
	top: 24px;
	top: 0px;
	font-weight: 300;
	color: var(--text-color);
	background: transparent;
	opacity: 1;
}
.form-select-box .selectric-items li {
    position: relative;
    display: block;
	font-size: 16px;
    padding: var(--sm-pad) var(--sm-pad);
	line-height: var(--main-pad);
    color: var(--text-color);
	font-weight: 300;
	border-radius: var(--input-radius);
    cursor: pointer;
}
.form-select-box .selectric-items li:hover {
    background: transparent;
    color: var(--text-color);
    font-weight: 700;
}
.form-select-box .selectric-items li.highlighted{
	font-weight: 700;
	background: var(--input-highlight-color);
}

.white-select.form-select-box .selectric,
.white-select.form-select-box .selectric-items,
.white-select.form-select-box .selectric-open.selectric-below .selectric,
.white-select.form-select-box .selectric-open.selectric-above .selectric{
	background: var(--white-color);
}

.form-control::-webkit-input-placeholder {
	color: var(--text-color);
	color: rgba(112, 119, 125, 0.5);
}
.form-control::-moz-placeholder {
	color: rgba(112, 119, 125, 0.5);
}
.form-control:-ms-input-placeholder {
	color: rgba(112, 119, 125, 0.5);
}
.form-control::placeholder {
	color: rgba(112, 119, 125, 0.5);
}

.transparent-input.form-control::-webkit-input-placeholder {
	color: var(--text-color);
	color: rgba(255,255,255, 1);
	font-weight: 400!important;
}
.transparent-input.form-control::-moz-placeholder {
	color: rgba(255,255,255, 1);
	font-weight: 400!important;
}
.transparent-input.form-control:-ms-input-placeholder {
	color: rgba(255,255,255, 1);
	font-weight: 400!important;
}
.transparent-input.form-control::placeholder {
	color: rgba(255,255,255, 1);
	font-weight: 400!important;
}

.form-control:focus::-webkit-input-placeholder {
	font-weight: 300;
}
.form-control:focus::-moz-placeholder {
	font-weight: 300;
}
.form-control:focus:-ms-input-placeholder {
	font-weight: 300;
}
.form-control:focus::placeholder {
	font-weight: 300;
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-internal-autofill-selected {
	-webkit-appearance: none !important;
	-webkit-box-shadow: 0 0 0px 1000px var(--input-bg-color) inset !important;
	background-color: var(--input-bg-color) !important;
	background-image: none !important;
	color: var(--text-color) !important;
}

.form-group .error-text,
.select-box .error-text,
.checkbox .error-text,
.form-captcha .error-text,
.form-option-group .error-text,
.form-options .error-text {
	position: absolute;
	top: auto !important;
	left: 16px;
	bottom: -20px;
	font-weight: 300;
	color: var(--red-color) !important;
	font-size: 12px !important;
}
.checkbox .error-text {
	bottom: -16px;
	left: 40px;
}
input[type="file"] {

}
.form-fileinput .error-text {
	font-weight: 300;
	color: var(--red-color) !important;
	font-size: 12px !important;
}
.box .inputfile {
	/*    width: 0.1px;*/
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	display: flex;
	width: 100%;
	font-size: var(--input-font);
	font-weight: 300;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	overflow: hidden;
	padding: 11px 16px;
	margin-bottom: 0px;
}
.inputfile + label span {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 24px;
	padding-right: 32px;
}
.no-js .inputfile + label {
	display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
}
.inputfile + label i {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
	width: 48px;
	height: 48px;
	right: 0;
	top: 0;
	font-size: var(--icon-font);
	color: var(--text-color);
}
.inputfile-1 + label {
	border-radius: var(--input-radius);
	color: var(--text-color);
	border: 1px solid var(--border-color);
	background: var(--input-bg-color);
	/*	border: 1px solid currentColor;*/
}
.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
	color: var(--text-color);
}
.inputfile + label:hover i {
	color: var(--dark-border-color);
}
/*
.inputfile-1 + label:hover {
	border: 1px solid var(--dark-border-color);
}
*/
.ch-btn {
	position: relative;
	display: inline-block;
	display: block;
	vertical-align: middle;

	height: 40px;
	padding-top: 8px;
	margin-bottom: 8px;
}

.ch-inline.ch-btn{
	padding-top: 0px;
	margin-right: 24px;
	margin-bottom: 0px;
}
.ch-inline.ch-btn:last-child{
	margin-right: 0px;
}

.ch-btn input[type="checkbox"] {
	position: absolute;
	left: -49%;
	visibility: hidden;
	height: 1px;
	z-index: 0;
}
.ch-btn label {
	position: relative;
	display: block;
	font-size: var(--input-font);
	font-weight: 300;
	padding-left: 40px;
	line-height: 24px;
	cursor: pointer;
	z-index: 1;
}
.ch-btn label span {
	position: absolute;
	display: block;
	height: 24px;
	width: 24px;
	top: 0px;
	left: 0px;	
	border: 1px solid var(--input-bg-color);
	background: var(--input-bg-color);
	border-radius: 5px;
	z-index: 1;
	text-align: center;
	font-size: 14px;
	color: var(--border-color);
}

.ch-btn label:hover span {
	cursor: pointer;
}
.ch-btn input[type="checkbox"]:checked + label span {
	color: var(--white-color);
	background: var(--sub-color);
	border: 1px solid var(--sub-color);
}
.ch-btn label i {
	display: none;
	height: 24px;
	line-height: 24px;
}
.ch-btn label:hover i,
.ch-btn input[type="checkbox"]:checked + label i {
	display: block;
	opacity: 1;
}
.ch-btn a {
	color: var(--main-color);
	text-decoration: underline;
/*	text-transform: lowercase;*/
}
.ch-btn a:hover {
	text-decoration: none;
}

.radio-btn{
	position: relative;
	display: flex;
	overflow: hidden;
	height: 40px;
	margin-bottom: 8px;
	padding-left: 0px;
}
.radio-normal{
	display: flex;
	padding-top: 8px;
}
.radio-inline{
	position: relative;
	display: inline-flex;
	overflow: hidden;
	padding-top: 0px;
	margin-bottom: 0;
	margin-right: var(--main-pad);
}
.radio-inline:last-child{
	margin-right: 0;	
}
.radio:hover,
.radio-btn label:hover{
	cursor: pointer;
}
.radio-label{
	display: block;
	margin: 0;
	font-size: var(--input-font);
	font-weight: 300;
	padding-left: 40px;
	line-height: 24px;
} 
.radio-btn input{
	position: absolute;
	visibility: hidden;
}
.radio-btn .radio-cir{
	position: absolute;
	display: block;
	height: 24px;
	width: 24px;
	left:0px;
	top:0px;
	border: none;
	border: 1px solid var(--input-bg-color);
	background: var(--input-bg-color);
	border-radius: 50%;
	z-index: 2;
	transition: all .2s ease;
}
.radio-btn .radio-cir:after{
	position: absolute;
	content: '';
	display: block;
	left:6px;
	top:6px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: transparent;
	transition: all .2s ease;
}
.radio-btn input[type="radio"]:checked + .radio-cir{
	border: none;
	border: 1px solid var(--sub-color);
}
.radio-btn input[type="radio"]:checked + .radio-cir:after{
	background: var(--sub-color);	
}

.grecaptcha-badge {
	visibility: hidden;
}


/* WRAPPER STYLES *****************************/

#outer-wrapper {
	position: relative;
	display: block;
	padding-top: 80px;
	animation: opac-in-animate 0.5s ease-out forwards;
}
#outer-wrapper.no-anim {
	animation: none!important;
}

#scroll-wrapper {
	overflow: initial !important;
}

html.no-scroll {
	overflow: hidden;
}

body.menu-open #outer-wrapper,
body.modal-open #outer-wrapper {
	overflow-y: hidden;
	overflow: hidden !important;
}

#main-wrapper {
	position: relative;
	padding-top: var(--main-pad);
	padding-top: var(--mid-pad);
	z-index: 1;
}
#sub-wrapper {
	position: relative;	
/*	z-index: 1;*/
}
#content-wrapper {
	position: relative;
}
.sub-page #content-wrapper {
	padding-top: var(--xxl-pad);
}
.banner-top.sub-page #content-wrapper {
	padding-top: var(--mid-pad);
}
.sub-page.contact-page #content-wrapper {
	padding-top: var(--xxl-pad);
}
.wrapper-no-pad,
.sub-page #content-wrapper.wrapper-no-pad {
	padding: 0;
}

#content-main {
	position: relative;
	min-height: 60vh;
	padding: var(--xl-pad) 0px var(--xxl-pad) 0px;
	padding: 0px;
}
#bottom-wrapper{
/*	background: var(--bg-color);*/
	padding: 0px 0px var(--lg-pad) 0px;
}

#bg-wrapper {
	position: fixed;
	content: "";
	display: none;
	opacity: 0;
	width: 100%;
	height: 110%;
	top: 0;
	z-index: 98;
	background: rgba(0, 0, 0, 0.48);
}

.show-bg #bg-wrapper,
.menu-open #bg-wrapper {
	display: block;
	opacity: 1;
	animation: opac-in-animate 0.2s ease forwards;
}

html.open-menu{
	overflow: hidden;
}

/*
.show-bg #bg-wrapper{
	z-index: 100;
}
*/
.menu-ani #bg-wrapper {
	display: block;
	opacity: 1;
	animation: opac-out-animate 0.2s ease-in forwards;
}

/* HEADER STYLES *****************************/

#header {
	position: fixed;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	transition: all 0.2s ease;
}

#header.sticky {
	background: var(--white-color);	
	transition: all 0.2s ease-out;
}
#outer-wrapper:not(.banner-top, .home-wrap) #header:after,
#header.sticky:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	z-index: 0;
	background: var(--line-gradient);
	background: var(--bg-color);
}

.show-bg #outer-wrapper:not(.banner-top, .home-wrap) #header:after,
.show-bg #header:after,
.show-bg #header.sticky:after {
	opacity: 0;
}

.header-main {
	position: relative;
	display: flex;
	padding: 0;
}

.logo-main {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.logo-main a {
	position: relative;
	display: block;
	opacity: 1;
	transition: all 0.2s ease;
}
.logo-main a:hover {
	opacity: 0.64;
	transition: all 0.4s ease-out;
}
.logo-main-dark {
	position: relative;
	display: flex;
	z-index: 1;
}

.logo-main img {
	height: 40px;
	height: 26px;
	width: auto;
	vertical-align: top;
}

.nav-wrap {
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding: 0 var(--mid-pad);
	flex-grow: 1;
}
.nav-main {
	position: relative;
	display: flex;
	margin: 0;
}
.nav-main ul {
	position: relative;
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}
.nav-main > ul > li {
	position: relative;
	display: flex;
	padding: var(--mid-pad) 20px;
}
.nav-main > ul > li > a,
.drop-link-btn{
	position: relative;
	display: flex;
	margin: 0;
	padding: var(--sm-pad) 0px;
	line-height:var(--main-pad);
	color: var(--main-color);
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}
.drop-link-btn{
	border: none;
	box-shadow: none;
	background: none;
}
div.drop-link-btn{
	cursor: default;
}
.nav-main ul li a:hover,
.nav-main ul li a:focus,
.nav-main ul li a:active {
	color: var(--sub-color);
	transition: all 0.4s ease-out;
}
.drop-link{
	flex-direction: column;	
}
.nav-main .dropdown{
	position: absolute;
	top: calc(100% + 8px);
	top: 100%;
	left: -16px;
	width: 200%;
	min-width: 600px;
	margin: 0;
	padding:var(--lg-pad) var(--main-pad);
	padding:var(--med-pad) var(--mid-pad);
	background: var(--white-color);
	border: none;
	border-radius: var(--main-radius);
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
	transform: translateY(0%);
}

.nav-main .dropdown.dropdown-single{
	min-width: 304px;
}

.nav-main .dropdown:before{
	display: flex;
	position: absolute;
	flex-direction: column;
	justify-content: flex-end;
	text-align: center;
	left: 48px;
	left: 40px;
	top: -14px;
	width: 24px;
	height: 24px;
	color: #FFFFFF;
	content: "\f2ec";
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	z-index: -1;
	text-shadow: 0px -8px 16px rgba(0, 0, 0, 0.08);
/*	opacity: 0;*/
}
/*.dropdown-open .dropdown {*/
/*
.show.dropdown {
	display: flex;
	flex-direction: column;	
	animation: drop-show-animate 0.3s ease-out forwards;
}
*/
.dropdown-menu-title{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0 var(--main-pad);
	margin-bottom: var(--sm-pad);
	color: var(--text-color);
	font-weight: 600;
}
.nav-main .dropdown ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 -12px;
}
.nav-main .dropdown ul li{
	padding: 0 24px;
	width: 50%;
}
.nav-main .dropdown.dropdown-single ul li{
	width: 100%;
}
.nav-main .dropdown ul li a {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 12px 12px;
	line-height: 16px;
	color: var(--text-color);
	text-transform: none;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
	border-radius: var(--xs-radius); 
	text-decoration: none;
	transition: all 0.2s ease;
}
.nav-main .dropdown ul li a:hover {
	background: var(--bg-color);
    transition: all 0.2s ease;
}
.nav-main .dropdown ul li a div{
	font-weight: 600;
	line-height: 1;
	margin-bottom: 4px;
}
.nav-main .dropdown ul li a span{
	position: relative;
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.header-button {
	position: relative;
	display: flex;
	padding: var(--mid-pad) 0;
}
.header-button .button {
	margin-left:var(--mid-pad); 
}

.header-lang {
	position: relative;
	display: flex;
}
.lang-dropdown{
	position: relative;
	display: flex;
	padding: 20px 0;
	margin-left:var(--mid-pad); 
}
.header-dropdown {
	position: relative;
	display: flex;
	padding: 0;
}
.btn.lang-dropdown-toggle,
.lang-dropdown-toggle {
	position: relative;
	box-shadow: none;
	height: 40px;
	border: none;
	text-shadow: none;
	font-size: 14px;
	font-weight: 600;	
	text-transform: uppercase;
	color: var(--main-color);
	background: var(--bg-color);
	border-radius: 12px;
	padding: var(--xs-pad) 28px var(--xs-pad) var(--xs-pad);
}

.home-wrap #header:not(.sticky) .btn.lang-dropdown-toggle,
.home-wrap #header:not(.sticky) .lang-dropdown-toggle {
	background: #EDBAFB;
}

.btn.header-dropdown-toggle,
.header-dropdown-toggle {
	margin: 0;
	text-transform: capitalize;
	padding: var(--sm-pad) 44px var(--sm-pad) var(--mid-pad);
}
.lang-dropdown-toggle:hover,
.lang-dropdown-toggle:active, 
.lang-dropdown-toggle:focus,
.lang-dropdown-toggle.btn.show, 
.lang-dropdown-toggle.btn:first-child:active{
	box-shadow: none;
	color: var(--main-color)!important;
	background: var(--grey-color);
}

.header-dropdown-toggle:hover,
.header-dropdown-toggle:active, 
.header-dropdown-toggle:focus,
.header-dropdown-toggle.btn.show, 
.header-dropdown-toggle.btn:first-child:active{
	box-shadow: none;	
}

.lang-dropdown-toggle img {
	vertical-align: top;
}
.lang-dropdown-toggle:after,
.header-dropdown-toggle:before {
	content: "\f107";
	position: absolute;
	right: 4px;
	top: 8px;
	width: 100%;
	height: 24px;
	width: 24px;
	font-size: var(--icon-font);
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	vertical-align: middle;
	color: var(--main-color);
}
.header-dropdown-toggle:before {
	color: var(--white-color);
	top: 12px;
	right: 16px;
}
.header-dropdown-toggle > i,
.btn.header-dropdown-toggle > i{
	position: relative;
    display: inline-flex;
    flex-direction: column;
    width: var(--main-pad);
    height: var(--main-pad);
    line-height: var(--main-pad);
    text-align: center;	
	font-size: 14px;
	margin-right: 4px;
}

.lang-dropdown .dropdown-menu,
.header-dropdown .dropdown-menu {
	position: absolute;
	top: calc(100% + 16px);
	right: 0;
	left: initial;
	float: none;
	min-width: 200px;
	padding:var(--mid-pad);
	border: none;
	border-radius: var(--main-radius);
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
	opacity: 0;
	transform: translateY(0%);
}
.lang-dropdown .dropdown-menu:before,
.header-dropdown .dropdown-menu:before{
	display: flex;
	position: absolute;
	flex-direction: column;
	justify-content: flex-end;
	text-align: center;
	right: 24px;
	right: 16px;
	top: -14px;
	width: 24px;
	height: 24px;
	color: #FFFFFF;
	content: "\f2ec";
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	z-index: -1;
}
.lang-dropdown .show.dropdown-menu,
.header-dropdown .show.dropdown-menu {
	margin: 0!important;
	animation: drop-show-animate 0.3s ease-out forwards;
}
.lang-dropdown .dropdown-menu li a,
.lang-dropdown .dropdown-menu li .nav-lang-item,
.header-dropdown .dropdown-menu li a,
.header-dropdown .dropdown-menu li .nav-lang-item{
	position: relative;
	display: flex;
	width: 100%;
	margin: 0;
	padding: var(--sm-pad) var(--sm-pad);
	line-height:var(--main-pad);
	color: var(--main-color);
	border-radius: var(--main-radius);
	border: none;
	box-shadow: none;
	background: var(--white-color);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}
.nav-item-title{
	display: none;
}
.lang-dropdown .dropdown-menu li a:hover,
.lang-dropdown .dropdown-menu li .nav-lang-item:hover,
.header-dropdown .dropdown-menu li a:hover,
.header-dropdown .dropdown-menu li .nav-lang-item:hover{
	font-weight: 600;
	background: var(--bg-color); 
	transition: all 0.2s ease;
}
.nav-lang-img{
	display: none;
	display: flex;
	width:var(--main-pad);
	height:var(--main-pad);
	line-height:var(--main-pad);
	margin-right:var(--xs-pad); 
}
.nav-lang-img img{
	width: auto;
	height: 100%;
}

.nav-toggle {
	display: none;
	position: relative;
	cursor: pointer;
	width: 24px;
	height: 24px;
	padding: 0px;
	margin: 28px 24px 28px 0px;
	background: none;
	border: none;
	overflow: hidden;
}
.header-nav-top .nav-toggle {
	margin: 8px 0px;
}
.nav-icon {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
}

.nav-icon span,
.menu-ani .nav-icon span {
	display: block;
	position: absolute;
	top: 11px;
	left: 4px;
	right: 4px;
	height: 1px;
	background: var(--text-color);
}
.nav-icon span:before,
.nav-icon span:after,
.menu-ani .nav-icon span:before,
.menu-ani .nav-icon span:after {
	content: "";
	position: absolute;
	display: block;
	left: 0px;
	width: 100%;
	height: 1px;
	background: var(--text-color);
	transition-duration: 0.2s, 0.2s;
	transition-delay: 0.2s, 0s;
}

.header-nav-top .nav-icon span:before,
.header-nav-top .nav-icon span:after,
.header-nav-top .menu-ani .nav-icon span:before,
.header-nav-top .menu-ani .nav-icon span:after {
	background: var(--text-color);
}

.nav-icon span:before,
.menu-ani .nav-icon span:before {
	top: -5px;
	transition-property: top, transform;
}
.nav-icon span:after,
.menu-ani .nav-icon span:after {
	bottom: -5px;
	transition-property: bottom, transform;
}
.menu-ani .nav-icon span,
.menu-open .nav-icon span {
	background: none;
}
.menu-open .nav-icon span:before {
	top: 0;
	width: 100%;
	transform: rotate(45deg);
}
.menu-open .nav-icon span:after {
	bottom: 0;
	width: 100%;
	transform: rotate(-45deg);
}
.menu-open .nav-icon span:before,
.menu-open .nav-icon span:after {
	transition-delay: 0s, 0.2s;
}

@keyframes drop-show-animate {
	0% { opacity: 0;
		transform: translateY(48px);
	}
	50% { opacity: 1; }
	100% { opacity: 1;
		transform: translateY(0);
	}
}
.show-mob,
.nav-main > ul > li.show-mob{
	display: none;
}

/* STICKY HEADER *****************************/

/*

.home-page #header:not(.sticky-header) .header-main,
.clean-header #header:not(.sticky-header) .header-main {
	background: transparent;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
*/

/*
.home-page #header:not(.sticky-header) .button.l-btn, 
.home-page #header:not(.sticky-header) .l-btn:visited, 
.home-page #header:not(.sticky-header) a.button.l-btn, 
.home-page #header:not(.sticky-header) a.button.l-btn:visited {
    color: var(--white-color);
    border: 1px solid var(--white-color);
}
*/

.home-page #header:not(.sticky-header) .nav-icon span,
.home-page #header:not(.sticky-header) .menu-ani .nav-icon span,
.home-page #header:not(.sticky-header) .nav-icon span:before,
.home-page #header:not(.sticky-header) .nav-icon span:after,
.home-page #header:not(.sticky-header) .menu-ani .nav-icon span:before,
.home-page #header:not(.sticky-header) .menu-ani .nav-icon span:after {
	background: var(--white-color);
}

/* GENERAL CONTENT STYLES *****************************/


.content-top-wrap{
	margin-bottom:var(--main-pad); 
}

.content-mid-wrap{
	padding-top: 144px;
	margin-bottom:var(--main-pad); 
}

.content-top-text{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0 var(--main-pad); 
}
.content-top-tabs{
	position: relative;
	display: flex;
	margin-left: auto;
	padding: 0 var(--main-pad); 
}

.content-main-wrapper {
	position: relative;
	display: flex;
	margin-left: var(--sm-neg);
	margin-right: var(--sm-neg);
}
.content-left,
.content-main {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0 var(--sm-pad);
}
.content-left{
	width: 33.3333%;	
}
.content-main {
	width: 100%;
}
.content-left + .content-main {
	width: 66.6666%;
}
.content-right {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 30%;
	width: 408px;
	padding-left: 48px;
}
.content-full-screen{
	position: relative;
	display: flex;
	min-height: 80vh;
}
.content-full-left {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 40%;
	background: var(--bg-color);
	padding:var(--xxl-pad);
}
.content-full-right {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 60%;
	max-width: 978px;
	background: var(--white-color);
	padding:var(--xxl-pad);
}
.content-full-left-block{
	position: relative;
	position: sticky;
	top: 224px;
	display: flex;
	flex-direction: column;	
	margin-left: auto;
	width: 420px;
}
.content-full-left-block h1{
	margin-bottom:var(--main-pad); 
}
.content-full-left-block .loader-wrap{
	background: var(--bg-color);
}
.content-full-left-block .modal-success{
	background: var(--bg-color);
}
.content-full-left-block .modal-success-icon{
	border: 2px solid var(--white-color);
	background: var(--white-color);
}

/* CONTENT BANNER STYLES *****************************/

.content-banner-wrap {
	position: relative;
	display: block;
	padding: 144px 0px;
/*	z-index: 1;*/
}

.content-banner-wrap-top {
	position: relative;
	display: block;
	padding: 0px 0px 144px 0px;
}

.banner-wrap-lg-pad {
	padding: 240px 0px;
}
#content-main .content-banner-wrap:not(.banner-wrap-margin) + .content-banner-wrap {
	padding-top: 0px;
}

.content-banner {
	position: relative;
	display: flex;
	flex-direction: row;
	margin: 0 var(--main-neg);
}
.content-banner-margin {
    margin-bottom: var(--main-pad);
}
.content-banner-title {
	position: relative;
	display: block;
	margin-bottom: var(--xs-pad);
	opacity: 1;
	transition: opacity 0.2s ease-in;
}

.banner-blk-txt,
.banner-blk-img {
	position: relative;
	display: flex;
	width: 50%;
	padding: 0px var(--main-pad);
	align-content: flex-start;
	align-self: center;
	flex-direction: column;
}
.banner-blk-sm {
	width: 40%;
}
.banner-blk-lg {
	width: 60%;
}
.banner-blk-txt-full{
	width: 100%;
}

.banner-txt-left .banner-blk-txt {
	padding-right: 144px;
}
.banner-txt-right .banner-blk-txt {
	padding-left: 144px;
}
.banner-blk-img {
	width: 50%;
}
.banner-blk-img img {
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}
.banner-blk-txt .button{
	align-self: flex-start;
}
.banner-blk-txt.btn-end{
	align-items: flex-end;
	justify-content: flex-end;
}
.banner-blk-txt.btn-end .button{
	align-self: flex-end;
}
.content-banner-text {
	position: relative;
	color: var(--text-color);
	margin-bottom: var(--lg-pad);
}
.banner-blk-txt .content-banner-text:last-child {
	margin: 0;
}
.content-banner-text.no-margin {
	margin-bottom: 0px;
}

.content-banner-text p:last-child {
	margin-bottom: 0px;
}
.content-banner-buttons {
	display: flex;
}
.content-banner-buttons .button {
	margin-right: var(--mid-pad);
}
.content-banner-title + .content-banner-buttons {
	margin-top: var(--lg-pad);
}

.content-banner-center {
	flex-direction: column;
	justify-content: center;
}
.content-banner-center .banner-blk-txt {
	text-align: center;
	width: 50%;
	margin-bottom: var(--lg-pad);
}
.content-banner-center > .content-banner-title {
	text-align: center;
	margin-bottom: var(--mid-pad);
}
.content-banner-center .banner-blk-txt .button{
	align-self: center;
	margin-top: var(--main-pad);
}

.banner-blk-txt.no-pad,
.content-banner-center .banner-blk-txt.no-pad{
	margin: 0;
}

.center-blk-img {
	position: relative;
	display: flex;
	width: 50%;
	flex-direction: column;
	padding: 0px;
	margin: 0 auto;
}
.center-blk-img img{
	width: 100%;
	height: auto;
}
.single-title h1,
.single-title h2,
.single-title h3{
	margin: 0;
}

.banner-blk-txt.single-button{
	margin: var(--lg-pad) 0 0 0 ;
}

.content-banner-full-img {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0px;
}
.banner-full-img-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0px;
}
.banner-full-img {
	position: relative;
	overflow: hidden;
	border-radius: var(--main-radius);
	box-shadow: var(--main-shadow);
	padding: 0;
	width: 100%;
}
.banner-full-img img {
	width: 100%;
	height: auto;
}

.banner-blk-inline-title{
	position: relative;
	display: flex;	
	flex-grow: 1;
	justify-content: space-between;
	padding: 0px var(--main-pad);
	margin-bottom: var(--lg-pad);
}
.banner-blk-inline-title .content-banner-title{
	margin: 0;
}
.banner-blk-inline-title .content-banner-title h1,
.banner-blk-inline-title .content-banner-title h2,
.banner-blk-inline-title .content-banner-title h3{
	line-height: var(--lg-pad);
	margin: 0;
}
.banner-blk-inline-title .button{
	margin-left: auto;
}

.banner-blk-inline{
	position: relative;
	display: flex;	
	background: var(--bg-color);
	border-radius: var(--main-radius);
	padding: var(--xs-pad) var(--main-pad);
	margin: 0 var(--main-pad); 
}
.content-banner-center .banner-blk-inline{
	justify-content: center;
}
.banner-blk-inline div{
	font-weight: 600;
	padding: 0 var(--xs-pad);
	line-height: var(--main-pad);
}
.banner-blk-inline div span{
	font-weight: 300;
}

.dark-banner .dark-banner-wrap{
	position: relative;
	padding: var(--xxl-pad) var(--lg-pad) var(--lg-pad) var(--lg-pad);
	background: var(--main-color); 
	color: var(--light-text-color); 
	border-radius: var(--xxl-radius);
}
.green-banner .green-banner-wrap{
	position: relative;
	padding: var(--xl-pad) var(--lg-pad);
	color: var(--white-color);
	background: var(--sub-color-gradient);
	border-radius: var(--xxl-radius);
}
.blue-banner .blue-banner-wrap{
	position: relative;
	padding: var(--xl-pad) var(--lg-pad);
	color: var(--white-color);
	background: var(--blue-color-gradient);
	border-radius: var(--xxl-radius);
}
.dark-banner .dark-banner-wrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--xxl-radius);
	background: var(--dark-highlight-gradient);
}
.dark-banner h2,
.dark-banner h3,
.dark-banner h4,
.green-banner h2,
.green-banner h3,
.green-banner h4,
.blue-banner h2,
.blue-banner h3,
.blue-banner h4{
	color: var(--white-color); 
}

/* CONTENT ELEMENT STYLES *****************************/

.content-blocks{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;	
}

#opening-times .content-blocks{
	margin: 0;
}

.content-block-wrap {
	position: relative;
	display: flex;
	width: 33.3333%;
	padding: 0 var(--sm-pad); 
}
.cb-sm.content-block-wrap {
	width: 25%;
    width: 33.3333%;
}
.cb-mid.content-block-wrap {
	width: 50%;
}
.cb-lg.content-block-wrap {
	width: 66.6666%;
}
.content-block {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: var(--lg-pad);
	border-radius: var(--lg-radius);
	background: var(--bg-color); 
}
#opening-times .content-block{
	padding: var(--med-pad);
}

.content-block-title{
	position: relative;
	z-index: 1;
}
.content-block-text{
	position: relative;
	z-index: 1;
}
.content-block-text p:last-child{
	margin-bottom: 0px;
}
.content-block-button{
	position: relative;
	margin-top: auto;
	z-index: 1;
}
.content-block-list{
	position: relative;
	display: flex;
	flex-direction: column;	
	margin-bottom: var(--lg-pad);
	z-index: 1;
}
.content-block-list-title{
	position: relative;
	margin-bottom: var(--mid-pad); 
}
.content-block-list-item{
	position: relative;
	display: flex;
	padding: var(--xxs-pad); 
	border-radius: var(--main-radius);
	background: var(--white-color); 
	margin-bottom: var(--xs-pad);
	flex-grow: 1;
}
.content-block-list-item:last-child{
	margin-bottom: 0;
}
.content-block-list-item a{
	position: relative;
	display: flex;
}
.content-block-list-icon{
	position: relative;
	display: flex;	
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
	width: var(--40-pad);
	height: var(--40-pad);
	border-radius: var(--main-radius);
	color: var(--sub-color); 
	background: var(--bg-color);
	font-size: 24px;
}
.content-block-list-text{
	position: relative;
	display: flex;	
	flex-direction: column;
	justify-content: center;	
	line-height: var(--40-pad);
	padding: 0 var(--xs-pad) 0 var(--mid-pad);
}

.content-block-text-list{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-top: var(--xs-pad); 
}
.content-block-text-list-item{
	position: relative;
	display: flex;
	width: 50%;
	padding-right: var(--xs-pad);
	margin-bottom: var(--xs-pad);
}
.content-block-text-list-item:last-child,
.content-block-text-list-item:nth-last-child(2){
	margin-bottom: 0;
}
.content-block-text-list-item span{
	position: relative;
	display: flex;
	padding: 0 var(--sm-pad); 
	line-height: var(--main-pad);
	border-radius: var(--sm-radius);
	background: var(--light-white-alpha-color);
	align-self: flex-start;
}

.dark-banner .content-block {
	background: transparent; 
	background: linear-gradient(180deg, rgba(103, 103, 103, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%);
	color: var(--white-color); 
	border-radius: var(--lg-radius);
}
.dark-banner .content-block-title{
	color: var(--white-color);
}
.dark-banner .content-block-list-item{
	background: var(--light-white-alpha-color);
}
.dark-banner .content-block-list-icon{
	background: var(--light-white-alpha-color);
}
.cb-trial .content-block{
	background: url(../images/maxstudios-proefles.jpg) right bottom no-repeat;
	background-size: cover;
	color: var(--white-color);
	min-height: 440px;
}
.cb-shop .content-block{
	background: url(../images/maxstudios-shirt.png) right bottom no-repeat, linear-gradient(180deg, rgba(103, 103, 103, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%);
	background-size: cover;
}
.dark-banner .cb-trial .content-block:before{
	display: none;
}
.dark-grey.content-block{
	background: var(--grey-color); 
	flex-grow: 1;
}
.dark-block.content-block{
	color: var(--white-color);
	background: var(--main-color);
	background: linear-gradient(180deg, rgba(103, 103, 103, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%),  var(--main-color);
	height: 100%;
}
.dark-block.content-block span{
	display: block;
	font-weight: 600;
	color: var(--sub-color);
}

/*
.dark-block.content-block {
    
}
*/

.content-block-link {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: var(--med-pad);
	border-radius: var(--lg-radius);
	background: var(--main-color); 
	color: var(--white-color);
}
.content-block-icon-title{
	position: relative;
	display: flex;
	margin-bottom: var(--mid-pad);
}
.content-block-icon-title span{
	position: relative;
	display: flex;	
	font-size: 16px;
	font-weight: 600;
    white-space: nowrap;
	overflow: hidden;
	padding-left: var(--sm-pad); 
	line-height:var(--lg-pad);
}
.content-block-icon,
.content-block-icon-lg{
	position: relative;
	display: flex;	
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
	width: var(--lg-pad);
	height: var(--lg-pad);
	border-radius: var(--main-radius);
	color: var(--light-text-color); 
	background: var(--white-color);
	font-size: 24px;
}
.content-block-icon-lg{
	color: var(--sub-color); 
	background: var(--light-white-alpha-color);
}

.content-image-blocks {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}
.content-img-block-wrap {
	position: relative;
	display: flex;
	width: 33.3333%;
	padding: 0 var(--sm-pad); 
}

.content-img-block {
	position: relative;
	display: flex;
	align-self: flex-start;
	background: var(--bg-color); 
}
.content-img-block.dark-img {
	background: var(--main-color); 
}
.content-img-block img{
	width: 100%;
	height: auto;
}
.content-img-block-text {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: var(--main-pad) var(--xl-pad) var(--main-pad) var(--main-pad);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.content-img-block-text h3{
	margin-bottom: var(--lg-pad); 
}
.content-img-block-text .txt-btn{
	align-self: flex-start;
}
.dark-img .content-img-block-text h3,
.dark-img .content-img-block-text p{
	color: var(--white-color);
}
.content-img-block-text p{
	margin: 0;
}

.icon-blocks{
	position: relative;
	display: flex;
	margin: var(--main-pad) 0; 
}
.content-block-wrap .icon-blocks{
	border-radius: var(--lg-radius);
	padding: var(--main-pad); 
	margin: 0;
}
.cb-grey .icon-blocks{
    background: var(--bg-color);	
}
.cb-grey-pattern .icon-blocks{
    background: var(--bg-color);	
}
.icon-blocks-wrap{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;	
}
.icon-block {
	position: relative;
	display: flex;
	flex-direction: column;
	width: calc(25% - var(--main-pad));
	margin: 0 var(--sm-pad);
	padding: var(--main-pad); 
    border-radius: var(--lg-radius);
    background: var(--white-color);
}

.content-block-wrap .icon-block {	
	width: calc(50% - var(--main-pad));
	margin-top: var(--main-pad);
}
.content-block-wrap .icon-block:nth-child(1), 
.content-block-wrap .icon-block:nth-child(2) {
	margin-top: 0;
}

.icon-banner-icon{
	display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: var(--lg-pad);
    height: var(--lg-pad);
	margin-bottom: var(--main-pad); 
    border-radius: var(--main-radius);
    background: var(--bg-color);
    font-size: 24px;	
}
.icon-banner-title{
	margin-top: auto;
}
.icon-block-text p{
	margin: 0;
}

.green-blk.icon-block {
	background: var(--sub-color); 
	color: var(--white-color);
}
.green-blk.icon-block .icon-banner-icon{
	background: var(--main-white-alpha-color);
}
.green-banner .icon-blocks,
.blue-banner .icon-blocks {
	margin-bottom: var(--lg-pad); 
}
.green-banner .icon-block,
.blue-banner .icon-block {
	background: var(--mid-white-alpha-color); 
	color: var(--white-color);
}
.green-banner .icon-banner-icon,
.blue-banner .icon-banner-icon{
	background: var(--mid-white-alpha-color);
}
.green-banner .icon-block-text a,
.blue-banner .icon-block-text a{
	color: var(--white-color);
}
.green-banner .icon-block-text a:hover,
.blue-banner .icon-block-text a:hover{
	text-decoration: underline;
}
.icon-chips{
	position: relative;
	display: flex;
	margin-left: var(--sm-neg);  
	margin-right: var(--sm-neg);  
}
.icon-chip{
	position: relative;
	display: flex;
	align-self: flex-start;
	width: 25%;
	padding: 0 var(--sm-pad); 
}
.icon-chip-blk,
.icon-chip-link,
.icon-chip-button{
	position: relative;
	display: flex;
	padding: var(--xs-pad); 
	border-radius: var(--main-pad);
	background: var(--bg-color);
	flex-grow: 1;
}
.icon-chip-icon{
	position: relative;
	display: flex;	
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
	width: var(--lg-pad);
	height: var(--lg-pad);
	border-radius: var(--main-radius);
	background: var(--white-color); 
	font-size: 24px;
}
.icon-chip-title{
	position: relative;
	display: flex;	
	flex-direction: column;
	justify-content: center;	
	line-height: var(--lg-pad);
	padding: 0 var(--xs-pad) 0 var(--mid-pad);
}
.icon-chip-title div{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
	color: var(--text-color);
}
.icon-chip-link{
	background: var(--bg-color); 
}
.icon-chip-link .icon-chip-icon{
	background: var(--white-color);	
	transition: all 0.2s ease;
}
.icon-chip-link .icon-chip-title div{
	transition: all 0.2s ease;
}
.icon-chip-link:hover .icon-chip-title div{
	color: var(--sub-color);
	transition: all 0.4s ease;	
}

.grey-bg .icon-chip-blk,
.grey-bg .icon-chip-link{
	background: var(--white-color); 
}
.grey-bg .icon-chip-icon{
	background: var(--bg-color);
}

.icon-chip-button{
	background: var(--dark-sub-color); 	
}
.icon-chip-button .icon-chip-icon,
.icon-chip-button .icon-chip-title{
	z-index: 1;	
}
.icon-chip-button:after{
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	background: var(--sub-color-gradient); 
	border-radius: var(--main-pad);	
	opacity: 1;
	transition: all 0.2s ease;
}

.icon-chip-button:hover:after{
	opacity: 0;
	transition: all 0.4s ease;
}

.icon-chip-button .icon-chip-icon{
	background: var(--white-color);
	color: var(--sub-color);
}
.icon-chip-button .icon-chip-title div{
	color: var(--white-color);
}
.ic-red{
	color: var(--red-color);
}
.ic-pink{
	color: var(--pink-color);	
}
.ic-green{
	color: var(--sub-color);		
}
.ic-blue{
	color: var(--blue-color);		
}
.ic-yellow{
	color: var(--yellow-color);	
}


.content-info-list{
	position: relative;
	display: flex;
	flex-direction: column;	
	margin-bottom: var(--lg-pad);
	z-index: 1;
}
.content-block .content-info-list,
.tab-content .content-info-list{
	margin: 0;
}
.content-info-list-main-title{
	position: relative;
	margin-bottom: var(--mid-pad); 
}
.content-info-list-item{
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: var(--xs-pad) var(--mid-pad);
	line-height: var(--med-pad);
	border-radius: var(--main-radius);
	background: var(--bg-color); 
	margin-bottom: var(--xs-pad);
	flex-grow: 1;
}
.content-info-list-item:last-child{
	margin-bottom: 0;
}
/*
.content-block-list-item a{
	position: relative;
	display: flex;
}
*/
.content-info-list-title{
	position: relative;
	display: flex;	
	width: 50%;
	font-weight: 600;
}
.content-info-list-extra{
	position: relative;
	display: flex;	
	width: 14%;
	color: var(--text-color);
}
.content-info-list-text{
	position: relative;
	display: flex;	
	justify-content: flex-end;
	width: 36%;
}
.content-info-list-text > span{
	padding: 0  var(--mid-pad);
	background: var(--grey-color);
	border-radius: var(--sm-radius); 
}

.content-info-list-title> span,
.content-info-list-extra > span,
.content-info-list-text > span{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.extra-wide .content-info-list-title{
	width: 40%;
}
.extra-wide .content-info-list-extra{
	width: 24%;
}

.info-list-other .content-info-list-title{
	width: 30%;
}
.info-list-other .content-info-list-extra{
    width: 34%;
}

.content-info-extra{
	position: relative;
	display: flex;	
	line-height: var(--main-pad);
	margin-top: var(--mid-pad); 
}

/* OTHER CONTENT STYLES *****************************/

.content-block-times > div {
    position: relative;
    display: flex;
    width: 100%;
    text-align: right;
}
.content-block-times .active-day{
	font-weight: 600;
	color: var(--sub-color);
}
.content-block-times > div > span {
    position: relative;
    display: flex;
    text-align: left;
    width: 40%;
}
.content-block-times > div > div {
    position: relative;
    display: block;
    float: right;
    text-align: right;
    width: 60%;
}
.cb-contact .content-block-link{
	background: var(--main-color);
/*	background: url(../images/maxstudios-maxstudios-contact.jpg) center center no-repeat var(--main-color);*/
	background: url(../images/maxstudios-maxstudios-contact-3.jpg) center center no-repeat var(--main-color);
	background-size: cover;
}
.cb-contact .content-block-icon-lg{
	margin-top: auto;
	margin-bottom: var(--mid-pad); 
}


/* TABS STYLES *****************************/

.main-tab-nav{
	position: relative;
	display: flex;
	margin-bottom: var(--main-pad);		
}
.content-top-tabs .main-tab-nav{
	margin-top: auto;			
}
#mob-tab-btn{
/*	display: flex;*/
	display: none;
	position: fixed;
	right: 16px;
	bottom: 16px;
	padding: 12px 16px 12px 12px;
	line-height: 24px;
	z-index: 3;
	background: var(--sub-color); 
	color: var(--white-color); 
	width: initial;
	max-width: 200px;	
	overflow: hidden;
	transition: all 0.4s ease;
}

#mob-tab-btn div{
	position: relative;
	display: flex;
}
#mob-tab-btn.btn-collapse{
	max-width: 48px;
	transition: all 0.4s ease;
}

#mob-tab-btn i{
	width: 24px;
	height: 24px;
	font-size: 16px;
	line-height: 24px;
}
#mob-tab-btn span{
	margin-left: 4px;
	opacity: 1;
	transition: all 0.4s ease;
}
#mob-tab-btn.btn-collapse span{
	opacity: 0;
}
.main-tab-nav .nav-tabs {
	width: 100%;
	flex-wrap: nowrap;
	border: none;
	background: var(--bg-color);
	padding:var(--xxs-pad);
	border-radius: var(--main-radius);
}
.main-tab-nav .nav-item-title{
	display: none;
}
.main-tab-nav .nav-item{
	width: initial;
}
.tabs4.main-tab-nav .nav-item{
	width: 25%;
}
.main-tab-nav .nav-tabs .nav-link{
	position: relative;
	overflow: hidden;
	border: none;
	padding:var(--xs-pad) var(--main-pad);
	color: var(--text-color);
	background: var(--bg-color); 
	font-weight: 300;
	border: none; 	
	line-height: var(--main-pad); 
	border-radius: var(--main-radius);
	transition: background 0.2s ease;
}
.main-tab-nav .nav-tabs .nav-link.active{
	color: var(--white-color);
	background: var(--main-color); 
	font-weight: 700;
	transition: background 0.4s ease;
}

.content-tabs{
	position: relative;
    display: flex;
    flex-direction: column;	
    margin-bottom: var(--lg-pad);	
}

.tab-content{
	position: relative;
    display: flex;
    flex-direction: column;	
}
.tab-content > .tab-pane {
    opacity: 0;
}
.tab-content > .tab-pane.active {
    opacity: 1;
	animation: opac-in-animate 0.4s ease-in forwards;
}
.main-tab-content{
	position: relative;
	display: flex;
	flex-direction: column;	
}


/* HOME STYLES *****************************/

.home-wrap:before{
	content: '';
	position: absolute;
	display: block;
	height: 100vh;
	width: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(180deg, rgba(246, 216, 255, 0.64)0%, rgba(213, 177, 223, 0.00)100%);
	z-index: 0;
}

#banner-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
}
.banner-main-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	z-index: 3;
}

#banner-main {
	position: relative;
	display: flex;
	flex-direction: column;
}
.banner-main-img {
	position: relative;
	display: flex;
	flex-direction: column;	
	border-radius: var(--xxl-radius);
	background: var(--bg-color);
	overflow: hidden;
}
.banner-main-img img{
	width: 100%;
	height: auto;
}
.banner-main-img-main{
	display: flex;
}
.banner-main-img-mobile{
	display: none;
}
.banner-text-wrap{
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;	
	width: 100%;
	height: 100%;
	padding: 0 96px;
	top: 0;
	left: 0;
	color: var(--white-color);
}
.banner-text{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 36%;	
}
.sub-page .banner-text{
	width: 50%;	
}
.banner-header{
	position: relative;
}
.banner-header h1{
	font-size: 48px;
	margin-bottom: var(--mid-pad);  
}
.banner-text p{
	margin-bottom: var(--lg-pad);  
}


/* SCHEDULE STYLES *****************************/

#schedule-main-tab-content{
	margin-bottom: var(--xxl-pad);  	
	margin-bottom: 160px;  	
}

.main-schedule{
	position: relative;
	display: flex;
	margin-left: var(--xs-neg); 
	margin-right: var(--xs-neg); 
}
.schedule-day{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 14.2857%;
/*	width: 20%;*/
	padding: 0 var(--xs-pad); 
}
.schedule-day-title{
	position: relative;
	display: inline-flex;
	text-align: center;
	justify-content: center;
}
.schedule-day-name{
	position: relative;
	display: inline-flex;
	text-align: center;
/*	height: var(--40-pad);*/
	line-height: var(--main-pad);
	padding: var(--xs-pad) 0;
	padding: 0;
	margin-bottom: var(--main-pad); 
	font-weight: 600;	
}
.schedule-day-title span{
	display: none;
}
.active-day .schedule-day-name{
/*
	color: var(--white-color); 
	background:  var(--sub-color);
	border-radius: var(--main-radius);	
	padding: var(--xs-pad) var(--main-pad);	
*/
	color: var(--sub-color); 
	font-weight: 600;
}
.schedule-item{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: var(--mid-pad);
	border-radius: var(--med-radius);
	background: var(--bg-color);
	margin-bottom: var(--mid-pad);
	transition: background 0.2s ease;
}
.active-day .schedule-item{
	background: var(--light-sub-color); 
}
.schedule-item:hover{
	cursor: pointer;
	background: var(--light-sub-color); 
	transition: background 0.4s ease-out;	
}
.schedule-time{
	position: relative;
	display: flex;
	margin-bottom: var(--xs-pad);
}
.schedule-time-icon,
.schedule-user-img{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: var(--main-pad);
	height: var(--main-pad);
	line-height: var(--main-pad);
	margin-right: var(--xs-pad); 
}
.schedule-time-icon{
	color: var(--med-grey-color); 
}
.active-day .schedule-time, .active-day .schedule-time-icon{
	color: var(--sub-color);
}
.schedule-time .start-time,
.schedule-time .end-time{
	position: relative;
	display: flex;
}
.schedule-time .time-separator{
	display: flex;
	padding: 0 var(--xxs-pad);
}
.schedule-details{
	position: relative;
	display: flex;
	flex-direction: column;
	line-height: var(--main-pad);
	padding-left: var(--med-pad);
	margin-bottom: var(--xs-pad);
}
.schedule-title{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
}
.schedule-user{
	position: relative;
	display: flex;	
}
.schedule-description{
	position: relative;
	display: flex;	
	min-height: var(--main-pad);
}
.schedule-user-img{
	border-radius: 50%;
	overflow: hidden;
}
.schedule-user-img img{
	width: 100%;
	height: auto;
	-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);
}
.schedule-user-name{
	position: relative;
	display: flex;
	line-height: var(--main-pad);
	color: var(--light-text-color); 
}
.schedule-item-info{
	display: none;
	opacity: 0;
	position: absolute;
	flex-direction: column;
	top: var(--main-pad); 
	left: 50%;
	min-width: 320px;
	width: 160%;
	background: var(--white-color); 
	padding: var(--main-pad);
	border-radius: var(--main-pad);
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.24);
	z-index: 2;
}
.schedule-day:nth-child(7) .schedule-item-info{
	left: initial;
	right: 25%;

}
.schedule-item-info .schedule-user-img{
	width: var(--xl-radius);
	height: var(--xl-radius);
	line-height: var(--xl-radius);
	margin-right: var(--mid-pad); 
	margin-bottom: var(--mid-pad); 
}
.schedule-item-info .schedule-user-name{
	line-height: var(--xl-radius);
	color: var(--text-color); 
}
.schedule-item:hover .schedule-item-info{
	display: flex;
	opacity: 1;
	animation: opac-in-animate 0.3s ease-out forwards;
}
.schedule-item-info-title{
	font-weight: 600;
}
.schedule-item-info-text{
	position: relative;
	display: flex;
	margin-bottom: var(--mid-pad); 
}
.schedule-item-info-text p{
	margin: 0;
}
.schedule-item-info-text a{
	font-weight: 600;
}

/* SLIDER STYLES *****************************/

.swiper-slide {
	height: auto;
	width: auto;
	margin: 0 auto;
}
.image-slider{
	margin-left: var(--main-neg); 
	margin-right: var(--main-neg); 
	padding: 0 var(--sm-pad); 
}

.image-slider .swiper-slide{
	padding: 0 var(--sm-pad); 
}

.image-slider .slider-image{
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: var(--lg-radius);
	overflow: hidden;
}
.slider-image img{
/*
	width: 100%;
	height: auto;
*/
	height: 100%;
	width: auto;
}
.news-image-slider .slider-image {
	height: 640px;
	height: 600px;
}
.news-image-slider .slider-image a{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.news-image-slider .slider-image img{
	height: 100%;
    width: auto;
    max-width: initial;
    object-fit: cover;
	object-position: center center;
}
.slider-image-flip .slider-image{
	border-radius: 0;
	overflow: initial;
}
.slider-image-flip .slider-image{
	transform-style: preserve-3d;
	perspective: 1200px;	
}
.slider-image-flip .slider-image-front,
.slider-image-flip .slider-image-back{
	border-radius: var(--lg-radius);
	overflow: hidden;
	backface-visibility: hidden;
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transform-style: preserve-3d;
}
.slider-image-flip .slider-image-front{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	transform: rotateY(0deg);
}
.slider-image-flip .slider-image-back{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	transform: rotateY(180deg);
	background: var(--main-color); 
}

.slider-image-flip:hover .slider-image-front{
	transform: rotateY(-180deg);
}
.slider-image-flip:hover .slider-image-back {
	transform: rotateY(0deg);
}
.slider-image-front .slider-image-title{
	position: absolute;
	display: flex;
	flex-direction: column;	
	justify-content: flex-end;
	align-items: center;
	text-align: center;
	padding: var(--med-pad) var(--main-pad); 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: var(--white-color);
}
.slider-image-back-wrap{
	display: flex;
	flex-direction: column;	
	text-align: left;
	padding: var(--med-pad) var(--med-pad); 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: var(--white-color);	
}
.slider-image-back .slider-image-title{
	margin-bottom: var(--xs-pad) 
}
.slider-image-button{
	display: flex;
	margin-top: auto;
}
.slider-image-button .button{
	align-self: flex-start;
}
#home-banner-1 .slider-wrapper{
	padding:var(--lg-pad) var(--sm-pad); 
}
#home-banner-1 .content-banner-center .banner-blk-txt,
#home-banner-1 .banner-blk-txt.single-button{
	margin: 0;
}

.swiper-button-next, 
.swiper-button-prev {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(50% - var(--main-pad));
    width: var(--lg-pad);
    height: var(--lg-pad);
    margin:0;
    cursor: pointer;
    color: var(--text-color);
	border-radius: var(--main-pad); 
	background: var(--white-color);
	border: 4px solid var(--white-color);
    z-index: 10;
}
.swiper-button-prev{
	left: 0;
}
.swiper-button-next{
	right:0;  
}
.swiper-button-next:after, 
.swiper-button-prev:after {
    content: "\f054";
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    font-size: 20px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    color: var(--text-color);
}
.swiper-button-prev:after {
    content: "\f053";
}

.full-image-slider{
/*	height: 70vh;*/
}

.full-image-slider .slider-image{
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: 0;
	overflow: hidden;
	height: 100%;
	height: initial;
}
.full-image-slider .slider-image img{
	max-height: 100%;
	height: 100%;
	width: auto;
	margin: auto;
}

.gallery-blocks{
	position: relative;
	display: flex;
	margin: var(--sm-pad) var(--sm-neg); 
}
.gallery-block{
	position: relative;
	display: flex;
	width: 33.3333%;
	padding: 0 var(--sm-pad); 	
}
.gallery-block-link{
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: var(--main-radius);
	border-radius: var(--lg-radius);
	overflow: hidden;
	background: var(--main-color);
	opacity: 1;
	transition: opacity 0.2s ease;
}
.gallery-block-link:hover{
	cursor: pointer;
	opacity: 0.72;
	transition: opacity 0.4s ease-out;
}
.gallery-block img{
	width: 100%;
	height: auto;
}
.gallery-modal .modal-dialog{
	min-width: 1080px;
	min-width: 80%;
	max-width: 90%;
}
.gallery-modal .modal-content{
	background: transparent;
	box-shadow: none;
	color: var(--white-color);
}
.gallery-modal .modal-body{
	position: relative;
	width: 100%;
}
.gallery-modal .modal-header .btn-close {
	color: var(--white-color);	
	top: 48px;
	right: 48px;
}

.gallery-blocks .swiper-button-prev{
	left: -12px;
}
.gallery-blocks .swiper-button-next{
	right: -12px;   
}



/* QUOTE STYLES *****************************/

/*
.quotes-slider-wrapper{
	position: relative;
	margin-left: -24px;
	margin-right: -24px;
	-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 24px, rgba(0, 0, 0, 1) calc(100% - 24px), rgba(0, 0, 0, 0) 100%);
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 24px, rgba(0, 0, 0, 1) calc(100% - 24px), rgba(0, 0, 0, 0) 100%);
}

.quotes-slider.swiper{

}
.quotes-slider .swiper-wrapper{
	overflow: initial;
}
.quotes-slider .swiper-slide{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 0 var(--mid-pad);
	height: auto;
}
*/

.quote-blocks{
	position: relative;
	display: flex;	
	margin-left: -12px;
	margin-right: -12px;
}
.quote-blk{
	display: flex;
	flex-direction: column;
	width: 100%;
	width: 33.3333%;
	width: calc(33.3333% - var(--main-pad));
	padding: var(--med-pad);
	margin: 0 var(--sm-pad);
	background: var(--bg-color);
	border-radius: var(--lg-radius);
}
.quote-blk-content{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.quote-title{
	position: relative;
	display: flex;
	margin-bottom: var(--mid-pad); 
}
.quote-title h3{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0px;
	padding-left: var(--mid-pad);
	line-height: 56px;
}
.quote-title-img{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 56px;
	height: 56px;
	font-size: 24px;
	font-weight: 500;
	background: var(--white-color);
	border-radius: 50%;	
}
.quote-text{
	position: relative;
	display: flex;
	color: var(--mid-text-color);
	margin-bottom: var(--main-pad);
}
.quote-bottom{
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: auto;
}
.quote-rating{
	position: relative;
	display: flex;
	justify-content: flex-start;
}
.rating-star {
	position: relative;
	display: flex;
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	color: var(--yellow-color);
	margin-right: 4px;
}
.rating-star.rating-empty {
	color: var(--light-text-color);
}

/* ARTICLE STYLES *****************************/

.article-page{
	
}
.article-page #content-main{
	padding: var(--xl-pad) 0;
	margin: 0 auto var(--max-pad) auto;
	width: 1248px;
}

.article-page .content-main{
    width: calc(100% - 412px);
    width: 788px;
    padding: 0 var(--lg-pad) 0 0;
}
.article-page .content-right{
    width: 316px;
	padding: 0;
}

.article-share-bar{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 96px;
	width: 144px;
	padding-right: var(--lg-pad);
	flex: 1;
}
.article-back-btn{
	position: relative;
	display: flex;
	flex-direction: column;	
	margin-bottom: var(--lg-pad);
}
.article-back-btn .txt-btn-sm{
	display: flex;
}
.article-share-title{
	display: none;
}
.article-share {
	position: relative;
	display: flex;
	flex-direction: column;
	list-style: none;
	padding: 0;
	margin: 0;
}
.article-share li {
	position: relative;
	padding: 0;
	margin: 0 0 var(--mid-pad) 0;
}
.article-share a,
.article-share-btn {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: var(--main-font);
	width: 40px;
	height: 40px;
	color: var(--text-color);
	background: var(--bg-color);
	border-radius: 50%;
	padding: 0;
	margin: 0;
	border: none;
}
.article-share a:hover,
.article-share-btn:hover {
	color: var(--sub-color);
}
.article-share-mob {
	display: none;
}
.article-top{
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: var(--main-pad);
}
.article-date.news-item-date {
	margin-bottom: var(--lg-pad);
	line-height: var(--main-pad); 
}
.article-title{
	margin-bottom: var(--main-pad);
}
.article-title h1,
.article-intro p{
	margin: 0;
}

.article-image-main{
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: var(--lg-pad);	
}

#article-video{
	position: relative;
	display: block;
	margin-bottom: var(--main-pad);
	padding: 0px;
	text-align: center;
	max-height: 52vh;
}
#video-main{
	position: relative;
	width: 100%;
	max-width: 100%;
/*	margin: auto;*/
/*	height: 400px;*/
	vertical-align: top;
	z-index: 1;
}
#article-video .op-controls .op-controls-time{
	line-height: 1.6;
}

#article-video .op-controls .op-controls__progress--played, 
#article-video .op-controls .op-controls__volume--display{
	color: var(--sub-color);
}
#article-video .op-player__play:hover {
    border-color: transparent transparent transparent var(--sub-color);
}
#article-video .op-player__loader{
	border-top-color:var(--sub-color);
}

.youtube-video {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    height: 0;
}
.youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.article-image-main img,
.news-img img {
	max-width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}
.content-news-wrap {
	position: relative;
    padding: 192px 0px;
}
.page + .content-news-wrap {
	padding-top: 72px;
}
.news-header {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 48px;
}
.news-header-title h2,
.news-header-title h3 {
	margin: 0;
	line-height: 24px;
}
.news-item-wrap {
	position: relative;
	display: flex;
	margin-left: -12px;
	margin-right: -12px;
}
.news-item {
	position: relative;
	display: flex;
	flex-direction: column;
}
.news-item-wrap .news-item {
	width: 50%;
	padding: 0 12px;
}
.news-item-wrap.news-wrap-sm .news-item {
	width: 33.3333%;
	padding: 0 12px;
}
.news-img {
	position: relative;
	display: flex;
	flex-direction: column;
}

.news-img a {
	position: relative;
	display: flex;
	opacity: 1;
	transition: opacity 0.2s ease;
	overflow: hidden;
}
.news-img a:hover {
	opacity: 0.72;
	transition: opacity 0.4s ease-out;
}
.news-item-text {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: var(--main-pad);
	background: var(--light-bg-color);
}
.news-item-date {
	position: relative;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	color: var(--sub-color);
	margin-bottom: var(--mid-pad);
}
.news-item-title {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;	
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	margin-bottom: var(--mid-pad);
}
.news-item-title h3,
.news-item-title h4 {
	margin: 0;
}
.news-item-content{
	position: relative;
	margin: 0px 0px var(--main-pad) 0px;	
	
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;	
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;	
}
.news-item-content p{
	margin: 0;
}
.news-item-content strong{
	font-weight: 300;
}
.news-item-button{
	margin-top: auto;
}
.news-module{
	position: relative;
	display: flex;
	flex-direction: column;	
}
.news-module-title{
	margin-bottom: var(--main-pad);
	
}
.news-module-title h3{
	position: relative;
	line-height: var(--main-pad); 
	margin: 0;
}
.news-item-list{
	position: relative;
	display: flex;
	flex-direction: column;	
	margin-bottom: var(--main-pad);
}
.news-item-line{
	position: relative;
	display: flex;
	flex-direction: column;	
	padding-bottom: var(--main-pad);
	margin-bottom: var(--main-pad);
	border-bottom: 1px solid var(--border-color);
}
.news-item-line .news-item-date{
	margin-bottom: 0;
}
.news-item-line .news-item-title{
	font-weight: 600;
	margin: 0;
}
.news-item-line .news-item-intro{
	position: relative;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;	
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	margin-bottom: var(--mid-pad);
}
.news-module-button{
	position: relative;
}
.news-item-share {
	position: relative;
	display: flex;
}
.news-item-share .share-btn {
	margin-right: var(--xs-pad);
}
.news-item-bottom {
	display: flex;
	margin-top: auto;
}


/* CATEGORY STYLES *****************************/

.category-wrapper{
	position: relative;
	display: flex;
	flex-direction: column;	
	width:100%;
	margin-bottom: var(--xxl-pad);
}
.cat-header{
	position: relative;
	display: flex;
	flex-direction: column;	
	width: 100%;
	margin-bottom: var(--lg-pad);	
}
.category-view {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}
.category-right{
	display: none;
}
.cat-news-item{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 33.3333%;
	padding: 0 var(--sm-pad);
	margin-bottom: var(--main-pad);
}
.cat-news-block{
	position: relative;
	display: flex;
	flex-direction: column;	
	height: 100%;
}
.cat-news-img{
	position: relative;
	display: flex;
	text-align: center;
	justify-content: center;
	overflow: hidden;
/*	height: 256px;*/
/*	background: var(--bg-color);*/
}
.cat-news-img > a{
	position: relative;
	display: flex;	
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: opacity 0.2s ease;
}
.cat-news-img > a:hover {
	opacity: 0.72;
	transition: opacity 0.4s ease-out;
}
.cat-news-img img{
	height: 120%;
	margin-top: -10%;
	width: 100%;
	max-width: initial;
	object-fit: cover;
	object-position: center center;
	
}
.cat-news-text{
	position: relative;
	display: flex;
	flex-direction: column;		
	justify-content: flex-start;
	flex-grow: 1;
	background: var(--bg-color);
	z-index: 2;
}
.cat-news-text > a{
	position: relative;
	display: flex;
	flex-direction: column;	
	height: 100%;
	padding: var(--main-pad);
	z-index: 1;
	transition: color 0.2s ease;
}
.cat-news-text > a:hover{
	color: var(--text-color);
}
.cat-news-text > a:hover .txt-btn{
	color: var(--sub-color);
}
.cat-news-text > a:hover .txt-btn:after {
    padding: 0px 8px 0px 20px;
}
.cat-news-item-title {
	position: relative;
	display: flex;
	flex-direction: column;	
}
.cat-news-item-title h3{
	margin-bottom: var(--xs-pad);	
}
.cat-news-item-text{
	position: relative;
	display: flex;
	flex-direction: column;	
	flex-grow: 1;
	margin-bottom: var(--main-pad);	
}
.cat-news-item-button{
	display: none;
}

/*CAT NEWS COLUMN*/

.category-wrapper.cat-column{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.category-wrapper.cat-column .category-view{
	width: 75%;
}
.category-wrapper.cat-column .category-right{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 25%;
	padding-left: var(--lg-pad);
}

.cat-column .cat-news-item{
	width: 100%;
}
.cat-column .cat-news-block{
	position: relative;
	display: flex;
	flex-direction: row;
	border-radius: var(--lg-radius);
	overflow: hidden;
}
.cat-column .cat-news-img{
	width: 28%;
	min-height: 320px;
	height: 100%;
}
.cat-column .cat-news-img > a{
	cursor: default;
	pointer-events: none;
}
.cat-column .cat-news-text{
	height: 100%;
/*	width: calc(70% - var(--main-pad));*/
	width: 72%;
	padding: var(--med-pad) var(--med-pad);	
}
.cat-column .cat-news-text > a{
	padding: 0;
	justify-content: flex-start;
	cursor: default;
	pointer-events: none;
	height: auto;
}

.cat-column .cat-news-item-title{
/*	order: 2;*/
}
.cat-column .cat-news-item-button{
	position: absolute;
	display: block;
	top: var(--med-pad);	
	right: var(--med-pad);	
}

.cat-column .cat-news-item-text{
	position: relative;
	align-self: flex-start;
    font-size: 14px;
	padding: 0 var(--sm-pad);
	line-height: var(--main-pad);
    font-weight: 400;
    background: var(--grey-color);
    color: var(--text-color);
	border-radius: var(--xs-radius);
	flex-grow: 0;
	margin: 0;
	margin-bottom: var(--med-pad);
}
.cat-column .cat-news-item-fulltext{
	position: relative;
	display: flex;
	padding-top: var(--mid-pad);
}
.cat-column .cat-news-item-fulltext p:last-child{
	margin: 0
}
.cat-column .cat-news-item-fulltext:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	left: 0;
	top: 0;
	z-index: 0;
	background: var(--line-gradient);
}


.cat-column .news-item-date, 
.cat-column .cat-news-txt-link{
	display: none;
}


.category-list-view{
	position: relative;
	position: sticky;
	top: 128px;	
	display: flex;
	flex-direction: column;
	background: var(--bg-color);
	padding: var(--med-pad); 
	border-radius: var(--lg-radius);
	margin-bottom: var(--main-pad);
}
.cat-list-header{
	position: relative;
	display: flex;
	flex-direction: column;	
	margin-bottom: var(--sm-pad);	
}
.category-list{
	position: relative;
	display: flex;
	flex-direction: column;	
/*	margin-bottom: var(--mid-pad);*/
}
.category-list-title{
	position: relative;
	display: flex;
	line-height: var(--mid-pad);
	padding: var(--sm-pad) var(--lg-pad) var(--sm-pad) var(--mid-pad);
	transition: all 0.2s ease;
}
.category-list-title div{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.category-list-title:after{
	content: "\f054";
	position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: var(--sm-pad);
	right:var(--sm-pad); 
    width: var(--mid-pad);
    height: var(--mid-pad);
    margin: 0;
    cursor: pointer;
    color: var(--white-color);
    border-radius: var(--main-pad);
    background: var(--sub-color-gradient);
	font-size: 10px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
	opacity: 0;
	transition: all 0.2s ease;
}
.category-list-title:hover{
	cursor: pointer;
	background: var(--grey-color);
	border-radius: var(--lg-radius);
	font-weight: 600;
	transition: all 0.4s ease;
}
.category-list-title:hover:after{
	opacity: 1;
	transition: all 0.4s ease;
}

/* LIGHT GALLERY STYLES *****************************/

.lg-backdrop,
.lg-outer .lg-thumb-outer{
	background: transparent;
	background:var(--white-color); 
}
.lg-counter,
.lg-toolbar .lg-icon,
.lg-sub-html{
	color: var(--text-color);
}
.lg-next, .lg-prev{
	background: transparent;
	color: var(--text-color);
}
.lg-next:before {
    content: "\f054";
	font-family: "Font Awesome 6 Pro";
}
.lg-prev:after {
    content: "\f053";
	font-family: "Font Awesome 6 Pro";
}
.lg-toolbar .lg-icon:hover,
.lg-next:hover:not(.disabled), 
.lg-prev:hover:not(.disabled) {
    color: var(--sub-color);
	transition: all 0.2s ease;
}
.lg-outer .lg-thumb-item.active, 
.lg-outer .lg-thumb-item:hover {
    border-color: var(--grey-color);
}


/* PAGE STYLES *****************************/

.sub-page #content-wrapper.page-wrapper {
	padding: 0;
}
.page-wrapper #content-main{
	padding: 0;
}
.page-row {
	display: flex;
}
.page-top,
.page-main {
	position: relative;
	display: flex;
	flex-direction: column;
}
.page-top{
	padding-top: 128px;
	background: var(--light-bg-color);
/*	overflow: hidden;*/
}
.page-main {
	padding: 80px 0 144px 0;
}
.page-top-content,
.page-body{
	position: relative;
	padding: 0;
	width: 720px;
	margin: 0 auto;
}
.page-body{
	position: relative;
	display: flex;
	flex-direction: column;	
	margin-bottom: var(--xxl-pad);
}
.page-full .page-body{
	width: 960px;
}
.page-top-content{
	padding: var(--xxl-pad) 0 var(--lg-pad) 0;
}
.page-header {
	margin-bottom: var(--main-pad);
}
.page-header h1,
.page-header h2 {
	position: relative;
	margin: 0;
}
.page-top-image{
	position: relative;
	display: flex;
	flex-direction: column;
}
.page-top-image:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0%;
	top: 0;
	z-index: 0;
	background: var(--light-bg-color);
}
.page-top-image img{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
}

.page-top-center{
	text-align: center;
}

.page-content {
	position: relative;
	display: flex;
	flex-direction: column;
	color: var(--text-color);
}
.page-content b {
	font-weight: 600;
}
.page-content p + h2,
.page-content p + h3,
.page-content p + h4{
	margin-top: var(--main-pad);
}
.article-text ul, 
.page-content ul,
.dark-block.content-block ul{
	list-style: none;
	padding: 0;
	margin: 0 0px var(--main-pad) 0px;
}
.dark-block.content-block ul{
    margin: 0;
}
.page-content h2 + ul,
.page-content h3 + ul,
.page-content h3 + ul{
	margin-top: var(--mid-pad);
}
.article-text ul li,
.page-content ul li,
.dark-block.content-block ul li{
	position: relative;
	line-height: 24px;
	margin: 0px 0px var(--xs-pad) 0px;
	padding: 0px 0px 0px 24px;
}
.article-text ul li:before,
.page-content ul li:before,
.dark-block.content-block ul li:before
{
/*	content: "\e122";*/
	content: "\f00c";
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	width: var(--main-pad);
	height: var(--main-pad);
	line-height: var(--main-pad);
	color: var(--text-color);
	background: none;
	font-weight: 700;
	font-size: 16px;
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
}
.dark-block.content-block ul li:before{
    color: var(--sub-color);
}
.page-content p a:not(.button),
.article-text p a:not(.button){
	text-decoration: underline;
}
.page-content p a:hover,
.article-text p a:hover{
	text-decoration: none;
}

.page-highlight{
	color: var(--sub-color);
	font-weight: 600;
}

.page-buttons{
	position: relative;
	display: flex;	
	margin: var(--main-pad) 0;
}
.page-top-center .page-buttons{
	justify-content: center;
	margin-bottom: var(--lg-pad);
}
.page-buttons .img-btn,
.page-buttons .button{
	margin-right: var(--main-pad);
}
.page-top-center .page-buttons .img-btn,
.page-top-center .page-buttons .button{
	margin: 0 var(--xs-pad);
}

.page-form{
	position: relative;
	display: flex;
	flex-direction: column;
}


/* SIGN UP PAGE *****************************/

.signup-page .page-main{
	padding-top: 0px;
}
.signup-form{
	position: relative;
	width: 100%;
	min-height: 160vh;
}


/* CONTACT PAGE *****************************/

.contact-page {
	/*	overflow: hidden;*/
}

.contact-page #content-main {
	padding: 0;
}

.contact-page .content-main-wrapper{
	margin: 0;
}

.contact-page .content-left {
	width: 36%;
	padding: var(--lg-pad);
	background: var(--main-color);
    color: var(--white-color);
	border-radius: var(--lg-radius);
	overflow: hidden;	
}

.contact-page .content-left:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--lg-radius);
	background: var(--dark-highlight-gradient);
}

.contact-page .content-right {
	width: 64%;
	padding-left: var(--main-pad);
}

.address-list{
	position: relative;
	display: flex;
	flex-direction: column;	
	flex-grow: 1;
}

.address-list-main{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: var(--mid-pad);
}
.address-list-main li{
	margin: 0;
	padding: 0;	
}
.address-list-main li div{
	font-weight: 600;
	color: var(--sub-color);
}
.address-list-buttons{
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: auto;
}
.address-list-buttons .content-block-list-item,
.address-list-buttons  .content-block-list-icon {
    background: var(--light-white-alpha-color);
/*	color: var(--white-color); */
}
.address-list-buttons .content-block-list-item a{
	color: var(--white-color); 
}

.contact-form-block {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: var(--lg-pad);
	background: var(--grey-color);
	border-radius: var(--lg-radius);
}

.content-form-text {
	position: relative;
	margin-bottom: var(--mid-pad);
}

.address-list-title,
.content-form-title {
	position: relative;
	margin-bottom: var(--mid-pad);
}
address-list-title h3,
.content-form-title h3 {
	margin: 0;
}

.contact-form-block textarea.form-control {
	min-height: 112px;
}

.contact-form-block .form-btns .button{
	min-width: 120px;
	justify-content: center;
}

#map-canvas {
	position: relative;
	width: 100%;
	height: 100%;
	height: 560px;
	z-index: 0;
}
.gm-style iframe + div { 
	border:none!important; 
}
.gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 16px;
	font-family: "Jost", Arial, Helvetica, sans-serif;
}
.gm-style .gm-style-iw-c{
	max-width: 320px !important;
    width: 320px !important;
	border-radius: 24px;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.24);
}
.gm-style-iw-chr{
	position: absolute;
	top: 4px;
	right: 4px;
}
.gm-style-iw-chr button span{
	width: 20px!important;
	height: 20px!important;
	margin: 14px!important;	
}
.gm-style .gm-style-iw-d{
	padding: 16px;
	padding: 28px 16px 16px 16px;
}
.address-blk dl{
	margin: 0;
	padding: 0;
	line-height: 22px;
}
.address-blk dt{
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
	font-weight: 600;
}
.address-blk dd{
	margin: 0;
	padding: 0;
}
.address-blk dd a{
	font-weight: 600;
	color: var(--sub-color); 
}
#contact-socials .icon-chips{
	margin-left: 0;
	margin-right: 0;
	padding-left: 12px;
	padding-right: 12px;
}
#contact-socials .icon-chip:nth-child(1) .icon-chip-icon{
	color: var(--pink-color); 
}
/*
#contact-socials .icon-chip:nth-child(2) .icon-chip-icon{
	color: var(--sub-color); 
}
*/
#contact-socials .icon-chip:nth-child(2) .icon-chip-icon{
	color: var(--text-color); 
}
#contact-socials .icon-chip:nth-child(3) .icon-chip-icon{
	color: var(--blue-color); 
}
#contact-socials .icon-chip:nth-child(4) .icon-chip-icon{
	color: var(--red-color); 
}


/* CONTENT OVERRIDES *****************************/


#home-banner-2{
	background: var(--white-color);
	padding-bottom: 0;
}
#home-banner-2:after{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 75%;
	z-index: 0;
	background: url(../images/maxstudios-background-usp.png) center bottom no-repeat var(--bg-color);
	background-size: cover;
}
#home-banner-2 .content-banner{
	z-index: 1;
}
#home-banner-2 .banner-blk-txt p{
	color: var(--light-text-color);	
}
#home-banner-2 .center-blk-img{

}
#home-banner-2 .icon-chips .icon-chip:nth-child(1),
#home-banner-2 .icon-chips .icon-chip:nth-child(5){
	padding-top: 64px;
}
#home-banner-2 .icon-chips .icon-chip:nth-child(2),
#home-banner-2 .icon-chips .icon-chip:nth-child(4){
	padding-top: 32px;
}

#home-banner-4{
	background: url(../images/maxstudios-overmij.jpg) right center no-repeat;
	background-size: cover;	
	color: var(--white-color);	
}

#workshop-banner{
	background: url(../images/maxstudios-purple-bg.jpg) right center no-repeat;
	background-size: cover;	
	color: var(--white-color);	
}
#workshop-banner .banner-img-floating{
	position: absolute;
	display: block;
	height: 300%;
	width: 50%;
	right: 0;
	bottom: -144px;
	background: url(../images/maxstudios-danscrew-girl.png) center bottom no-repeat;
	background-size: contain;		
}

#dance-school-banner{
	margin-top: 200px;
	background: url(../images/maxstudios-purple-bg.jpg) right center no-repeat;
	background-size: cover;	
	color: var(--white-color);		
}
#dance-school-banner .banner-img-floating{
	position: absolute;
	display: block;
	height: 300%;
	width: 50%;
	right: 0;
	bottom: -144px;
	background: url(../images/maxstudios-dancinggirl.png) center bottom no-repeat;
	background-size: contain;		
}
#discount-info-banner{
    padding-bottom: 0;
}


/* PAGINATION STYLES *****************************/

.pagination {
	position: relative;
	margin: var(--lg-pad) 0;
}

.page-link {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--main-color);
	text-decoration: none;
	background-color: #fff;
	border: none;
	padding: 8px;
	width: 48px;
	height: 48px;
	transition: all 0.2s ease-in-out;
}
.page-link:hover {
	z-index: 2;
	color: var(--white-color);
	background-color: var(--grey-color);
	/*    border-color: var(--main-color);*/
}
.page-link:focus {
	color: var(--white-color);
	background-color: var(--grey-color);
	box-shadow: none;
}
.page-item.active .page-link {
	background: var(--main-color);
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 0;
}

/* FOOTER STYLES *****************************/

#footer {
	position: relative;
	padding: var(--lg-pad) 0px 0 0;
	margin: 0 var(--lg-pad);
	background: var(--main-color);
	background: var(--dark-alpha-gradient);
	border-radius: var(--xxl-radius);
}

.footer-content {
	position: relative;
	display: flex;
	padding: var(--lg-pad) 0px var(--xxl-pad) 0px;
	color: var(--light-text-color);	
}
.footer-logo-content {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0;
	width: 20%;
}
.footer-logo {
	position: relative;
	padding: 0px;
	margin-bottom:var(--mid-pad); 
}
.footer-logo img {
	height: 20px;
	width: auto;
}
.footer-logo-content .button{
	align-self: flex-start;
}

.footer-menu {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 20%;
}
.footer-menu-title {
	color: var(--white-color);	
}
.footer-menu-title.footer-title-margin {
	margin-top: var(--main-pad); 
}

.footer-menu-list {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer-menu-list li {
	margin: 0;
	padding: var(--xxs-pad) 0;
	line-height: var(--main-pad);
}
.footer-menu-list a {
	color: var(--light-text-color);	
	font-weight: 300;
	transition: color ease 0.2s, font-weight ease 0.2s;
}
.footer-menu-list a:hover {
	color: var(--sub-color);
	font-weight: 600;
	transition: color ease-out 0.4s, font-weight ease-out 0.4s;
}
.footer-menu-list li a i{
	position: relative;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;	
	width: var(--main-pad);
	height: var(--main-pad);
	line-height: var(--main-pad);
	color: var(--sub-color);
	margin-right: var(--xs-pad); 
}


.footer-bottom {
	position: relative;
	display: flex;
/*	flex-direction: column;*/
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: var(--main-pad) 0px;
	background: var(--light-white-alpha-color);
}
.footer-bottom .container{
	position: relative;
	display: flex;
}	
.footer-copyright {
	position: relative;
	display: flex;
	width: 50%;
	padding: 0;
	line-height: var(--med-pad);
	color: var(--light-text-color);	
	text-align: left;
}
.footer-copyright div{
	display: inline-flex;
	padding: 0 var(--xs-pad);
}
.footer-copyright a {
	color: var(--light-text-color);	
}
.footer-copyright a:hover {
	color: var(--sub-color);
}
.footer-social {
	position: relative;
	display: flex;
	width: 50%;
	justify-content: flex-end;
	align-items: center;
	padding: 0;
	color: var(--white-color);
}
.footer-socials{
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
}
.footer-socials li{
	margin: 0 0 0 var(--mid-pad);
	padding: 0;
}
.footer-social a{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;	
	width: var(--med-pad);
	height: var(--med-pad);
	line-height: var(--med-pad);
	color: var(--white-color);
}
.footer-social a:hover{
	color: var(--sub-color);
}

/* EMPTY/ERROR PAGE STYLES *****************************/

.empty-page {
/*	display: none;*/
	height: 70vh;
	flex-direction: column;
	justify-content: center;
	background: var(--white-color);
}
.show-page.empty-page {
	display: flex;
}

#outer-wrapper.error-page{
    padding: 0;
}

.error-page .empty-page {
	display: flex;
	width: 100%;
}

.empty-page-header {
	padding:  var(--lg-pad);
	width: 100%;
	align-self: center;
	text-align: center;
}
.empty-page-header div img {
	height: 24px;
	width: auto;
}

.empty-page-msg {
	width: 44%;
	align-self: center;
	text-align: center;
}
.empty-page-img {
	position: relative;
	margin-bottom: 24px;
	padding: 0 25%;
}
/*
.empty-page-img div {
	margin-top: -16px;
}
*/
.empty-page-img div img {
	height: 72px;
	width: auto;
}
.empty-page-txt {
}
.empty-page-title {
	font-size: 40px;
	font-weight: 900;
	line-height: 1.4;
	margin-bottom: 1.2rem;
	margin-bottom: var(--sm-pad);
}
.empty-page-txt p {
/*	color: var(--grey-color);*/
	color: var(--med-text-color);
}

/* MODAL STYLES *****************************/

body.modal-open {
	padding: 0px !important;
	overflow-y: hidden;
}
.modal-backdrop {
	background: rgba(0, 0, 0, 1);
}
.modal-backdrop.in,
.modal-backdrop.show {
	opacity: 0.72;
}

.gallery-page .modal-backdrop.in,
.gallery-page .modal-backdrop.show {
	opacity: 0.92;
}

.modal {
	z-index: 9999;
}
.modal-open .modal {

}
.modal.modal-static .modal-dialog {
	-webkit-transform: none;
	transform: none;
}

.modal-dialog {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 33%;
	min-width: 520px;
	max-width: 90%;
	max-width: 560px;
	align-self: center;
	margin: 0px auto;
}
.modal-large .modal-dialog {
	width: 1120px;
	max-width: calc(100% - 32px);
}
.modal-content {
	position: relative;
	background: var(--white-color);
	border: 0px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
	box-shadow: var(--main-shadow);
	border-radius: var(--main-radius);
}
.modal-content.modal-content-wrap {
	display: flex;
	flex-direction: row;
	padding: 0;
	background: var(--light-bg-color);
	overflow: hidden;
}
.modal-content-left {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 64px;
	width: 54%;
	height: 100%;
	background: var(--light-bg-color);
}
.modal-content-title {
	position: relative;
	height: 32px;
}
.modal-content-title h3,
.modal-content-title h4 {
	margin: 0;
}
.modal-content-text {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-right: -16px;
	height: calc(100% - 32px);
	height: 560px;
	overflow: hidden;
}
/*
.modal-content-scroll-text {
	position: relative;
	display: flex;
	flex-direction: column;
	padding-right: 16px;
	overflow-y: auto;
	height: 100%;
}
.modal-content-scroll-text::-webkit-scrollbar {
	width: 8px;
	border-radius: 4px;
	cursor: pointer;
}
.modal-content-scroll-text::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.08);
	cursor: pointer;
	border-radius: 4px;
}
.modal-content-scroll-text::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.24);
	border-radius: 4px;
	cursor: pointer;
	transition: background 300ms ease;
}
.modal-content-scroll-text::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.32);
	cursor: pointer;
}
*/

.modal-header {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 48px 48px 24px 48px;
	border: 0px;
}
.modal-content-wrap .modal-header {
	padding: 48px 48px 0px 48px;
}
.modal-header h2,
.modal-header h3 {
	margin-bottom: 0px;
	/*	font-size: 26px;*/
	/*	color: var(--sub-color);*/
}
.modal-header p {
	margin: 0;
	color: var(--text-color);
	/*    margin-bottom: 16px;*/
}
.btn-close {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	padding: 0;
	color: var(--main-color);
	background: none;
	border: 0;
	border-radius: 0px;
	font-size: 16px;
	opacity: 1;
	outline: none;
	transition: color 0.2s ease;
}
.btn-close:hover,
.btn-close:active,
.btn-close:focus {
	opacity: 1;
	box-shadow: none;
	outline: none;
	color: var(--sub-color);
	transition: color 0.4s ease-out;
}
.modal-header .btn-close {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 24px;
	right: 24px;
}
.modal-content-wrap .modal-header .btn-close {
	top: 8px;
	right: 8px;
}

.modal-body {
	padding: 0px 48px;
	min-height: 160px;
}
.modal-padding .modal-body {
	padding-bottom: 48px;
}

.modal-body .form-btns {
	text-align: right;
	margin-bottom: 0;
}

.modal-body p {
	margin: 0;
	margin-bottom: 16px;
}
.modal-footer {
	padding: 0px 48px 48px 48px;
	border: 0px;
	text-align: left;
	justify-content: flex-start;
}
.modal-footer > * {
	margin: 0;
}

.modal-success {
	position: relative;
	display: none;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: var(--main-radius);
	flex-direction: column;
	text-align: center;
	background: var(--white-color);
	z-index: 9;
	opacity: 1;
}
.complete.modal-success {
	position: absolute;
	display: flex;
	padding: 0 48px;
	opacity: 1;
	animation: opac-in-animate 0.3s ease-out forwards;
}
.modal-success-block {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	text-align: center;
	padding: 48px 24px;
	z-index: 9;
}
.modal-success-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 120px;
	height: 120px;
	padding: 4%;
	line-height: 116px;
	border-radius: 50%;
	border: 2px solid var(--border-color);
	font-size: 60px;
	margin: 0 auto 48px auto;
}
.modal-success-icon img {
	display: none;
	margin: 0 auto;
}
.complete.modal-success .modal-success-icon img {
	display: flex;
}
.modal-success-block h3 {
}
.modal-success-block p {
	color: var(--grey-color);
	margin-bottom: 48px;
	padding: 0 5%;
}

.modal-success-button {
	display: flex;
	justify-content: center;
}
.modal-success-button .button {
}


/* Welkom Modal *****************************************/

#welcome-modal .modal-dialog{
    width: 884px;
    max-width: calc(100% - 48px);
}
#welcome-modal .modal-content {
    padding-right: 348px;
/*    background: url(../images/maxstudios-popup-opendag.jpg) right top no-repeat #FFFFFF;*/
    background: url(../images/maxstudios-popup-workshop.jpg) right top no-repeat #FFFFFF;
    background-size: contain;
    border-radius: 48px;
}

#welcome-modal .btn-close{
    position: absolute;
    top: 24px;
    right: 24px;
    color: var(--white-color);
}
#welcome-modal .modal-content p b{
    font-weight: 700;
}


/* Loader *****************************************/

.waiting {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 1);
	background: var(--bg-color);
	z-index: 9;
	text-align: center;
	vertical-align: middle;
}
.form-wrap .waiting {
	width: 102%;
	left: -1%;
}

.form-wrapper .waiting {
	background: #ffffff;
}

.loader-wrap {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	opacity: 0;
	animation: opac-in-animate 0.3s ease-out forwards;
}

.lds-ripple {
	display: block;
	position: relative;
	width: 64px;
	height: 64px;
	width: 56px;
	height: 56px;
	display: flex;
	justify-content: center;
	/*	top: 150px;*/
	align-self: center;
}
.lds-ripple div {
	position: absolute;
	border: 3px solid var(--sub-color);
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}
@keyframes lds-ripple {
	0% {
		top: 28px;
		left: 28px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: -1px;
		left: -1px;
		width: 58px;
		height: 58px;
		opacity: 0;
	}
}


/* CONETNT ANIMATIONS *****************************************/

.banner-header,
#banner-main .banner-text p,
.b-ani,
#home-banner-1 .banner-blk-txt,
#home-banner-1 .slider-wrapper,
#home-banner-1 .single-button,
#home-banner-2 .banner-blk-txt,
#home-banner-2 .icon-chip,
#more-info-banner,
#more-info-banner .banner-blk-txt,
#more-info-banner .content-block-wrap
{
	opacity: 0;
}

.animate .banner-header,
#home-banner-1.animate .banner-blk-txt,
#home-banner-2.animate .banner-blk-txt,
#more-info-banner.animate
{
	animation: btm-in-animate 0.9s ease-out forwards;
}

#banner-main.animate .banner-text p,
#home-banner-1.animate .slider-wrapper
{
	animation: btm-in-animate 0.5s ease-out forwards;
	animation-delay: 0.3s;
}

.animate .b-ani,
#home-banner-1.animate .single-button,
#more-info-banner.animate .banner-blk-txt
{
	animation: btm-in-animate 0.5s ease-out forwards;
	animation-delay: 0.5s;
}

#home-banner-2 .icon-chips{
	overflow: hidden;
}

#home-banner-2.animate .icon-chips .icon-chip{
	animation: bounceInRight 1.0s linear forwards;	
}
#home-banner-2.animate .icon-chips .icon-chip:nth-child(1){
	
}
#home-banner-2.animate .icon-chips .icon-chip:nth-child(2){
	animation-delay: 0.2s;
}
#home-banner-2.animate .icon-chips .icon-chip:nth-child(3){
	animation-delay: 0.4s;
}
#home-banner-2.animate .icon-chips .icon-chip:nth-child(4){
	animation-delay: 0.6s;
}
#home-banner-2.animate .icon-chips .icon-chip:nth-child(5){
	animation-delay: 0.8s;
}

#more-info-banner.animate .content-blocks .content-block-wrap{
	animation: btm-in-animate 0.5s ease-out forwards;
}
#more-info-banner.animate .content-blocks .content-block-wrap:nth-child(1){
	animation-delay: 0.6s;
}
#more-info-banner.animate .content-blocks .content-block-wrap:nth-child(2){
	animation-delay: 0.9s;
}
#more-info-banner.animate .content-blocks .content-block-wrap:nth-child(3){
	animation-delay: 1.2s;
}


/* ANIMATIONS *****************************/

@keyframes opac-in-animate {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes opac-out-animate {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes btn-animate {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}
@keyframes pop-in-animate {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	90% {
		opacity: 1;
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes btm-in-animate {
	0% {
		transform: translateY(20%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes left-in-animate {
	0% {
		transform: translateX(-20%);
		opacity: 0;
	}
	100% {
		transform: translateX(0%);
		opacity: 1;
	}
}
@keyframes right-in-animate {
	0% {
		transform: translateX(20%);
		opacity: 0;
	}
	100% {
		transform: translateX(0%);
		opacity: 1;
	}
}
@keyframes menu-in-animate {
	0% {
		transform: translateY(10%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	to {
		opacity: 0;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
		opacity: 1;
	}
}

@keyframes bounceInRight {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		transform: translate3d(3000px, 0, 0) scaleX(3);
	}

	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0) scaleX(1);
	}

	75% {
		transform: translate3d(10px, 0, 0) scaleX(0.98);
	}

	90% {
		transform: translate3d(-5px, 0, 0) scaleX(0.995);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


/* RESPONSIVE STYLES *****************************/

@media (min-width: 2561px) {
	.container {
		max-width: 2016px;
		padding-right: 48px;
		padding-left: 48px;
	}
	h1 {
		font-size: 72px;
	}

}

@media (min-width: 1921px) and (max-width: 2560px) {
	
	
	.container {
		max-width: 1632px;
		padding-right: 48px;
		padding-left: 48px;
	}
	.container.container-lg {
		max-width: 1824px;
	}
	.container.container-sm {
		max-width: 1376px;
	}
    #venue-banner .dark-block .content-banner-title{
        white-space: nowrap;
    }

}

@media (min-width: 1600px) and (max-width: 1920px) {
	.container {
		max-width: 1632px;
		padding-right: 48px;
		padding-left: 48px;
	}
	.container.container-lg {
		max-width: 1824px;
	}
	.container.container-sm {
		max-width: 1376px;
	}
    #venue-banner .dark-block .content-banner-title{
        white-space: nowrap;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
	
	.container {
		max-width: 1352px;
		padding-right: 48px;
		padding-left: 48px;
	}
	.container.container-lg {
		max-width: 100%;
	}
	.container.container-sm {
		max-width: 80%;
		max-width: 1352px;
	}
	
	#workshop-banner .banner-img-floating,
	#dance-school-banner .banner-img-floating{
		width: 56%;
		right: -2%;
	}
	
}
@media (min-width: 1200px) and (max-width: 1399px) {
	
	.container {
		max-width: 100%;
		padding-right: 48px;
		padding-left: 48px;
	}
	.container.container-lg {
		max-width: 100%;
	}
	.container.container-sm {
		max-width: 90%;
	}
	
	.header-top,
	.header-main{
		padding: 0px;
	}
	.nav-wrap{
		padding: 0 0px 0 16px;
	}
	.nav-main > ul > li {
		padding: var(--mid-pad) 16px;
	}
	.nav-main > ul > li:last-child{
		padding-right: 0px;
	}
	
	
}
@media (min-width: 1200px) and (max-width: 1599px) {
	:root {
		--input-font: 14px;
		--button-font: 14px;
	}

	body {
		font-size: 14px;
	}
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 14px;
	}

	.banner-header h1{
		font-size: 40px;
	}
	.content-block-icon-title span{
		white-space: nowrap;
		overflow: hidden;
		font-size: 14px;
	}
	.content-block,
	.content-block-link{
		padding: 32px;
	}
}


@media (min-width: 768px) and (max-width: 1199px) {
	:root {
		--input-font: 14px;
		--button-font: 14px;
	}
	.container {
		max-width: 100%;
		padding-right: 24px;
		padding-left: 24px;
	}
	body {
		font-size: 14px;
	}
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 22px;
		line-height: 1.2;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 14px;
	}
	
	.txt-btn:after{
		font-size: 12px;
	}
	.form-floating > .form-control, 
	.form-floating > .form-control-plaintext,
	.form-floating > label{
		font-size: 14px; 
	}
	.form-select-box .selectric-items li,
	.form-select-box .selectric .label{
		font-size: 14px;
	}
	.banner-header h1{
		font-size: 28px;
	}
	
/*
	#home-banner-main{
		height: var(--doc-height);
	}	
*/
	.banner-main-title h1{
		font-size: 40px;
	}
	
	.banner-main-img .banner-main-img-main img{
		margin-left: -40%;
		width: 140%;
		max-width: initial;
	}
	
	.banner-text-wrap{
		padding: 0 48px;
	}
	.banner-text{
		width: 50%;
	}
	.banner-blk-sm {
		width: 50%;
	}
	.home-page .content-banner-wrap,
	.content-news-wrap{
		padding: 96px 0px;
	}
	.content-banner-wrap{
		padding: 96px 0px;
	}
	.content-banner{
		margin: 0;
	}
	.content-banner-center .banner-blk-txt {
		text-align: center;
		width: 70%;
	}	
	.content-image-blocks{
		margin-left: -8px;
		margin-right: -8px;
	}
	.content-img-block-wrap{
		padding: 0 8px;
	}
	.content-img-block-text{
		padding-right: 48px;
	}
	.content-img-block-text h3 {
		margin-bottom: 24px;
	}
	
	.content-blocks{
		flex-wrap: wrap;
	}
	
	.content-block-wrap{
		width: 50%;
		margin-bottom: 32px;
	}
	.content-block{
		padding: 32px;
	}
	.cb-sm.content-block-wrap{
		width: 50%;
	}
	.cb-mid.content-block-wrap{
		width: 100%;
	}
    .content-block-wrap.cb-trial{
        width: 33.333%;
    }
	
	.dark-banner .dark-banner-wrap{
		padding: 72px 32px 32px 32px;
	}
	
	.cb-shop.content-block-wrap{
		width: 100%;
		min-height: 240px;
		margin-bottom: 0;
	}
	.cb-shop .content-block{
		background-size: contain;
		background-size: 50%;
	}
	.cb-contact .content-block-link{
		min-height: 200px;
	}
    .content-block-icon-title span{
		white-space: nowrap;
		overflow: hidden;
		font-size: 14px;
	}
	
	.icon-chips{
		margin: 0;
		flex-wrap: wrap;
		justify-content: center;
	}
	.icon-chip{
		width: 50%;
/*		padding: 0;*/
		margin-bottom: 8px;
	}
	
	.main-schedule{
		flex-wrap: wrap;
	}
	
	.schedule-day{
		width: 33.3333%;
		margin-bottom: 48px;
	}

	.schedule-items{
		border-radius: 24px;
	}
	.schedule-item{
		margin-bottom: 0;
		border-radius: 0;
		border-bottom: 1px solid var(--grey-color);  
	}
	.active-day .schedule-item {
		background: var(--light-sub-color);
		background: var(--bg-color);
	}
	.schedule-item:first-child{
		border-radius: 24px 24px 0 0;
	}
	.schedule-item:last-child{
		border-bottom: 0px;	
		border-radius: 0 0 24px 24px;
	}
/*
	#schedule-main-tab-content.tab-content > .tab-pane.active {
		opacity: 1;
		animation: none;
		transition: opacity 0.4s ease-in forwards;
	}
*/
	
	.schedule-time .start-time, .schedule-time .end-time{
		padding-top: 1px;
	}
	.schedule-item > .schedule-user{
		position: absolute;
		top: 16px;
		right: 16px;
		text-align: right;
	}
	.schedule-item > .schedule-user .schedule-user-img{
		order: 2;
		margin-right: 0;
		margin-left: 8px;
	}
	.schedule-details{
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 0px;
	}
	.schedule-title{
		padding-right: 8px;
	}
	
	
	#more-info-banner .content-block-wrap{
		width: 100%;
	}
	#more-info-banner .content-block-list{
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
	}
	#more-info-banner .content-block-list-title{
		width: 100%;
	}
	#more-info-banner .content-block-list-item{
		width: 50%;
		width: calc(50% - 8px);
		flex-grow: 0;
	}

	#home-banner-2 .icon-chips .icon-chip:nth-child(1),
	#home-banner-2 .icon-chips .icon-chip:nth-child(5),
	#home-banner-2 .icon-chips .icon-chip:nth-child(2),
	#home-banner-2 .icon-chips .icon-chip:nth-child(4){
		padding-top: 0px;
	}
	
	
	.category-wrapper.cat-column .category-view {
		width: 100%;
		margin: 0;
		order: 2;
	}
	
	.category-wrapper.cat-column .category-right{
		display: none;
	}
	
	.cat-news-item{
		width: 50%;
	}
	.cat-news-main .cat-news-text > a{
		padding: 24px;
	}
	.cat-news-main .cat-news-img {
		height: 320px;
	}
	.cat-news-column .cat-news-img,
	.cat-column .cat-news-img{
		height: 280px;
		height: 100%;
		width: 32%;
	}
	.cat-news-column .cat-news-text,
	.cat-column .cat-news-text{
		padding: 24px;
		width: calc(68% - 16px);
    	margin-left: 0px;
	}
	.article-page #content-main{
		flex-direction: column;
		width: 100%;
		padding: 48px 0px;
		margin: 0;
	}	
	.article-page .content-main {
		width: 100%;
		order: 1;
		padding: 0 ;
		margin-bottom: 24px;
	}
	.article-share-bar{
		width: 100%;
		order: 2;
		padding: 0;
		align-items: center;
	}
	.article-page .content-right {
		width: 100%;
		order: 3;
	}
	.article-date.news-item-date {
		margin-bottom: 24px;
	}
	.article-share{
		flex-direction: row;
		justify-content: center;
		margin-bottom: 48px;
	}
	.article-share li{
		padding: 0 8px;
	}
	.article-share-title{
		display: flex;
		color: var(--light-text-color);
		margin-bottom: 16px;
	}
	.article-back-btn{
		display: none;
	}
	.news-module{
		margin-bottom: 24px;
	}
	.news-module-title {
		margin-bottom: 24px;
	}
	.news-item-list{
		margin-bottom: 0;
	}
	.news-item-line .news-item-date{
		font-size: 10px;
	}
	
	.sub-page #content-wrapper,
	.page-top{
		padding-top: 48px;
	}
	.page-main {
		padding: 72px 0 120px 0;
	}
	
	.full-image-slider {
		height: 70vh;
		height: auto;
	}
	.full-image-slider .slider-image img{
		height: auto;
	}
	
	#footer{
		padding: 0;
		margin: 0 24px;
		border-radius: 48px;
	}
	
	.footer-content{
		flex-wrap: wrap;
		padding-bottom: 48px;
	}
	
	.footer-logo-content{
		width: 100%;
		justify-content: center;
		text-align: center;
		margin-bottom: 24px;
	}
	.footer-logo-content .button {
		align-self: center;
	}
	.footer-menu{
		width: 25%;
	}

}


/*For Tablets*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	
	
}

@media (max-width: 767px) {
	:root {
		--input-font: 14px;
		--button-font: 14px;
		--main-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
/*		--main-radius: 5px;*/
	}

	html {
		scroll-behavior: initial !important;
	}
	.container {
		max-width: 100%;
		padding-right: 16px;
		padding-left: 16px;
	}
	img {
		vertical-align: top;
	}

	body {
		font-size: 14px;
	}
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 16px;
	}
	
	.button, a.button{
		padding: 12px 16px;
	}
	.txt-btn{
		padding-right: 24px;
	}
	.txt-btn:after{
		width: 24px;
		font-size: 12px;
		padding: 0px 8px 0px 8px;
	}
	.txt-btn:hover:after {
		padding: 0px 8px 0px 8px;
	}
	.txt-btn span{
		font-weight: 400;
	}
	.form-floating > .form-control, 
	.form-floating > .form-control-plaintext,
	.form-floating > label{
		font-size: 14px; 
	}
	.form-select-box .selectric .label{
		font-size: 14px;
	}
	.ch-btn label{
		font-size: 12px;
	}
	.i-btn-lg{
		font-size: 28px;
	}
	
	#main-wrapper{
		padding-top: 16px;
	}
	
	#outer-wrapper{
		padding-top: 56px;
	}
	.sub-page #content-wrapper {
		padding-top: 0;
	}
	
	#content-main{
		padding: 48px 0px;
		padding: 32px 0px;
	}
	
	#banner-main{
		height: var(--doc-height);
		height: 70vh;
	}
	.home-wrap #banner-main{
		height: 80vh;
	}
	.banner-main-img {
		border-radius: 48px;	
	}
	.banner-main-img-main{
		display: none;
	}
	.banner-main-img-mobile{
		display: flex;
		width: 100%;
		height: 100%;
	}
	.banner-main-img-mobile img{
		width: auto;
		width: 100%;
		max-width: initial;
		object-fit: cover;
		object-position: center center;
	}
	
	.banner-text-wrap{
		justify-content: flex-start;
		padding: 48px 16px;
	}
	.sub-page .banner-text,
	.banner-text{
		width: 100%;
		text-align: center;
	}
	.banner-text p{
		margin-bottom: 24px;
	}
	.banner-header h1{
		font-size: 24px;
	}
	.banner-main-wrapper{
		justify-content: flex-end;		
	}

	.home-page .content-banner-wrap{
		padding: 72px 0px;
	}
	
	.content-banner-wrap{
		padding: 48px 0px;
	}
	
	.content-banner{
		flex-direction: column;
	}
	.content-banner-center .banner-blk-txt{
		margin-bottom: 24px;
	}
	
	.content-image-blocks{
		flex-direction: column;
		margin: 0;
	}
	.content-img-block-wrap {
		width: 100%;
		padding: 0;
		margin-bottom: 16px;
	}
	.content-image-block-col-wrap{
		width: 100%;
	}
	.image-block-columns .content-img-block{
		margin-bottom: 0px;
	}
	.content-image-block-col-wrap .content-img-block-wrap{
		width: 100%;
	}
	.content-img-block-text,
	.image-block-columns .content-img-block-text{
		padding: 16px;
	}
	.content-img-block-text h3 {
		margin-bottom: 24px;
	}
	
	.content-img-block-wrap.img-block-lg{
		overflow: hidden;		
	}
	.content-img-block-wrap.img-block-lg .content-img-block{
		position: relative;
	}
	.content-img-block-wrap.img-block-lg img{
		max-width: initial;
		width: 200%;
		margin-left: -50%;
		margin-right: -50%;
	}
	.image-block-columns .content-img-block-text .txt-btn {
		margin-top: 16px;
	}
	.content-banner-wrap-top{
		padding-bottom: 48px;
	}
	.content-banner{
		margin: 0;
	}
    .content-banner-margin{
        margin-bottom: 24px;
    }
	.banner-blk-txt, .banner-blk-img{
		text-align: left;
		width: 100%;
		padding: 0;
	}
	.banner-blk-img{
		order: 2;	
	}
	.banner-txt-right .banner-blk-txt {
		padding-left: 0px;
	}
	.banner-txt-left .banner-blk-txt{
		padding-right: 0px;
	}
	.content-banner-center .banner-blk-txt{
		text-align: left;
		width: 100%;
	}
	.center-blk-img{
		width: 90%;
	}
	.content-banner-center .banner-blk-txt,
	.content-banner-center .banner-blk-txt.single-title{
		text-align: center;
	}
	.content-banner-center .banner-blk-txt .button{
		margin-top: var(--main-pad);
		margin-top: 0;
	}
	.banner-blk-txt.single-button{
		margin: var(--main-pad) 0 0 0 ;
	}
	.content-top-text{
		padding: 0;
		text-align: center;
	}
	.content-top-tabs{
		padding: 0;
		margin: 0;	
	}
	.banner-blk-inline-title{
		justify-content: center;
		flex-direction: column;
		padding: 0px;
    	margin-bottom: 24px;
	}
	.banner-blk-inline-title .content-banner-title{
		text-align: center;
		margin-bottom: 16px;
	}
	.banner-blk-inline-title .content-banner-title h2{
		line-height: 1.2;
	}
	.banner-blk-inline-title .button{
		margin: 0 auto;
	}
	
	.content-main-wrapper{
		margin: 0;
		flex-direction: column;
	}
	.content-left + .content-main {
		width: 100%;
	}
	.content-main {
		width: 100%;
		padding: 0;
		order: 1;
		margin-bottom: 24px;
	}
	.content-left {
		width: 100%;
		padding: 0;
		order: 2;
	}
	
	.content-blocks{
		flex-direction: column;
		margin: 0;
	}
	.content-block-wrap{
		width: 100%;
		padding: 0;
		margin-bottom: 24px;
	}
	.cb-sm.content-block-wrap,
	.cb-mid.content-block-wrap,
	.cb-lg.content-block-wrap{
		width: 100%;
	}
	.content-block-wrap:last-child{
		margin-bottom: 0;	
	}
	.content-block{
		padding: 16px;
		border-radius: 28px;
	}
    #opening-times .content-block{
		padding: 16px;
		border-radius: 28px;
    }
	.content-block-link{
		padding: 16px;
		border-radius: 28px;
	}
	.content-block-list{
		margin-bottom: 24px;
	}
	.content-block-text-list-item{
		width: 100%;
		padding-right: 0;
	}
	
	.dark-banner .dark-banner-wrap{
		padding: 48px 24px 48px 24px;
		border-radius: 48px;
		padding: 24px 16px 16px 16px;
		border-radius: 28px;
	}
	.dark-banner .dark-banner-wrap:before{
		border-radius: 28px;
	}
	.dark-banner .dark-banner-wrap .banner-blk-txt{
		text-align: center;
		margin-bottom: 48px;
	}
	.dark-banner .content-block {
		border-radius: var(--med-radius);
	}
	
	.cb-trial .content-block,
	.cb-shop .content-block{
		min-height: 320px;
	}
    
    .cb-trial .content-block{
        background: url(../images/maxstudios-proefles.jpg) right top no-repeat;
        background-size: cover;
    }
    
	.cb-contact .content-block-link{
		min-height: 320px;
/*		background-position: 80% 100%;*/
	}
    .content-block-icon-title span{
		white-space: nowrap;
		overflow: hidden;
		font-size: 14px;
	}
	.content-block-list-text{
		font-size: 12px;
	}
	
	.icon-chips{
		margin: 0;
		flex-direction: column;
	}
	.icon-chip{
		width: 100%;
		padding: 0;
		margin-bottom: 8px;
	}
    
    #vacation-banner{
        padding-top: 72px;
    }
	
	#contact-socials .icon-chips{
		flex-direction: row;
		justify-content: center;
	}
	#contact-socials .icon-chip{
		width: 20%;	
		justify-content: center;
		padding: 0 8px;
		margin-bottom: 0px;
	}
	#contact-socials .icon-chip-link{
		padding: 4px;
		justify-content: center;
		width: 56px;
		border-radius: 20px;
	}
	#contact-socials .icon-chip-title{
		display: none;
	}
	
	.green-banner .green-banner-wrap,
	.blue-banner .blue-banner-wrap{
		padding: 48px 16px;
		border-radius: 48px;
	}
	
	.icon-blocks{
		margin: 0;
	}
	.content-block-wrap .icon-blocks{
		border-radius: 28px;
		padding: 16px; 
	}
	
	.icon-block,
	.content-block-wrap .icon-block{
		width: 100%;
		padding: 16px;
		border-radius: 28px;
		margin-bottom: 16px;
	}
	.icon-block.green-blk{
		margin-bottom: 0;
	}
	.icon-block-content{
		padding: 24px;
	}
	.icon-block-icon{
		font-size: 28px;
	}
	.content-block-wrap .icon-block{
		margin-top: 0;
	}
    .content-block-icon-title span{
		white-space: nowrap;
		overflow: hidden;
		font-size: 14px;
	}
	
	#main-banner-1 .banner-blk-txt,
	#main-banner-2 .banner-blk-txt{
		margin-bottom: 24px;
	}
	
	.content-top-wrap{
		margin-bottom:var(--main-pad); 
		margin-bottom: 16px;
	}
	.content-mid-wrap{
		padding-top: 48px;
		margin-bottom: 16px;
	}
	.top-tabs-scroll.content-top-tabs{
		display: block;
		overflow-x: auto;
		margin-right: -16px;
		margin-left: -16px;
		padding-left: 16px;
		padding-bottom: 8px;
		-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 24px, rgba(0, 0, 0, 1) calc(100% - 24px), rgba(0, 0, 0, 0) 100%);
		mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 24px, rgba(0, 0, 0, 1) calc(100% - 24px), rgba(0, 0, 0, 0) 100%);
	}
	.top-tabs-scroll.content-top-tabs .main-tab-nav .nav-tabs{
		width: auto;
	}
	
	.top-tabs-scroll.content-top-tabs .main-tab-nav{
		width: 128%;
		margin: 0;
	}
/*
	.content-top-tabs .main-tab-nav.schedule-tab-nav{
		width: 100%;
		justify-content: center;
	}
*/
	
	#mob-tab-btn{
		display: flex;
		position: fixed;
		right: 16px;
		bottom: 16px;
		z-index: 3;
		background: var(--sub-color); 
		color: var(--white-color); 
	}
	#schedule-nav{
		position: fixed;
		display: none;
		flex-direction: column;
        right: 0;
        bottom: 0;
        width: 100%;
        padding: var(--mid-pad);
        border: none;
        border-radius: 32px 32px 0 0;
		background:  var(--white-color);
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
        opacity: 0;
		margin: 0px;
        transform: translateY(0%);
		z-index: 99;
	}
	#schedule-nav.show-nav{
		display: flex;
		animation: drop-show-animate 0.3s ease-out forwards;
	}
	
	.main-tab-nav .nav-item-title{
		display: flex;
	}		
	#schedule-nav.main-tab-nav .nav-tabs{
		flex-direction: column;
		padding: 0;
		background: var(--white-color); 
	}
	#schedule-nav.main-tab-nav .nav-tabs .nav-link{
		padding: var(--sm-pad) var(--sm-pad);
    	line-height: var(--main-pad);
		color: var(--main-color);
		border-radius: 5px;
		background: var(--white-color);
		font-size: 14px;
	}
	#schedule-nav.main-tab-nav .nav-tabs .nav-link.active{
		background: var(--bg-color);
		font-weight: 600;
	}
	
	#schedule-nav.main-tab-nav .nav-tabs .nav-link span{
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		right: 14px;
		top: 14px;
		background: var(--bg-color);
		border-radius: 50%;
	}
	#schedule-nav.main-tab-nav .nav-tabs .nav-link.active span{
		background: var(--white-color);
	}
	#schedule-nav.main-tab-nav .nav-tabs .nav-link span:after{
		content: '';
		position: absolute;
		display: none;
		width: 10px;
		height: 10px;
		right: 5px;
		top: 5px;
		background: var(--main-color);
		border-radius: 50%;
	}
	#schedule-nav.main-tab-nav .nav-tabs .nav-link.active span:after{
		display: block;
	}
	
	.dark-grey.content-block .content-info-list,
	.tab-content .content-info-list{
		margin-left: -8px;
		margin-right: -8px;
	}
	.dark-grey.content-block .content-info-list{
		margin-bottom: 0;
	}
	.content-info-list-main-title{
		text-align: center;
	}
	.content-info-list-item{
		flex-wrap: wrap;
		justify-content: center;
		padding: var(--xs-pad) var(--mid-pad) var(--mid-pad) var(--mid-pad);
	}
	.content-info-list-title,
	.extra-wide .content-info-list-title,
    .info-list-other .content-info-list-title{
		width: 100%;
	}
	.content-info-list-extra,
	.extra-wide .content-info-list-extra{
		width: 30%;
	}
	.content-info-list-text,
	.extra-wide .content-info-list-text{
		width: 70%;
	}
    .info-list-other .content-info-list-extra{
		width: 70%;
	}
    .info-list-other .content-info-list-text{
		width: 30%;
	}
    #venue-banner .banner-blk-txt.btn-end .button {
        align-self: flex-start;
    }
	
	#home-banner-1{
		padding: 72px 0px;
	}
	
	#home-banner-2 .icon-chips .icon-chip:nth-child(1),
	#home-banner-2 .icon-chips .icon-chip:nth-child(5),
	#home-banner-2 .icon-chips .icon-chip:nth-child(2),
	#home-banner-2 .icon-chips .icon-chip:nth-child(4){
		padding-top: 0px;
	}
	
	#home-banner-2:after{
		height: 90%;
	}
	#home-banner-4{
		background: url(../images/maxstudios-overmij-mobile.jpg) center bottom no-repeat;
		background-size: cover;
	}
	#home-banner-4 .banner-blk-txt{
		margin-bottom: 100%;
		text-align: center;
	}
	#home-banner-4 .banner-blk-txt .button{
		align-self: center;	
	}
	#dance-school-banner .banner-img-floating,
	#workshop-banner .banner-img-floating{
		position: relative;
		bottom: -48px;
		width: 100%;
		height: 280px;
	}
	
	#main-banner-1 .banner-blk-txt,
	#gallery-banner .banner-blk-txt,
	#workshop-banner .banner-blk-txt{
		text-align: center;
		justify-content: center;
	}
	#main-banner-1 .banner-blk-txt .button,
	#gallery-banner .banner-blk-txt .button,
	#workshop-banner .banner-blk-txt .button{
		align-self: center;
	}
	
	#gallery-banner{
		overflow: hidden;
	}
	#gallery-banner .banner-blk-txt{
		margin-bottom: 0px;
	}
	.gallery-blocks{
/*		margin: 0;*/
		margin-top: 40px;
		overflow: initial;
		flex-direction: column;
	}
    .gallery-blocks .swiper-button-prev{
        left: 0px;
    }
    .gallery-blocks .swiper-button-next{
        right: 0px;   
    }
    
/*
	.quote-blk{
		padding: 0 8px;
		width: 100%;
		margin: 0;
		margin-bottom: 0px;
		border-radius: 0px;
		background: none;
	}
*/
	
	.gallery-block{
		padding: 0 8px;
		width: 100%;
		margin: 0;
	}
/*
	.gallery-block-link{
		border-radius: 24px;
	}
*/
	.gallery-modal .modal-dialog{
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	.gallery-modal .modal-header{
		padding: 16px 24px 16px 24px;
	}
	.gallery-modal .modal-header h3{
		margin: 0;	
	}
	.gallery-modal .modal-header .btn-close{
		top: 16px;
		right: 20px;
	}
	.gallery-modal .modal-body{
		padding: 0 16px;	
	}
	.full-image-slider {
		height: 70vh;
		height: auto;
	}
	.full-image-slider .slider-image img{
		height: auto;
	}
	
	.image-slider{
		margin-left: -16px;
		margin-right: -16px;
	}
	.news-image-slider .slider-image{
		height: 480px;
	}
	.news-image-slider .swiper-button-prev{
		left: 20px;
		left: 32px;
	}
	.news-image-slider .swiper-button-next{
		right: 20px;  
		right: 32px;  
	}
	
	.category-wrapper{
		margin-bottom: 48px;
	}
	.cat-header{
		text-align: center;	
		margin-bottom: 24px;
	}
	.category-wrapper.cat-column .category-right{
		position: relative;
		height: 48px;
		width: 100%;
		order: 1;
		padding: 0;
		margin-bottom: 24px;
		z-index: 4;
		z-index: initial;
	}
/*
	.category-list-view:before{
		position: fixed;
		content: "";
		display: none;
		opacity: 0;
		width: 100%;
		height: 110%;
		top: 0;
		left: 0;
		background: rgba(48, 48, 48, 0.72);	
		z-index: 0;
	}
	.cat-list-open.category-list-view:before{
		display: block;
		animation: opac-in-animate 0.4s ease-in forwards;
	}
*/
	.category-list-view{
		position: absolute;
		left: 0;
		top: 0;
		padding: 0;
		width: 100%;
		border-radius: 16px;
/*		z-index: 2;*/
	}
	.cat-list-header{
		padding: 12px 16px;	
		line-height: 24px;
		margin: 0;
		z-index: 2;
	}
/*
	.category-list{
		padding: 0 8px;
		margin-right: 8px;
		max-height: 50vh;
		overflow-y: auto;
		mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 24px, rgba(0, 0, 0, 1) calc(100% - 24px), rgba(0, 0, 0, 0) 100%);
		z-index: 2;
	}
*/
	
	.category-list{		
		position: fixed;
		top: initial;
		bottom: 0;
		left: 0px;
		width: calc(100% + 32px);
		width: 100%;
		padding: var(--mid-pad);
		background: var(--white-color);
        border-radius: 32px 32px 0 0;
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
        opacity: 0;
        transform: translateY(0%);
		z-index: 999;
		animation: none;
	}
	.cat-list-open .category-list{
		display: flex;
		opacity: initial;
		animation: drop-show-animate 0.3s ease-out forwards;	
		z-index: 999;
	}
	.category-list-wrap{
		display: flex;
		flex-direction: column;
		max-height: 50vh;
		overflow-y: auto;
		mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 24px, rgba(0, 0, 0, 1) calc(100% - 24px), rgba(0, 0, 0, 0) 100%);
	}
	
	
	.category-list-title{
		padding-left: 0px;
		border-radius: var(--lg-radius);
		border-radius: 0;
	}
	.category-list-title:hover{
		background: none;		
	}
	
	.cat-list-header h3,
	.category-list,
	.category-list-button{
		display: none;
	}
	
	.category-wrapper.cat-column .category-view {
		width: 100%;
		margin: 0;
		order: 2;
	}
	.cat-column .cat-news-item{
		padding: 0;
	}
	.cat-column .cat-news-block{
		flex-direction: column;
		border-radius: 32px;
	}
	.cat-column .cat-news-img {
		height: 160px;
		min-height: 160px;
		width: 100%;
	}
	.cat-news-img img {
		height: 100%;
		margin-top: 0%;
/*
		width: 140%;
		margin-left: -20%;
*/
	}
	.cat-column .cat-news-text{
		width: 100%;
		padding: 24px;
	}
	.cat-column .cat-news-item-fulltext{
		padding: 0;
		margin-bottom: 16px;
	}
	.cat-column .cat-news-item-text,
	.cat-column .cat-news-item-fulltext:before{
		display: none;	
	}
	.cat-column .cat-news-item-button{
		position: relative;
		right: initial;
		top: initial;
		align-self: flex-end;
		margin-left: auto;
		order: 5;
	}	
	.content-news-wrap {
		padding: 48px 0px;
	}
	.news-header{
		margin-bottom: 24px;
	}
	.news-item-wrap{
		margin: 0;
		flex-direction: column;
	}
	.news-item-wrap.news-wrap-sm .news-item {
		width: 100%;
		padding: 0px;
		margin-bottom: 16px;
	}	
	
	#schedule-main-tab-content{
		margin-bottom: 24px;
	}
	
	.main-schedule{
		margin: 0;
		flex-direction: column;
	}
	.schedule-day{
		width: 100%;
		padding: 0;
		margin-bottom: 24px;
	}
	.schedule-day-title{
		margin-bottom: 8px;	
		line-height: 24px;
	}
	.schedule-day-name{
		font-size: 14px;
		margin-bottom: 0px;
		font-weight: 600;
	}
	.schedule-day-title span{
		display: flex;
		font-weight: 600;
		padding-left: 4px;
	}
	.active-day .schedule-day-title{
/*		color: var(--sub-color); */
		font-weight: 600;
	}
	.active-day .schedule-day-title span{
		color: var(--sub-color); 
	}
	.schedule-items{
		border-radius: 24px;
	}
	.schedule-item{
		margin-bottom: 0;
		border-radius: 0;
		border-bottom: 1px solid var(--grey-color);  
	}
	.active-day .schedule-item {
		background: var(--light-sub-color);
/*		background: var(--bg-color);*/
	}
	.schedule-item:first-child{
		border-radius: 24px 24px 0 0;
	}
	.schedule-item:last-child{
		border-bottom: 0px;	
		border-radius: 0 0 24px 24px;
	}
	#schedule-main-tab-content.tab-content > .tab-pane.active {
		opacity: 1;
/*		animation: opac-in-animate 0.4s ease-in forwards;*/
		animation: none;
		transition: opacity 0.4s ease-in forwards;
	}
	
	.schedule-time .start-time, .schedule-time .end-time{
		padding-top: 1px;
	}
	.schedule-item > .schedule-user{
		position: absolute;
		top: 16px;
		right: 16px;
		text-align: right;
	}
	.schedule-item > .schedule-user .schedule-user-img{
		order: 2;
		margin-right: 0;
		margin-left: 8px;
	}
	.schedule-details{
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 0px;
	}
	.schedule-title{
		padding-right: 8px;
	}
	
	.schedule-item-info{
		position: fixed;
		max-width: 100%;
		left: 0;
		top: 48px;
		
		top: initial;
		bottom: 0;
		padding: var(--mid-pad);
        border: none;
        border-radius: 32px 32px 0 0;
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
        opacity: 0;
        transform: translateY(0%);
		z-index: 999;
		animation: none;
	}
	.schedule-item:focus .schedule-item-info,
	.schedule-item:active .schedule-item-info,
	.schedule-item:hover .schedule-item-info{
		display: none;
		opacity: 0;
		animation: none;	
	}
	.schedule-item.active-item .schedule-item-info{
		display: flex;
		opacity: initial;
		animation: drop-show-animate 0.3s ease-out forwards;	
		z-index: 999;
	}
	.schedule-day:nth-child(7) .schedule-item-info {
		left: 0;
		right: initial;
	}
	
/*
	#quotes-banner .content-banner .button{
		position: absolute;
		bottom: 0px;
	}
*/
	
	#quotes-banner{
		overflow: hidden;
	}
	.quote-blocks{
/*		margin: 0;*/
		overflow: initial;
		flex-direction: column;
	}
	.quote-blk{
		padding: 0 8px;
		width: 100%;
		margin: 0;
		margin-bottom: 0px;
		border-radius: 0px;
		background: none;
	}
	
	.quote-blk-content{
		padding: 16px;
		background: var(--bg-color);
    	border-radius: var(--lg-radius);
		border-radius: 28px;
	}
	
	
	.page-top{
		padding-top: 96px;
	}
	
	.page-top-content{
		width: 100%;		
		padding: 0;
		margin: 0;
		margin-bottom: 24px;
	} 
	.page-body {
		width: 100%;
		padding: 0;
		margin: 0;
		margin-bottom: 48px;
	}
	.page-full .page-body{
		width: 100%;
	}
	.page-main {
		padding: 48px 0 48px 0;
	}
	.page-top-image .container{
		position: relative;
		overflow: hidden;
	}
	.page-top-image-wrap{
		position: relative;
		overflow: hidden;
		display: block;
	}
	.page-top-image img{
		max-width: initial;
		width: 140%;
		margin-left: -20%;	
		margin-right: -20%;		
	}
	.page-buttons{
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.sub-page.contact-page #content-wrapper{
		padding-top: 32px;
	}
	.contact-page .content-right {
		width: 100%;
		padding-left: 0;
	}
	.contact-form-block{
		padding: 16px;
		border-radius: 28px;
		margin-bottom: 24px;
	}
	.content-form-title{
		text-align: center;
	}
	.contact-page .content-left{
		width: 100%;
		padding: 16px;
		border-radius: 28px;
	}
	.contact-page .content-left:before{
		border-radius: 28px;
	}
	
	#contact-information .content-banner{
		background: var(--bg-color);
		border-radius: 28px;
		padding: 16px;
	}
	#contact-information .content-banner-title{
/*		padding: 24px 24px 0px 24px;*/
		text-align: left;
	}
	.content-banner-center .banner-blk-inline{
		flex-direction: column;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	.banner-blk-inline div{
		padding: 0;
	}	
	.form-cols{
		flex-direction: column;
		margin: 0;
	}
	.form-cols .form-col{
		width: 100%;
		margin: 0;
		margin-bottom: 16px;
	}
	
	.gm-style .gm-style-iw-c{
		border-radius: 24px;
	}
	.gm-style .gm-style-iw-d{
		padding: 16px;
		padding: 20px 8px 8px 8px;
	}
	
	
	#footer{
		padding: 0;
		margin: 0 16px;
		border-radius: 48px;
	}
	
/*
	#footer:after{
		height: 24px;
		top: -24px;
	}
*/
	
	.footer-top,
	.footer-content,
	.footer-bottom .container{
		flex-direction: column;
	}
	
	.footer-logo-content{
		width: 100%;
		text-align: center;
		justify-content: center;
		margin-bottom: 24px;
	}
	.footer-logo img{
		height: 20px;
	}
	.footer-logo-content .button {
		align-self: center;
		display: none;
	}
	
	.footer-content{
		padding-bottom: 48px;	
	}
	.footer-menu{
		width: 100%;
	}
	.footer-menu-title{
		position: relative;
		display: flex;
		padding: 12px 0px;
		line-height: 24px;
	}
	.footer-menu-title h5{
		padding: 0;
	}
	.footer-menu-title.footer-title-margin {
		margin-top:0;
	}
	.cat-list-header:after,
	.footer-menu-collapse .footer-menu-title:after {
		position: absolute;
		display: inline-block;
		content: "\f078";
		right: 0px;
		top: 12px;
		height: 24px;
		width: 24px;
		line-height: 24px;
		font-size: 14px;
		color: var(--white-color);
		vertical-align: middle;
		text-align: center;
		font-style:normal;
		font-family: "Font Awesome 6 Pro";
		font-weight: 300;
		transform: rotate(0deg);
		transition: all 0.2s ease;
	}
	.cat-list-header:after{
		color: var(--text-color);
		right: 12px;
	}
	.cat-list-open .cat-list-header:after{
		transform: rotate(-180deg);
		transition: all .3s ease;
	}
	.footer-menu-collapse.footer-menu-open .footer-menu-title:after{
		color: var(--white-color);
		transform: rotate(-180deg);
		transition: all .3s ease;
	}
	.footer-menu-title h4{
		margin: 0;
		line-height: 48px;
	}
	.footer-menu-collapse .footer-menu-list{
		display: none;
		padding-bottom: 8px;
	}
	.footer-menu-list li{
		line-height: 20px;
	}
	
	.footer-logo-block{
		flex-direction: row;
		justify-content: center;
		width: 100%;
		margin-bottom: 16px;
	}
	.footer-logo-block img {
    	height: 16px;
	}
	.footer-copyright{
		flex-direction: column;
		width: 100%;
		font-size: 14px;
		order: 2;
		text-align: center;
	}
	.footer-social{
		width: 100%;
		margin: 0;
		justify-content: center;
	}
	.footer-socials li{
		margin: 0 8px;
	}
	.footer-social a{
		font-size: 18px;	
	}

	
	.modal-dialog{
		min-width: 100%;
		max-width: 100%;
		padding: 0 16px;
	}
	.modal-header{
		padding: 48px 48px 24px 48px;
		padding: 32px 32px 24px 32px;
	}
	.modal-body {
    	padding: 0px 32px;
	}
	.modal-footer {
    	padding: 0px 32px 32px 32px;
	}
    .empty-page-header{
        padding: 24px;
    }
	.empty-page-msg {
		width: 80%;
	}
	.empty-page-title{
		font-size: 24px;
	}
    .empty-page-img div img {
	   height: 64px;
    }
    
    
    #welcome-modal .modal-dialog{
        width: 100%;
        max-width: calc(100% - 48px);
    }
    #welcome-modal .modal-content {
        padding-right: 0px;
        padding-top: 240px;
        padding-top: 75%;
        background: url(../images/maxstudios-popup-mobile-opendag.jpg) right top no-repeat #FFFFFF;
        background: url(../images/maxstudios-popup-mobile-workshop.jpg) right top no-repeat #FFFFFF;
        background-size: contain;
        border-radius: 32px;
    }
    #welcome-modal .modal-body{
        min-height: 128px;    
    }
    #welcome-modal .modal-content .button{
        justify-content: center;
        width: 100%;
    }

/*Mobile AND TABLET Nav*/

/*@media (max-width: 767px) {*/
/*@media (max-width: 1024px) and (orientation: portrait) {*/

@media (max-width: 1199px){
	
	#header{
		z-index: 99;
	}
	.menu-open #header{		
		background: transparent;
		transition: all 0.3s ease-out;
	}
	.menu-open #header:after,
	.menu-open #header.sticky:after{
		opacity: 0;
	}
	
	#header .container{
		padding: 0px;
	}

	.header-main:before {
		position: absolute;
		content: "";
		display: none;
		opacity: 0;
		width: 100%;
		height: 100%;
		top: 0;
		z-index: 98;
		background: rgba(0, 0, 0, 0.48);
	}

	.show-bg .sticky .header-main:before{
		display: block;
		opacity: 1;
		animation: opac-in-animate 0.2s ease forwards;
	}
	
	.header-main:after,
	.header-button,
	.header-top-nav ul{
		display: none;		
	}
	.header-main{
		padding: 0px;
		background: var(--white-color);
		background: transparent;
		z-index: 1;
	}
	.nav-toggle{
		display: flex;
		margin: 16px 8px 16px 16px;
		z-index: 3;
	}
	.logo-main {
		z-index: 3;
	}
	.logo-main img {
    	height: 22px;
	}
	
	.lang-dropdown-toggle{
		height: 56px;
		padding: 12px 28px 12px var(--mid-pad);
		padding: 16px 32px 16px 16px;
	}
	.home-wrap #header:not(.sticky) .btn.lang-dropdown-toggle,
	.home-wrap #header:not(.sticky) .lang-dropdown-toggle {
		background: var(--bg-color);
	}
/*
	.lang-dropdown-toggle:after{
		top: 16px;
	}
*/
	
	.nav-wrap{
		display: flex;
		position: fixed;
		flex-direction: column;
		justify-content: flex-start;
		width: 100%;
		width: 80%;
		height: 100%;
		height: calc(var(--doc-height) - 56px);
		height: var(--doc-height);
		left: -100%;
		top: 0px;
		padding: 0;
		background: var(--white-color);
		border-radius: 0 32px 32px 0px;
		overflow: hidden;
		z-index: 2;
		transition: all 0.2s ease;
	}
	.menu-open .nav-wrap{
		left: 0%;
		transition: all 0.3s ease-out;
	}
	.nav-main{
		padding: 96px 16px 24px 48px;
		padding: 64px 16px 24px 48px;
	}
	.nav-main ul{
		flex-direction: column;
		width: 100%;
	}
	.nav-main > ul > li {
		padding: var(--mid-pad) 20px;
		padding: 0;
		width: 100%;	
	}
	.nav-main > ul > li a{
		width: 100%;	
	}
	
	.drop-link:after{
		position: absolute;
		display: inline-block;
		content: "\f054";
		right: 0px;
		top: 12px;
		height: 24px;
		width: 24px;
		line-height: 24px;
		font-size: 14px;
		color: var(--text-color);
		vertical-align: middle;
		text-align: center;
		font-style: normal;
		font-family: "Font Awesome 6 Pro";
		font-weight: 300;
	}
	.nav-main .dropdown:before,
	.nav-main .dropdown ul li a span{
		display: none;
	}
	
	.nav-main .dropdown {
		position: fixed;
		display: flex;
		flex-direction: column;
		top: 56px;
		left: 100%;
		width: 100%;
		height: 100%;
		min-width: initial;
		padding: 0;
		background: var(--bg-color);
		border-radius: 0;
		box-shadow: none;
		opacity: 0;
		transform: translateY(0%);
		transition: all 0.2s ease;
	}
	.nav-main .show.dropdown {
		animation: none;
		opacity: 1;
		left: 0;
		transition: all 0.3s ease-out;
	}
	
	.dropdown-menu-title{
		font-size: 16px;
		padding: 12px 16px;
		line-height: 24px;
		margin: 0;
	}
	.nav-main .dropdown ul{
		flex-direction: column;
		flex-wrap: nowrap;
		margin: 0;
	}
	.nav-main .dropdown ul li {
		padding: 0px;
		width: 100%;
		font-weight: 300;
	}
	.nav-main .dropdown ul li a{
		padding: 12px 16px;
		font-weight: 300;
	}
	.nav-main .dropdown ul li a div{
		line-height: 24px;
		margin: 0;
		font-weight: 300;
	}
	.dropdown-menu-back{
		position: relative;
		display: flex;
		line-height: 24px;
		padding: 0px 16px;
		margin: 16px 0px 16px 0px;
		margin: 20px 0px 12px 0px;
		color: var(--light-text-color);
	}
	.dropdown-menu-back span{
		font-size: 14px;
		font-weight: 300;
	}
	.dropdown-menu-back i{
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		height: 24px;
		width: 24px;
		line-height: 24px;
		font-size: 14px;
	}
	
	.show-mob,
	.nav-main > ul > li.show-mob{
		display: flex;
	}
	.nav-main > ul > li.show-mob > a{
		font-weight: 300;
	}
	
	.header-button.header-signup-btn{
		position: relative;
		display: flex;
		order: 2;
		justify-content: center;
		margin-top: auto;
		padding: 16px 16px 24px 16px;
		padding: 16px 48px 24px 48px;
	}
	.header-signup-btn .button{
		width: 100%;	
		margin: 0;
		justify-content: center;
	}
	
	.header-app-buttons{
		position: relative;
		display: flex;
		justify-content: center;
		margin-top: auto;
		padding: 24px 24px 48px 24px;
		background: var(--bg-color);
	}
	.header-app-buttons .app-btn{
		margin: 0 16px;
		margin: 0 12px;
	}
	
/*
	.home-page #header:not(.sticky-header) .button.l-btn, 
	.home-page #header:not(.sticky-header) .l-btn:visited, 
	.home-page #header:not(.sticky-header) a.button.l-btn, 
	.home-page #header:not(.sticky-header) a.button.l-btn:visited {
		color: var(--text-color);
		border: 1px solid var(--text-color);
	}
*/

	.home-page #header:not(.sticky-header) .nav-icon span,
	.home-page #header:not(.sticky-header) .menu-ani .nav-icon span,
	.home-page #header:not(.sticky-header) .nav-icon span:before,
	.home-page #header:not(.sticky-header) .nav-icon span:after,
	.home-page #header:not(.sticky-header) .menu-ani .nav-icon span:before,
	.home-page #header:not(.sticky-header) .menu-ani .nav-icon span:after {
		background: var(--text-color);
	}
	.menu-ani .home-page #header:not(.sticky-header) .nav-icon span, 
	.menu-open .home-page #header:not(.sticky-header) .nav-icon span,
	.menu-ani .nav-icon span, 
	.menu-open .nav-icon span {
		background: none!important;
	}
	
	.header-button{
		padding: 4px 0px;
	}
	
	.lang-dropdown{
		padding: 8px 0px;
		margin-left: 48px;
	}
	
	.lang-dropdown .dropdown-menu,
	.header-dropdown .dropdown-menu {
		position: fixed;
		top: calc(100% + 24px);
		top: initial;
		left: initial;
		right: 0;
		bottom: 0;
		float: none;
		width: 100%;
		padding:var(--mid-pad) var(--xs-pad) var(--mid-pad) var(--xs-pad);
		padding:var(--mid-pad);
		border: none;
		border-radius: 32px 32px 0 0;
		box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
		opacity: 0;
		transform: translateY(0%);
	}
	.lang-dropdown .dropdown-menu:before,
	.header-dropdown .dropdown-menu:before{
		display: none;
	}
	.lang-dropdown .show.dropdown-menu,
	.header-dropdown .show.dropdown-menu {
		margin: 0!important;
		animation: drop-show-animate 0.3s ease-out forwards;
	}
	
	.lang-dropdown .dropdown-menu li a, .lang-dropdown .dropdown-menu li .nav-lang-item, .header-dropdown .dropdown-menu li a, .header-dropdown .dropdown-menu li .nav-lang-item{
		border-radius: 5px;
		padding: 12px 12px;
	}
	
	.nav-item-title{
		display: flex;
		font-weight: 600;
		font-size: 14px;
		padding: var(--sm-pad) var(--sm-pad);
		padding: var(--mid-pad) 0px var(--sm-pad) 0px;
    	line-height: var(--mid-pad);
	}
	
}

@media (max-width: 767px){
	.header-dropdown{
		padding: 8px 0px;
	}	
	.btn.header-dropdown-toggle,
	.header-dropdown-toggle {
		height: 40px;
		margin: 0;
		text-transform: capitalize;
		padding: 8px 8px;
		background: #FFFFFF!important;
		text-shadow: none;
		color: var(--light-text-color)!important; 
		font-size: 16px;
	}
	.btn.header-dropdown-toggle:after,
	.header-dropdown-toggle:before{
		display: none;
	}
	.header-dropdown-toggle > i, .btn.header-dropdown-toggle > i{
		justify-content: center;
		margin: 0;
	}
}

/*NAV TABLET OVERRIDE*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	
	
	
}
@media (min-width: 768px) and (max-width: 1199px) {
	

	
}

@media (max-width: 360px) {
	
}