@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup, 
nav,
section,
summary {
	display: block;
}
/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
	display: inline-block;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
 
audio:not([controls]) {
	display: none;
	height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
 
[hidden] {
	display: none;
}

* {
    outline: none;
}

fieldset{
	margin:0;
	padding:0;
	border:0;
}

html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-moz-box-sizing: border-box;
}

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

body{
	margin:0;
	font-size:var(--default-font-size);
	line-height:1.6;
	font-size:14px;
	color:#000;
	font-family: 'Bai Jamjuree', sans-serif;
	background:#fbfbfb url(../img/bg.jpg) no-repeat 50% 0;
}

button{
	font-family: 'Bai Jamjuree', sans-serif;
}
h1, h2, p{
	padding:0;
	margin:0 0 20px 0;
}

h1{
	font-size:40px;
	font-weight:bold;
	line-height:1.1;
}
h1.xl{
	font-size:70px;
}
h2{
	font-size:30px;
	font-weight:bold;
	line-height:normal;
}
h3{
	font-size:23px;
	font-weight:bold;
	line-height:normal;
}
textarea {
	resize: vertical
}
.input select,
.input input[type="email"],
.input input[type="text"],
.input input[type="tel"],
.input input[type="password"],
.input textarea{
	font-family:inherit;
	font-size:18px;
	line-height:normal;
	padding:15px 20px;
	border:1px solid var(--light-grey-border-color);
	border-radius:var(--border-radius);
	width:100%;
	background:#fff;
	transition:border-color 150ms, color 150ms;
	display:block;
}
.input.error select,
.input.error input[type="email"],
.input.error input[type="text"],
.input.error input[type="tel"],
.input.error input[type="password"],
.input.error textarea{
	border-color:var(--red-color);
}
.input select:focus,
.input input[type="email"]:focus,
.input input[type="text"]:focus,
.input input[type="tel"]:focus,
.input input[type="password"]:focus,
.input textarea:focus{
	border-color:black;
}
.input.required label:after{
	display:inline;
	content:'*';
	margin-left:5px;
	font-size:12px;
}
.input label{
	transition:color 150ms;
	color:var(--dark-grey-color);
	display:block;
}
.input:has(textarea:focus) label,
.input:has(select:focus) label,
.input:has(input:focus) label{
	color:#000;
}
.input.required:has(textarea:focus) label:after,
.input.required:has(select:focus) label:after,
.input.required:has(input:focus) label:after{
	color:var(--red-color);
}
/*
.input label{
	position:absolute;
	display:block;
	left:10px;
	top:-12px;
	padding:0 10px;
	background:#fbfbfb;
	border-radius:10px;
	border-radius:var(--border-radius);
}
*/
.input .error-message{
	font-size:11px;
	line-height:normal;
	color:var(--red-color);
	margin-top:2px;
	display:none;
}
.input.error .error-message{
	display:block;
}
.input{
	margin-bottom:20px;
	position:relative;
}
.input focus:read-only,
.input input[type="email"]:read-only,
.input input[type="text"]:read-only,
.input input[type="tel"]:read-only,
.input input[type="password"]:read-only,
.input textarea:read-only{
	color:var(--light-grey-color);
}
.form-row .form-col-1{
	flex:1;
}
.form-row .form-col-2{
	flex:2;
}
.form-row .form-col-3{
	flex:3;
}
.form-row .form-col-4{
	flex:4;
}
.form-row{
	display:flex;
	gap:20px;
}
.btn:hover,
button[type="submit"]:hover{
	text-decoration: none;
	box-shadow: 0 8px 10px 0 rgba(1, 1, 2, 0.15) !important;
	color:#fff;
	transition: box-shadow 150ms, transform 150ms, color 300ms, -webkit-box-shadow 150ms, -webkit-transform 150ms !important;
}
.btn,
button[type="submit"]{
	text-decoration: none;
	font-family:inherit;
	font-size:20px;
	line-height:normal;
	font-weight:bold;
	border-radius:var(--border-radius);
	border:none;
	background:var(--gold-color);
	color:#fff;
	padding:15px 35px;
	text-align:center;
	cursor:pointer;
	display:inline-block;
}
.btn.btn-secondary{
	background:#fff;
	color:var(--gold-color);
	border:1px solid var(--gold-color);
	font-size:16px;
}
input::placeholder {
    color: black;
    opacity: 1;
	transition:color 150ms;
}
input:focus::placeholder {
	color:var(--light-grey-color);
}
.lds-ellipsis{
	display:none !important;
}
.btn-ajax{
	position:relative;
}
.btn-ajax .submittext{
	transition:transform 150ms;
	display:block;
}
.btn-ajax:disabled{
	background:var(--green-color) !important;
}
.btn-ajax:disabled .submittext{
	transform:scale(0);
}
.btn-ajax:disabled .lds-ellipsis{
	display:block !important;
}
.lds-ellipsis,
.lds-ellipsis span {
  box-sizing: border-box;
}
.lds-ellipsis {
  display: block;
  position: absolute;
  width: 80px;
  height: 40px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
.lds-ellipsis span {
  position: absolute;
  display:block;
  top: 13.5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: currentColor;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis span:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis span:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis span:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis span:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.note{
	font-size:var(--default-font-size);
	color:var(--light-grey-color);
}
.wdth{
	max-width:700px;
	margin:0 auto;
}
.pddgs{
	padding:0 20px;
}
.top-nav{
	padding:40px 0 50px 0;
}
.hidden,
.no-display{
	display:none !important;
}
.text-center{
	text-align:center !important;
}
.message{
	padding:15px 20px;
	margin-bottom:20px;
	text-align:center;
	font-size:var(--default-font-size);
	font-weight:bold;
	border-radius:var(--border-radius);
}
.message.error{
	background:var(--red-color);
	color:#fff;
}
.message.success{
	background:var(--green-color);
	color:#fff;
}
.rtl{
	text-align:right !important;
}
.ps {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.footer a:hover{
	text-decoration:none;
	color:var(--gold-color);
}
.footer a{
	color:inherit;
	text-decoration:none;
	transition:color 150ms;
}
.footer{
	text-align:center;
	font-size:20px;
	padding:20px 0 40px 0;
	margin-top:40px;
}
.top-nav-row{
	display:flex;
	align-items:center;
	justify-content: space-between;
	direction: ltr;
}
.language-switcher > label > .icon img{
	display:block;
}
.language-switcher > label > .icon{
	transition:transform 200ms, border-color 150ms;
	border:1px solid var(--light-grey-border-color);
	border-radius:999px;
	padding:4px;
}
.language-switcher:has(input:checked) > label > .icon{
	transform:rotate(-180deg);
}
.language-switcher label:hover .icon{
	border-color:#aaa;
}
.language-switcher label{
	cursor:pointer;
	display:flex;
	align-items:center;
	gap:15px;
	font-size:20px;
	direction: ltr;
}
.language-switcher input{
	display:none;
}
.language-switcher .languages-popup a:hover{
	color:var(--gold-color);
}
.language-switcher .languages-popup a{
	display:block;
	color:#000;
	text-decoration:none;
	transition:color 150ms;
}
.language-switcher input:checked + .languages-popup{
	display:block;
	visibility:visible;
	height:auto;
}
.language-switcher .languages-popup{
	position:absolute;
	right:0;
	top:40px;
	font-size:20px;
	border:1px solid var(--light-grey-border-color);
	border-radius:20px;
	padding:20px 25px;
	background:#fff;
	visibility:hidden;
	height:0;
	box-shadow: 0 5px 5px 0 rgba(1, 1, 2, 0.15);
	overflow:hidden;
}
.language-switcher{
	position:relative;
	white-space:nowrap;
}
.language-switcher:has(.single-language) .single-language{ /* IE hack */
	opacity:0;
	transition:transform 350ms, opacity 350ms;
	transform:translateX(-15px);
}
.language-switcher:has(input:checked) .single-language{
	opacity:1;
	transform:translateX(0);
}
.single-language:nth-child(2){
	transition-delay:100ms !important;
}
.single-language:nth-child(3){
	transition-delay:200ms !important;
}
.single-language:nth-child(4){
	transition-delay:300ms !important;
}
.single-language:nth-child(5){
	transition-delay:400ms !important;
}
.popup-about-button:hover{
	background-color:var(--gold-color);
}
.popup-about-button{
	font-size:20px;
	display:block;
	font-weight:bold;
	color:#fff;
	background:#000;
	text-align:center;
	width:32px;
	line-height:32px;
	height:32px;
	text-decoration:none;
	transition:background-color 150ms;
	border-radius:999px;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
	background-color:var(--gold-color) !important;
	border-color:var(--gold-color)  !important;
}

#uploading-files-list li .txt{
	position:relative;
	z-index:2;
	padding:5px 15px;
	display:block;
	max-width:80%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
#uploading-files-list li.success{
	/* color:#fff; */
}
#uploading-files-list li.success .progress{
	background:var(--light-green-color);
}
#uploading-files-list li.success .progress.error{
	background:var(--light-red-color);
	width:100% !important;
}
#uploading-files-list li .progress{
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background-color:var(--light-yellow-color);
	border-radius:var(--border-radius);
	width:0px;
	transition:width 150ms, background-color 150ms;
}
#uploading-files-list li:hover button{
	opacity:1;
}
#uploading-files-list li button:after{
	content:'';
	display:block;
	height:12px;
	left:5px;
	top:0;
	border-left:2px solid var(--red-color);
	position:absolute;
	transform:rotate(-45deg);
}
#uploading-files-list li button:before{
	content:'';
	display:block;
	height:12px;
	right:5px;
	top:0;
	border-left:2px solid var(--red-color);
	position:absolute;
	transform:rotate(45deg);
}
#uploading-files-list li button:hover{
	transform:rotate(90deg);
}
#uploading-files-list li button{
	position:relative;
	z-index:3;
	margin:0;
	padding:0;
	border:0;
	right:8px;
	background:transparent;
	cursor:pointer;
	width:12px;
	height:12px;
	position:relative;
	color:var(--red-color);
	font-weight:bold;
	display:none;
	opacity:0;
	transition:opacity 150ms, transform 150ms;
}
#uploading-files-list li.success button{
	display:block;
}
#uploading-files-list li{
	position:relative;
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	display:flex;
	justify-content:space-between;
	align-items:center;
}	
#uploading-files-list{
	list-style:none;
	display:block;
	margin:0 0 20px 0;
	padding:0;
}
h1.xl{
	margin-top:40px;
}
.email-form button[type="submit"]{
	width:300px;
}
.email-form input[type="email"]{
	padding-top:20px;
	padding-bottom:20px;
	font-size:20px;
}
.email-form{
	width:500px;
	margin:0 auto;
	margin-bottom:100px;
}
.eu-disclaimer img{
	display:block;
}
.eu-disclaimer{
	display:flex;
	align-items:center;
	gap:15px;
	width:400px;
	font-size:12px;
	line-height:normal;
	margin:0 auto;
}
.partnership-wrapper p{
	margin-bottom:13px;
}
.partnership-text:after,
.partnership-text:before{
	display:block;
	content:'';
	height:0;
	width:15px;
	border-top:1px solid #000;
}
.partnership-text{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
}
.recaptcha-container.error.error{
	padding:15px 0;
	background-color:var(--red-color);
}
.recaptcha-container{
	display:flex;
	justify-content:center;
	margin-bottom:20px;
	border-radius:var(--border-radius);
	transition:background-color 150ms, padding 150ms;
	min-height:78px;
}
.verify-email-digits-wrap{
	position:relative;
	margin-left:-20px;
	margin-right:-40px;
}

.wdth-verify-email{
	width:400px;
}
.verify-email-digits{
	position:relative;
	display:flex;
	gap:7px;
	margin-bottom:20px;
}
.verify-email-digits .fake-input-spacer{
	height:60px;
	width:22px;
	background:white;
	position:relative;
	z-index:4;
}
.verify-email-digits .fake-input{
	height:60px;
	width:60px;
	border:1px solid var(--light-grey-border-color);
	border-radius:var(--border-radius);
	transition:border-color 150ms;
	
}
.verify-email-digits:hover > .fake-input{
	border-color:var(--dark-grey-border-color);
}
.verify-email-digits input:read-only{
	color:var(--light-grey-color);
}
.verify-email-digits input{
	letter-spacing:39px;
	font-size:35px;
	color:var(--gold-color);
	font-weight:bold;
	border:none;
	padding:10px 0 10px 17px;
	width:100%;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	background:transparent;
	transition:color 150ms;
}
.verify-email-digits input::placeholder {
	color:var(--light-grey-color);
}

.dm-uploader .btn input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.dm-uploader p.title{
	margin-bottom:10px;
}	
.dm-uploader .btn{
	position:relative;
}
.dm-uploader{
	text-align:center;
	border-radius:var(--border-radius);
	padding:40px 20px;
	margin-bottom:20px;
	border:1px solid var(--light-grey-border-color);
	background:#fff;
}

@media screen and (max-width: 968px) {
	h1.xl{
		font-size:35px;
	}
	.email-form{
		width:100%;
	}
	.form-row{
		display:block;
	}
	.hide-on-mobile{
		display:none !important;
	}
	.dm-uploader{
		padding:20px;
	}
	.eu-disclaimer{
		width:100%;
	}
}
@media screen and (max-width: 600px) {
	.verify-email-digits .fake-input-spacer,
	.verify-email-digits .fake-input{
		display:none;
	}
	.verify-email-digits input{
		letter-spacing:25px;
		position:relative;
		text-align:center;
		border:1px solid var(--light-grey-border-color);
		border-radius:var(--border-radius);
	}
	.verify-email-digits-wrap{
		margin-right:-20px;
	}
	.wdth-verify-email{
		width:auto;
	}
	.top-nav{
		padding:20px 0 40px 0;
	}
	.email-form{
		margin-bottom:60px;
	}
}
@media screen and (min-width: 800px) {
	.fancybox-content.wdth-verify-email{
		padding-left:70px;
		padding-right:70px;
		width:452px;
	}
}