@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@import "variables.css?191124";

body, html {
	padding:0;
	margin:0;
	min-height:100vh;
	font-size:0;
	scroll-behavior:smooth;
}

body {
	font-family:var(--Overpass);
	width:100%;
	min-height:100vh;
	color:var(--Black);
	font-style:normal;
	position:relative;

	background:var(--White);
	display:flex;
	flex-direction:column;
	overflow-x:hidden;

	padding:0;
	margin:0;

	font-size:0;
}

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

textarea {
	-webkit-appearance:none;
}

*,
*:before,
*:after {
	font-family:var(--Overpass);
	scroll-behavior:smooth;
	box-sizing:border-box;
	transform-style:flat;
	backface-visibility:hidden;
}

body.fixed {
}

body.novf {
	overflow:hidden;
}

img {
	height:auto;
	max-width:100%;
}

a img {
	border:0;
	max-width:100%;
}

a {
	color:var(--Black);
	text-decoration:none;
}

a:hover,
a:focus {
	text-decoration:none;
}

p {
	padding:0;
	margin:0;
}

p + p,
p + ul,
ul + p,
ol + p,
p + ol {
	margin:0;
}

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

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

select::-ms-expand {
	display:none;
}

/* ::-webkit-scrollbar-track {
	height:0;
	width:0;
	margin:0;
	background-color:var(--White);
}
::-webkit-scrollbar {
	width:10px;
	height:10px;
}
::-webkit-scrollbar-thumb {
	background-color:var(--Kaizen);
} */

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
main,
nav,
section,
summary {
	display:block;
	box-sizing:border-box;
	padding:0;
	margin:0;
	clear:both;
}

option {
	color:var(--Black);
}

select.text,
input.text,
textarea.text {
	font-size:var(--18);
	color:var(--Black);
	background:var(--White);
	box-shadow:none;
	border-color:var(--Black);
}
select.text {
	-webkit-appearance: none;

	background-image: url("/images/select.svg");
	background-size: var(--12);
	background-position: right var(--10) center;
	background-repeat: no-repeat;
	padding-right:var(--32) !important;
}
select.text:disabled {
	background-image:none;
	padding-right:var(--10) !important;
}

body > div.mb {
	width:100%;
}

.body {
	width:var(--1760);
	margin:0 auto;
}

#mb {
	flex:1;
}

#header {
	display:flex;
	align-items:center;
	white-space:nowrap;
	padding:var(--30) 0;
	margin-bottom:var(--39);
}
#header .kaizen {
	flex:0 0 var(--81);
	order:1;
}
#header .menu {
	flex:1;
	padding:0;
	list-style:none;
	/* margin-left:var(--50); */
	margin:0 0 0 var(--30);
	display:flex;
	/* gap:var(--30); */
	gap:var(--20);
	order:2;
}
#header .tg a,
#header .menu a {
	display:inline-block;
	text-transform:uppercase;
	font-weight: 500;
	font-size:var(--18);
	line-height:var(--23);
}
#header .tg a {
	background:url("/images/tg.svg") left top no-repeat;
	background-size:var(--20) var(--20);
	padding-left:var(--25);
}
#header .tg {
	order:4;
}
#header:after {
	content:"";
	display:block;
	flex:1;
	order:3;
}
#header .phone,
#header .cabinet {
	margin-left:var(--50);
	order:4;
}
#header .phone {
	display:flex;
	flex-direction:column;
}
#header .phone a,
#header .cabinet a {
	display:inline-block;
	font-weight: 500;
	font-size:var(--18);
	line-height:var(--23);
	padding-left:var(--30);
	background:left center no-repeat;
	background-size:contain;
	text-transform:uppercase;
}
#header .phone a {
	background-image:url("/images/phone-gr.svg");
	background-size:var(--20) var(--20);
}
#header .cabinet a {
	background-image:url("/images/cabinet-gr.svg");
	background-size:var(--20) var(--18);
}

#header .proposal {
	order:4;
}
#header .proposal a {
	display:block;
	width:25px;
	height:25px;
	padding:0;
	background:url("/images/bulb.svg") center center/contain no-repeat;
}

#header {
	.languages {
		position:relative;
		z-index:6;
		order:5;
		margin-left: var(--50);

		.label {
			font-size:var(--18);
			font-weight:500;
			line-height:var(--23);
			text-transform:uppercase;
			cursor:pointer;
		}

		&:hover {
			.list {
				opacity:1;
				transform:none;
				pointer-events:auto;
			}
		}

		.list {
			position:absolute;
			top:100%;
			right:0;
			background:var(--White);
			box-shadow:0 -1px var(--10) 0 rgba(0, 0, 0, 0.15);
			z-index:3;
			padding:var(--30);
			margin-top:var(--17);
			width:auto;

			transition:transform .3s linear,opacity .3s linear;

			perspective-origin:top center;
			transform-origin:top center;
			transform:perspective(1000px) rotateX(-90deg);
			pointer-events:none;
			opacity:0;

			&:after {
				content:"";
				display:block;
				position:absolute;
				left:0;
				top:var(---17);
				height:var(--17);
				width:100%;
			}

			.items {
				ul {
					padding:0;
					margin:0;
					list-style:none;
					display:flex;
					flex-direction:column;
					gap:var(--20);

					li {
						a {
							display:block;
							font-size:var(--18);
							font-weight: 500;
							line-height:var(--26);
						}

						&:hover,
						&.current {
							a {
								color:var(--Kaizen);
							}
						}
					}
				}
			}
		}
	}
}


.btn,
.btn.b:hover,
.btn.w:hover,
.btn.k:hover {
	display:inline-block;
	line-height:var(--33);
	border:2px solid var(--Black);
	color:var(--Black);
	padding:0 var(--28);
	font-size:var(--20);
	font-weight:bold;
	padding-top:var(--2);
	cursor:pointer;
	background:var(--White);
	transition:all 0.3s ease;
	text-align:center;
}
.btn.b,
.btn:hover {
	color:var(--White);
	background:var(--Black);
}
.btn.w {
	border-color:var(--White);
	color:var(--White);
}
.btn.k {
	border-color:var(--Kaizen);
	color:var(--Kaizen);
	opacity:0.25;
}
.btn.disabled {
	opacity:0.25;
	pointer-events:none;
}
.btn.k:hover {
	background:var(--Kaizen);
	color:var(--White);
	border-color:var(--Kaizen);
}
.btn.kaspi {
	border:0;
	background:var(--Kaspi);
	border-radius:var(--10);
	color:transparent;
	padding:var(--10) var(--20);
	font-size:0;
	line-height:0;
}
.btn.kaspi:hover {
	background:var(--KaspiHover);
}
.btn.kaspi:before {
	content:"";
	display:block;
	background:url("/images/kaspikz-logo-white.png") center center/contain no-repeat;
	width:var(--100);
	height:var(--25);
}

.btn.k:hover {
	opacity:1;
}
h1.title {
	text-transform:uppercase;
	font-weight:bold;
	font-size:var(--64);
	line-height:var(--81);
	margin-bottom:var(--75);
}
h2.title {
	font-weight:bold;
	font-size:var(--64);
	line-height:var(--81);
	text-transform:uppercase;
}
footer.footer {
	margin-top:var(--100);
	background:var(--Black);
}
footer.footer .body {
	display:flex;
	align-items:center;
	gap:var(--MainGap);
}
footer.footer ul.menu {
	padding:var(--19) 0 var(--16);
	margin:0;
	list-style:none;
	display:flex;
	text-transform:uppercase;
	gap:var(--MainGap);
	order:1;
}
footer.footer ul.menu li {

}
footer.footer ul.menu li a {
	color:var(--White);
	font-weight: 500;
	font-size:var(--20);
	line-height:var(--25);
	white-space:nowrap;
}
footer.footer ul.menu li a:hover {
	text-decoration:underline;
}
footer.footer ul.menu.s {
	padding-top:0;
}
footer.footer ul.menu.s li a {
	text-transform:none;
	line-height:normal;
}
footer.footer div.details {
	flex:none;
	order:3;
	font-size:var(--18);
	color:var(--White);
	padding-bottom:var(--20);
}
footer.footer .body:after {
	content:"";
	display:block;
	flex:1;
	order:2;
}
#header .social,
footer.footer .social {
	display:flex;
	gap:var(--20);
	order:3;
	align-items:center;
	flex-wrap:wrap;
	padding:var(--20) 0;
}
#header .social {
	order:5;
	justify-content:flex-end;
}
#header .social a,
footer.footer .social a {
	display:inline-block;
}
#header .social a:after,
footer.footer .social a:after {
	content:"";
	display:inline-block;
	background:center center/contain no-repeat;
}
#header .social a:after {
	--BaseSize:1000;
}
footer.footer .phone {
	order:3;
	display:flex;
	gap:var(--20);
}
footer.footer .phone a {
	display:inline-block;
	font-weight: 500;
	font-size:var(--20);
	line-height:var(--25);
	color:var(--White);
	background:url("/images/phone.gr.svg") left top no-repeat;
	background-size:var(--20);
	padding-left:var(--30);
	white-space:nowrap;
}
.popupBox {
	display:none;
	z-index:5;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	height:100%;
	background:rgba(209, 217, 224, 0.7);
	padding:var(--50);
	align-items:center;
	justify-content:center;
}
.popupBox.visible {
	display:flex;
}
.popupBox.visible:has(~.popupBox.visible) {
	background:none;
}
.popupBox#cabinet.visible:has(~.popupBox.visible) {
	display:none;
}
.popupBox .popup {
	width:var(--507);
	background:var(--White);
	position:relative;
	display:flex;
	flex-direction:column;
	padding:var(--45) var(--30);
	max-height:100%;
}
.popupBox .popup .description {
	font-weight: 300;
	font-size:var(--18);
	line-height:var(--24);
	color:var(--Gray);
}
.popupBox#HintPopup .popup .description {
	display:flex;
	flex-direction:column;
	gap:var(--10);
}
.popupBox .popup>a.close {
	display:block;
	width:var(--14);
	height:var(--14);
	position:absolute;
	right:var(--30);
	top:var(--30);
}
.popupBox .popup>a.close:before,
.popupBox .popup>a.close:after {
	content:"";
	display:block;
	width:var(--20);
	height:2px;
	background:var(--Black);
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%) rotateZ(45deg);
}
.popupBox .popup>a.close:after {
	width:2px;
	height:var(--20);
}
.popupBox .popup .tabs {
	display:flex;
	gap:var(--20);
	margin-bottom:var(--18);
}
.popupBox .popup .tabs .item {

}
.popupBox .popup .tabs .item a {
	display:inline-block;
	font-weight: 600;
	font-size: var(--30);
	line-height: var(--38);
}
.popupBox .popup .tabs .item a:hover,
.popupBox .popup .tabs .item.current a {
	text-decoration:underline;
}
.popupBox .popup form {
	flex:1;
	overflow:auto;
	display:flex;
	flex-direction:column;
	gap:var(--50);
}
.popupBox .popup>.title {
	font-weight: 600;
	font-size: var(--30);
	line-height: var(--38);
	margin-bottom:var(--40);
}
.popupBox .popup form div.list {
	flex:1;
	overflow:auto;
	display:flex;
	flex-direction:column;
	gap:var(--10);
}
.popupBox .popup form div.list .line {

}
.popupBox .popup form div.list .line.hidden {
	display:none;
}
.popupBox .popup form div.list .line+.line {
	margin-top:var(--10);
}
.popupBox .popup form div.list .line>label {
	display:inline-block;
	cursor:pointer;
	font-weight: 300;
	font-size: var(--18);
	line-height: var(--38);
	color: #7A8188;
	margin-bottom:var(--5);
}
.popupBox .popup form div.list .line .text {
	width:100%;
	border: 2px solid #D1D9E0;
	height:var(--40);
	padding:0 var(--8);
	font-weight: 300;
	font-size: var(--20);
}
.popupBox .popup form div.list .line textarea.text {
	padding:var(--8);
	height:auto;
	resize:vertical;
}
.popupBox .popup form div.list .line div.text {
	line-height:normal;
	height:auto;
	padding:var(--7) var(--8) var(--4);
}
.popupBox .popup form div.list .line div.pass {
	position:relative;
}
.popupBox .popup form div.list .line div.pass a.toggle {
	display:block;
	width:var(--25);
	height:var(--20);
	right:var(--11);
	position:absolute;
	top:var(--10);
	background:url("/images/pass-h.svg") center center no-repeat;
	background-size:var(--25) var(--20);
	transition:all 0.3s linear;
}
.popupBox .popup form div.list .line div.pass a.toggle.active {
	background-image:url("/images/pass-v.svg");
	background-size:var(--22) var(--15);
}
.popupBox .popup form div.list .line div.pass a.toggle:after {
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	z-index:-1;
	opacity:0;
	background:url("/images/pass-v.svg") center center no-repeat;
}
.popupBox .popup form div.list .line.timer .description span {
	font-weight:500;
}
.popupBox .popup form div.list .line.timer [data-action],
.popupBox .popup form div.list .line.timer.c .description {
	display:none;
}
.popupBox .popup form div.list .line.timer [data-action] {
	font-size:var(--18);
	font-weight:500;
	color:var(--Kaizen);

	&:hover {
		text-decoration:underline;
	}
}
.popupBox .popup form div.list .line.timer.c [data-action] {
	display:inline-block;
}
.popupBox .popup form .actions {
	display:flex;
	gap:var(--30);
	align-items:center;
}
.popupBox .popup form .actions .more {
	display:inline-block;
	font-weight: 600;
	font-size: var(--20);
}
.popupBox .popup form.loading .actions .more {
	display:inline-flex;
	gap:var(--5);
	align-items:center;
}
.popupBox .popup form.loading .actions .more:after {
	content:"";
	display:block;
	width:var(--30);
	height:var(--30);
	background:url("/images/loading.svg") center center/var(--60) no-repeat;
}
.popupBox .popup form .actions .more:hover {
	text-decoration:underline;
}
.popupBox .popup .message {
	font-weight:500;
	font-size:var(--18);
	margin-top:var(--10);
	cursor:default;
}
.popupBox .popup .message.error {
	color:var(--Kaizen);
}
.popupBox .popup .message:first-child {
	margin-bottom:var(--20);
}
.popupBox .popup form div.list:has(#typeI:checked) .line:has(#suBIN),
.popupBox .popup form div.list:has(#typeI:checked) .line:has(#suBIK),
.popupBox .popup form div.list:has(#typeI:checked) .line:has(#suIIK),
.popupBox .popup form div.list:has(#typeI:checked) .line:has(#suLegalName) {
	display:none;
}
.cb {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	z-index:-1;
	border:0;
	opacity:0;
}
.cb+label {
	display:inline-block;
	cursor:pointer;
	font-weight: 300;
	font-size: var(--20);
	line-height: var(--26);
	padding-left:var(--28);
	position:relative;
}
.cb+label:before {
	content:"";
	display:block;
	width:var(--20);
	height:var(--20);
	border: 2px solid var(--LGray);
	position:absolute;
	left:0;
	top:0;
}
.cb[type="radio"]+label:before {
	border-radius:50%;
}
.cb+label:after {
	content:"";
	display:block;
	position:absolute;
	width:var(--10);
	height:var(--10);
	background:var(--Black);
	left:var(--5);
	top:var(--5);
	opacity:0;
	transition:opacity 0.3s linear;
}
.cb[type="radio"]+label:after {
	border-radius:50%;
}
.cb:checked+label:after {
	opacity:1;
}

.google-signin-button {
	display: inline-block;
	background-color: #4285f4;
	color: #fff;
	border-radius: 4px;
	border: none;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px 10px 60px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	position:relative;
}
.google-signin-button:before {
	content:"";
	display:inline-block;
	background:var(--White) url("/images/google.svg") center center/contain no-repeat;
	background-size:var(--20) var(--20);
	position:absolute;
	left:2px;
	top:2px;
	bottom:2px;
	width:var(--40);
	border-radius:2px;
}
.google-signin-button:hover {
	background-color: #357ae8;
}
.google-signin-button:active {
	background-color: #2f5bb7;
}
.google-signin-button:focus {
	outline: none;
}

.whatsapp-widget {
	position:fixed;
	z-index:3;
	right:var(--50);
	bottom:var(--50);

	a {
		display:flex;
		gap:var(--10);
		align-items:center;

		&:after {
			content:"";
			display:block;
			background:url("/images/WhatsApp.svg") center center/contain no-repeat;
			width:var(--70);
			height:var(--70);
			transition:all 0.3s linear;
		}

		span {
			display:inline-block;
			font-weight: 500;
			font-size:var(--16);

			color: var(--White);
			background-color: rgba(0, 0, 0, 0.6);
			padding:var(--3) var(--6);
			border-radius:var(--3);
		}

		&:focus,
		&:hover {
			&:after {
				animation: pulse 0.6s ease-in-out infinite;
			}
		}
	}
}

#cabinet-otp .line .hidden {
	display:none !important;
}
#cabinet-otp .line .auth,
#cabinet-otp .line .timer {
	display:inline-block;
	font-weight: 500;
	font-size:var(--18);
	line-height:var(--23);
}

@keyframes pulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}

@page {
	margin:20px;
	size:landscape;
}
@media print {
	html, body {
		width:297mm;
		height:210mm;
	}

	body:not(.download-pdf) {
		#mb > h1.title,
		#header,
		.back,
		footer.footer,
		#test-result .download-line,
		#cabinetPage menu.menu {
			display:none;
		}
		.cabinetBody {
			width:1920px !important;
		}
		.test-result-2 .bar-chart .data .group .bar .bar-line, .test-result-4 .bar-chart .data .group .bar .bar-line, .test-result-3 .bar-chart .data .group .bar .bar-line, .test-result-5 .bar-chart .data .group .bar .bar-line {
			outline:3px solid #000;
		}
		.oeo header.header {
			position:initial !important;
		}
		.oeo-steps dl.faq dd {
			height:fit-content !important;
			padding:0 !important;
			margin-top:var(--20) !important;
		}
	}
}