/*
Author: Quatro-Digital
Author URI: http://www.quatro-digital.com
*/

html,
body {
	margin                    : 0 auto;
	padding                   : 0;
	font-family               : NextExit, 'Roboto Condensed';
	direction                 : rtl;
	font-size                 : 26px;
	color                     : #333333;
	font-weight               : 300;
	background                : #efecd5;
	position                  : fixed;
	overflow                  : auto;
	top                       : 0;
	left                      : 0;
	width                     : 100%;
	height                    : 100%;
	-webkit-overflow-scrolling: touch;
}

.noscroll {
	overflow: hidden;
}

.noSelect {
	-webkit-touch-callout: none;
	-webkit-user-select  : none;
	-moz-user-select     : none;
	-ms-user-select      : none;
	user-select          : none;
	-o-user-select       : none;
}

.right {
	float  : right;
	display: inline-block;
}

.left {
	float  : left;
	display: inline-block;
}

.both {
	clear   : both;
	width   : 0;
	height  : 0;
	overflow: hidden;
	display : block
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.normalwieght {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.bold a {
	font-weight: bold;
}

.ltr {
	direction: ltr;
	display  : inline-block;
}

.invisible {
	display: none;
}

.error-general {
	color    : red;
	font-size: 20px;
}

a {
	text-decoration: none;
	color          : #147de4
}

a img {
	border            : 0;
	-moz-outline-style: none;
	outline           : none;
}

img {
	max-width: 100%;
}

a {
	-moz-outline-style         : none;
	outline                    : none;
	text-decoration            : none;
	-webkit-tap-highlight-color: transparent;
}

*:focus {
	-webkit-tap-highlight-color: transparent !important;
	-moz-outline-style         : none !important;
	outline                    : none !important;
}

form,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin     : 0;
	padding    : 0;
	font-weight: normal;
}

* {
	-webkit-box-sizing      : border-box;
	box-sizing              : border-box;
	-webkit-text-size-adjust: 100%;
}

.ease,
.ease a {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.ease-opacity {
	-webkit-transition: opacity 0.1s linear;
	-o-transition     : opacity 0.1s linear;
	transition        : opacity 0.1s linear;
}

.ease:hover,
.ease a:hover {
	-webkit-transition: all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
}

input,
select,
textarea,
.bootstrap-tagsinput {
	-webkit-appearance         : none;
	-webkit-tap-highlight-color: transparent;
	-moz-outline-style         : none;
	outline                    : none;
	width                      : 100%;
	height                     : 60px;
	background                 : #dfdcc6;
	border                     : none;
	padding                    : 0 18px;
	font-family                : NextExit, 'Roboto Condensed';
	font-size                  : 28px;
	font-weight                : 300;
	-webkit-border-radius      : 0px;
	border-radius              : 0px;
	color                      : #1a1a1a;
	padding-bottom             : 3px;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color       : #1a1a1a;
	-moz-opacity: 100;
	opacity     : 100;
	filter      : alpha(opacity=100);
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color       : #1a1a1a;
	-moz-opacity: 100;
	opacity     : 100;
	filter      : alpha(opacity=100);
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color       : #1a1a1a;
	-moz-opacity: 100;
	opacity     : 100;
	filter      : alpha(opacity=100);
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color       : #1a1a1a;
	-moz-opacity: 100;
	opacity     : 100;
	filter      : alpha(opacity=100);
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #dfdcc6 inset;
	-webkit-transition: background-color 5000s ease-in-out 0s;
	-o-transition     : background-color 5000s ease-in-out 0s;
	transition        : background-color 5000s ease-in-out 0s;
}

input[type="radio"] {
	-webkit-appearance: normal;
}

input[type="submit"] {
	cursor            : pointer;
	-webkit-appearance: none;
}

.form_submit {
	width   : 216px;
	position: relative;
	margin  : 0 auto;
}

.form_label {
	color        : #808080;
	font-size    : 23px;
	font-weight  : 400;
	margin-bottom: 2px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	direction         : rtl;
}

.hmc_beige .tx--bege,
.hmc_beige .tx--bege * {
	color: #333333;
}

.wpcf7-not-valid,
input.error {
	border: 2px solid #ea4724 !important;
}

.wpcf7-response-output {
	display: none !important;
}

span.wpcf7-not-valid-tip,
.note-error {
	font-size : 24px;
	text-align: right;
	color     : #ea4724;
}

.note-error {
	display: block;
}

.form_input {
	width: 100%;
}

.select2-container {
	width: 100% !important;
}

.select2-container--default .select2-selection--single {
	background   : #dfdcc6;
	border-radius: 0;
	border       : none;
	width        : 100%;
	height       : 60px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-family: NextExit, 'Roboto Condensed';
	font-size  : 28px;
	font-weight: 300;
	color      : #1a1a1a;
	padding    : 0 18px !important;
	line-height: 57px;
}

.select2-dropdown {
	background   : #dfdcc6;
	border-radius: 0;
}

.select2-results .select2-results__option {
	font-family  : NextExit, 'Roboto Condensed';
	font-size    : 28px;
	font-weight  : 300;
	color        : #1a1a1a;
	padding      : 12px 18px;
	border-bottom: 1px solid #c3c2b5;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: #32499a;
}

div.wpcf7 .ajax-loader {
	background: url('/img/loader.svg') no-repeat center;
	width     : 32px;
	height    : 32px;
	position  : absolute;
	right     : 0;
	left      : 0;
	margin    : auto;
	top       : 0;
	bottom    : 0;
	visibility: visible;
	display   : none;
}

.home_enter .ajax-loader {
	background: url('/img/loader.svg') no-repeat center;
	width     : 38px;
	height    : 38px;
}

div.wpcf7 .ajax-loader.is-active {
	display: block;
}

.home_enter .ajax-loader.is-active {
	display: block;
}

.wpcf7-submit.submit-hide {
	font-size         : 0px;
	-webkit-transition: all 0s ease-in-out;
	-o-transition     : all 0 ease-in-out;
	-webkit-transition: all 0 ease-in-out;
	transition        : all 0 ease-in-out;
}

.slick-slide {
	-webkit-tap-highlight-color: transparent;
	-moz-outline-style         : none;
	outline                    : none;
}

.doit {
	opacity: 0;
}

.enter--up {
	-webkit-transform: translate(0, 40px);
	-ms-transform    : translate(0, 40px);
	transform        : translate(0, 40px);
}

.enter--up.animated {
	-webkit-transform: translate(0, 0);
	-ms-transform    : translate(0, 0);
	transform        : translate(0, 0);
}

.inline {
	display: inline-block;
}

.center {
	text-align: center;
}

.bg_black {
	width       : 100%;
	height      : 100%;
	background  : black;
	position    : fixed;
	top         : 0;
	left        : 0;
	right       : 0;
	bottom      : 0;
	-moz-opacity: 0.66;
	opacity     : 0.66;
	filter      : alpha(opacity=66);
}

.wrap_items {
	width   : 100%;
	overflow: hidden;
}

.width_limit {
	max-width: 718px;
}

hr {
	width     : 100%;
	height    : 1px;
	background: #e8e8e8;
	margin    : 30px 0;
	border    : none;
}

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

.delay_200 {
	-webkit-animation-delay: .2s;
	animation-delay        : .2s;
}

.delay_400 {
	-webkit-animation-delay: .4s;
	animation-delay        : .4s;
}

.delay_600 {
	-webkit-animation-delay: .6s;
	animation-delay        : .6s;
}

.delay_800 {
	-webkit-animation-delay: .8s;
	animation-delay        : .8s;
}

.right--0 {
	right: 0 !important;
}

.flex {
	display                : -webkit-box;
	display                : -ms-flexbox;
	display                : -webkit-flex;
	display                : flex;
	-webkit-box-orient     : horizontal;
	-webkit-box-direction  : normal;
	-ms-flex-flow          : row wrap;
	-webkit-flex-flow      : row wrap;
	flex-flow              : row wrap;
	-webkit-box-pack       : justify;
	-ms-flex-pack          : justify;
	-webkit-justify-content: space-between;
	justify-content        : space-between;
}

.flex--column {
	-webkit-box-orient     : vertical;
	-webkit-box-direction  : normal;
	-ms-flex-flow          : column wrap;
	-webkit-flex-flow      : column wrap;
	flex-flow              : column wrap;
	-webkit-box-pack       : center;
	-ms-flex-pack          : center;
	-webkit-justify-content: center;
	justify-content        : center
}

.flex--center {
	-webkit-box-align  : center;
	-ms-flex-align     : center;
	-webkit-align-items: center;
	align-items        : center;
	-webkit-box-pack   : center;
	-ms-flex-pack      : center;
}

.flex--start {
	-webkit-box-pack       : start;
	-ms-flex-pack          : start;
	-webkit-justify-content: flex-start;
	justify-content        : flex-start;
}

.flex--content--center {
	-webkit-box-pack       : center;
	-ms-flex-pack          : center;
	-webkit-justify-content: center;
	justify-content        : center;
}

.flex--end {
	-webkit-box-pack       : end;
	-ms-flex-pack          : end;
	-webkit-justify-content: flex-end;
	justify-content        : flex-end;
}

.is--fit {
	-webkit-box-flex       : 1;
	-ms-flex-positive      : 1;
	-webkit-flex-grow      : 1;
	flex-grow              : 1;
	-ms-flex-negative      : 1;
	-webkit-flex-shrink    : 1;
	flex-shrink            : 1;
	-ms-flex-preferred-size: 0;
	-webkit-flex-basis     : 0;
	flex-basis             : 0;
}

.flex--col--50 {
	width: -webkit-calc(100%/2 - 70px);
	width: calc(100%/2 - 70px);
}

.h-100 {
	height: 100%;
}

.w-100 {
	width: 100%;
}

.flex--reverse {
	-webkit-box-orient   : horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-flow        : row-reverse wrap;
	-webkit-flex-flow    : row-reverse wrap;
	flex-flow            : row-reverse wrap;
	display              : -webkit-box;
	display              : -ms-flexbox;
	display              : -webkit-flex;
	display              : flex;
}

.center-btns {
	width : 60%;
	margin: 0 auto;
}

.justify--text {
	text-align: justify;
}

.table100 {
	display: table;
	width  : 100%;
	height : 100%;
}

.table_cell {
	display       : table-cell;
	text-align    : center;
	vertical-align: middle;
}

.sec--pad {
	padding: 60px 0;
}

.col--50 {
	width: 50%;
}

.col--33 {
	width: 33.3%;
}

.col--25 {
	width: 25%;
}

.over--hide {
	overflow: hidden;
}

.z--1 {
	position: relative;
	z-index : 1;
}

.tx--upper {
	text-transform: uppercase;
}

.radius--100 {
	-webkit-border-radius: 100px;
	border-radius        : 100px;
}

.no-max-width {
	max-width: unset !important;
}

.items--wrap {
	margin-left : -7.5px;
	margin-right: -7.5px
}

.item--marge {
	padding      : 0 7.5px;
	margin-bottom: 15px;
	position     : relative;
}

.item--square {
	position: relative;
}

.item--square:before {
	content    : "";
	display    : block;
	width      : 100%;
	padding-top: 100%;
}

.hover--scale {
	-webkit-transition: all 0.9s ease-in-out;
	-o-transition     : all 0.9s ease-in-out;
	transition        : all 0.9s ease-in-out;
}

.hover--triger:hover .hover--scale {
	-ms-transform    : scale(1.05);
	-webkit-transform: scale(1.05);
	transform        : scale(1.05)
}

@font-face {
	font-family: NextExit;
	src        : url('/assets/font/nextexit/NextExitLight.woff') format('woff'),
		url('/assets/font/nextexit/NextExitLight.ttf') format('ttf'),
		url('/assets/font/nextexit/NextExitLight.woff2') format('woff2'),
		url('/assets/font/nextexit/NextExitLight.eot');
	font-weight: 300;
	font-style : normal;
}

@font-face {
	font-family: NextExit;
	src        : url('/assets/font/nextexit/NextExitRegular.woff') format('woff'),
		url('/assets/font/nextexit/NextExitRegular.ttf') format('ttf'),
		url('/assets/font/nextexit/NextExitRegular.woff2') format('woff2'),
		url('/assets/font/nextexit/NextExitRegular.eot');
	font-weight: 400;
	font-style : normal;
}

@font-face {
	font-family: NextExit;
	src        : url('/assets/font/nextexit/NextExitBold.woff') format('woff'),
		url('/assets/font/nextexit/NextExitBold.ttf') format('ttf'),
		url('/assets/font/nextexit/NextExitBold.woff2') format('woff2'),
		url('/assets/font/nextexit/NextExitBold.eot');
	font-weight: bold;
	font-style : normal;
}

@font-face {
	font-family: ReformaNarrow;
	src        : url('/assets/font/reforma/FbReformaNarrow-Regularwebfont.woff') format('woff'),
		url('/assets/font/reforma/FbReformaNarrow-Regularwebfont.ttf') format('ttf'),
		url('/assets/font/reforma/FbReformaNarrow-Regularwebfont.svg') format('svg'),
		url('/assets/font/reforma/FbReformaNarrow-Regularwebfont.eot');
	font-weight: 400;
	font-style : normal;
}

@font-face {
	font-family: ReformaNarrow;
	src        : url('/assets/font/reforma/FbReformaNarrow-Lightwebfont.woff') format('woff'),
		url('/assets/font/reforma/FbReformaNarrow-Lightwebfont.ttf') format('ttf'),
		url('/assets/font/reforma/FbReformaNarrow-Lightwebfont.svg') format('svg'),
		url('/assets/font/reforma/FbReformaNarrow-Lightwebfont.eot');
	font-weight: 300;
	font-style : normal;
}




/* ============== TITLES =========================== */
.title {
	font-size    : 80px;
	color        : #333333;
	font-weight  : 300;
	margin-bottom: 20px;
	line-height  : 1.1;
}

strong,
b {
	font-weight: 400;
}

.subtitle {
	font-size    : 32px;
	line-height  : 1;
	margin-bottom: 28px;
}

.title--85 {
	font-size: 85px;
}

.title--55 {
	font-size: 55px;
}

.title--40 {
	font-size  : 40px;
	font-weight: 400;
}

.title--41 {
	font-size  : 41px;
	font-weight: 700;
	color      : #32499a
}

.title--36 {
	font-size    : 36px;
	color        : #2a2e80;
	font-weight  : 400;
	margin-bottom: 15px;
	line-height  : 1.1
}

.tx--up {
	margin-top: -17px;
}

.text,
.text p {
	color      : #333333;
	font-size  : 26px;
	line-height: 1.4;
}

.text--28,
.text--28 p {
	font-size: 28px;
}

.text ul {
	padding   : 0;
	margin    : 0;
	list-style: none;
}

.text li {
	margin-bottom: 6px;
	padding-right: 15px;
	position     : relative;
}

.text li:before {
	content              : "";
	display              : block;
	width                : 8px;
	height               : 8px;
	-webkit-border-radius: 8px;
	border-radius        : 8px;
	background           : #324997;
	position             : absolute;
	top                  : 13px;
	right                : 0;
}

.link_tx {
	text-decoration: underline;
	display        : inline-block;
	font-size      : 35px;
	margin-top     : 8px;
}

.tx--bege,
.tx--bege * {
	color: #efecd5;
}

.tx--black,
.tx--black * {
	color: #333333;
}

.tx--blue {
	color: #2a2e80;
}

/* ============== TITLES =========================== */


/* ============== btns =========================== */
.bt_blue,
.form_submit input,
.bt_bege {
	background        : #32499a;
	display           : inline-block;
	height            : 80px;
	line-height       : 78px;
	font-size         : 40px;
	color             : #efecd5;
	font-weight       : 400;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
	padding           : 0 8px;
	min-width         : 245px;
	text-align        : center;
}

.bt_blue:hover,
.form_submit input:hover {
	background: #2a2e80;
	color     : #efecd5;
}

.form_submit input {
	line-height   : inherit;
	padding       : 0;
	padding-bottom: 3px;
	min-width     : inherit;
	width         : 100%;
	padding       : 0 0 3px !important
}

.bt_bege {
	background : #efecd5;
	color      : #333333;
	font-weight: 300;
}

.bt_bege:hover {
	background: #e0ddc3;
}

.bt_blue--sm {
	height     : 46px;
	line-height: 43px;
	font-size  : 28px;
	font-weight: 300;
	padding    : 0 20px;
	min-width  : inherit;
}

.bt_blue--md {
	height     : 34px;
	line-height: 43px;
	font-size  : 24px;
	font-weight: 300;
	padding    : 0 20px;
	min-width  : inherit;
}

.bt_blue-light {
	background: #5581bd
}

.bt_blue-light:hover {
	background: #6096e0;
}

/* ============== btns =========================== */



.inner_width {
	max-width    : 1230px;
	margin       : 0 auto;
	padding-left : 30px;
	padding-right: 30px;
}

.inner_width.no_padding {
	padding-left : 0 !important;
	padding-right: 0 !important;
}

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

.relative {
	position: relative;
}

.no_marge {
	margin: 0 !important;
}

/*======== popup =============*/
.popup_wrap {
	width     : 100%;
	height    : 100%;
	position  : fixed;
	top       : 0;
	right     : 0;
	left      : 0;
	z-index   : 10;
	overflow-y: scroll;
	display   : none;
}

.bgblack {
	width     : 100%;
	height    : 100%;
	background: rgba(0, 0, 0, 0.80);
	position  : fixed;
	top       : 0;
	left      : 0;
	right     : 0;
	bottom    : 0;
}

.popup_in {
	position  : relative;
	height    : 100%;
	overflow-y: scroll;
	z-index   : 10;
	padding   : 0 12px;
}

.popup {
	max-width         : 650px;
	background        : white;
	padding           : 40px;
	padding-bottom    : 60px;
	position          : relative;
	top               : 110px;
	margin            : 0 auto 50px;
	z-index           : 6;
	text-align        : center;
	-webkit-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.50);
	box-shadow        : 0px 2px 35px 0px rgba(0, 0, 0, 0.50);
}

.pop--small {
	max-width  : 550px;
	padding-top: 50px;
}

.popup_close a {
	display   : block;
	width     : 42px;
	height    : 42px;
	position  : absolute;
	top       : 15px;
	left      : 15px;
	text-align: center;
}

.popup_close a svg {
	width : 18px;
	height: 100%;
}

.close-animate a {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
	display           : block;
}

.close-animate a svg {
	display: block;
	margin : 0 auto;
}

.close-animate a:hover {
	-ms-transform           : rotate(180deg);
	-ms-transform-origin    : 50% 50%;
	-webkit-transform       : rotate(180deg);
	-webkit-transform-origin: 50% 50%;
	transform               : rotate(180deg);
	transform-origin        : 50% 50%;
	-webkit-transition      : all 0.6s ease;
	-o-transition           : all 0.6s ease;
	transition              : all 0.6s ease;
}

/*=====================*/
.header {
	position: absolute;
	top     : 0;
	left    : 0;
	z-index : 5;
	width   : 100%;
	right   : 0;
	padding : 20px 30px 0;
}

.logo_shape path {
	fill: #32499a;
}

.logo_tx path {
	fill: #636156;
}

.footer {
	background: #292929;
	padding   : 15px;
	font-size : 20px;
}

.ft_tx {
	margin-left: 20px
}

.rights {
	color: #8c8b7f;
}

.rights a {
	color: #8c8b7f;
}

.rights a:hover {
	color: #efecd5
}

.quatro-credit {
	font-size: 16px;
}

.menu_bt {
	display           : block;
	width             : 40px;
	position          : relative;
	-webkit-transition: background 0.3s;
	-o-transition     : background 0.3s;
	transition        : background 0.3s;
	height            : 40px;
	z-index           : 2;
	margin-top        : -12px;
}

.menu_bt_sep {
	display   : block;
	width     : 100%;
	height    : 4px;
	background: #31489a;
	position  : absolute;
	top       : 0;
	left      : 0;
	bottom    : 0;
	margin    : auto;
}

.menu_bt_sep:before,
.menu_bt_sep:after {
	content                    : "";
	display                    : block;
	width                      : 100%;
	height                     : 4px;
	background                 : #31489a;
	position                   : absolute;
	left                       : 0;
	-webkit-transition-duration: 0.3s, 0.3s;
	-o-transition-duration     : 0.3s, 0.3s;
	transition-duration        : 0.3s, 0.3s;
	-webkit-transition-delay   : 0.3s, 0s;
	-o-transition-delay        : 0.3s, 0s;
	transition-delay           : 0.3s, 0s;
}

.menu_bt_sep:before {
	top                        : -13px;
	-webkit-transition-property: top, -webkit-transform;
	transition-property        : top, -webkit-transform;
	-o-transition-property     : top, transform;
	transition-property        : top, transform;
	transition-property        : top, transform, -webkit-transform;
}

.menu_bt_sep:after {
	bottom                     : -13px;
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property        : bottom, -webkit-transform;
	-o-transition-property     : bottom, transform;
	transition-property        : bottom, transform;
	transition-property        : bottom, transform, -webkit-transform;
}

.menu_bt.active .menu_bt_sep {
	background: white;
	background: none
}

.menu_bt.active .menu_bt_sep:before {
	top                     : 0;
	-webkit-transform       : rotate(45deg);
	-ms-transform           : rotate(45deg);
	transform               : rotate(45deg);
	-webkit-transition-delay: 0s, 0.3s;
	-o-transition-delay     : 0s, 0.3s;
	transition-delay        : 0s, 0.3s;
}

.menu_bt.active .menu_bt_sep:after {
	bottom                  : 0;
	-webkit-transform       : rotate(-45deg);
	-ms-transform           : rotate(-45deg);
	transform               : rotate(-45deg);
	-webkit-transition-delay: 0s, 0.3s;
	-o-transition-delay     : 0s, 0.3s;
	transition-delay        : 0s, 0.3s;
}

.page-template-home .menu_bt {
	display: none;
}

.wrap--height {
	min-height    : 94.8vh;
	padding-top   : 65px;
	padding-bottom: 60px;
}

.sec_enter {
	padding: 0;
}

.checkin_right {
	padding: 30px;
}

.enter_right {
	width: 100%;
}

.enter_left {
	width: 50%;
}

.enter_cube {
	width : 50%;
	height: 300px;
}

.enter_box {
	width    : 100%;
	max-width: 600px;
}

.enter_box .title {
	display    : inline-block;
	position   : absolute;
	top        : 0;
	bottom     : 0;
	margin     : auto;
	background : #efecd5;
	color      : #333333;
	height     : 90px;
	padding    : 0 35px;
	line-height: 1;
	font-size  : 78px;
	z-index    : 1;
}

.enter_form .text {
	font-size: 34px;
}

.enter_form .tx--en {
	font-size: 28px;
}

.enter_form .ltr {
	font-size: 56px;
}

.enter_form .form_input {
	max-width: 500px;
	width    : 100%;
	margin   : 42px auto 80px;
}

.enter_form .form_input input {
	height   : 100px;
	font-size: 42px;
}

.enter_form .form_input_custom,
.form_input_custom2 {
	max-width: 500px;
	width    : 100%;
	margin   : 42px auto 80px;
}

.enter_form .form_input_custom input,
.form_input_custom2 input {
	height   : 100px;
	font-size: 42px;
}

.enter_form .form_submit {
	min-width: inherit;
}

.enter_cube:nth-of-type(4n + 1) {
	-webkit-transform: scale(0.835) translate(-3px, 3px);
	-ms-transform    : scale(0.835) translate(-3px, 3px);
	transform        : scale(0.835) translate(-3px, 3px);
}

.enter_cube:nth-of-type(4n + 4) {
	-webkit-transform: scale(0.835) translate(3px, 3px);
	-ms-transform    : scale(0.835) translate(3px, 3px);
	transform        : scale(0.835) translate(3px, 3px);
}

.start_puzel .enter_cube {
	-webkit-animation: puzelEnter .3s forwards ease-in-out;
	animation        : puzelEnter .3s forwards ease-in-out
}

@-webkit-keyframes puzelEnter {
	0% {}

	100% {
		-webkit-transform: scale(1) translate(0, 0);
		-ms-transform    : scale(1) translate(0, 0);
		transform        : scale(1) translate(0, 0);
	}
}

@keyframes puzelEnter {
	0% {}

	100% {
		-webkit-transform: scale(1) translate(0, 0);
		-ms-transform    : scale(1) translate(0, 0);
		transform        : scale(1) translate(0, 0);
	}
}

.start_enter .enter_box .title {
	-webkit-animation: enterTitle .1s forwards ease-in-out;
	animation        : enterTitle .1s forwards ease-in-out
}

@-webkit-keyframes enterTitle {

	0%,
	50% {
		background: #efecd5
	}

	100% {
		background: #dddac5;
	}
}

@keyframes enterTitle {

	0%,
	50% {
		background: #efecd5
	}

	100% {
		background: #dddac5;
	}
}

/* ========QUIZ======== */
.quize_form input {
	color: black;
}

.quize_form.disabled input {
	color: black;
}

.form_col.quiz_disabled.quiz_payment input[disabled] {
	-webkit-text-fill-color: #334a9a;
	opacity                : 1;
}


/*=====================*/
.bg_bege {
	background-color: #dddac5;
}

.bg_green {
	background-color: #5ba339
}

.bg_green2 {
	background-color: #00a248;
}

.bg_orange {
	background-color: #e6940e
}

.bg_orange2 {
	background-color: #f45c12;
}

.bg_pink {
	background-color: #e54e9e;
}

.bg_blue {
	background-color: #00a0ba;
}

.bg--blue {
	background-color: #32499a;
}

.bg--blue-light {
	background-color: #5581bd;
}

.bg--blue-dark {
	background-color: #2a2e80;
}

.bg--orange {
	background-color: #f05a23;
}

.bg--bege {
	background-color: #efecd5;
}

.box_width {
	padding: 30px 50px;
	margin : auto;
	width  : 100%;
}

.marge--bt--65 {
	margin-bottom: 65px;
}

.welcome_items {
	margin-bottom: 55px;
	margin-top   : 8px;
}

.welcome_item {
	margin-left: 40px;
}

.welcome_item:last-child {
	margin-left: 0;
}

.welcome_item svg {
	margin-left: 15px;
}

.note_tx {
	color        : #808080;
	font-size    : 24px;
	margin-bottom: 20px;
}

#login-class-phone {
	display: block;
}

/*=====================*/
.pad--0 {
	padding-top: 0;
}

.profile_top {
	height: 480px;
}

.profile_top svg {
	width     : 90px;
	height    : 90px;
	margin-top: 60px;
}

.profile_top .title {
	font-size: 70px;
}

.tx--bege path {
	fill: #efecd5;
}

.has-white-header .logo_shape path,
.has-white-header .logo_tx path {
	fill: #efecd5;
}

.has-white-header .menu_bt_sep,
.has-white-header .menu_bt_sep:before,
.has-white-header .menu_bt_sep:after {
	background: #efecd5;
}

.profile_form {
	max-width     : 730px;
	margin        : auto;
	padding-bottom: 90px;
}

.form_col {
	width: -webkit-calc(100%/2 - 6px);
	width: calc(100%/2 - 6px)
}

.form_input {
	position     : relative;
	margin-bottom: 20px;
}

.form_input_custom2 {
	position: relative;
}

.bt_input,
.sum_edit_bt,
.search_btn {
	display              : inline-block;
	-webkit-border-radius: 60px;
	border-radius        : 60px;
	background-color     : #efecd5;
	width                : 30px;
	height               : 30px;
	position             : absolute;
	top                  : 0;
	bottom               : 0;
	left                 : 10px;
	margin               : auto;
	cursor               : pointer;
	z-index              : 1;
	background-size      : 10px auto;
	background-repeat    : no-repeat;
	background-position  : center center;
	background-image     : url('/img/ic-arrow.svg');
}

.search_btn {
	background-color: unset;
	background-image: url('/img/search_black.svg');
	background-size : 18px;
}

.btn-unlock {
	background-image: url('/img/ic-pen.svg');
	background-size : 16px auto;
}

.sum_edit_bt {
	background-size: 16px auto;
}

.btn-unlock:hover {
	background-color: #32499a;
	background-image: url('/img/ic-pen-white.svg');
}

.profile_form_in {
	margin-bottom: 22px;
}

/*=====================*/
.menu_in {
	background        : #efecd5;
	width             : 500px;
	height            : 100%;
	padding           : 45px 50px;
	padding-top       : 0;
	position          : fixed;
	top               : 0;
	left              : -100%;
	bottom            : 0;
	z-index           : 1;
	-webkit-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.50);
	box-shadow        : 0px 2px 35px 0px rgba(0, 0, 0, 0.50);
	overflow          : scroll;
}

.top_close {
	display : block;
	height  : 18px;
	position: absolute;
	top     : 25px;
	right   : 25px;
}

.menu_close polygon {
	fill: #333333;
}

.menu_top {
	padding-top: 100px;
}

.menu_top .title {
	font-size    : 60px;
	margin-bottom: 40px;
}

.menu_top svg {
	width : 66px;
	height: auto;
}

.menu_links {
	border-top   : 2px solid #bfbdab;
	border-bottom: 2px solid #bfbdab;
	padding      : 23px 0;
	margin-bottom: 23px;
}

.menu_item {
	color      : #333333;
	padding    : 15px 0;
	font-size  : 40px;
	line-height: 1;
	position   : relative;
}

.menu_item svg {
	margin-left: 22px;
	margin-top : 4px;
}

.menu_item_num {
	width     : 40px;
	height    : 40px;
	background: #f15a24;
	color     : #efecd5;
	font-size : 34px;
	position  : absolute;
	top       : 0;
	left      : 0;
	bottom    : 0;
	margin    : auto;
}

.menu_item:hover,
.menu_item.active {
	font-weight: 400;
}

.menu_item:hover path,
.menu_item:hover polygon {
	fill: #32499a;
}

.menu_links .menu_item:nth-of-type(5n + 1):hover path,
.menu_links .menu_item:nth-of-type(5n + 1).active path,
.menu_bottom .menu_item:nth-of-type(5n + 1):hover path,
.menu_bottom .menu_item:nth-of-type(5n + 1).active path {
	fill: #f45c12
}

.menu_links .menu_item:nth-of-type(5n + 2):hover path,
.menu_links .menu_item:nth-of-type(5n + 2).active path,
.menu_bottom .menu_item:nth-of-type(5n + 2):hover path,
.menu_bottom .menu_item:nth-of-type(5n + 2).active path {
	fill: #00a0ba
}

.menu_links .menu_item:nth-of-type(5n + 3):hover path,
.menu_links .menu_item:nth-of-type(5n + 3).active path,
.menu_bottom .menu_item:nth-of-type(5n + 3):hover path,
.menu_bottom .menu_item:nth-of-type(5n + 3).active path {
	fill: #00a248
}

.menu_links .menu_item:nth-of-type(5n + 4):hover path,
.menu_links .menu_item:nth-of-type(5n + 4).active path,
.menu_bottom .menu_item:nth-of-type(5n + 4):hover path,
.menu_bottom .menu_item:nth-of-type(5n + 4).active path {
	fill: #e54e9e
}

.menu_links .menu_item:nth-of-type(5n + 5):hover path,
.menu_links .menu_item:nth-of-type(5n + 5).active path,
.menu_bottom .menu_item:nth-of-type(5n + 5):hover path,
.menu_bottom .menu_item:nth-of-type(5n + 5).active path {
	fill: #e6940e
}

.side_profile {
	background: #efecd5;
	width     : 500px;
	height    : 100%;
	position  : fixed;
	top       : 0;
	left      : -100%;
	bottom    : 0;
	z-index   : 20;
	overflow  : scroll;
}

.side_profile_top {
	height: 335px;
}

.side_profile_top svg {
	margin-top   : 44px;
	margin-bottom: 10px;
	width        : 66px;
	height       : auto;
}

.side_profile_top .title {
	font-size: 60px;
}

.side_profile_in {
	padding: 45px 50px;
}

.side_profile_in .form_input input {
	height: 66px;
}

.side_profile_in .form_submit {
	margin-top: 60px;
}

.side_profile_in .form_submit.bt_disable input,
.profile_form .form_submit.bt_disable input {
	background: #dddac5 !important;
	color     : #efecd5 !important;
}

/*=====================*/
.quize_slide {
	margin-bottom: 0;
	width        : 100%;
}

.quize_slide_item_in {
	min-height: 600px;
	text-align: right;
}

.quize_slide_item_in .title {
	margin-bottom: 72px;
}

.quize_answers--row .bt_bege {
	margin: 0 12px;
}

.quize_answers--col {
	max-width: 375px
}

.quize_answers--col .bt_bege {
	margin-bottom: 18px;
	width        : 100%;
}

.quize_slide .slick-track {
	/* display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; */
}

/* .quize_slide_item{margin:0 4px;} */
.quize_slide_item:first-child .page-counter {
	opacity: 0;
}

.page-counter {
	margin-top        : 20px;
	opacity           : 0;
	-webkit-transition: opacity ease-in .8s;
	-o-transition     : opacity ease-in .8s;
	transition        : opacity ease-in .8s;
}

.slick-current .page-counter {
	opacity: 1;
}

.quize_slide_item_in {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
	-webkit-transform : scale(0.8);
	-ms-transform     : scale(0.8);
	transform         : scale(0.8);
}

.slick-current .quize_slide_item_in {
	-webkit-transform: scale(1);
	-ms-transform    : scale(1);
	transform        : scale(1);
}

.bt_quize.active {
	background: #31489a;
	color     : #efecd5;
}

.quize_slide_item:nth-of-type(4n + 1) .quize_slide_item_in {
	background-color: #5ba339
}

.quize_slide_item:nth-of-type(4n + 2) .quize_slide_item_in {
	background-color: #e6940e
}

.quize_slide_item:nth-of-type(4n + 3) .quize_slide_item_in {
	background-color: #e54e9e
}

.quize_slide_item:nth-of-type(4n + 4) .quize_slide_item_in {
	background-color: #00a0ba
}

.quize_answers {
	width: 100%;
}

.text_medic {
	color        : #4d4d4d;
	margin-bottom: 30px;
}

textarea,
.checkin_quiz .bootstrap-tagsinput {
	resize        : none;
	height        : 140px;
	padding-top   : 18px;
	padding-bottom: 18px
}

.input_medic {
	width        : 100%;
	max-width    : 950px;
	margin-bottom: 50px;
}

.input_dark textarea,
.checkin_quiz .bootstrap-tagsinput {
	background   : rgba(0, 0, 0, 0.12);
	color        : #efecd5;
	border-radius: 0;
	border       : 0;
	outline      : none;
}

.opening_page .bt_quize {
	margin-top: 60px;
}

div[id^="scrollbar"],
#scrollbar1,
#scrollbar2,
#scrollbar3 {
	width              : 100%;
	max-width          : 800px;
	margin             : 32px auto 45px;
	position           : relative;
	-ms-user-select    : none;
	user-select        : none;
	-o-user-select     : none;
	-moz-user-select   : none;
	-khtml-user-select : none;
	-webkit-user-select: none;
}

div[id^="scrollbar"].disclaimerscroller .viewport,
#scrollbar1 .viewport,
#scrollbar2 .viewport {
	height  : 300px;
	overflow: hidden;
	position: relative;
}

div[id^="scrollbar"].summary .viewport,
#scrollbar3 .viewport {
	height  : 350px;
	overflow: hidden;
	position: relative;
}

div[id^="scrollbar"] .overview,
#scrollbar1 .overview,
#scrollbar2 .overview,
#scrollbar3 .overview {
	list-style  : none;
	position    : absolute;
	left        : 0;
	top         : 0;
	margin      : 0;
	padding     : 0;
	width       : 100%;
	padding-left: 48px;
}

div[id^="scrollbar"] .scrollbar,
#scrollbar1 .scrollbar,
#scrollbar2 .scrollbar,
#scrollbar3 .scrollbar {
	position: absolute;
	left    : 0;
	top     : 0;
	width   : 5px;
	z-index : 1;
}

div[id^="scrollbar"] .track,
#scrollbar1 .track,
#scrollbar2 .track,
#scrollbar3 .track {
	height    : 100%;
	width     : 100%;
	position  : relative;
	padding   : 0;
	background: rgba(0, 0, 0, 0.09);
}

div[id^="scrollbar"] .thumb,
#scrollbar1 .thumb,
#scrollbar2 .thumb,
#scrollbar3 .thumb {
	height    : 20px;
	width     : 100%;
	cursor    : pointer;
	overflow  : hidden;
	position  : absolute;
	top       : 0;
	left      : 0px;
	background: #efecd5;
}

div[id^="scrollbar"] .thumb:hover,
#scrollbar1 .thumb:hover,
#scrollbar2 .thumb:hover,
#scrollbar3 .thumb:hover {
	background: #e0ddc3;
}

div[id^="scrollbar"] .thumb .end,
#scrollbar1 .thumb .end,
#scrollbar2 .thumb .end,
#scrollbar3 .thumb .end {
	overflow: hidden;
	height  : 5px;
	width   : 8px;
}

div[id^="scrollbar"] .disable,
#scrollbar1 .disable,
#scrollbar2 .disable,
#scrollbar3 .disable {
	display: none;
}

.pad--65 {
	padding-top   : 65px;
	padding-bottom: 65px;
}

.row_sum {
	padding   : 18px 0;
	background: url('/img/dott.png') repeat-x right bottom;
}

.hmc_beige .row_sum {
	padding   : 18px 0;
	background: url('/img/dott_beige.png') repeat-x right bottom;
}

.quize_sum {
	margin: 50px auto;
}

.sum_edit_bt {
	background-color: rgba(0, 0, 0, 0.18);
	display         : block;
	background-image: url('/img/ic-pen-white.svg');
	position        : static;
	margin-left     : 8px;
	margin-top      : 2px;
}

.sum_edit_bt:hover {
	background-color: #32499a
}

.box_quize_terms {
	background-color: #dddac5 !important;
}

.quize_terms {
	background: #d2cfbb;
	font-size : 23px;
	text-align: right;
}

.quize_terms .text,
.quize_terms p {
	font-size: 23px
}

.quize_terms .overview {
	padding: 30px !important;
}

.sec_sign {
	margin-top: 42px;
}

.input_sign {
	margin-bottom: 0;
}

.input_sign textarea {
	background: #efecd5;
	height    : 100px;
}

.form_check {
	position     : relative;
	font-size    : 14px;
	color        : black;
	margin-bottom: 10px;
	padding-right: 32px;
	text-align   : right;
	margin-top   : 5px;
}

.form_check label {
	display    : block;
	cursor     : pointer;
	font-weight: 300;
	margin     : 0;
	font-size  : 20px;
	color      : #4d4d4d;
}

.form_check input[type="checkbox"],
.form_check input[type="radio"] {
	display: none;
}

.form_check br {
	display: none;
}

.checkmark {
	display         : block;
	width           : 25px;
	height          : 25px;
	background-color: #efecd5;
	position        : absolute;
	top             : 1px;
	right           : 0;
}

.form_check input:checked~.checkmark {
	background     : #5ba239 url('/img/check.svg') no-repeat center center;
	background-size: 55% auto;
}

.form_check a {
	text-decoration: underline;
}

.form_radio {
	padding-right: 25px;
}

.form_radio .checkmark {
	background-image: url('assets/img/layout/radio.png');
	width           : 20px;
	height          : 20px;
	background-size : 20px auto;
	top             : -1px;
}

.form_radio label {}

.radio_row {
	margin-bottom: 8px;
}

.radio_choose {
	margin-right: 3%;
}

.radio_choose .form_radio {
	margin-right: 18px;
}

.bt_disable,
.bt_disable input {
	background : #efecd5 !important;
	color      : #dddac5 !important;
	font-weight: 300;
	cursor     : default;
}

.enter_form .bt_disable input {
	background : #d8d5c0 !important;
	color      : #eeebd4 !important;
	font-weight: 400;
}

.quize_prev {
	position   : absolute;
	top        : 15px;
	left       : 50%;
	margin-left: -60px;
	z-index    : 6;
	width      : 120px;
	cursor     : pointer;
	display    : none;
}

.quize_prev svg {
	position          : absolute;
	bottom            : -18px;
	left              : 0;
	right             : 0;
	margin            : auto;
	-webkit-transition: bottom ease-in-out .2s;
	-o-transition     : bottom ease-in-out .2s;
	transition        : bottom ease-in-out .2s;
	display           : block;
}

.pop_quize_prev .popup_in {
	padding: 0;
}

.show_back_steps.pop_quize_prev .popup_in {
	display: block;
}

.pop_quize_prev .popup {
	background: #32499a;
	max-width : inherit;
	top       : 0;
	padding   : 90px 15px;
}

.pop_quize_prev_in {
	max-width: 750px;
	margin   : 0 auto;
}

.pop_quize_prev_in .row_sum:last-child {
	background: transparent;
}

.pop_quize_prev .popup_close a {
	position: static;
	width   : 43px;
	height  : auto;
	margin  : 0 auto 50px;
}

.pop_quize_prev .popup_close a svg {
	width: 43px;
}

.box_quize_form {
	background-color: #31489a
}

.quize_form {
	max-width : 800px;
	margin    : 0 auto;
	text-align: right;
	width     : 100%;
}

/* return 50px margin top */
.dark_form .form_label {
	color: #efecd5;
}

.dark_form .form_input input {
	background             : #273a7b;
	color                  : #efecd5;
	-webkit-text-fill-color: #efecd5;
}

.dark_form .form_submit input {
	background: #efecd5;
	color     : #324899;
}

.box_quize_thank {
	background-color: #dddac5 !important
}

.quize_thank {
	text-align: right;
}

.quize_thank_in {
	max-width: 800px;
	margin   : 33px auto 22px;
}

.quize_thank_bottom {
	max-width: 800px;
	margin   : 0 auto;
}

.quize_thank_item {
	width  : -webkit-calc(100%/3 - 15px);
	width  : calc(100%/3 - 15px);
	padding: 17px 16px;
}

.quize_thank_item .text {
	font-size  : 23px;
	width      : 82%;
	line-height: 1;
}

.thank_arrow svg {
	width : 10px;
	height: auto;
}

.quize_thank_item:hover .thank_arrow {
	-webkit-animation: move-sm .8s ease-in-out 1;
	animation        : move-sm .8s ease-in-out 1;
}

@-webkit-keyframes move-sm {

	0%,
	100% {
		-webkit-transform: translate(0px);
		transform        : translate(0px);
	}

	50% {
		-webkit-transform: translate(-6px, 0);
		transform        : translate(-6px, 0)
	}
}

@keyframes move-sm {

	0%,
	100% {
		-webkit-transform: translate(0px);
		transform        : translate(0px);
	}

	50% {
		-webkit-transform: translate(-6px, 0);
		transform        : translate(-6px, 0)
	}
}

.home_right {
	background-image: url('/img/enter_bg.jpg')
}

.home_right .enter_box .title {
	position: static;
}

.start_enter .home_right .enter_box .title {
	-webkit-animation: inherit;
	animation        : inherit;
}

.enter_form {
	padding: 30px 30px;
}

.enter-stp1,
.enter-stp2 {
	width: 100%;
}

.code_row {
	width : 356px;
	margin: 42px auto 80px;
}

.code_row .form_input_custom {
	margin: 0 auto !important;
	width : -webkit-calc(100%/4 - 13px);
	width : calc(100%/4 - 13px);
}

.code_row .form_input_custom input {
	font-size     : 80px;
	padding       : 0;
	text-align    : center;
	padding-bottom: 10px;
}

.code_row input:focus,
.code_row .inserted input,
.temp_code_row.inserted input {
	border: 2px solid #5b6ca3;
}

.lobby_top {
	height: 500px;
}

.lobby_top .title {
	font-size    : 100px;
	margin       : 0;
	margin-bottom: 40px;
}

.lobby_items {
	max-width: 810px;
	margin   : 0 auto;
}

.lobby_item {
	width        : -webkit-calc(100%/3 - 50px);
	width        : calc(100%/3 - 50px);
	margin       : 0 25px;
	margin-bottom: 50px;
	height       : 230px;
}

.lobby_item.grayed_out {
	background-color: gray !important;
	pointer-events  : none !important;
	opacity         : 0.3 !important;
}

.lobby_item_ic {
	position: relative;
}

.lobby_item_ic svg {
	width         : 70px;
	height        : auto;
	-webkit-filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, .3));
	filter        : drop-shadow(3px 3px 6px rgba(0, 0, 0, .3));
}

.lobby_item_tx {
	font-size  : 38px;
	line-height: 0.9;
	text-shadow: 1px 4px 10px rgba(0, 0, 0, 0.4);
}

.lobby_item:hover {
	-webkit-box-shadow: 3px 6px 15px 0px rgba(0, 0, 0, 0.25);
	box-shadow        : 3px 6px 15px 0px rgba(0, 0, 0, 0.25);
}

.lobby_item:hover .lobby_item_ic {
	-webkit-transform: translate(0, -6px);
	-ms-transform    : translate(0, -6px);
	transform        : translate(0, -6px)
}

.lobby_item_ic .menu_item_num {
	background        : #333333;
	top               : -10px;
	right             : -10px;
	left              : auto;
	bottom            : auto;
	width             : 35px;
	height            : 35px;
	font-size         : 28px;
	line-height       : 30px;
	-webkit-box-shadow: 3px 6px 15px 0px rgba(0, 0, 0, 0.25);
	box-shadow        : 3px 6px 15px 0px rgba(0, 0, 0, 0.25);
}

.quize_thank .quize_terms {
	margin-bottom: 25px !important;
}

.checkin_left .note_tx {
	margin-top: 10px;
}

.input_sign {
	margin-top: 15px;
}


/*====== cancel app ===============*/
.sec_cancel_app {
	padding: 0;
}

.cancel_app_right {
	width              : 39%;
	position           : fixed;
	background-image   : url('/img/cancel_app_bg.jpg');
	background-position: center top;
	height             : auto;
	bottom             : 54px;
}

.cancel_app_right .title {
	color      : #efecd5;
	font-size  : 96px;
	font-weight: 400;
	max-width  : 300px;
	line-height: .8;
}

.cancel_app_left {
	padding: 30px 30px;
}

.cancel_main {
	max-width     : 790px;
	margin        : 0 auto;
	padding       : 80px 0;
	padding-bottom: 150px;
}

.cancel_main .subtitle {
	color: #535353;
}

.cancel_item {
	padding      : 15px 28px;
	background   : #dfdcc7;
	padding-left : 135px;
	margin-bottom: 30px;
}

.cancel_row {
	padding    : 15px 0 22px;
	background : url('/img/dott-grey.png') repeat-x right bottom;
	color      : black;
	font-size  : 32px;
	line-height: 1;
}

.cancel_row:last-child {
	background: none;
}

.cancel_row svg {
	width      : 26px;
	height     : auto;
	margin-left: 16px;
	margin-top : 2px;
}

.cancel_check_bt {
	width     : 60px;
	height    : 60px;
	background: #d3d0bd;
	position  : absolute;
	top       : 0;
	bottom    : 0;
	margin    : auto;
	left      : 35px;
}

.cancel_check_bt svg {
	width  : 30px;
	height : auto;
	display: none;
}

.cancel_check_bt.active {
	background: #f15a24;
}

.cancel_check_bt.active svg {
	display: block;
}

.cancel_main_fixed {
	position: fixed;
	width   : 100%;
	left    : 0;
	right   : 0;
	bottom  : 54px;
}

.cancel_main_bottom {
	width: 61%;
}

.cancel_main_bottom_in {
	max-width    : 790px;
	margin       : 0 auto;
	padding-top  : 60px;
	border-bottom: 40px solid #efecd5;
	background   : rgba(239, 236, 213, 0);
	background   : -moz-linear-gradient(top, rgba(239, 236, 213, 0) 0%, rgba(239, 236, 213, 1) 52%, rgba(239, 236, 213, 1) 100%);
	background   : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239, 236, 213, 0)), color-stop(52%, rgba(239, 236, 213, 1)), color-stop(100%, rgba(239, 236, 213, 1)));
	background   : -webkit-linear-gradient(top, rgba(239, 236, 213, 0) 0%, rgba(239, 236, 213, 1) 52%, rgba(239, 236, 213, 1) 100%);
	background   : -o-linear-gradient(top, rgba(239, 236, 213, 0) 0%, rgba(239, 236, 213, 1) 52%, rgba(239, 236, 213, 1) 100%);
	background   : -ms-linear-gradient(top, rgba(239, 236, 213, 0) 0%, rgba(239, 236, 213, 1) 52%, rgba(239, 236, 213, 1) 100%);
	background   : linear-gradient(to bottom, rgba(239, 236, 213, 0) 0%, rgba(239, 236, 213, 1) 52%, rgba(239, 236, 213, 1) 100%);
	filter       : progid:DXImageTransform.Microsoft.gradient(startColorstr='#efecd5', endColorstr='#efecd5', GradientType=0);
}

.cancel_main_bottom_in .bt_blue {
	width: 100%;
}

.cancel_pop_sure .popup {
	max-width    : 400px;
	background   : #8bb9f7;
	width        : 100%;
	top          : auto;
	margin-bottom: 50px;
	padding      : 60px 45px 45px;
}

.cancel_pop_sure .clearicon {
	max-width       : 120px;
	background-color: white;
	width           : 120px;
	height          : 120px;
	margin          : 10px auto;
	border-radius   : 60px;
	padding         : 35px;
}

.cancel_pop_sure .clearicon svg {
	width : 100%;
	height: 100%;
}

.cancel_pop_sure .clearicon polygon {
	fill: #8bb9f7;
}

.cancel_pop_sure .popup_close a {
	left : auto;
	right: 15px
}

.cancel_pop_sure .text {
	color      : #1a1a1a;
	font-size  : 36px;
	line-height: 1;
	margin     : 20px 0 40px;
}

.cancel_pop_sure .bt_bege {
	width      : 48%;
	min-width  : inherit;
	height     : 60px;
	line-height: 58px;
	font-weight: bold;
	font-size  : 32px;
}

.confirm_disclaimer .popup {
	max-width    : 400px;
	background   : #8bb9f7;
	width        : 100%;
	top          : auto;
	margin-bottom: 50px;
	padding      : 60px 45px 45px;
}

.confirm_disclaimer .popup_close a {
	left : auto;
	right: 15px
}

.confirm_disclaimer .text {
	color      : #1a1a1a;
	font-size  : 36px;
	line-height: 1;
	margin     : 20px 0 40px;
}

.confirm_disclaimer .bt_bege {
	width      : 48%;
	min-width  : inherit;
	height     : 60px;
	line-height: 58px;
	font-weight: bold;
	font-size  : 32px;
}

.fin_ok {
	background   : #5581bd;
	width        : 110px;
	height       : 110px;
	margin-bottom: 58px;
}

.fin_ok svg {
	width : 52px;
	height: auto;
}

.cancel_fin .subtitle {
	font-size  : 50px;
	font-weight: bold;
	color      : #1a1a1a;
	margin     : 0;
}

.cancel_fin .text {
	font-size    : 44px;
	color        : #1a1a1a;
	margin-bottom: 70px;
}

.sec_cancel_app input[type=number]::-webkit-inner-spin-button,
.sec_cancel_app input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin            : 0;
}

/*====== files app ===============*/
.file_app_right {
	background-image: url('/img/file_app_bg.jpg');
}

.file_title {
	text-align: center;
	padding   : 20px 0;
}

.file_upload_form {
	padding      : 35px 0;
	margin-bottom: 35px;
}

.sec_cancel_app .error-message {
	font-size : 20px;
	text-align: right;
	color     : red;
	position  : absolute;
	right     : 0;
	bottom    : -5px;
	transform : translateY(100%);
}

.sec_cancel_app .ajax-loader {
	display  : none;
	position : absolute;
	top      : -15px;
	left     : 50%;
	transform: translate(-50%, -100%);
}

.home_enter .ajax-loader {
	display      : none;
	position     : relative;
	margin       : 0 auto;
	margin-bottom: 20px;
}

.home_enter .ajax-loader.loading {
	display: block;
}

.sec_cancel_app .bt_sending .ajax-loader,
.home_enter .bt_sending .ajax-loader {
	display: block;
}

.sec_cancel_app .form-field--group .error-message {
	width: 340px;
}

/*=====================*/

/*===== results ================*/
.results_top {
	height: 350px;
}

.results_top .title {
	font-weight: bold;
	margin     : 0;
}

.results_filters_wrap {
	margin-bottom: 35px;
}

.filter_bt {
	display     : inline-block;
	height      : 60px;
	background  : #32499a;
	color       : #efecd5;
	font-size   : 28px;
	font-weight : 300;
	line-height : 58px;
	padding     : 0 25px;
	position    : relative;
	padding-left: 70px;
}

.results_filter:hover .filter_bt {
	background: #2a2e80;
}

.results_filter .filter_bt svg {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
	width             : 20px;
	height            : 15px;
	position          : absolute;
	top               : 0;
	left              : 20px;
	bottom            : 0;
	margin            : auto;
}

.results_filter .filter_bt path {
	fill: #efecd5;
}

.filter_open {
	display           : none;
	position          : absolute;
	width             : 100%;
	right             : 0;
	top               : 68px;
	-webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.20);
	box-shadow        : 0px 2px 15px 0px rgba(0, 0, 0, 0.20);
	z-index           : 2;
}

.filter_open_in {
	padding: 0 25px
}

.results_filter.active .filter_bt svg {
	-webkit-transform: rotate(180deg);
	-ms-transform    : rotate(180deg);
	transform        : rotate(180deg);
}

.results_filter,
.filter_selected {
	margin-left  : 10px;
	margin-bottom: 8px;
}

.close_filter {
	width             : 30px;
	height            : 30px;
	border-radius     : 60px;
	background        : #283a7b;
	position          : absolute;
	top               : 0;
	left              : 20px;
	bottom            : 0;
	margin            : auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.filter_selected:hover .close_filter {
	background: #2a2e80
}

.be--center {
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
}

.filter_row {
	display      : block;
	position     : relative;
	padding      : 25px 0;
	padding-right: 42px;
	line-height  : 1;
	font-size    : 28px;
}

.filter_open .filter_row:last-child {
	background: transparent;
}

.filter_check {
	width           : 30px;
	height          : 30px;
	position        : absolute;
	top             : 0;
	bottom          : 0;
	right           : 0;
	margin          : auto;
	background-color: #efecd5;
}

.filter_check:before {
	content          : "";
	display          : block;
	width            : 100%;
	height           : 100%;
	position         : absolute;
	top              : 0;
	right            : 0;
	background       : url('/img/ok.svg') no-repeat center center;
	background-size  : 16px auto;
	-webkit-transform: scale(0);
	-ms-transform    : scale(0);
	transform        : scale(0);
}

.filter_row.active {
	font-weight: 400;
}

.filter_row.active .filter_check {
	background-color: #28b42d;
}

.filter_row.active .filter_check:before {
	-webkit-animation: check .3s ease-in-out forwards;
	animation        : check .3s ease-in-out forwards;
}

@-webkit-keyframes check {

	0%,
	30% {
		-webkit-transform: scale(0);
		-ms-transform    : scale(0);
		transform        : scale(0);
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform    : scale(1);
		transform        : scale(1)
	}
}

@keyframes check {

	0%,
	30% {
		-webkit-transform: scale(0);
		-ms-transform    : scale(0);
		transform        : scale(0);
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform    : scale(1);
		transform        : scale(1)
	}
}

.results_head {
	font-weight: 400;
	font-size  : 26px;
	line-height: 48px;
	height     : 50px;
}

.results_head_mobile {
	display: none;
}

.results_row {
	background : #d8d5c0;
	height     : 100px;
	margin-top : 10px;
	line-height: .9
}

.results_col1,
.results_col2,
.results_col3,
.results_col4 {
	padding-right: 20px;
}

.results_col1 {
	width        : 22%;
	padding-right: 50px;
	display      : flex;
	align-items  : center;
}

.results_col2 {
	width: 33%;
}

.results_col3 {
	width: 25%;
}

.results_col4 {
	width     : 10%;
	text-align: center;
	padding   : 0;
}

.results_col5 {
	width     : 10%;
	text-align: center;
	padding   : 0;
}

.results_col5 circle {
	fill: transparent
}

.success_icon {
	background       : #82c156;
	width            : 40px;
	height           : 40px;
	border-radius    : 100%;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	margin-left      : 20px;
	/* box-shadow       : 0px 0px 6px #00000073; */
}

.upload_body {
	width         : 70%;
	margin        : 0 auto;
	display       : flex;
	flex-direction: row;
}

.upload_row {
	width: 100%;
}

.upload_row {
	background-color: #d8d5c0;
	padding-right   : 5%;
}

.margin_20 {
	margin-bottom: 20px;
}

.upload_body .bt_select {
	width    : 100%;
	max-width: 300px;
}

.upload_body .bt_select:after {}

.upload_body select {
	height        : auto;
	padding-top   : 5px;
	padding-bottom: 5px;
}

.bt_select {
	margin: 0 auto;
	border: 1px solid black;
}

.bt_select:after {
	content: url(/img/ic-arrow.svg);
}

.bt_select>select {
	display: inline-block;
}

.results_row .results_col1 {
	font-size: 28px;
	position : relative;
}

.results_row .results_col2 {
	font-size: 32px;
}

.results_row .results_col3 {
	font-size: 26px;
}

.view_bt {
	background       : #32499a;
	width            : 60px;
	height           : 60px;
	border-radius    : 100%;
	margin           : 0 auto;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	cursor           : pointer;
}

.view_bt:hover {
	background: #f05a23;
}

.new-result {
	background : #e3e0ca;
	font-weight: 400
}

.new-result .results_col1:before {
	content      : "";
	display      : block;
	width        : 13px;
	height       : 13px;
	background   : #32499a;
	border-radius: 60px;
	position     : absolute;
	top          : 0;
	right        : 20px;
	bottom       : 0;
	margin       : auto;
}

.file_name {
	color           : #333;
	/* border       : 1px solid #25d366;  */
	/* padding      : 3px 8px; */
	/* border-radius: 30px;
	width           : fit-content; */
	font-size       : 16px;
	/* font-weight  : bold; */
	/* margin-top      : 10px; */
}

.bt_wrapper {
	display        : flex;
	justify-content: center;
}

.bt_wrapper a {
	margin: 10px;
}

.results_main .title--36 {
	margin-top: 60px;
}

.results_main:first-child .title--36 {
	margin-top: 0;
}

.ws-chat {
	position        : fixed;
	width           : 60px;
	height          : 60px;
	bottom          : 30px;
	left            : 10px;
	background-color: #25d366;
	color           : #FFF;
	border-radius   : 50px;
	text-align      : center;
	font-size       : 30px;
	box-shadow      : 2px 2px 3px #999;
	z-index         : 3;
}

.ws-chat-i {
	margin-top: 16px;
}

.my_app_page .cancel_app_right .title {
	font-weight: 400;
}

.my_app_tab {
	display      : block;
	text-align   : center;
	width        : 220px;
	height       : 58px;
	line-height  : 54px;
	font-size    : 28px;
	color        : #cbc8b5;
	border       : 1px solid #cbc8b5;
	margin-bottom: -1px;
}

.my_app_tab:hover {
	background: #e7e4ce
}

.my_app_tab.active {
	border-bottom-color: #efecd5;
	color              : #31489a;
	background         : transparent;
}

.my_app_in {
	border : 1px solid #cbc8b5;
	padding: 35px 30px;
}

.my_app_in .filter_bt {
	background: #5581bd
}

.my_app_in .results_filter:hover .filter_bt {
	background: #5581bd
}

.my_app_in .close_filter {
	background: #416aa2
}

.my_app_item.cancel_item {
	background   : #E2E0CB;
	padding      : 15px 45px;
	margin-bottom: 18px;
}

.file_app_page .my_app_item.cancel_item {
	background   : #e3e0ca;
	margin-bottom: 0px;
}

.my_app_item .bt_blue--sm {
	margin-top   : 30px;
	margin-bottom: 20px
}

.my_app_item .bt_blue--sm

/*:first-child*/
	{
	margin-left: 20px;
}

.my_app_in.go-z .results_filter {
	z-index: 2;
}

.pop_my_app {
	position: absolute;
	overflow: visible;
}

.pop_my_app .popup {
	padding           : 0;
	text-align        : right;
	max-width         : inherit;
	-webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.20);
	box-shadow        : 0px 2px 15px 0px rgba(0, 0, 0, 0.20);
	margin            : 0;
	top               : 0;
}

.pop_my_app .my_app_item.cancel_item {
	background: #dedbc6;
}

.my_app_in.over-bege:before {
	content   : "";
	display   : block;
	width     : 100%;
	height    : 100%;
	position  : absolute;
	top       : 0;
	left      : 0;
	background: rgba(239, 236, 213, .8);
	z-index   : 1;
}

.my_app_item .view_bt {
	position  : absolute;
	top       : 0;
	left      : 0;
	bottom    : 0;
	margin    : auto;
	background: #5682C1;
}

.my_app_item .view_bt svg {
	margin: auto;
}

.pop_my_app .popup_close a {
	z-index: 2;
	top    : 0;
	right  : 0;
	left   : auto;
}

.pop_my_app .popup_close polygon {
	fill: #333333;
}

.popup_terms .popup_close polygon {
	fill: #333333;
}

.my_app--old {}

.my_app_in .results_filter {
	width      : 100%;
	margin-left: 0;
}

.my_app_in .results_filter .filter_bt {
	width: 100%;
}

.payment_main {
	max-width: 680px;
}

.payment_btns {
	margin-top: 60px;
}

.payment_btns .bt_blue-light {
	margin-top: 20px
}

.payment_btns svg {
	-webkit-filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, .3));
	filter        : drop-shadow(3px 3px 6px rgba(0, 0, 0, .3));
	margin-left   : 18px;
}

.total_tx {
	font-size  : 30px;
	font-weight: 400;
	line-height: .9;
}

.total_price {
	font-size   : 60px;
	line-height : 1;
	margin-right: 12px;
	line-height : .8
}

.payment_total {
	-webkit-box-align: end;
	-ms-flex-align   : end;
	align-items      : flex-end;
	margin-top       : -10px
}

.payment_pay_in {
	max-width: 1200px;
}

.popup_terms {
	position  : fixed;
	width     : 90%;
	height    : 80%;
	right     : 5%;
	left      : 5%;
	bottom    : 10%;
	overflow  : scroll;
	overflow-x: hidden;
	z-index   : 999;
	background: #dfdcc7;
}

.popup_terms .terms_text {
	padding    : 17px;
	padding-top: 50px;
	right      : 0 !important;
}

.popup_terms .popup_close {
	background-color: #31489a;
	color           : white;
}

.popup_terms .popup_close:hover {
	cursor: pointer;
}

.terms_text ol {
	padding-right: 1em;
}

.reschedulethis {
	display: none;
}

.file_list .results_col5.after {
	width: 150px;
}

/*===== file upload ================*/
#portal_file_upload .fileupload.before .before {
	display: block;
}

#portal_file_upload .fileupload.before .after {
	display: none;
}

#portal_file_upload .fileupload.after .before {
	display: none;
}

#portal_file_upload .fileupload.after .after {
	display        : flex;
	justify-content: center;
}

#portal_file_upload .file_list {
	background-color: #e3e0ca;
}

#portal_file_upload .file_row {
	background: #e3e0ca;
	margin-top: 0px;
}

#portal_file_upload .file_list .results_col1 {
	padding: 0;
	width  : calc(100% - 150px);
}

#portal_file_upload .file_list .results_col5 {
	display        : flex;
	width          : 150px;
	justify-content: space-between;
}

#portal_file_upload .file_list .results_col5 .view_bt {
	background-color: #f15a24;
	position        : relative;
}

#portal_file_upload .file_list .results_col5.file_upload .view_bt {
	background-color: #31489a;
	display         : block;
}

#portal_file_upload .file_list .results_col5.file_upload .view_bt span {
	line-height: 48px;
}

#portal_file_upload .file_list .results_col5.file_upload .view_bt path {
	fill: white;
}

#portal_file_upload .file_upload_explain {
	text-align: center;
	font-size : 36px;
	padding   : 35px 0;
}

@media only screen and (max-width : 800px) {
	#portal_file_upload .file_list .results_col5 {
		width: 100px;
	}

	#portal_file_upload .file_list .results_col1 {
		padding    : 0;
		width      : calc(100% - 110px);
		align-items: center;
	}

	.has_file .wrapper,
	.wrapper {
		max-width      : 70%;
		display        : flex;
		flex-flow      : row;
		justify-content: flex-start;
		align-items    : center;
		flex-wrap      : wrap;
	}

	.success_icon {
		width      : 24px;
		height     : 24px;
		margin-left: 10px;
		;
	}

	.success_icon>svg {
		width : 16px;
		height: 16px;
	}

	#portal_file_upload .file_upload_explain {
		text-align: center;
		font-size : 25px;
		padding   : 35px 0;
	}

	.switch-wrapper {
		margin-top: 60px !important;
	}
}

#portal_file_upload #servererr {
	display    : none;
	width      : 100%;
	text-align : center;
	color      : red;
	font-weight: 500;
}

/*=====================*/
.mobile_only {
	display: none;
}

.no_mobile {}

.description {
	font-size    : 20px;
	white-space  : nowrap;
	overflow     : hidden;
	text-overflow: ellipsis;
	display      : inline-block;
	max-width: calc(100% - 80px);
}

/*=====================*/
@media only screen and (min-width : 800px) {

	/* only desctop */
	.text--38,
	.text--38 p {
		font-size  : 38px !important;
		line-height: 1.2;
		font-weight: 300;
	}

	.text--38 p {
		margin-bottom: 40px;
	}

	.payment_pay .profile_top {
		height: 430px;
	}

	.payment_pay .profile_top .title {
		font-size  : 80px;
		font-weight: 400;
	}

	.payment_main .text {
		text-align: justify;
	}

	.has-show-menu .menu_bt_sep,
	.has-show-menu .menu_bt_sep:before,
	.has-show-menu .menu_bt_sep:after {
		background: #31489a;
	}

	.my_app_page .cancel_app_right .title {
		font-size: 96px;
		max-width: inherit;
	}

	.my_app_tab:first-child {
		margin-left: 20px;
	}

	.cancel_fin {
		padding-bottom: 30px;
	}

	.cancel_pop_sure {
		width: auto;
		right: 39%;
	}

	.cancel_pop_sure .bgblack {
		width: auto;
		right: 39%;
	}

	.cancel_pop_sure.login {
		width: auto;
		right: 50%;
	}

	.cancel_pop_sure.login .bgblack {
		width: auto;
		right: 50%;
	}

	.confirm_disclaimer {
		width: 100%;
	}

	.confirm_disclaimer .bgblack {
		width: 100%;
	}

	.has-footer-fix .header {
		position: fixed;
	}

	.has-footer-fix .footer {
		position: fixed;
		width   : 100%;
		right   : 0;
		bottom  : 0;
	}

	.cancel_app_left {
		margin-right: 39%;
	}

	.quize_slide .slick-list {
		overflow: visible;
		padding : 0 !important;
	}

	.footer br {
		display: none;
	}

	.enter_form {
		padding-top: 50px;
	}

	.lobby_items {
		-webkit-transform: translate(0, -114px);
		-ms-transform    : translate(0, -114px);
		transform        : translate(0, -114px);
		margin-bottom    : -50px;
	}

	.lobby_items_in {
		margin: 0 -25px;
	}

	.form_submit {
		min-width: 245px;
	}

	.enter_left {
		margin-left: -100%;
	}

	.quize_thank_in#scrollbar1 .viewport {
		height: auto;
	}

	.quize_thank_in#scrollbar1 .overview {
		position: static;
	}

	.start_enter .enter_right {
		-webkit-animation: sideEnter .8s forwards ease-in-out;
		animation        : sideEnter .8s forwards ease-in-out
	}

	@-webkit-keyframes sideEnter {
		0% {}

		100% {
			width     : 50%;
			background: #dddac5;
		}
	}

	@keyframes sideEnter {
		0% {}

		100% {
			width     : 50%;
			background: #dddac5;
		}
	}

	.start_enter .enter_left {
		-webkit-animation: leftEnter .8s forwards ease-in-out;
		animation        : leftEnter .8s forwards ease-in-out
	}

	@-webkit-keyframes leftEnter {
		0% {}

		100% {
			margin-left: 0;
		}
	}

	@keyframes leftEnter {
		0% {}

		100% {
			margin-left: 0;
		}
	}

	.quize_prev:hover svg {
		bottom: -23px;
	}

	.sum_title {
		font-size: 28px;
	}

	.quize_terms .text,
	.quize_terms p {
		font-size  : 24px;
		line-height: 1.2;
	}

	.welcome_box .text--28 br {
		display: none;
	}

	.side_profile_in .form_submit input {
		height   : 70px;
		font-size: 36px;
	}

	.home_enter .form_submit input {
		font-size: 50px;
	}

}

@media only screen and (min-width : 1250px) {
	.home_enter .enter_box .title {
		font-size: 85px;
		height   : 98px;
	}
}

@media only screen and (max-width : 1250px) {
	.cancel_pop_sure .clearicon {
		max-width       : 90px;
		background-color: white;
		width           : 90px;
		height          : 90px;
		margin          : 10px auto;
		border-radius   : 45px;
		padding         : 25px;
	}

	.enter_box .title {
		font-size     : 45px;
		height        : 50px;
		padding       : 0 14px;
		padding-bottom: 6px;
	}

	.home_right .enter_box .title {
		height: auto;
	}

	.enter_form .text {
		font-size: 28px;
	}

	.enter_form .form_input_custom input,
	.form_input_custom2 input {
		height   : 75px;
		font-size: 22px;
	}

	.enter_form .form_input_custom,
	.code_row {
		margin: 22px auto 40px;
	}

	.code_row {
		width: 290px;
	}

	.code_row .form_input_custom input {
		font-size: 60px;
	}

	.enter_form .form_input,
	.code_row {
		margin: 22px auto 40px;
	}

	.enter_cube {
		height: 260px;
	}

	.box_width {
		padding: 50px 30px;
	}

	.quize_slide {
		padding: 0 80px;
	}

	/* .quize_slide_item{margin:0 -25px;} */
	.quize_slide_item_in {}

	.registration_reason>.select2-results__options {
		overflow-y: auto;
	}
}

/*=====================*/
@media only screen and (max-width : 800px) {
	.results_col4 .view_bt {
		position: absolute;
		left    : 22%;
		top     : 0;
	}

	.view_bt {
		width : 30px;
		height: 30px;
	}

	.m-flex {
		display                : -webkit-box;
		display                : -ms-flexbox;
		display                : -webkit-flex;
		display                : flex;
		-webkit-box-orient     : horizontal;
		-webkit-box-direction  : normal;
		-ms-flex-flow          : row wrap;
		-webkit-flex-flow      : row wrap;
		flex-flow              : row wrap;
		-webkit-box-pack       : justify;
		-ms-flex-pack          : justify;
		-webkit-justify-content: space-between;
		justify-content        : space-between;
	}

	.m-flex--column {
		-webkit-box-orient     : vertical;
		-webkit-box-direction  : normal;
		-ms-flex-flow          : column wrap;
		-webkit-flex-flow      : column wrap;
		flex-flow              : column wrap;
		-webkit-box-pack       : center;
		-ms-flex-pack          : center;
		-webkit-justify-content: center;
		justify-content        : center
	}

	.m-flex--center {
		-webkit-box-align  : center;
		-ms-flex-align     : center;
		-webkit-align-items: center;
		align-items        : center;
		-webkit-box-pack   : center;
		-ms-flex-pack      : center;
	}

	.m-flex--start {
		-webkit-box-pack       : start;
		-ms-flex-pack          : start;
		-webkit-justify-content: flex-start;
		justify-content        : flex-start;
	}

	.m-flex--content--center {
		-webkit-box-pack       : center;
		-ms-flex-pack          : center;
		-webkit-justify-content: center;
		justify-content        : center;
	}

	.m-flex--end {
		-webkit-box-pack       : end;
		-ms-flex-pack          : end;
		-webkit-justify-content: flex-end;
		justify-content        : flex-end;
	}

	.m-is--fit {
		-webkit-box-flex       : 1;
		-ms-flex-positive      : 1;
		-webkit-flex-grow      : 1;
		flex-grow              : 1;
		-ms-flex-negative      : 1;
		-webkit-flex-shrink    : 1;
		flex-shrink            : 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis     : 0;
		flex-basis             : 0;
	}

	.m-h-100 {
		height: 100%;
	}

	.m-flex--reverse {
		-webkit-box-orient   : horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-flow        : row-reverse wrap;
		-webkit-flex-flow    : row-reverse wrap;
		flex-flow            : row-reverse wrap;
		display              : -webkit-box;
		display              : -ms-flexbox;
		display              : -webkit-flex;
		display              : flex;
	}

	.file_list .results_col5.file_upload .view_bt span {
		line-height: 16px;
		font-size  : 22px;
	}

	.file_list .results_col5.before {
		width: 90px;
	}

	.file_list .results_col5.after {
		width: 90px;
	}

	body {
		font-size: 22px;
	}

	.sec--pad {
		padding: 40px 0;
	}

	.mobile_only,
	.m-block {
		display: block;
	}

	.no_mobile {
		display: none;
	}

	.m-100,
	.col--50,
	.col--33 {
		width: 100%;
		float: none;
	}

	.is--fit {
		-ms-flex-preferred-size: initial;
		flex-basis             : initial;
		-webkit-box-flex       : initial;
		-ms-flex-positive      : initial;
		flex-grow              : initial
	}

	.menu_in,
	.side_profile {
		width: 80%;
	}

	.menu_in {
		padding: 0 25px 30px;
	}

	.header {
		padding: 15px 12px 0;
		z-index: 12;
	}

	.menu_bt {
		width : 34px;
		height: 34px;
	}

	.menu_bt_sep,
	.menu_bt_sep:before,
	.menu_bt_sep:after {
		height: 3px;
	}

	.menu_bt_sep:before {
		top: -10px;
	}

	.menu_bt_sep:after {
		bottom: -10px;
	}

	.logo svg {
		width : 100px;
		height: auto;
	}

	.lobby_top,
	.home_right {
		height          : 250px;
		background-image: url('/img/lobby_bg_m.jpg') !important;
	}

	.register_top {
		height: 180px;
	}

	.lobby_top .title {
		font-size     : 40px;
		display       : inline-block;
		background    : #efecd5;
		color         : #333333;
		padding       : 0 14px;
		padding-bottom: 6px;
		line-height   : 1;
	}

	.lobby_items_in {
		-webkit-box-pack       : justify;
		-ms-flex-pack          : justify;
		-webkit-justify-content: space-between;
		justify-content        : space-between;
		padding                : 0;
	}

	.lobby_item {
		width        : -webkit-calc(100%/2 - 4px);
		width        : calc(100%/2 - 4px);
		margin       : 0;
		margin-bottom: 8px;
		height       : auto;
		padding      : 20px 0;
	}

	.lobby_in {
		padding: 25px;
	}

	.sec_lobby {
		padding-bottom: 0 !important;
	}

	.lobby_item_ic svg {
		width: 50px;
	}

	.lobby_item_tx {
		font-size: 25px;
	}

	.lobby_item_ic .menu_item_num {
		width      : 25px;
		height     : 25px;
		line-height: 21px;
		font-size  : 20px;
	}

	.top_close svg {
		width : 18px;
		height: auto;
	}

	.menu_top {
		padding-top: 48px;
	}

	.menu_top svg {
		width        : 40px;
		height       : auto;
		margin-bottom: 8px;
	}

	.menu_top .title {
		font-size    : 34px;
		margin-bottom: 35px;
	}

	.menu_item {
		font-size: 26px;
		padding  : 12px 0;
	}

	.menu_item svg {
		width      : 22px;
		height     : auto;
		margin-left: 8px;
	}

	.menu_item_num {
		width      : 22px;
		height     : 22px;
		font-size  : 20px;
		line-height: 0.9;
	}

	.menu_links {
		margin-bottom: 25px;
	}

	.side_profile_top {
		height: 200px;
	}

	.side_profile_top svg {
		width        : 40px;
		margin-top   : 15px;
		margin-bottom: 5px;
	}

	.profile_top svg {
		width     : 40px;
		height    : auto;
		margin    : 0;
		margin-top: 25px;
	}

	.side_profile_in {
		padding: 25px;
	}

	.side_profile_top .title,
	.profile_top .title {
		font-size: 28px;
	}

	.form_input {
		margin-bottom: 15px;
	}

	.form_input_custom2 {
		margin   : 18px auto 25px;
		max-width: 300px;
	}

	.side_profile_in .form_input input,
	.form_input input,
	.form_input select,
	.form_input_custom2 input {
		height                 : 50px;
		font-size              : 24px;
		-webkit-text-fill-color: #1a1a1a;
	}

	.profile_form_in.profile_quiz .form_input input {
		height: 43px;
	}

	.side_profile_in .form_input input[disabled],
	.form_input input[disabled],
	.form_input_custom2 input[disabled] {
		-webkit-text-fill-color: #1a1a1a;
		background-color       : #dfdcc6;
		opacity                : 1;
	}

	.profile_form_in .error-message,
	.side_profile_in .error-message {}

	input,
	select,
	textarea {
		padding-left : 12px;
		padding-right: 12px;
	}

	.form_label {
		font-size: 18px;
	}

	.bt_input,
	.sum_edit_bt {
		left: 12px;
	}

	.bt_blue,
	.form_submit input,
	.bt_bege {
		height   : 48px;
		font-size: 28px;
	}

	.side_profile_in .form_submit {
		width     : 120px;
		margin-top: 30px;
	}

	.home_right .enter_box {
		height: 100%;
	}

	.enter_form .text {
		font-size  : 24px;
		line-height: 1.1;
	}

	.enter_form .text br {
		display: none;
	}

	.enter_form .form_input,
	.code_row {
		margin: 15px auto 35px;
	}

	.enter_form .form_input input {
		height: 50px;
	}

	.enter_form .form_input input {
		font-size: 26px;
	}

	.enter_form .form_input_custom,
	.code_row {
		margin: 15px auto 35px;
	}

	.enter_form .form_input_custom input,
	.form_input_custom2 input {
		height: 50px;
	}

	.enter_form .form_submit {
		width: 115px;
	}

	.footer {
		font-size     : 16px;
		padding       : 10px;
		/* position   : static; */
		position      : static;
		/* position   : sticky;
		position      : -webkit-sticky;
		position      : -moz-sticky;
		position      : -o-sticky;  */
		height        : 50px;
		left          : 0;
		right         : 0;
		top           : 90%;
		width         : 100%;

	}

	.enter_form .form_input_custom input,
	.form_input_custom2 input {
		font-size: 26px;
	}

	span.wpcf7-not-valid-tip,
	.note-error {
		font-size: 18px;
	}

	.code_row {
		width: 186px;
	}

	.code_row .form_input_custom input {
		font-size: 40px;
	}

	.code_row .form_input_custom {
		width: -webkit-calc(100%/4 - 8px);
		width: calc(100%/4 - 8px);
	}

	.link_tx {
		font-size: 18px;
	}

	.enter_cube {
		height: 150px;
	}

	.checkin_right {
		-webkit-transform: translate(0, 60%);
		-ms-transform    : translate(0, 60%);
		transform        : translate(0, 60%);
	}

	.checkin_left {
		-webkit-transform: translate(0, 110%);
		-ms-transform    : translate(0, 110%);
		transform        : translate(0, 110%);
		padding          : 25px 30px;
	}

	.start_enter .checkin_right {
		-webkit-animation: sideEnter .4s forwards ease-in-out;
		animation        : sideEnter .4s forwards ease-in-out
	}

	@-webkit-keyframes sideEnter {
		0% {}

		100% {
			padding-top      : 150px;
			padding-bottom   : 8px;
			-webkit-transform: translate(0, 0);
			-ms-transform    : translate(0, 0);
			transform        : translate(0, 0);
		}
	}

	@keyframes sideEnter {
		0% {}

		100% {
			padding-top      : 150px;
			padding-bottom   : 8px;
			-webkit-transform: translate(0, 0);
			-ms-transform    : translate(0, 0);
			transform        : translate(0, 0);
		}
	}

	.start_enter .checkin_left {
		-webkit-animation: leftEnter .4s forwards ease-in-out;
		animation        : leftEnter .4s forwards ease-in-out
	}

	@-webkit-keyframes leftEnter {
		0% {}

		100% {
			-webkit-transform: translate(0, 0);
			-ms-transform    : translate(0, 0);
			transform        : translate(0, 0);
		}
	}

	@keyframes leftEnter {
		0% {}

		100% {
			-webkit-transform: translate(0, 0);
			-ms-transform    : translate(0, 0);
			transform        : translate(0, 0);
		}
	}

	.start_enter .enter_box .title {
		-webkit-animation: inherit;
		animation        : inherit;
	}

	.checkin_right .enter_box {
		max-width: 350px;
	}

	.welcome_items {
		margin             : 15px auto 30px;
		-webkit-box-align  : start;
		-ms-flex-align     : start;
		-webkit-align-items: flex-start;
		align-items        : flex-start;
	}

	.welcome_item {
		margin     : 0 auto;
		font-size  : 21px;
		line-height: 1;
		width      : -webkit-calc(100%/3 - 3px);
		width      : calc(100%/3 - 3px);
	}

	.welcome_item svg {
		margin       : auto;
		margin-bottom: 6px;
		width        : 40px;
		height       : auto;
	}

	.title--55 {
		font-size: 45px;
	}

	.text,
	.text p {
		font-size  : 22px;
		line-height: 1.2;
	}

	.marge--bt--65 {
		margin-bottom: 30px;
	}

	.note_tx {
		font-size    : 22px;
		margin-bottom: 14px;
		line-height  : 1;
	}

	.welcome_box .note_tx {
		max-width: 213px;
		margin   : 0 auto 14px;
	}

	.box_width {
		padding: 40px 0;
	}

	.bt_blue,
	.bt_bege {
		line-height: 44px;
		font-size  : 28px;
		min-width  : inherit;
		padding    : 0 15px;
	}

	.profile_top {
		height: 200px;
	}

	.form_col {
		width: 100%;
	}

	.wrap--height {
		padding-bottom: 45px;
	}

	.welcome_box .text {
		font-size: 24px;
	}

	.form_col .form_col {
		width: -webkit-calc(100%/2 - 6px);
		width: calc(100%/2 - 6px);
	}

	.profile_form {
		max-width     : 250px;
		padding-top   : 25px;
		padding-bottom: 0;
	}

	.profile_form .form_submit {
		width: 165px;
	}

	.form_submit input {
		padding-bottom: 5px;
	}

	.profile_form_in {
		margin-bottom: 22px;
		/* margin-top: 100px; */
	}

	.quize_slide_wrap {
		padding-left : 0 !important;
		padding-right: 0 !important;
	}

	.quize_slide {
		padding: 0;
	}

	/* .quize_slide_item{margin:0 -20px;} */
	.quize_slide_item_in {
		min-height: 300px;
	}

	.quize_slide_item_in .title {
		font-size    : 35px;
		margin-bottom: 20px;
		line-height  : .9;
		padding      : 0;
	}

	.quize_slide_item_in .title.title--36 {
		font-size: 30px;
	}

	.quize_answers--row .bt_bege {
		width : 100%;
		margin: 0 auto 8px;
	}

	.quize_answers--row {
		max-width: 350px;
	}

	.quize_answers--col .bt_bege {
		margin-bottom: 8px;
	}

	.bt_quize {
		min-width: 100px;
		width    : 100%;
	}

	.quize_slide_item_in .title-medic {
		font-size: 28px;
		padding  : 0;
	}

	.text_medic {
		font-size  : 20px;
		line-height: 1;
		margin     : 6px auto 20px;
	}

	#scrollbar1 .overview {
		text-align  : right;
		padding-left: 20px;
	}

	textarea {
		height: 110px;
	}

	.bt_input {
		width          : 25px;
		height         : 25px;
		background-size: 8px auto;
	}

	.btn-unlock {
		background-size: 13px auto;
	}

	.sum_edit_bt {
		width          : 25px;
		height         : 25px;
		background-size: 13px auto;
	}

	.sum_title {
		line-height: 1;
	}

	.row_sum {
		padding        : 15px 0 15px;
		background-size: auto 2px;
	}

	.quize_terms .overview {
		padding: 15px !important;
	}

	.quize_terms .text,
	.quize_terms p {
		font-size  : 20px;
		line-height: 1;
	}

	.sec_sign {
		margin-top: 20px;
	}

	.sec_sign .text {
		font-size: 20px;
	}

	.input_sign textarea {
		height: 78px;
	}

	.form_check label {
		font-size  : 19px;
		line-height: 23px;
	}

	.checkmark {
		top: 2px;
	}

	.box_quize_thank {
		padding-bottom: 0px;
	}

	.quize_thank_bottom {
		background: #efecd5;
		margin    : 0 -25px;
		padding   : 12px 0;
	}

	.quize_thank_item {
		padding      : 10px 8px;
		margin-bottom: 8px;
	}

	.quize_thank_item .text {
		width    : 90%;
		font-size: 20px;
	}

	.quize_prev {
		width      : 100%;
		max-width  : 300px;
		height     : 40px;
		background : #dddac5;
		text-align : right;
		margin     : auto;
		left       : 0;
		right      : 0;
		line-height: 40px;
		padding    : 0 12px;
		top        : 70px;
		z-index    : 10;
	}

	.quize_prev svg {
		bottom: 0;
		top   : 0;
		left  : 12px;
		right : auto;
		width : 15px;
		height: auto;
	}

	.pop_quize_prev .popup {
		max-width : 300px;
		top       : 110px;
		background: #efecd5;
		overflow  : scroll;
		max-height: 250px;
		padding   : 0 20px;
		text-align: right;
	}

	.pop_quize_prev .popup_close a {
		display: none;
	}

	.pop_quize_prev .popup_close svg {
		display: none;
	}

	.pop_quize_prev_in * {
		color: #333333;
	}

	.pop_quize_prev_in .row_sum {
		background-image: url('/img/dott-dark.png');
	}

	.pop_quize_prev_in .sum_edit_bt {
		background-image: url('/img/ic-pen.svg');
		background-color: rgba(0, 0, 0, 0.12);
		margin-right    : 0;
		margin-left     : 5px;
	}

	.top_close {
		top  : 14px;
		right: 14px;
	}

	.enter_form .tx--en {
		font-size: 21px;
	}

	.enter_form .ltr {
		font-size: 38px;
	}

	.select2-container--default .select2-selection--single {
		height: 50px;
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		padding    : 0 12px !important;
		font-size  : 24px;
		line-height: 48px;
	}

	.select2-results .select2-results__option {
		font-size: 20px;
		padding  : 10px 12px;
	}

	.lobby_top .title,
	.home_right .title {
		margin       : 0;
		/* margin-top: 30px; */
	}

	.home_right .enter_box {
		-webkit-box-orient   : vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow        : column wrap;
		flex-flow            : column wrap;
		-webkit-box-pack     : center;
		-ms-flex-pack        : center;
		justify-content      : center;
		-webkit-box-align    : center;
		-ms-flex-align       : center;
		align-items          : center;
	}

	.error-message {
		font-size: 17px !important;
	}

	.cancel_app_right {
		position        : relative;
		height          : 400px;
		background-image: url('/img/cancel_app_bg_m.jpg');
	}

	.file_app_right {
		background-image: url('/img/file_app_bg_m.jpg');
	}

	.cancel_app_right .title br {
		display: none;
	}

	.cancel_app_right .title {
		display       : inline-block;
		background    : #efecd5;
		color         : #333333;
		font-size     : 45px;
		height        : 55px;
		padding       : 0 14px;
		padding-bottom: 5px;
		line-height   : 1;
		margin-bottom : 0;
		margin-top    : 20px;
		font-weight   : 300
	}

	.cancel_main {
		padding-top: 0;
	}

	.cancel_main .subtitle {
		font-size  : 25px;
		font-weight: 300;
		color      : #1a1a1a;
	}

	.cancel_item {
		padding      : 5px;
		padding-left : 22px;
		padding-right: 55px;
		margin-bottom: 12px;
	}

	.cancel_check_bt {
		width : 31px;
		height: 31px;
		left  : auto;
		right : 15px;
	}

	.cancel_row {
		font-size: 21px;
		padding  : 10px 0;
	}

	.cancel_main_bottom {
		width  : 100%;
		padding: 0 30px
	}

	.cancel_main_fixed {
		bottom: 0;
	}

	.cancel_main_bottom_in {
		border-bottom: 22px solid #efecd5;
	}

	.cancel_main_fixed.no_fixed {
		position     : static;
		margin-bottom: -40px;
		margin-top   : 20px;
	}

	.cancel_main_fixed.no_fixed .cancel_main_bottom_in {
		border-bottom: none;
		padding      : 0;
	}

	.cancel_main_fixed.no_fixed .cancel_main_bottom {
		padding: 0;
	}

	.cancel_row svg {
		width      : 18px;
		margin-left: 8px;
		margin-top : 2px;
	}

	.cancel_row span {
		width: 86%;
	}

	.cancel_row b {
		display: block;
	}

	.cancel_check_bt svg {
		width: 17px;
	}

	.cancel-date svg {
		width : 74px;
		height: auto;
	}

	.cancel_pop_sure .text {
		font-size    : 28px;
		margin-bottom: 25px;
	}

	.cancel_pop_sure .bt_bege {
		height     : 46px;
		line-height: 44px;
		font-size  : 25px;
	}

	.cancel_pop_sure .popup {
		max-width: 280px;
		padding  : 40px 25px 25px;
	}

	.cancel_pop_sure .popup_close a {
		top  : 2px;
		right: 2px;
	}

	.fin_ok {
		width        : 70px;
		height       : 70px;
		margin-bottom: 18px;
	}

	.fin_ok svg {
		width: 34px;
	}

	.cancel_fin .subtitle {
		font-size: 28px;
	}

	.cancel_fin .text {
		font-size  : 27px;
		max-width  : 270px;
		margin     : 4px auto 35px;
		line-height: .9;
	}

	.results_filter {
		margin-left: 0;
		width      : 100%;
	}

	.results_filter .filter_bt {
		width: 100%;
	}

	.filter_bt {
		height     : 45px;
		font-size  : 20px;
		line-height: 45px;
		padding    : 0 15px;
	}

	.filter_open {
		top: 53px;
	}

	.filter_open_in {
		padding: 6px 15px;
	}

	.filter_row {
		padding      : 14px 0;
		padding-right: 33px;
		font-size    : 21px;
	}

	.filter_check {
		width : 23px;
		height: 23px;
	}

	.close_filter {
		width : 25px;
		height: 25px;
		left  : 10px
	}

	.close_filter svg {
		width: 13px;
	}

	.filter_selected {
		padding-left: 42px;
	}

	.results_head {
		display: none;
	}

	.results_head_mobile {
		display    : block;
		font-weight: 400;
		font-size  : 20px;
		line-height: 35px;
		position   : relative;
		padding    : 0 25px 0 5px;
	}

	.results_head_mobile>div {
		display: inline-block;
	}

	.results_head_mobile>.results_col1 {
		width    : 60%;
		font-size: 18px;
	}

	.results_head_mobile>.results_col2 {
		width     : 19%;
		text-align: left;
		padding   : 0;
		direction : ltr;
		font-size : 18px;
	}

	.results_head_mobile>.results_col3 {
		width     : 18%;
		text-align: left;
		padding   : 0;
		direction : ltr;
		font-size : 18px;
	}

	.results_row {
		height      : auto;
		position    : relative;
		padding     : 15px 25px;
		padding-left: 58px;
	}

	.results_col1,
	.results_col2,
	.results_col3 {
		width  : 100%;
		padding: 0;
	}

	.results_col2 {
		width  : 85%;
		padding: 0;
	}

	.results_row .results_col1 {
		font-size: 18px;
		position : static;
	}

	.results_row .results_col2 {
		font-size: 22px;
		margin   : 4px 0;
	}

	.results_row .results_col3 {
		font-size: 18px;
	}

	.results_col4 .view_bt {
		width     : 35px;
		height    : 35px;
		position  : absolute;
		top       : 0;
		left      : 22%;
		bottom    : 0;
		margin    : auto;
		background: #f05a23;
	}

	.results_col5 .view_bt {
		width     : 35px;
		height    : 35px;
		position  : absolute;
		top       : 0;
		left      : 4%;
		bottom    : 0;
		margin    : auto;
		background: #5682C1;
	}

	.results_col5 .view_bt circle {
		fill: #f05a23;
	}

	.results_col5 .view_bt.file_upload svg {
		fill: white;
	}

	.view_bt svg {
		width: 22px;
	}

	.new-result .results_col1:before {
		width : 8px;
		height: 8px;
		right : 10px;
	}

	.cancel_app_left {
		min-height: 300px;
	}

	.my_app_page {
		background: #213064
	}

	.file_app_page {
		background: none;
	}

	.my_app_page .cancel_app_right .title,
	.payment_sec .cancel_app_right .title,
	.payment_pay .profile_top .title {
		background : transparent;
		margin     : 0;
		color      : #efecd5;
		font-weight: 300;
		padding    : 0;
		margin-top : 8px
	}

	.payment_sec .cancel_app_right .title,
	.payment_pay .profile_top .title {
		font-weight: 400;
		font-size  : 45px;
		height     : auto;
	}

	.payment_pay_in {
		max-width: inherit;
	}

	.total_tx {
		font-size: 18px;
		color    : #4d4d4d;
	}

	.total_price {
		color    : #32499a;
		margin   : 0;
		font-size: 45px;
	}

	.payment_total {
		margin-bottom: 20px;
	}

	.my_app_page .cancel_app_left {
		padding-top   : 0;
		margin-top    : -66px;
		padding-bottom: 0;
	}

	.my_app_page.file_app_page .cancel_app_left {
		margin-top: 10px;
	}

	.my_app_tab {
		width      : 50%;
		margin     : 0;
		border     : none;
		color      : #efecd5;
		font-size  : 21px;
		height     : 34px;
		line-height: 33px
	}

	.my_app_tab.active {
		background: #efecd5;
		color     : #333333;
	}

	.my_app_in {
		border : none;
		padding: 25px;
	}

	.my_app_item .view_bt svg {
		width : 16px;
		height: 16px;
	}

	.pop_my_app .my_app_item {
		padding-top: 25px !important
	}

	.payment_main {
		text-align: center;
	}

	.title--40 {
		font-size    : 28px;
		margin-bottom: 10px;
	}

	.title--41 {
		font-size: 32px;
	}

	.enter_form .payment_main .text br {
		display: block;
	}

	.payment_btns {
		margin-top: 33px;
	}

	.payment_btns .bt_blue {
		height     : 50px;
		line-height: 50px;
		font-size  : 22px;
	}

	.payment_btns svg {
		height     : 33px;
		width      : auto;
		margin-left: 10px;
	}

	.payment_btns .bt_blue:first-child svg {
		height: 26px;
	}

	.payment_btns .bt_blue-light {
		margin-top: 12px
	}

	.payment_sec {
		padding-bottom: 0;
	}

	.results_page.dark:before {
		content   : "";
		display   : block;
		width     : 100%;
		height    : 100%;
		background: rgba(0, 0, 0, 0.7);
		position  : absolute;
		top       : 0;
		left      : 0;
		z-index   : 1;
	}

	.results_page .results_filter {
		z-index: 2;
	}

	.my_app_item.cancel_item .cancel_row:first-child {
		-webkit-box-align: start;
		-ms-flex-align   : start;
		align-items      : flex-start;
	}

	.file_upload_explain {
		font-size  : 28px;
		line-height: 30px;
	}

	.file_list .results_col1 {
		font-size: 23px;
	}

	.file_list .results_col3 {
		width: 15%;
	}

	.file_list .results_col4 .view_bt {
		position: absolute;
		top     : 0;
		left    : 0;
	}

	.description {
		font-size: 18px;
		max-width: 80%;
	}
}

@media only screen and (max-width : 680px) {
	.cancel_app_right {
		height: 180px;
	}

	.cancel_app_left {
		padding: 30px 20px;
	}

	.cancel_main_bottom {
		padding: 0 20px;
	}

	.payment_sec .cancel_app_right {
		height: 200px;
	}

	.checkin_right {
		-webkit-transform: translate(0, 50%);
		-ms-transform    : translate(0, 50%);
		transform        : translate(0, 50%);
	}

	/* .quize_slide_item{margin:0 -8px;} */
	.sum_title {
		width: 100%;
	}

	.quize_thank_item .text {
		font-size: 22px;
	}

	.thank_arrow svg {
		width: 8px;
	}

	.input_medic textarea,
	.input_medic .bootstrap-tagsinput {
		height: 150px;
	}

	.box_quize_sum {
		padding-top: 30px;
	}

	.box_quize_sum .text {
		font-size: 24px;
		opacity  : .8;
	}

	.terms-subt {
		font-size  : 24px;
		line-height: 1;
		color      : #666666;
	}

	.quize_form .form_submit {
		width: 100%;
	}

	.box_quize_thank .title {
		font-size    : 45px;
		margin-bottom: 10px !important;
	}

	.thank-subt {
		font-size  : 24px;
		line-height: 1;
	}

	div[id^="scrollbar"],
	#scrollbar1,
	#scrollbar2,
	#scrollbar3 {
		margin-top   : 25px;
		margin-bottom: 25px;
	}

	.sec_enter {
		padding-bottom: 0;
	}

	.home_enter .enter_form {
		padding: 30px 37px;
	}

	.m-br {
		display: block;
	}

	.lobby_items {
		max-width: 318px;
	}

	.lobby_item {
		min-height: 155px;
	}

	.enter-stp2 .text {
		margin   : 0 -30px;
		font-size: 23px;
	}

	.results_top {
		height: 175px;
	}

	.results_top .title {
		font-size: 40px;
	}

	.results_filter .filter_bt svg {
		width: 16px;
		left : 15px;
	}

	.filter_selected {
		width      : 48%;
		margin-left: 4%;
	}

	.filter_selected:nth-of-type(2n + 2) {
		margin-left: 0;
	}

	.results_page .inner_width {
		padding-left : 25px;
		padding-right: 25px;
	}

	.results_filters_wrap {
		margin-bottom: 22px;
	}

	.title--36 {
		font-size: 23px;
	}

	.results_main .title--36 {
		margin-top   : 22px;
		margin-bottom: 12px;
	}

	.results_page {
		padding-bottom: 0;
	}

	.my_app_page .cancel_app_right {
		height: 224px;
	}

	.my_app_page.file_app_page .file_app_right {
		height: 180px;
	}

	.my_app_item.cancel_item {
		padding: 12px;
	}

	.bt_blue--sm {
		height     : 30px;
		line-height: 26px;
		font-size  : 20px;
	}

	.my_app_item .bt_blue--sm {
		margin-top   : 15px;
		margin-bottom: 0;
	}

	.my_app_item .bt_blue--sm:first-child {
		margin-left: 10px;
	}

	.cancel_row {
		background-size: auto 1.8px;
	}

	.pop_my_app .popup_close a {
		top  : -3px;
		right: -4px;
	}

	.pop_my_app .popup_close a svg {
		width: 14px;
	}

	.my_app_item.cancel_item {
		margin-bottom: 12px;
	}

	.payment_sec .cancel_app_left {
		padding: 30px 25px
	}

	/* not sure */
	.payment_sec .title--40,
	.text--38,
	.text--38 p {
		font-size: 22px;
	}

	.title--41 {
		font-size: 32px;
	}

	.text--38 p {
		margin-bottom: 20px;
	}

	.file_upload_explain {
		font-size  : 24px;
		line-height: 25px;
	}

}

@media only screen and (max-width : 480px) {
	@-webkit-keyframes sideEnter {
		0% {}

		100% {
			padding-top      : 150px;
			padding-bottom   : 8px;
			-webkit-transform: translate(0, 0);
			-ms-transform    : translate(0, 0);
			transform        : translate(0, 0);
		}
	}

	@keyframes sideEnter {
		0% {}

		100% {
			padding-top      : 150px;
			padding-bottom   : 8px;
			-webkit-transform: translate(0, 0);
			-ms-transform    : translate(0, 0);
			transform        : translate(0, 0);
		}
	}
}

@media only screen and (max-width : 320px) {
	.enter-stp2 .text {
		margin   : 0 -20px;
		font-size: 20px;
	}

	.lobby_top {
		height: 230px;
	}

	.lobby_top .title {
		font-size: 35px;
	}

	.enter_cube {
		height: 130px;
	}

	.enter_box .title {
		font-size: 38px;
	}

	.checkin_left {
		padding-top: 8px;
	}

	.menu_in,
	.side_profile {
		width: 88%;
	}

	.menu_item {
		font-size: 24px;
	}

	.inner_width {
		padding-left : 22px;
		padding-right: 22px;
	}

	.inner_width.no_padding {
		padding-left : 0 !important;
		padding-right: 0 !important;
	}

	.welcome_item {
		font-size: 18px;
	}

	.quize_slide_item_in .title {
		font-size: 28px;
	}

	.box_quize_terms .title {
		font-size: 35px
	}

	.quize_thank_item .text {
		font-size: 18px;
	}

	.home_enter .enter_form {
		padding: 30px 20px;
	}

	.lobby_item_tx {
		font-size: 23px;
	}

	.file_upload_explain {
		font-size  : 22px;
		line-height: 23px;
	}

}

.wrapper-numbers {
	padding  : 0px;
	margin   : 0px auto 70px;
	direction: ltr;
	display  : block;
	position : relative;
	max-width: 780px;
	width    : 100%;
}

.slider_numbers {
	width    : 100%;
	display  : block;
	position : relative;
	direction: ltr;
	padding  : 0;
}

.slider_numbers .number {
	display: block;
}

.glider-slide {
	text-align : center;
	width      : auto;
	min-width  : auto;
	line-height: 1;
}

.glider-track {
	-webkit-box-pack       : center;
	-ms-flex-pack          : center;
	-webkit-justify-content: space-between;
	justify-content        : space-between;
	-webkit-box-align      : center;
	-ms-flex-align         : center;
	-webkit-align-items    : center;
	align-items            : center;
}

.slider_numbers::after {
	content: '';
	height : 100%;
	width  : 30%;
}

.glider-slide.center {
	font-size        : 160px;
	padding-right    : 4px;
	width            : auto !important;
	-webkit-transform: translateY(-10px);
	-ms-transform    : translateY(-10px);
	transform        : translateY(-10px);
}

.glider-slide {
	font-size: 60px
}

.number-unit {
	font-size: 36px;
}

@media (max-width: 800px) {
	.glider-slide {
		text-align: center;
		min-width : auto;
		margin    : auto;
	}

	.glider-slide.center {
		font-size        : 68px;
		-webkit-transform: translateY(-6px);
		-ms-transform    : translateY(-6px);
		transform        : translateY(-6px);
	}

	.glider-slide {
		font-size: 24px
	}

	.number-unit {
		font-size : 24px;
		margin-top: -16px;
	}
}

.glider-slide {
	opacity: 0;
}

.glider-slide.center {
	opacity: 1;
}

.glider-slide.left-1,
.glider-slide.left-2,
.glider-slide.left-3,
.glider-slide.right-1,
.glider-slide.right-2,
.glider-slide.right-3 {
	-webkit-text-fill-color: transparent;
	opacity                : 1;
}

.glider-slide.left-3 {
	background             : -webkit-linear-gradient(left, rgba(239, 236, 213, 0) 0%, rgba(239, 236, 213, 0.3) 100%);
	-webkit-background-clip: text;
}

.glider-slide.left-2 {
	background             : -webkit-linear-gradient(left, rgba(239, 236, 213, 0.35) 0%, rgba(239, 236, 213, 0.6) 100%);
	-webkit-background-clip: text;
}

.glider-slide.left-1 {
	background             : -webkit-linear-gradient(left, rgba(239, 236, 213, 0.65) 0%, rgba(239, 236, 213, 1) 100%);
	-webkit-background-clip: text;
}

.glider-slide.right-3 {
	background             : -webkit-linear-gradient(right, rgba(239, 236, 213, 0) 0%, rgba(239, 236, 213, 0.3) 100%);
	-webkit-background-clip: text;
}

.glider-slide.right-2 {
	background             : -webkit-linear-gradient(right, rgba(239, 236, 213, 0.35) 0%, rgba(239, 236, 213, 0.6) 100%);
	-webkit-background-clip: text;
}

.glider-slide.right-1 {
	background             : -webkit-linear-gradient(right, rgba(239, 236, 213, 0.65) 0%, rgba(239, 236, 213, 1) 100%);
	-webkit-background-clip: text;
}

.signature-pad {
	background: #efecd5;
	height    : 100px;
	width     : 100%;
}

.enter_form .form_input_custom {
	position: relative;
}

.form_col.error {
	position: relative;
}

.error-message {
	font-size    : 20px;
	text-align   : right;
	color        : #ea4724 !important;
	margin-top   : -17px;
	margin-bottom: 4px;
	line-height  : 1;
	display      : none;
}

.error-message-alt {
	font-size    : 20px;
	text-align   : right;
	color        : #ea4724 !important;
	margin-bottom: 4px;
	line-height  : 1;
	display      : none;
}

.error .error-message,
.error .error-message-alt {
	display: block;
}

.error .checkmark,
.error canvas {
	border: 1px solid #ea4724;
}

.enter_form .form_input_custom .error-message,
.enter_form .form_input_custom2 .error-message {
	color            : red;
	position         : absolute;
	right            : 0;
	bottom           : 0;
	bottom           : 0px;
	margin           : 0;
	display          : block;
	-webkit-transform: translateY(100%);
	-ms-transform    : translateY(100%);
	transform        : translateY(100%);
	font-size        : 20px;
}

.error input {
	border: 2px solid #ea4724 !important;
}

.side_profile_in .form_col {
	width: 100%;
}

.side_profile_in .error-message {}

.field_box {
	position: relative;
}

.quize_slide--personal-item .profile_form_in {
	min-height: 220px;
}

@media (max-width: 800px) {
	.wrapper-numbers {
		margin-bottom: 34px;
	}

	.glider-track {}

	.quize_slide--personal-item .profile_form_in {
		display: block;
	}

	div[id^="scrollbar"].disclaimerscroller .viewport,
	#scrollbar3 .viewport {
		height: 150px;
	}

	div[id^="scrollbar"].summary .viewport,
	#scrollbar1 .viewport,
	#scrollbar2 .viewport {
		height: 260px;
	}
}

@media (max-width: 800px) {
	html.no_scroll {
		overflow: hidden;
		height  : 100vh;
	}

	body.no_scroll {
		overflow : hidden;
		/* height: 100vh; */
		position : fixed;
		width    : 100%;
	}

	.error-message {
		top: 50px !important;
	}

	.quize_slide .error-message {
		top: 71px !important;
	}
}

.form_input input {
	text-align: right !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	/* background-color: #eee; */
	background: #dfdcc6;
	cursor    : default;
}

input {
	padding-left: 55px;
}

.sec_enter input {
	padding-left: 18px;
}

.glider-track::-webkit-scrollbar-track,
.slider_numbers::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .0);
	background-color  : transparent;
}

.glider-track::-webkit-scrollbar,
.slider_numbers::-webkit-scrollbar {
	background-color: transparent;
}

.glider-track::-webkit-scrollbar-thumb,
.slider_numbers::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .0);
	background-color  : transparent;
}

/* hmc customs */

#step2_error {
	-webkit-transform: translateY(-20px);
	-ms-transform    : translateY(-20px);
	transform        : translateY(-20px);
	display          : block;
}

#disc_error,
.form_check_tx {
	font-size: 22px;
}

.btn_box {
	margin-bottom: 5px;
}

.over--auto {
	overflow: auto;
}

/* checking */

.quize_slide_item input[type="text"],
.quize_slide_item input[type="tel"] {
	color: #666666;
}


.checkin_quiz.colorful_cards {
	min-height: calc(100vh - 39px);
}

.checkin_quiz .cancel_app_right {
	display: none;
}

.checkin_quiz.show_top_banner .cancel_app_right {
	display: flex;
}

.checkin_quiz .select2-selection__arrow {
	display: none;
}

.select2-search.select2-search--dropdown {
	display: none;
}

.signature_popup {
	max-width         : 400px;
	background        : #dddac5;
	width             : 100%;
	top               : auto;
	margin-bottom     : 50px;
	padding           : 20px 15px 45px;
	position          : relative;
	margin            : 0 auto 50px;
	z-index           : 6;
	text-align        : center;
	-webkit-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.50);
	box-shadow        : 0px 2px 35px 0px rgba(0, 0, 0, 0.50);
}

.signature_popup .popup_close polygon {
	fill: #000000;
}

.hmc_beige .quize_slide_item:nth-of-type(4n + 1) .quize_slide_item_in {
	background-color: #efecd5
}

.hmc_beige .quize_slide_item:nth-of-type(4n + 2) .quize_slide_item_in {
	background-color: #efecd5
}

.hmc_beige .quize_slide_item:nth-of-type(4n + 3) .quize_slide_item_in {
	background-color: #efecd5
}

.hmc_beige .quize_slide_item:nth-of-type(4n + 4) .quize_slide_item_in {
	background-color: #efecd5
}

.hmc_beige .bt_bege {
	background : #2a2e80;
	color      : white;
	height     : 56px;
	line-height: 52px;
}

.checkin_quiz option,
.checkin_quiz select {
	color: black;
}

.checkin_quiz .terms_text_div {
	color  : black;
	padding: 30px 15px;
}

.checkin_quiz .my_app_item.cancel_item {
	padding: 15px;
}

.quize_slide_item .files_list .results_col1 {
	padding-right: 0;
}

.quize_slide_item .files_list .results_col5 {
	position: relative;
	left    : 0;
}

.quize_slide_item .files_list .results_col4 {
	position: absolute;
	left    : 95px;
}

.quize_slide_item .file_list .results_col4 .view_bt {
	top: 0;
}

.quize_slide_item .file_list .text {
	line-height: 20px;
	font-weight: bold;
	flex: 0 0 100%;
}

.checkin_quiz .form_col,
.checkin_quiz .form_radio {
	width    : 100%;
	max-width: 400px;
	margin   : 0 auto;
	display  : block;
	padding  : 0;
}

.checkin_quiz .form_radio {
	display      : flex;
	position     : relative;
	margin-bottom: 15px;
}

.checkin_quiz .form_radio .checkmark_text {
	flex: 1;
}

.checkin_quiz .btn_edit {
	background-image: url('/img/ic-pen.svg');
	background-size : 16px;
}

.hmc_beige .slick-slide.slick-current {
	opacity: 1;
}

.hmc_beige .page-counter {
	display: none;
}

.hmc_beige .slick-slide:not(.slick-current) {
	opacity: 0;
}

.colorful_cards .text_medic {
	color: white;
}

.hmc_beige .summary .thumb,
.hmc_beige .summary .thumb:hover {
	background-color: #333333;
}

.hmc_beige .form_col_dou {
	width    : 100%;
	max-width: 400px;
	margin   : 0 auto;
}

.checkin_quiz .profile_form_in {
	margin-bottom: 44px;
}

.checkin_quiz .d_down_arrow {
	position    : absolute;
	left        : 0;
	padding-left: 15px;
	height      : 100%;
	line-height : 50px;
}

.checkin_quiz .d_down_arrow svg {
	width: 20px;
}

.checkin_quiz .d_down_arrow path {
	fill: black
}

.checkin_quiz .form_input {
	margin-bottom: 16px;
}

.checkin_quiz .info_icon {
	color           : white;
	background-color: #32499a;
	font-size       : 28px;
	line-height     : 25px;
	display         : inline-flex;
	flex-direction  : column;
	justify-content : center;
	padding         : 0px 9px;
	padding-bottom  : 3px;
	border-radius   : 50%;
}

.checkin_quiz a.info_icon:hover,
.checkin_quiz a.info_icon:active,
.checkin_quiz a.info_icon:visited,
.checkin_quiz a.info_icon:link {
	text-decoration: none;
}

.quiz_loader {
	z-index        : 9999;
	background     : rgba(239, 236, 213, 0.7);
	position       : absolute;
	left           : 0;
	width          : 100%;
	top            : 0;
	height         : 100%;
	text-align     : center;
	display        : flex;
	flex-direction : column;
	justify-content: center;
}

.quiz_loader svg {
	width: 150px;
}

.btn-remove {
	background-image: url('/img/ic-close-thin.svg');
	background-size : 16px auto;
}

.btn-remove:hover {
	background-color: #32499a;
	background-image: url('/img/ic-close-thin-white.svg');
}

.btn-reactive {
	background-image: url('/img/ic-pen.svg');
	background-size : 16px auto;
}

.btn-reactive:hover {
	background-color: #32499a;
	background-image: url('/img/ic-pen-white.svg');
}

.quize_slide_item.arrival_companion .form_label.parent {
	display: none;
}

.bt_blue--sm.bt_quize {
	height     : 60px;
	line-height: 58px;
	min-width  : 165px;
}

.hmc_beige .bt_blue--sm.bt_quize {
	background-color: #32499a;
}

.checkin_quiz .payment_type .form_col .bt_blue--sm.bt_quize {
	width           : 100%;
	background-color: #dddbc6;
	color           : #666666
}

.checkin_quiz .payment_type .form_col.active .bt_blue--sm.bt_quize {
	background-color: #5582bd;
	color           : #dddbc6;
}

.checkin_quiz .cancel_app_right .title {
	background : transparent;
	font-size  : 95px;
	margin     : 0;
	color      : #efecd5;
	font-weight: 300;
	padding    : 0;
	max-width  : unset;
}

.checkin_quiz .quiz_right .title--22 {
	font-size: 40px;
}

.checkin_quiz .guide_before_submit {
	margin-bottom: 22px;
	width        : 100%;
	line-height  : 0.9;
	color        : #16a902;
	font-weight  : 400;
	font-size    : 26px;
}

.checkin_quiz.colorful_cards .guide_before_submit {
	color: black;
}

.colorful_cards .personal_information .profile_form_in {
	flex-wrap: wrap;
}

.colorful_cards .personal_information .profile_form_in .form_col {
	width : calc(100%/2 - 16px);
	margin: unset;
}

.hmc_beige .cancel_pop_sure {
	overflow: hidden;
	right   : 42%;
}

.hmc_beige .bgblack {
	right: 42%;
}

.colorful_cards .cancel_pop_sure {
	overflow: hidden;
	right   : 0;
}

.colorful_cards .bgblack {
	right: 0;
}

.hmc_beige .box_quize_terms {
	background: #efecd5 !important;
}

.hmc_beige .quize_terms {
	background: #dddac5;
}

.hmc_beige .signature-pad {
	background: #dddac5;
}

.hmc_beige .checkmark {
	background-color: #dddac5;
}

.view_bt.file_upload_btn {
	width                   : 120px;
	height                  : 50px;
	color                   : white;
	/* margin               : unset !important; */
	-webkit-border-radius   : 5px;
	-moz-border-radius      : 5px;
	border-radius           : 0;
}

/* #session-timeout-dialog{display: none;} */

/* temp code input */

.temp_code_input {
	font-size: 80px !important;
	;
	padding-bottom: 15px;
	padding-left  : 78px !important;
	;
	letter-spacing: 53px;
	text-align    : left;
	direction     : ltr;
}

.temp_code_row {
	max-width: 420px !important;
}

@media (max-width: 1250px) {
	.temp_code_row {
		max-width: 330px !important;
	}

	.temp_code_input {
		font-size     : 72px !important;
		padding-bottom: 15px;
		padding-left  : 55px !important;
		letter-spacing: 38px;
	}
}

@media (max-width: 800px) {
	.temp_code_row {
		max-width: 230px !important;
	}

	.temp_code_input {
		font-size     : 40px !important;
		padding-bottom: 7px;
		padding-left  : 35px !important;
		letter-spacing: 33px;
	}

	.view_bt.file_upload_btn {
		width : 90px;
		height: 40px;
	}

}

.hmc_beige .checkin_terms {
	-webkit-box-shadow: 0px 0px 18px -9px rgba(0, 0, 0, 0.75);
	-moz-box-shadow   : 0px 0px 18px -9px rgba(0, 0, 0, 0.75);
	box-shadow        : 0px 0px 18px -9px rgba(0, 0, 0, 0.75);

	position: absolute;
	top     : 0;
	bottom  : 0;
	left    : 0;
	right   : 0;
	width   : 100%;
	height  : 100%;
}

.hmc_beige .tt-menu {
	background-color  : rgb(223, 220, 198) !important;
	border            : 0 !important;
	font-size         : 25px !important;
	color             : #666666;
	-webkit-box-shadow: 0px 4px 15px -6px rgba(0, 0, 0, 0.55);
	-moz-box-shadow   : 0px 4px 15px -6px rgba(0, 0, 0, 0.55);
	box-shadow        : 0px 4px 15px -6px rgba(0, 0, 0, 0.55);
}

@media (min-width: 800px) {
	.hmc_beige {
		height: calc(100vh - 78px);
	}

	.hmc_beige .quiz_right {
		height: calc(100vh - 78px);
	}

	.hmc_beige .quize_slide_wrap {
		margin-right: 39%;
		overflow    : hidden;
	}

	.hmc_beige .tt-suggestion.tt-selectable {
		font-size    : 24px !important;
		line-height  : 24px;
		color        : #666666;
		border-bottom: 1px solid rgba(102, 102, 102, 0.15);
	}

	.sec_quize .tt-hint,
	.sec_quize .tt-input {
		height   : 60px;
		font-size: 28px;
	}

	.hmc_beige .checkin_terms {
		height: 90%;
		top   : 10%;
		bottom: 0;
		left  : 5%;
		right : 5%;
		width : 90%;
		;
	}

	.checkin_quiz.colorful_cards {
		padding-top  : 110px;
		margin-bottom: 20px;
	}

	.checkin_quiz .cancel_app_right {
		z-index: 4;
		width  : 42%;
	}

	.hmc_beige .quize_slide_item_in {
		padding-right: 9%;
	}

	.checkin_quiz .opening_page .title--85 {
		font-size: 50px;
	}
}

@media (max-width: 1036px) {
	.colorful_cards .personal_information .profile_form_in .form_col {
		width : 100%;
		margin: 0 auto;
	}
}

@media (min-width: 1036px) {
	.hmc_beige .quize_slide_wrap {
		height: calc(100vh - 54.5px);
	}
}

@media (min-width: 1250px) {
	.hmc_beige .checkin_terms {
		left : 6%;
		right: 10%;
		width: 85%;
	}

}

@media (min-width: 800px) and (max-width: 1036px) {
	.hmc_beige .quize_slide_wrap {
		height: calc(100vh - 78px);
	}

	.hmc_beige .cancel_app_right {
		bottom: 78px;
	}
}

@media (max-width: 1250px) {
	.hmc_beige .glider-slide {
		font-size: 45px;
	}

	.hmc_beige .glider-slide.center {
		font-size: 110px;
	}

	.checkin_quiz .cancel_app_right .title {
		font-size: 72px;
	}

	.checkin_quiz .cancel_app_right .title--22 {
		font-size: 30px;
	}
}

@media (max-width: 800px) {
	.quize_slide {
		padding: 5% 0;
	}

	.hmc_beige .bt_quize {
		width: unset;
	}

	.hmc_beige .bt_quiz_long {
		width: 100% !important;
	}

	.hmc_beige .quize_slide {
		padding-top: 0;
	}

	.hmc_beige .quiz_right .title {
		background : transparent;
		font-size  : 57px;
		margin     : 0;
		color      : #efecd5;
		font-weight: 400;
		padding    : 0;
		line-height: 50px;
	}

	.hmc_beige .quiz_right .title--22 {
		font-size: 27px;
		height   : 18px
	}

	.hmc_beige .cancel_app_right {
		background-image: url('/img/checkin_bg_m.jpg');
	}

	.hmc_beige .terms_text_div {
		padding: 15px 0;
	}

	.checkin_quiz .tt-suggestion.tt-selectable {
		font-size    : 24px !important;
		line-height  : 24px;
		color        : #666666 !important;
		border-bottom: 1px solid rgba(102, 102, 102, 0.15);
	}

	.checkin_quiz .d_down_arrow {
		line-height: 48px;
	}

	.checkin_quiz .form_radio {
		margin-bottom: 15px;
	}

	.checkin_quiz .btn_edit {
		background-size: 13px;
	}

	.sec_quize .tt-hint,
	.sec_quize .tt-input {
		height   : 50px;
		font-size: 24px;
	}

	.hmc_beige .quize_slide_wrap {
		min-height: calc(100vh - 269px);
	}

	.checkin_quiz.colorful_cards {
		padding-top: 17vh;
	}

	.quize_slide_item .files_list .results_col4 {
		left: 75px;
	}

	.hmc_beige .quize_slide_item .results_col5 .view_bt svg {
		width : 21px;
		height: 21px;
	}

	.hmc_beige .quize_slide_item .results_col5 .view_bt.file_upload_btn svg {
		width : 16px;
		height: 16px;
	}
	.hmc_beige .quize_slide_item .results_col5 .in_quiz_delete_file svg {
		width : 12px;
		height: 12px;
	}
	.hmc_beige .quize_slide_item .results_col5 .in_quiz_delete_file {
		background-color: #EEECD5 ;
	}
	.hmc_beige .quize_slide_item .results_col5 .watch_file {
		background-color: #F45824 ;
	}
	.hmc_beige .quize_slide_item .results_col4 .view_bt svg {
		width : 17px;
		height: 17px;
	}

	.hmc_beige .quize_slide_item.slick-current {
		opacity: 1;
	}

	.hmc_beige .quize_slide_item:not(.slick-current) {
		opacity: 0;
	}

	.btn-remove {
		background-size: 13px auto;
	}

	.fixed_footer {
		position: fixed;
		width   : 100%;
		bottom  : 0;
	}

	.checkin-cont {
		padding-bottom: 45px !important;
	}

	.head_inner .logo {
		width: 30%;
	}

	.head_inner svg {
		width: 100%;
	}

	.checkin_quiz .payment_type .form_col .bt_blue--sm.bt_quize {
		height     : 50px;
		line-height: 48px;
	}

	.bt_blue--sm.bt_quize {
		height     : 46px;
		line-height: 44px;
		font-size  : 16px;
		min-width  : 100px;
	}

	.checkin_quiz .profile_form_in {
		margin-bottom: 22px;
	}

	.checkin_quiz .guide_before_submit {
		font-size: 22px;
	}

	.hmc_beige .cancel_pop_sure {
		overflow: hidden;
		right   : 0;
	}

	.hmc_beige .bgblack {
		right: 0;
	}
}

@media (max-width:912px) {
	.checkin_quiz .payment_type .bt_blue--sm.bt_quize {
		padding  : 0 10px;
		font-size: 22px;
	}
}

@media (max-width:340px) {
	.checkin_quiz .payment_type .bt_blue--sm.bt_quize {
		font-size: 20px;
	}

	.quize_slide_item .files_list .results_col5 {}

	.quize_slide_item .files_list .results_col4 {
		left: 55px;
	}
}

.checkin_quiz .tt-highlight {
	color: #666666;
}

.checkin_quiz .tt-suggestion:hover .tt-highlight {
	color: white !important;
}

.checkin_quiz .tt-suggestion:hover {
	background-color: #2a2e80;
	color           : white !important;
}

.hmc_beige .form_label {
	color: #666666;
}

.hmc_beige .link_tx {
	font-size: 22px;
}

.hmc_beige .files_list {
	width: 100%;
}

.hmc_beige .fileupload .title {
	padding-bottom: 25px;
	color         : #2D4D99;
	font-weight   : bold;
}

.colorful_cards .fileupload .title {
	padding       : 0;
	padding-bottom: 10px;
}

.colorful_cards .files_list {
	width: 100%;
}

.hmc_beige .payment_amount {
	cursor: pointer;
}

.global_alert,
.global_alert .bgblack {
	right   : 0;
	width   : 100%;
	overflow: hidden;
}

.in_quiz_popup {
	position: fixed;
	left    : 0;
	right   : 0;
}

.in_quiz_uploaded {
	width: 100%;
}

.bt_disable.alt_disable {
	background-color: #dddac5 !important;
	color           : #efecd5 !important
}

.single_file .after {
	display: none;
}

.single_file .before {
	display: block;
}

.single_file.has_file {
	border     : 1px solid #82c156;
	align-items: center;
}

.single_file.has_file .after {
	display: flex;
}

.single_file.has_file .after .view_bt {
	margin  : 0 auto;
	position: relative;
}
.single_file.has_file .in_quiz_delete_file {
	background-color: #EEECD5 ;
}
.single_file.has_file .watch_file {
	background-color: #F45824 ;
}
.single_file.has_file .before {
	display: none;
}

.single_file.in_multiple {
	display   : flex;
	min-height: 80px;
}

.single_file.in_multiple.has_error {
	border: 1px solid rgba(199, 56, 56, 0.8);
}

.quize_slide_item .error-msg {
	font-size: 17px;
	color    : red;
	padding  : 5px 0;
	display  : none;
}

.missing_files {
	display: none;
}
.hmc_beige .quize_slide_item .results_col5 .error_upload {
	background-color: #e62d11;
	display: none;
}
.form_col_dou {
	display        : flex;
	justify-content: space-between;
}

.form_col_dou>.form_col {
	width : calc(100%/2 - 5px);
	margin: 0;
}

.form_col_dou.zero>.form_col.form_col_price {
	width: 100%;
}

.form_col_dou.zero>.form_col.form_col_payments {
	display: none;
}

.hidden_city_code {
	display: none;
}

.checkin_quiz .bootstrap-tagsinput {
	padding      : 8px 7px !important;
	display      : flex !important;
	flex-wrap    : wrap;
	align-content: flex-start;
	min-height   : 140px;
	height       : unset;
}

.checkin_quiz .bootstrap-tagsinput>input {
	height                 : 40px;
	color                  : white;
	-webkit-text-fill-color: white;
}

.checkin_quiz .bootstrap-tagsinput .tag [data-role="remove"] {
	position: absolute;
	left    : 0px;
}

.checkin_quiz .bootstrap-tagsinput>input:last-child:not(:first-child) {
	margin-right: 10px;
}

.checkin_quiz .bootstrap-tagsinput .tag {
	padding         : 7px 10px;
	margin-bottom   : 2px;
	border-radius   : 5px;
	background-color: rgba(0, 0, 0, 0.2);
	height          : 40px;
	position        : relative;
	padding-left    : 30px;
}

.hmc_beige .bootstrap-tagsinput .tag {
	color: #333333;
}

.checkin_quiz .quize_answers.multiple_answers {
	max-width: 538px;
	margin   : 0 auto;
}

.checkin_quiz .quize_answers.multiple_answers .bt_quize {
	margin-bottom: 14px;
}

.form_col.quiz_payment input {
	padding: 0 18px !important;
}

.checkin_quiz .form_radio .checkbox_custom {
	display        : flex;
	flex-direction : column;
	justify-content: center;
	bottom         : 0;
	position       : absolute;
	right          : -35px;
	top            : 0;
}

.checkin_quiz .form_radio .checkbox_custom span {
	display              : -webkit-box;
	display              : -ms-flexbox;
	display              : flex;
	-webkit-box-orient   : vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction   : column;
	flex-direction       : column;
	-webkit-box-align    : center;
	-ms-flex-align       : center;
	align-items          : center;
	-webkit-box-pack     : center;
	-ms-flex-pack        : center;
	justify-content      : center;
	-webkit-transition   : .3s ease;
	-o-transition        : .3s ease;
	transition           : .3s ease;
	border-radius        : 100% !important;
	background           : #dddbc6 !important;
	border               : none !important;
	width                : 25px !important;
	height               : 25px !important;
	position             : static !important;
	cursor               : pointer;
}

.checkin_quiz .form_radio .checkbox_custom span::after {
	content                : "" !important;
	display                : block;
	width                  : 11px;
	height                 : 11px;
	background-color       : #31312f;
	border-radius          : 100% !important;
	speak                  : none;
	display                : inline-block;
	line-height            : 1;
	font-family            : wpdui-icon !important;
	font-style             : normal;
	font-weight            : 400;
	font-variant           : normal;
	text-rendering         : optimizeLegibility;
	text-transform         : none;
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing: grayscale;
	filter                 : alpha(opacity=0);
	filter                 : progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity                : 0;
	-khtml-opacity         : 0;
	display                : block;
	font-size              : 14px;

}

.checkin_quiz .form_radio .checkbox_custom span:hover::after {
	opacity: 1;
}

.checkin_quiz .form_radio .checkbox_custom span.checked::after {
	opacity: 1;
}

.checkin_quiz .form_radio .checkbox_custom input {
	width            : 1px;
	height           : 1px;
	overflow         : hidden;
	position         : absolute !important;
	margin           : -1px;
	border           : 0;
	padding          : 0;
	clip             : rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path        : inset(50%);
	word-wrap        : normal !important;
}

.dummy_input {
	height     : 0;
	padding    : 0px;
	margin     : 0;
	line-height: 0;
	font-size  : 0;
	display    : none;
}

.signature_trash,
.signature_edit {
	position: absolute;
	left    : 7px;
	top     : 7px;
	display : none;
}

.signature_trash svg,
.signature_edit svg {
	width : 20px;
	cursor: pointer;
}

.signature_trash svg path {
	fill: #c6c2a9 !important;
}

.signature_edit svg path {
	fill: #c0bca0 !important;
}

.signature_start_label {
	position       : absolute;
	width          : 100%;
	height         : 100%;
	top            : 0;
	bottom         : 0;
	right          : 0;
	left           : 0;
	display        : flex;
	flex-direction : column;
	justify-content: center;
	text-align     : center;
	font-size      : 32px;
}

.hmc_beige .glider-slide.left-3 {
	background             : -webkit-linear-gradient(left, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.3) 100%);
	-webkit-background-clip: text;
}

.hmc_beige .glider-slide.left-2 {
	background             : -webkit-linear-gradient(left, rgba(51, 51, 51, 0.35) 0%, rgba(51, 51, 51, 0.6) 100%);
	-webkit-background-clip: text;
}

.hmc_beige .glider-slide.left-1 {
	background             : -webkit-linear-gradient(left, rgba(51, 51, 51, 0.65) 0%, rgba(51, 51, 51, 1) 100%);
	-webkit-background-clip: text;
}

.hmc_beige .glider-slide.right-3 {
	background             : -webkit-linear-gradient(right, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.3) 100%);
	-webkit-background-clip: text;
}

.hmc_beige .glider-slide.right-2 {
	background             : -webkit-linear-gradient(right, rgba(51, 51, 51, 0.35) 0%, rgba(51, 51, 51, 0.6) 100%);
	-webkit-background-clip: text;
}

.hmc_beige .glider-slide.right-1 {
	background             : -webkit-linear-gradient(right, rgba(51, 51, 51, 0.65) 0%, rgba(51, 51, 51, 1) 100%);
	-webkit-background-clip: text;
}

/**
 *	register
 */

.register-step1,
.register-step2 {
	width: 100%;
}

.register-step1 {
	padding: 30px 15px;
}

.register_form {
	max-width: 450px;
	margin   : 0 auto;
}

.register_form .bt_disable input {
	background : #d8d5c0 !important;
	color      : #eeebd4 !important;
	font-weight: 400;
}

.form_col_dou>.register_col {
	width : calc(100%/2 - 5px);
	margin: 0;
}

.register_col .form_label {
	text-align: right;
}

.register_col .register_input input {
	height       : 55px;
	margin-bottom: 17px;
}

.register_form .form_input_custom input {
	height: 100px;
}

.register_form .form_input_custom {
	max-width: 90%;
	width    : 100%;
	margin   : 42px auto 80px;
}

.register_form .d_down_arrow {
	position    : absolute;
	left        : 0;
	padding-left: 15px;
	height      : 100%;
	line-height : 50px;
}

.register_form .d_down_arrow svg {
	width: 20px;
}

.register_form .d_down_arrow path {
	fill: black
}

.register_form .select2-selection__arrow {
	display: none;
}

.register_form .select2-container {
	height: 55px !important;
}

.register_form .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 55px !important;
	text-align : right;
}

@media (max-width:800px) {
	.register_form .form_submit {
		width: 115px;
	}

	.register_col .register_input input,
	select {
		height: 50px;
	}

	.register_form .form_input_custom {
		margin: 15px auto 35px;
	}

	.register_form .form_input_custom input {
		height: 50px;
	}

	.has_file>div.results_col1 {
		max-width: 70%;
	}

}

#login-passport::placeholder,
#login-passport-2::placeholder {
	direction : rtl;
	text-align: center;
	opacity   : 0.5;

}

#login-passport,
#login-passport-2 {
	text-align: center;
}

#login-passport-2,
#label-passport {
	display: none;
}

.fa-info-circle {
	color         : #5682C1;
	font-size     : 16px;
	cursor        : pointer;
	display       : inline-block;
	vertical-align: text-top;
	padding       : 2px 0 2px 2px;
}

@supports (-webkit-touch-callout: none) {
	.fa-info-circle {
		vertical-align: unset;
	}

	.register-step1 {
		margin-top: 50px;
	}

	.register_form {
		overflow-y: scroll;
	}

	.profile_form_in {
		margin-top: 100px;
	}


}

.popover {
	position     : absolute;
	background   : #333333;
	color        : #ffffff;
	padding      : 12px;
	z-index      : 1;
	box-shadow   : 1px 1px 1px #333333;
	display      : none;
	border-radius: 3px;
}

.popover>.close {
	font-size      : 16px;
	text-decoration: underline;
	cursor         : pointer;
}

.bt_link {
	color      : black;
	width      : 48%;
	min-width  : inherit;
	height     : 60px;
	line-height: 58px;
	font-size  : 22px;
	text-align : center;
	padding    : 0 20px;
}

.bt_link:hover {
	transition     : all 300ms;
	/* color       : #e0ddc3 ; */
	text-decoration: underline;
}

.switch-wrapper {
	display        : flex;
	align-items    : center;
	justify-content: center;
	margin-top     : 30px;
	direction: ltr;
}

.switch {
	margin: 0 10px;
}

.flex-content-center {
	display        : flex;
	flex-direction : row;
	justify-content: center;
}

ul[id^="select2-registration_reason-"][id$="-results"] {
	/* overflow-y: hidden !important; */
	left: -69px !important;
}

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

	/* The container must be positioned relative: */
	.custom-select {
		position: relative;
	}

	.custom-select select {
		display                       : none;
		/*hide original SELECT element: */
	}


	/* Style the arrow inside the select element: */
	.select-selected:after {
		position  : absolute;
		content   : url(../img/select_big.png);
		left      : 16px;
		transition: all 300ms;
	}

	/* Point the arrow upwards when the select box is open (active): */
	.select-selected.select-arrow-active:after {
		display   : inline-block;
		transform : rotate(180deg);
		transition: all 300ms;
		top       : 10px;
	}

	/* style the items (options), including the selected item: */
	.select-items div {
		color       : #333333;
		padding     : 8px 16px;
		border      : 1px solid transparent;
		border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
		cursor      : pointer;
		text-align  : right;
		font-family : NextExit, 'Roboto Condensed';
		font-size   : 28px;
		font-weight : 300;
	}

	.select-items div:first-of-type {
		border-color: rgba(0, 0, 0, 0.1) transparent rgba(0, 0, 0, 0.1) transparent;
	}

	/* Style items (options): */
	.select-items {
		position        : absolute;
		background-color: #dfdcc6;
		top             : 100%;
		left            : 0;
		right           : 0;
		z-index         : 99;
	}

	.select-selected {
		color           : #333333;
		padding         : 8px 16px;
		cursor          : pointer;
		border          : none;
		background-color: #dfdcc6;
		height          : 55px;
		margin-bottom   : 17px;
		text-align      : right;
		font-family     : NextExit, 'Roboto Condensed';
		font-size       : 28px;
		font-weight     : 300;
	}

	/* Hide the items when the select box is closed: */
	.select-hide {
		display: none;
	}

	.select-items div:hover,
	.same-as-selected {
		background-color: rgba(0, 0, 0, 0.1);
		transition      : all 300ms;
	}
}