@font-face {
	font-family: 'Gotham Bold';
	src: url('font/GothamBlack.eot');
	src: url('font/GothamBlack.eot?#iefix') format('embedded-opentype'),
		url('font/GothamBlack.woff2') format('woff2'),
		url('font/GothamBlack.woff') format('woff'),
		url('font/GothamBlack.ttf') format('truetype'),
		url('font/GothamBlack.svg#GothamBlack') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Light';
	src: url('font/Gotham-Light.eot');
	src: url('font/Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('font/Gotham-Light.woff2') format('woff2'),
		url('font/Gotham-Light.woff') format('woff'),
		url('font/Gotham-Light.ttf') format('truetype'),
		url('font/Gotham-Light.svg#Gotham-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('font/Gotham-Light.eot');
	src: url('font/Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('font/Gotham-Light.woff2') format('woff2'),
		url('font/Gotham-Light.woff') format('woff'),
		url('font/Gotham-Light.ttf') format('truetype'),
		url('font/Gotham-Light.svg#Gotham-Book') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('font/Gotham-Medium.eot');
	src: url('font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('font/Gotham-Medium.woff2') format('woff2'),
		url('font/Gotham-Medium.woff') format('woff'),
		url('font/Gotham-Medium.ttf') format('truetype'),
		url('font/Gotham-Medium.svg#Gotham-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('font/Gotham-Bold.eot');
	src: url('font/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/Gotham-Bold.woff2') format('woff2'),
		url('font/Gotham-Bold.woff') format('woff'),
		url('font/Gotham-Bold.ttf') format('truetype'),
		url('font/Gotham-Bold.svg#Gotham-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

:root {
	--red: #fa0a01;
	--white: #fff;
	--black: #000;
	--default-text-size: 3em;
	--default-title-size: 3rem;
	--scrolltrail: 0;
	--logo-size: 80px;
	--background-color: #344248;
	--text-color: #000000;
	--menuHeight: 0px;
	--headerHeight: 109px;
	--menuTransition: 0.65s;
	--marquee-1: 0;
	--marquee-2: 0;
	--marquee-3: 0;
	--marquee-4: 0;
	--marquee-5: 0;
	--marquee-6: 0;
	--marque_speed: 20s;
	--gray: #c2c6c8;
	--bg-overlay-color1: rgb(50, 50, 58);
	--bg-overlay-color2: rgb(121, 119, 102);
	--bg-overlay-color3: rgb(184, 146, 140);
	--bg-overlay-color4: rgb(211, 198, 181);
	--bg-overlay-color5: rgb(3, 27, 35);


}

body {
	/* word-break: break-all; */
	margin-top: 10px;
	margin-bottom: 10px;
	background: var(--bg-overlay-color4);
}

.inner_space_bottom {
	padding-bottom: 4rem;
}

.inner_space_bottom_6 {
	padding-bottom: 8rem;
}

.inner_space_top {
	padding-top: 4rem;
}

.inner_space_top_6 {
	padding-top: 8rem;
}



/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	font-family: "Gotham Light", sans-serif;
	font-weight: 300;
	font-size: 10px;
	line-height: 1.15;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	scroll-behavior: smooth;
	text-size-adjust: 100%;
}

@media (max-width: 1199px) {
	html {
		font-size: 8px;
	}
}

@media (max-width: 991px) {
	html {
		/* font-size: 6px; */
	}
}

/* Sections
     ========================================================================== */

/**
   * Remove the margin in all browsers.
   */


/**
   * Render the `main` element consistently in IE.
   */

main {
	display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1,
h1 p,
h2,
h2 p {
	font-family: "Gotham";
	font-weight: bold;
	font-size: var(--default-title-size);
	margin: 0;

	padding: 0rem;
	text-transform: none;
	letter-spacing: -2px;
	color: var(--bg-overlay-color5);
}

h2 p {
	padding-bottom: 1rem;
	padding-top: 1rem;
	line-height: 1.2;
}

h1 p {
	padding-top: 2rem;
	padding-bottom: 1rem;

}

/* Grouping content
     ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics
     ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
	background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
	font-weight: 700;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
	font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

img {
	border-style: none;
}

/* Forms
     ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
	/* 1 */
	overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
	/* 1 */
	text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
	vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
	overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
	-webkit-appearance: textfield;
	appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive
     ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
	display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
	display: list-item;
}

/* Misc
     ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
	display: none;
}

/**
   * Add the correct display in IE 10.
   */

[hidden] {
	display: none;
}

ol,
ul {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	font-family: 'Gotham Light', sans-serif;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: normal;

	margin: 0;
}

/**
 * NORMALIZE END
 */

html {
	box-sizing: border-box;
}

*,
*::after,
*::before {
	box-sizing: inherit;
}

.small,
small {
	font-size: max(16px, 2.5rem);
}

.u-hide {
	display: none !important;
}

.u-no-bullet {
	list-style-type: none;
}

.u-hide-text {
	font: 0 / 0 a;
	text-shadow: none;
	color: transparent;
}

.clear {
	clear: both;
}

body {
	font-family: "Gotham Light", sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.25;
	padding: 0 0;
	color: var(--black);
}

#header {
	width: 100%;
	padding: 3rem 2rem 0 2rem;
	margin: 0 auto;
	position: absolute;
	z-index: 2;
}

#index video,
#hp video {
	width: 100%;
	object-fit: cover;
	height: 120vh;
	object-position: center;
}

.alert_container #header {
	z-index: 123 !important;
}

p {
	font-family: 'Gotham Light', sans-serif;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: normal;
	margin: 0;
}

ul li {
	position: relative;
	font-family: 'Gotham Light', sans-serif;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: normal;
	margin: 0;
	list-style: none;
}

section ul li,
section ol li,
section ul li a,
section ol li a {
	font-size: 2.5rem;
	padding: 0 0 0 2rem;
	position: relative;
}

ul.navbar-nav {
	margin-bottom: 4rem;
}

ul.navbar-nav li {
	padding: 0;
	margin: 1rem 0;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
}

ul.navbar-nav li a {
	font-size: 7rem;
	font-size: 5rem;

	line-height: 1;
	display: block;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	font-family: "Gotham Light", sans-serif;
}

ul.navbar-nav li a:active,
ul.navbar-nav li a:focus,
ul.navbar-nav li a:hover,
ul.navbar-nav li a.active {
	background: #fff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

h1,
h2,
h3,
h4 {
	margin: 0;
}

/* 
h1,
h2 {
	padding-left: 5rem;
} */

section {
	position: relative;
}

.relative {
	position: relative;
}

h3,
h3 p,
h4,
h4 p,
h5,
h5 p,
h6,
h6 p {
	font-size: 4rem;
	line-height: 1.25;
}

.full-height,
.description_content {
	letter-spacing: 0;
}

.full-height {
	padding: 0 0rem;
}

.container {
	padding: 0 calc(2.5rem - calc(var(--bs-gutter-x) * 0.5));
}

.menu_cont {
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
}



.grecaptcha-badge {
	z-index: 20;
}

.grecaptcha-badge.hide {
	right: -100% !important;
}

.cell_1_5 {
	min-width: 20%;
	max-width: 20%;
}

.cell_2_5 {
	min-width: 40%;
	max-width: 40%;
}

.cell_3_5 {
	min-width: 60%;
	max-width: 60%;
}

.cell_4_5 {
	min-width: 80%;
	max-width: 80%;
}

.cell_5_5 {
	min-width: 100%;
	max-width: 100%;
}

.cell_1_4 {
	min-width: 24.9%;
	max-width: 24.9%;
}

.cell_2_4 {
	min-width: 49.9%;
	max-width: 49.9%;
}

.cell_3_4 {
	min-width: 75%;
	max-width: 75%;
}

.cell_4_4 {
	min-width: 100%;
	max-width: 100%;
}

.cell_1_3,
.cell_1_6 {
	min-width: 33.3%;
	max-width: 33.3%;
}

.cell_2_3 {
	min-width: 66.6%;
	max-width: 66.6%;
}

.cell_3_3 {
	min-width: 100%;
	max-width: 100%;
}

.cell_1_2 {
	min-width: 50%;
	max-width: 50%;
}

.cell_2_2 {
	min-width: 100%;
	max-width: 100%;
}

.cell_1_1 {
	min-width: 100%;
	max-width: 100%;
}

.full-height {
	height: auto;
}

.sidebar {
	/*min-width: 300px;
	max-width: 300px;*/
	width: 100%;
	margin-left: 1%;
}

.sidebar section {
	margin: 0;
}

.full_content {
	min-width: calc(99% - 300px);
	max-width: calc(99% - 300px);
	padding-right: 90px;
}

.img-responsive {
	width: 100%;
	height: auto;
}

.img-responsive img {
	border-radius: 0px;
	width: 100%;
}

.flex_container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.container {
	max-width: 1440px;
	width: 100%;
}

.textdp {
	position: relative;
}

@media (min-width: 1200px) {
	.step1 .col-sm-4 {
		width: 25%;
	}

	.allsteps:not(.step1) {
		max-width: 1000px;
		margin: 0px auto;
	}

	.step1 .col-sm-4:not(.dp) {
		margin-top: 56px;
	}

	.ui-state-default {
		line-height: 37.2px !important;
	}
}

.align_bottom {
	align-content: end;
}

.align_right {
	align-content: right;
}

@media (max-width: 768px) and (min-width:576px) {
	div.card-container div.card-front {
		font-size: 20px !important;
	}

	div.card-container div.card-back,
	div.card-container div.card-back p {
		font-size: 14px !important;
	}

	.btn_circle_border {
		font-size: 16px !important;

	}

	.button_parent:before {
		right: 13px !important;
		width: 20px !important;
		height: 20px !important;
	}
}

@media (max-width: 768px) {
	.textdp {
		width: 100%;
	}

	.dp {
		width: 100%;
		margin: 0 auto;
	}

	.dp #datepicker {
		max-width: 400px;
	}



	.button_parent {
		width: auto !important;
	}

	.special_row .col-sm-4 {
		width: 33.33333333%;
	}

	.special_row .col-sm-8 {
		width: 66.6666%;
	}

	.button_parent.button_dark {
		margin-top: 10px;
		margin-bottom: 100px;
	}

}

@media (max-width: 1199px) and (min-width: 768px) {
	.container {
		max-width: 1000px;
		width: 100%;
	}

	.dp {
		position: absolute;
		top: 0;
		left: 0;

	}

	#datepicker {
		width: 100%;
	}

	h2.datepickerheading {
		padding-top: 2rem;
	}

	.textdp {
		width: calc(100% - 320px);
		margin-left: 20px;
		min-height: 370px;
	}

	.step1 {
		position: relative;
	}

	.calendarplaceholder {
		min-height: 330px;
		width: 300px;
	}

	.dp {
		width: 320px;
	}
}

#header .flex_container {
	padding: 0;
	position: relative;
}

.row {
	margin: initial;
}

.ai-flex-start {
	align-items: flex-start;
}

.ai-center {
	align-items: center;
}

.ai-center .flex_container {
	align-items: center;
}

.ai-flex-end {
	align-items: flex-end !important;
}

.jc-space-between {
	justify-content: space-between;
}

.jc-flex-start {
	justify-content: flex-start;
}

.jc-flex-center {
	justify-content: center;
}

.jc-flex-end {
	justify-content: flex-end;
}

.jc-flex-center .flex_container {
	justify-content: center;
}

.height_auto {
	height: auto !important;
}

.height_100percent {
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.mb-3 {
	margin-bottom: 3rem;
}

.button_abs_bottom_zero .btn-custom {
	position: absolute !important;
	bottom: 0;
}

.button_abs_bottom_zero .description_content {
	margin-bottom: 50px;
}

.mb-5 {
	margin-bottom: 5rem;
}

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

.ta-left {
	text-align: left !important;
}

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

.ta-right {
	text-align: right !important;
}

.center_image .img_cont {
	text-align: center;
}

.grid-sizer,
.grid-item--width2 {
	border: 0 !important;
}

.grid-sizer,
.grid-item {
	width: 20%;
}

/* 2 columns */
.grid-item--width2 {
	width: 40%;
}

p[contenteditable="true"] {
	animation: flashColor 1s forwards;
	position: relative;
}

.relative .count_me {
	position: absolute;
	right: 0;
	bottom: -2rem;
	font-size: 13px;
	line-height: 130%;
}

.error_red {
	color: red;
	font-weight: bold;
}

#main-navigation .col-3 {
	display: flex;
	align-items: center;
}

.social_container {
	display: flex;
	gap: 6rem;

}

.social_container svg {
	color: var(--green);
}






.custom_btn {
	position: relative;
}


.over_header {
	padding: 3rem 2rem 0 2rem;
	margin: 0 auto;
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 0;
}

.cell_1_3_header:nth-child(1),
.cell_1_3_header:nth-child(3) {
	pointer-events: all;
	min-width: 270px;
	max-width: 270px;
}

.site_body {
	transform: translate3d(0px, 0px, 0px) scale(1);
	transition: all var(--menuTransition) cubic-bezier(0.84, 0.11, 0.52, 0.97);
}

.site_body.minimized {
	transform: translate3d(0px, 0, 0px) scale(0.85, 0.85);
}



.container_lang_contact a:active,
.container_lang_contact a:hover,
.container_lang_contact a:focus {
	color: var(--text-color);
	text-decoration: none;
}

.container_lang_contact .languages_cont {
	display: flex;
	gap: 1rem;
}

.zoom_hover {
	overflow: hidden;
}

.zoom_hover img {
	transition: transform 0.5s ease;
	transform-origin: bottom center;
}

.zoom_hover img:hover {
	transform: scale(1.7);
}



.relative_mirr {
	position: relative;
}

.mirror {
	transform: scaleX(-1);
	opacity: 0.15;
	display: flex;
	justify-content: flex-end;
}

.tronic {
	position: absolute;
	top: 0;
	transform: scale(-1, 1);
	opacity: 0.15;
}

.mirror.left_text {
	justify-content: flex-start;
}

.mirror.right_text {
	justify-content: flex-end;
}

.round_buttons .cell_1_3 {
	text-align: center;
}


.bblr0 {
	border-bottom-left-radius: 0 !important;
	border-bottom: none !important;
}

.bbrr0 {
	border-bottom-right-radius: 0 !important;
	border-bottom: none !important;
}

.btlr0 {
	border-top-left-radius: 0 !important;
	border-top: none !important;
}

.btrr0 {
	border-top-right-radius: 0 !important;
	border-top: none !important;
}



.one_day {
	display: none;
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

.one_day.visible {
	display: flex;
	align-items: flex-start;
}



/* 
.one_picture_slide {
	max-width: 30%;
} */

.one_picture_slide img {
	max-width: 300px;
}

.tns-controls {
	display: none;
}


.tns-horizontal.tns-subpixel>.tns-item:nth-child(4n + 1) {
	padding-top: 12rem;
}

.tns-horizontal.tns-subpixel>.tns-item:nth-child(4n + 2) {
	padding-top: 3rem;
}

.tns-horizontal.tns-subpixel>.tns-item:nth-child(4n + 3) {
	padding-top: 8rem;
}

.tns-horizontal.tns-subpixel>.tns-item:nth-child(4n + 4) {
	padding-top: 0rem;
}

.navbar-toggler {
	position: relative;
	width: 70px;
	height: 40px;
}











.zoom_with_button .container {
	max-width: 880px;
}

.zoom_with_button.area1 {
	padding-top: 10rem;
}

.zoom_with_button.area2 {
	padding-bottom: 10rem;
}

.one_picture_slide {
	overflow: hidden;
}

.one_picture_slide img {
	scale: 1;
	transition: scale 0.4s ease-in-out;
	transform-origin: center;
}

.tns-ovh {
	overflow: visible !important;
}

.zooming_slide img {
	position: relative;
	z-index: 3;
	scale: 1.25;
}

/* body[data-theme="night_theme"]
body[data-theme="day_theme"] */

@keyframes mirror_full {
	from {
		transform: translateX(110%);
	}

	to {
		transform: translateX(0);
	}
}

@keyframes mirror {
	from {
		transform: translateX(0%) scaleX(-1);
		opacity: 0.15;
	}

	to {
		transform: translateX(-100%) scaleX(1);
		opacity: 1;
	}
}

@keyframes mirrorX2 {
	from {
		transform: translateX(0%) scaleX(-1);
		opacity: 0.15;
	}

	to {
		transform: translateX(-200%) scaleX(1);
		opacity: 1;
	}
}

@keyframes dash {
	from {
		stroke-dashoffset: 1100;
	}

	to {
		stroke-dashoffset: 0;
	}
}

.front-login {
	padding-top: 30rem;
	max-width: 800px;
	margin: auto;
	display: flex;
	width: 100%;
}

.front-login h1 {
	color: var(--black);
	padding-bottom: 2rem;
}

.front-login .custom_btn.btn-purple {
	font-family: 'Gotham Light', sans-serif;
	font-size: 2.5rem;
	color: var(--black);
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	align-self: center;
	display: flex;
	align-items: center;
	border: 1px solid var(--green);
	border-radius: 25rem;
	width: 100%;
	max-width: 24rem;
	position: relative;
	height: 8.6rem;
	padding-left: 7%;
	margin: 3rem auto 0 auto;
	padding-right: 20%;
}

.front-login .custom_btn.btn-purple :active {
	border: 1px solid var(--green);
}

.front-login .form-group {
	padding-bottom: 1rem;
}

.front-login .form-control-lg,
.front-login .form-control {
	border: none;
	font-size: 2.5rem;
}

.front-login .custom_btn {
	font-family: 'Gotham Light', sans-serif;
	font-size: 2.5rem;
	color: var(--black);
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	align-self: center;
	display: flex;
}


.errors {
	background-color: #e862eb;
}

.status {
	background-color: #09c8a9;
}

.errors,
.status {
	display: none;
	font-family: 'Gotham Light', sans-serif;
	font-size: 2.5rem;
	border-radius: 25rem;
	padding: 2.8rem 6.8rem;
	color: #fff;
}


.calendar {
	/* width: 330px; */
	background: var(--bg-overlay-color1);
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	padding: 20px 0;
	text-align: center;
	margin: 0 auto 10px auto;


}

.ui-datepicker-header {
	height: 20px;
	line-height: 20px;
	color: var(--white);
	margin-bottom: 10px;
	font-size: 20px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	width: 20px;
	height: 20px;
	text-indent: 9999px;
	border-radius: 100%;
	cursor: pointer;
	overflow: hidden;
	margin-top: 12px;
}

.ui-datepicker-prev {
	float: left;
	margin-left: 12px;
}

.ui-datepicker-prev:after {
	transform: rotate(45deg);
	margin: -33px 0px 0px 6px;
}

.ui-datepicker-next {
	float: right;
	margin-right: 12px;
}

.ui-datepicker-next:after {
	transform: rotate(-135deg);
	margin: -33px 6px 0px 0px;

}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
	content: '';
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	border-left: 2px solid var(--white);
	border-bottom: 2px solid var(--white);
}

.ui-datepicker-title {
	text-align: center;
}

.ui-datepicker-calendar {
	width: 100%;
	text-align: center;
}

.ui-datepicker-calendar thead tr th span {
	display: block;
	width: 100%;
	min-width: 35px;
	color: var(--white);
	margin-bottom: 5px;
	font-size: 13px;
	text-transform: uppercase;
}

.ui-state-default {
	display: block;
	text-decoration: none;
	color: var(--white);
	line-height: 32px;
	font-size: 12px;
}

.ui-state-default:hover {

	color: var(--bg-overlay-color4);

}



.ui-state-active,
.ui-state-active.ui-state-hightlight {
	background: var(--bg-overlay-color3);
	color: #fff;
	border-radius: 20px;
}

.ui-state-hover {
	background: var(--bg-overlay-color5);
	font-weight: bold;
	color: #fff;
	border-radius: 20px;
}



.ui-datepicker-unselectable .ui-state-default {
	color: var(--bg-overlay-color3);

}

.row {
	width: 100%;
	margin: 0 auto;
}

div.card-container {
	aspect-ratio: 1;
	width: 100%;
	perspective: 1000px;
	margin: 0 0px;
}

div.card-container div.card-content {
	position: relative;
	height: 100%;
	width: 100%;
	/* transform-style: preserve-3d; */
	transition: transform 500ms linear 1ms;

}

.card-container label {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
}

.single_quiz_card:has(~.button_parent .selected) div.card-front {
	background-color: #000 !important;
}

/*
div.card-container div.card-front,
div.card-back {

	color: var(--white);
	position: absolute;
	height: 100%;
	width: 100%;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

div.card-container div.card-front {
	background-color: var(--bg-overlay-color1);
	align-content: center;
	text-align: center;
	font-size: 28px;
	padding: 10px;
	font-family: "Gotham", sans-serif;
}

div.card-container div.card-back {
	background-color: var(--white);
	transform: rotateY(180deg);
	font-size: 22px;
	padding: 10px;
	align-content: center;
	text-align: center;
	overflow-wrap: break-word;
	color: var(--bg-overlay-color1);
}

div.card-container div.card-back p {
	font-size: 22px;
	padding: 10px;
}

div.card-container div.card-front img,
div.card-back img {
	width: 100%;
	height: 100%;
}


div.card-container::after {
	content: "";
	display: table;
	clear: both;
}

div.card-container:hover div.card-content {
	transform: rotateY(180deg);
}
*/

div.card-container div.card-front,
div.card-back {
	color: var(--white);
	/* position: absolute; */
	height: 100%;
	width: 100%;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;

}

div.card-container div.card-front {
	background-color: var(--bg-overlay-color1);
	align-content: center;
	text-align: center;
	font-size: 26px;
	padding: 10px;
	font-family: "Gotham", sans-serif;
}

div.card-container div.card-back {
	background-color: #000;

	font-size: 22px;
	padding: 10px;
	align-content: center;
	text-align: center;
	overflow-wrap: break-word;
	color: #fff;
	transition: 0.3s ease-out;
	opacity: 0;
}

.step1 div.card-container div.card-back::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.step1 .col-sm-4:nth-child(2) div.card-container div.card-back {
	background-image: url(../images/hall1.png);
	background-repeat: repeat;
	background-size: cover;


}

.step1 .col-sm-4:nth-child(3) div.card-container div.card-back {
	background-image: url(../images/hall2.png);
	background-repeat: repeat;
	background-size: cover;

}

.step1 .col-sm-4:nth-child(4) div.card-container div.card-back {
	background-image: url(../images/hall3.png);
	background-repeat: repeat;
	background-size: cover;


}

.step1 div.card-back {
	color: #fff;
	font-family: "Gotham Black", sans-serif;
	font-weight: bold;
	font-size: 30px !important;
	letter-spacing: -1.5px;
	text-transform: uppercase;

}

.step1 div.card-back div {
	position: relative;
	z-index: 2;

}

div.card-container div.card-back p {
	font-size: 22px;
	padding: 10px;
}

div.card-container div.card-front img,
div.card-back img {
	width: 100%;
	height: 100%;
}


div.card-container::after {
	content: "";
	display: table;
	clear: both;
}

div.card-container:hover div.card-back {
	transform: translateY(-100%);
	opacity: 1
}

div.card-container {
	overflow: hidden;
}

.quiz_card_area {
	position: relative;
	margin-bottom: 30px;
	width: 100%;
	/*border: 1px solid #d6d6d6;*/
}

.single_quiz_card {
	/*border: 1px solid #efefef;*/
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-khtml-transition: all 0.3s linear;
	transition: all 0.3s linear;
	display: flex;
	flex-direction: column;
	position: relative;

}

.quiz_card_title {
	padding: 10px;
	text-align: center;
	background-color: #d6d6d6;
	position: relative;
}

.quiz_card_title h3 {
	font-size: 16px;
	font-weight: 400;
	color: #292d3f;
	margin-bottom: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-khtml-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.quiz_checkbox {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	cursor: pointer;
}

.quiz_card_title h3 img {
	display: none;
}

.quiz_card_title h4 img {
	display: block;
}

.quiz_checkbox:checked~h3>img {
	display: block;
}

.quiz_checkbox:checked~h4>img {
	display: none;
}

.quiz_checkbox:checked~h3>img {
	display: block;
}

/*
.background2 {
	background-color: var(--bg-overlay-color2) !important;
}

.background3 {
	background-color: var(--bg-overlay-color3) !important;
}

.background5 {
	background-color: var(--bg-overlay-color5) !important;
}*/

.step2,
.step3,
.step4,
.step5 {
	display: none;
}



.button_parent {
	width: 236px;
	height: 54px;
	background-color: transparent;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 28px;
	letter-spacing: 1px;
	line-height: 1.2;
	text-align: left;
	cursor: pointer;
	-webkit-transition: .5s;
	transition: .5s;
	padding: 0;
	outline: 0;
	border: 1px solid #000;
	border-radius: 30px;
	font-family: "Gotham Light", sans-serif;
	position: relative;
	white-space: normal;
	text-transform: uppercase;
	overflow: hidden
}

.button_parent.button_dark {
	border-color: #fff;
	border-width: 0px;
	background: #636363;
}

.button_parent.button_dark:before {
	background-image: url(../images/arrow_white.svg);
}

.button_parent.button_dark button {
	color: #fff !important;
}

[dir=rtl] .button_parent:before {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.button_parent:before {
	content: "";
	position: absolute;
	right: 19px;
	background-image: url('../images/arrow.svg');
	width: 40px;
	height: 40px;
	z-index: 1
}

.button_parent:after {
	content: "";
	position: absolute;
	top: 0;
	left: -5px;
	width: 0;
	height: 120%;
	background-color: #000;
	-webkit-transform: skewX(-8deg);
	transform: skewX(-8deg);
	-webkit-transition: all .9s;
	transition: all .9s;
	color: #fff !important;
	border-bottom-right-radius: 20px;
	z-index: 0
}

.btn_circle_border {
	text-decoration: none;
	color: #000 !important;
	z-index: 2;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-size: 200% 100%;
	background-position: 107%;
	background-repeat: no-repeat;
	background-image: linear-gradient(-86deg, #000 50%, #fff 0);
	-webkit-transition: background-position .5s ease-out;
	transition: background-position .5s ease-out;
	-webkit-transition-delay: 90ms;
	transition-delay: 90ms;
	background-clip: text;
	-webkit-background-clip: text;
	padding: 22px 36px 22px 21px;
	font-family: "Gotham Light", sans-serif;
	font-size: 22px;
	line-height: 1.2;
}

.btn_circle_border:hover {
	color: #fff;
}

.button_parent:hover {
	background-color: transparent !important;
	border: none
}

.button_parent:hover .btn_circle_border {
	background-position: 0;
	color: #fff !important;
}

.button_parent:hover:before {
	color: #fff;
	background-image: url('../images/arrow_white.svg');
}

.button_parent:hover:after {
	width: 150%;

}

.button_parent:active {
	background-color: #000 !important;
	color: #fff !important;
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

.button_parent:active:before {
	color: #fff !important
}

.button_parent:has(> .selected) {
	background-color: #000;
	color: #fff !important;
}

.btn_circle_border.selected {
	color: #fff !important;
}

.button_parent:has(.selected):before {
	color: #fff;
	background-image: url('../images/arrow_white.svg');
}

.quiz_card_area .button_parent {
	width: 100%;
	margin-top: 2rem;
}


.error_container {
	opacity: 0;
	display: block;
	padding: 10px;
	/*position: absolute;*/
	margin-top: 20px;
	/* border: 1px solid var(--red); */
	background-color: rgb(255 203 201 / 30%);
}

.error {
	font-family: "Gotham", sans-serif;
	font-size: 20px;
	line-height: 1.2;
	color: var(--red);
	font-weight: 500;

}

.col-sm-12 .button_parent {
	margin: 0 auto;
}

.sidebar {
	width: 25%;
	position: fixed;
	top: 10px;
	color: #fff;
	padding: 0;
	right: 10px;
	display: none;
	translate: 0 calc(-100% + 18px);
	transition: 0.5s ease-out;
	flex-direction: column;
}

.sidebar .row {
	background-color: black;
	height: 100%;
}

.sidebar .col-sm-12 {
	flex-basis: 20%;
	align-content: center;
}

.sidebar .toggleOrder {
	background: #000;
	cursor: pointer;
	width: 186px;
	font-size: 15px;
	padding: 8px 3px 3px 3px;
	text-align: center;
	align-self: end;
	box-shadow: 0px 2px 8px 2px #444444;
}

.sidebar.slideIn {
	translate: 0 0;
}

.slideIn .hideOrder {
	display: block;
}

.slideIn .showOrder {
	display: none;
}

.hideOrder {
	display: none;
}

.small_date {
	font-size: 20px;
}

.hour {
	font-size: 4rem;
	padding: 10px 0;
	font-weight: 500;
}

.button_parent:has(.backto1):before,
.button_parent:has(.backto2):before,
.button_parent:has(.backto3):before,
.button_parent:has(.backto4):before,
.button_parent:has(.backto5):before {
	left: 19px;
	rotate: 180deg;
}

.special_row {
	display: flex;
	padding: 0.8rem 0;
	border-bottom: 1px solid var(--bg-overlay-color2);
}

.special_row:last-child {
	border-bottom: none;
}

.with_total {
	color: rgb(255 245 156);
}

.img1:before {
	color: #fff;
	content: " ";
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	background-size: auto;
	display: block;
	background-image: url('../images/img1.svg');
}

.img2:before {
	color: #fff;
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-size: auto;
	display: block;
	background-image: url('../images/img2.svg');
}

.img3:before {
	color: #fff;
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-size: auto;
	display: block;
	background-image: url('../images/img3.svg');
}

.img4:before {
	color: #fff;
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-size: auto;
	display: block;
	background-image: url('../images/img4.svg');
}

.img5:before {
	color: #fff;
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-size: auto;
	display: block;
	background-image: url('../images/img5.svg');
}

.img6:before {
	color: #fff;
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-size: auto;
	display: block;
	background-image: url('../images/img6.svg');
}

.img1,
.img2,
.img3,
.img4,
.img5,
.img6 {
	position: relative;
	padding-left: 23px;
}

.sidebar h3 p {
	margin-bottom: 1rem;
	font-size: 3rem;
	font-family: "Gotham", sans-serif;
	font-weight: bold;
}

.special_row * {
	font-size: 1.5rem;
	line-height: 1.5;
}

@media (max-width: 800px) {
	.error_container {
		position: relative;
		margin-top: 1rem;
	}

	.btn_circle_border {
		min-width: 200px;
	}

	.button_parent {
		margin-bottom: 30px;
	}
}

@media (max-width: 400px) {
	.ui-datepicker-calendar thead tr th span {
		min-width: 29px;
	}

	.sidebar {
		width: 90%;

	}

	.hidemobile {
		display: none;
	}

}

button:disabled {
	opacity: 0.2 !important;
}

.mb1 {
	margin-bottom: 1rem;
}

.step5 div.card-back div {
	position: relative;
	z-index: 2;
}

.step5 div.card-container div.card-back::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.hidemeclass {
	display: none;
}

textarea,
textarea.form-control {
	font-family: "Gotham Light", sans-serif;
	font-weight: 300;
	font-size: 2rem;
}