@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Slab&display=swap');

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
body.backBlur2::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(9, 0, 28, 0.85);
	backdrop-filter: blur(60px);
	z-index: 102 !important;
}

body .u-api-auth, html .u-api-auth, .u-api-auth{
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 1;
	overflow-x: hidden;
	max-width: 100vw;
}
body.overlayShow {
	overflow-y: hidden;
}
.u-api-auth *, .u-api-auth *:before, .u-api-auth *:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.u-api-auth input {
	-webkit-writing-mode: horizontal-tb !important;
	text-rendering: auto;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	-webkit-appearance: textfield;
	background-color: white;
	-webkit-rtl-ordering: logical;
	cursor: text;
	margin: 0em;
	font: 400 11px system-ui;
	padding: 1px;
	border-width: 2px;
	border-style: inset;
	border-color: initial;
	border-image: initial;
}

.u-api-auth .overlay {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 111;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	padding: 16px 0;
}
.u-api-auth .overlay:not(.show) {
	display: none;
}
.u-api-auth .modal {
	width: 32.5em;
	max-width: 90%;
	background: #307FE2;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.6);
	border-radius: 6px;
	padding-top: 2em;
	padding-bottom: 1.5em;
	position: relative;
}
.u-api-auth .modal:not(.show) {
	display: none;
}
.u-api-auth .modal.modal-white {
	padding: 24px;
	background: #fff;
}
.u-api-auth .modal.modal.sliderVideoModal {
	padding: 0;
	border-radius: 0;
	overflow: hidden;
	width: 65rem;
	height: 37.14286em;
	max-height: 90%;
}
.u-api-auth .modal.modal.sliderVideoModal iframe {
	width: 100% !important;
	height: 100% !important;
}
.u-api-auth .modal:not(.modal-white)::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 60px;
	background: #EF3340;
	border-radius: 5px;
	top: 24px;
	left: 0;
	transform: translateX(-50%);
}
.u-api-auth .modal > .close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	opacity: .4;
}
.u-api-auth .modal > .close:hover {
	opacity: 1;
}
.u-api-auth .modal.over > .close {
	display: none;
}
.u-api-auth .modal > .close::before,
.u-api-auth .modal > .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #fff;
}
.u-api-auth .modal > .close::before {
	transform: rotate(45deg);
}
.u-api-auth .modal > .close::after {
	transform: rotate(-45deg);
}
.u-api-auth .modal > .back {
	position: absolute;
	top: 48px;
	left: 38px;
	width: 20px;
	transform: rotate(-180deg);
	opacity: .4;
}
.u-api-auth .modal > .back svg path {
	opacity: 1;
	fill: #fff;
}
.u-api-auth .modal > .back:hover {
	opacity: 1;
	cursor: pointer;
}
.u-api-auth .modal:not(.over) > .back {
	display: none;
}
.u-api-auth .modal .title {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 24px;
	text-align: center;
	font-family: "Roboto Slab", serif;
	color: #fff;
	font-weight: bold;
}
.u-api-auth .modal .modalWrap {
	width: 360px;
	margin: 0 auto;
}
.u-api-auth .modal .listSocialBtns {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.u-api-auth .modal .listSocialBtns > .socBtn {
	width: 170px;
	height: 36px;
	padding: 8px 16px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	border-radius: 18px;
	border: 1px solid;
	font-weight: bold;
	display: flex;
	cursor: pointer;
}
.u-api-auth .modal .listSocialBtns > .socBtn .icon {
	max-width: 28px;
	height: 16px;
	margin-right: 32px;
}
.u-api-auth .modal .listSocialBtns > .socBtn svg path {
	fill: #fff;
	opacity: 1;
}
.u-api-auth .modal .listSocialBtns > .socBtn + .socBtn {
	margin-left: 2.5rem;
}
.u-api-auth .modal .modalSeparator {
	display: flex;
	align-items: center;
	margin: 24px 0;
	color: rgba(255, 255, 255, 0.4);
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}
.u-api-auth .modal .modalSeparator > div {
	margin: 0 1.675rem;
	white-space: nowrap;
}
.u-api-auth .modal .modalSeparator::after,
.u-api-auth .modal .modalSeparator::before {
	content: "";
	width: 100%;
	height: 1px;
	background: rgba(9, 0, 28, 0.2);
}


.u-api-auth .form.modalForm .field {
	padding-top: 16px;
	position: relative;
}
.u-api-auth .form.modalForm .field + .field {
	margin-top: 20px;
}
.u-api-auth .form.modalForm .field input {
	position: relative;
	z-index: 2;
	width: 100%;
}
.u-api-auth .form.modalForm .field input + .label {
	position: absolute;
	bottom: 10px;
	left: 2px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	line-height: 12px;
	color: rgba(255, 255, 255, 0.4);
	z-index: 1;
	transition: all .15s;
}
.u-api-auth .form.modalForm .field input:focus + .label,
.u-api-auth .form.modalForm .field input.not-empty + .label {
	top: 0;
	bottom: unset;
}

.u-api-auth .form.modalForm input,
.u-api-auth .form.modalForm select,
.u-api-auth .form.modalForm textarea {
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgba(9, 0, 28, 0.2);
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	line-height: 12px;
	color: rgba(255, 255, 255, 0.9);
	padding: 7px 2px;
}

.u-api-auth .form.modalForm ::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.u-api-auth .form.modalForm .mf-footer {
	margin-top: 28px;
	font-size: 14px;
	line-height: 20px;
	color: #82B2ED;
	text-align: center;
	font-weight: 600;
}
.u-api-auth .form.modalForm .mf-footer p + p {
	margin-top: 18px;
}
.u-api-auth .form.modalForm .mf-footer .mf-footer-small {
	font-size: 12px;
	line-height: 18px;
}
.u-api-auth .form.modalForm .mf-footer .mf-lnk {
	color: #FF727C;
	cursor: pointer;
}

.u-api-auth .form.modalForm .field-pass .icon {
	position: absolute;
	bottom: 10px;
	right: 2px;
	opacity: .4;
	z-index: 6;
}
.u-api-auth .form.modalForm .field-pass .icon svg path {
	opacity: 1;
	fill: #fff;
}
.u-api-auth .form.modalForm .field-pass .icon:hover {
	opacity: 1;
	cursor: pointer;
}

.u-api-auth .form.modalForm .field.field-center {
	display: flex;
	justify-content: center;
}

.u-api-auth .form.modalForm .field.field-submit {
	position: absolute;
	margin-top: 0;
	right: -20px;
	z-index: 7;
}

.u-api-auth .form.modalForm .field.field-submit:not(.field-submit-after) {
	margin-top: 20px;
}

.u-api-auth .btn.btn-primary {
	background: #EF3340;
	border: 0;
	box-shadow: 0px 0px 20px rgba(14, 0, 43, 0.5);
}

.u-api-auth .btn {
	color: #fff;
	font-weight: 800;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	border-radius: 27px;
	border: 1px solid transparent;
	padding: 16px 28px 16px;
	text-transform: uppercase;
	display: inline-block;
	border-color: rgba(255, 255, 255, 0.4);
	cursor: pointer;
}

.u-api-auth .modalText {
	font-size: 14px;
	line-height: 20px;
	color: #82B2ED;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}

.u-api-auth .modalForm .errorText{
	background: #ef3340;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	padding: 16px 12px;
	border-radius: 6px;
	color: #fff;
}

.u-api-auth .icon img, .u-api-auth .svg{
	display: block !important;
}

.u-api-auth .modal .soc-wrap .listSocialBtns > .socBtn .icon{
	/*margin-right: 10px;*/
	position: absolute;
	left: 16px;
}
.u-api-auth .modal .soc-wrap .listSocialBtns > .socBtn > :not(.icon){
	margin-left: 16px;
}
.u-api-auth .modal .soc-wrap .listSocialBtns > .socBtn{
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.u-api-auth .modal .soc-wrap .listSocialBtns > .socBtn + .socBtn{
	margin-left: 0;
}
.u-api-auth .modal .modalWrap.soc-wrap{
	width: 72%;
}


.u-api-auth .form.modalForm .field.field-submit {
	position: static;
	display: flex;
	margin: 0 auto;
	width: 100%;
	justify-content: center;
	margin-top: 14px;
}


.u-api-auth .modal .agreements {
	width: 78%;
	margin: 20px auto 0;
}

.u-api-auth .modal .agreements .checkbox-wrap {
	display: block;
	margin-bottom: 0px;
	margin-left: 0px;
	cursor: pointer;
}

.u-api-auth .modal .agreements .checkbox-wrap .checkbox-label {

	position: relative;
	padding-left: 24px;

	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	color: #82B2ED;
}
.u-api-auth .modal .agreements .checkbox-wrap .checkbox-label a{
	color: #FF727C;
}

.u-api-auth .modal .agreements .checkbox-wrap input[type="checkbox"] {
	display: none;
}

.u-api-auth .modal .agreements .checkbox-wrap input[type="checkbox"] + .checkbox-label::before{
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	top: 3px;
	left: 0;

	mix-blend-mode: normal;
	opacity: 0.4;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
}

.u-api-auth .modal .agreements .checkbox-wrap input[type="checkbox"]:checked + .checkbox-label::before{
	content: '\2713';
	color: white;
	line-height: 1;
}

.u-api-auth .form.modalForm .field button:disabled{
	background: #c3d5d6;
	pointer-events: none;
}

@media screen and (min-width: 769px){
	body.overlayShow, body.overlayShow header {
		padding-right: 15px;
	}
}
@media screen and (max-width: 769px){
	.u-api-auth .modal .soc-wrap .listSocialBtns > .socBtn > :not(.icon){
		display: none;
	}
	.u-api-auth .modal .soc-wrap .listSocialBtns > .socBtn{
		width: 36px;
	}
	.u-api-auth .modal .soc-wrap .listSocialBtns > .socBtn .icon{
		position: static;
		left: 0;
		margin: 0;
	}
	.u-api-auth .modal .listSocialBtns > .socBtn.google svg{
		margin-left: 6px;
	}
	.u-api-auth .modal .listSocialBtns > .socBtn.google svg path:last-child{
		display: none;
	}
	.u-api-auth .modal .soc-wrap .listSocialBtns{
		flex-direction: row;
	}
}

@media screen and (max-width: 540px) {
	.u-api-auth .modal .soc-wrap .listSocialBtns{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.u-api-auth .modal .soc-wrap .listSocialBtns.en{
    justify-content: space-evenly;
	}

	.u-api-auth .modal .soc-wrap .listSocialBtns > .socBtn + .socBtn{
		margin-left: 0;
	}
}
@media screen and (max-width: 480px) {
	.u-api-auth .modal {
		margin: 6rem auto;
	}
	.u-api-auth .modal .modalWrap {
		width: 85%;
	}
	.u-api-auth .modal .listSocialBtns > .socBtn .icon {
		margin-right: 24px;
	}
	.u-api-auth .modal .m-underModal {
		position: absolute;
		top: 100%;
		margin-top: 20px !important;
		left: 10%;
		right: 10%;
	}
	.u-api-auth .form.modalForm .field.field-submit:not(.field-submit-m) {
		display: none;
	}
	.u-api-auth .form.modalForm .field.field-submit-m {
		display: block;
		display: flex;
		justify-content: center;
		padding-top: 0;
		margin-top: 2rem;
	}
	.u-api-auth .form.modalForm .field.field-submit-m .btn {
		min-width: 65%;
	}
	.u-api-auth .modal .modalWrap {
		width: 85%;
	}
	body .u-api-auth .modal .listSocialBtns > .socBtn + .socBtn {
		margin-left: 1rem;
	}
}

@media screen and (min-width: 481px) {
	.u-api-auth .m {
		display: none !important;
	}
}

@media screen and (max-width: 359px) {
	.u-api-auth .modal .soc-wrap .listSocialBtns > .socBtn{
		margin-top: 10px;
	}
}