@import url("_base.css");
@import url("_horizontal-menu.css");
@import url("_mobile-menu.css");
/* Page */
html {
	background: #fff;
	color: #3f3d56;
	font: 22px / 1.3 var(--base-fonts);
}
html:lang(ka) {
	overflow-wrap: break-word;
}
body {
	min-width: 320px;
	max-width: 1920px;
	margin: 0 auto;
}
/* Vector icons */
.icon {
	width: 1em;
	height: 1em;
}
/* Form popup */
.fullscreen-layout {
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	overflow: auto;
	overscroll-behavior: contain;
}
.hidden-form-layout {
	width: 100%;
	max-width: 600px;
	height: 100%;
	table-layout: fixed;
	border-spacing: 0;
	margin: 0 auto;
}
.hidden-form-layout > tbody > tr > td {
	vertical-align: middle;
}
.hidden-form-layout > tbody > tr > td > div {
	background: #fff;
	background: linear-gradient(to bottom, #ededed, #fff, #ededed);
	color: #000;
	padding: 16px;
	border-radius: 3px;
}
.fullscreen-layout-close {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
}
.fullscreen-layout-close-button {
	background: transparent;
	color: inherit;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 1.3em;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
	transition: background-color 300ms ease-out, color 300ms ease-out;
}
.fullscreen-layout-close-button:hover,
.fullscreen-layout-close-button:focus {
	background-color: #b24539;
	color: #fff;
}
/* Main content: all */
.main-body {
	display: flex;
	max-width: var(--content-max-width);
	padding-left: 16px;
	padding-right: 16px;
	margin-left: auto;
	margin-right: auto;
	gap: 16px;
}
.main-body > .content {
	flex-grow: 1;
}
.sidebar {
	flex-shrink: 0;
	flex-grow: 0;
}
.sidebar > section:not(:first-child) {
	margin-top: 1rem;
}
/* Main content: wide */
@media all and (min-width: 1108px) {
	.content {
		order: 1;
	}
	.sidebar-1 {
		width: 250px;
		order: 0;
	}
	.sidebar-2 {
		width: 250px;
		order: 2;
	}
}
/* Main content: narrow */
@media not all and (min-width: 1108px) {
	.main-body {
		flex-direction: column;
	}
	.content {
		order: 0;
	}
	.sidebar-1 {
		width: 100%;
		order: 1;
	}
	.sidebar-2 {
		width: 100%;
		order: 2;
	}
}
/* A wrapper for normal content, which needs padding on narrow screens */
.limit-content {
	display: flow-root;
	max-width: var(--content-max-width);
	padding-left: 1rem;
	padding-right: 1rem;
	margin-left: auto;
	margin-right: auto;
}
@media print {
	.limit-content { padding-left: 0; padding-right: 0; }
}
/* A wrapper for content with no padding (image slideshow, etc.) */
.sheet {
	display: flow-root;
	max-width: var(--content-max-width);
	margin-left: auto;
	margin-right: auto;
}
/* Hide on print. */
@media print {
	.hide-on-print { display: none !important; }
}
/* Show only on print. */
@media not print {
	.show-on-print { display: none !important; }
}
/* Template */
.hl {
	color: #0066ff;
}
.top {
	background: transparent url("../images/top.webp") left top no-repeat;
	overflow: hidden;
}
.l-top {
	padding-top: 36px;
	padding-bottom: 36px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 11px;
}
.top-logo {
	font-size: 30px;
}
.top-logo-img {
	vertical-align: -.25em;
}
.bottom {
	font-size: 20px;
	background: #3f3d56;
	color: #fff;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
.bottom-hl {
	color: #9fc6ff;
}
.bottom a:hover,
.bottom a:focus {
	text-decoration: underline;
}
.lang-switcher {
	border: 1px solid #d1e4ff;
	border-radius: 2px;
	padding: .4em .5em .1em .4em;
	background: transparent;
	color: inherit;
}
.button-1 {
	display: inline-block;
	border: 1px solid #0066ff;
	border-radius: 2px;
	background: #0066ff;
	color: #fff;
	padding: .4em .5em .1em .5em;
	transition: background-color 300ms ease-out, border-color 300ms ease-out;
	cursor: pointer;
}
.button-1:hover,
.button-1:focus {
	background-color: #00a3ff;
	border-color: #00a3ff;
}
.button-2 {
	display: block;
	box-sizing: border-box;
	border: 1px solid #0066ff;
	border-radius: 2px;
	background: #0066ff;
	color: #fff;
	padding: 1em .5em .7em .5em;
	transition: background-color 300ms ease-out, border-color 300ms ease-out;
	cursor: pointer;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.button-2:hover,
.button-2:focus {
	background-color: #00a3ff;
	border-color: #00a3ff;
}
.button-2:focus-visible {
	outline: none;
	text-decoration: underline;
}
.button-reg {
	display: inline-block;
	border: 1px solid #0066ff;
	border-radius: 2px;
	background: #0066ff url("../images/reg-arrow.svg") right 1em top 50% / 13px 13px no-repeat;
	color: #fff;
	padding: .8em 3em .5em 1em;
	transition: background-color 300ms ease-out;
	cursor: pointer;
}
.button-reg:hover,
.button-reg:focus {
	background-color: #00a3ff;
	border-color: #00a3ff;
}
.l-top-2 {
	padding-bottom: 32px;
	position: relative;
}
.l-top-2 p:not(:first-child) {
	margin-top: 1em;
}
@media all and (min-width: 1182px) {
	.l-top-2 {
		padding-top: 89px;
		padding-bottom: 138px;
	}
	.l-top-2-content {
		max-width: 529px;
	}
	.l-top-2::after {
		content: "";
		speak: never;
		pointer-events: none;
		position: absolute;
		left: calc(50% - 47px);
		bottom: 73px;
		width: 850px;
		height: 663px;
		background: transparent url("../images/decor.png") left top no-repeat;
	}
	decor.png
	.l-top-2 h1 {
		line-height: 1.2;
	}
	.l-top-2 p:not(:first-child) {
		margin-top: 2em;
	}
}
.tick-list {
	margin-left: 1em;
	line-height: 1.5;
	list-style-type: "🗸";
}
.tick-list:not(:first-child) {
	margin-top: 2em;
}
.tick-list > li {
	padding-left: 9px;
}
.tick-list > li::marker {
	color: #0066ff;
}
.tick-list > li:not(:first-child) {
	margin-top: 9px;
}
@media all and (min-width: 1182px) {
	.tick-list {
		margin-left: 42px;
		line-height: 2;
	}
	.tick-list > li {
		padding-left: 18px;
	}
}
.how {
	padding-bottom: 32px;
	background: #fff url("../images/how.webp") center top no-repeat;
	color: #3f3d56;
}
.l-how {
	max-width: 1706px;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-left: auto;
	margin-right: auto;
}
.how-info {
	display: flex;
	gap: 32px;
}
.how-info:not(:first-child) {
	margin-top: 32px;
}
.how-info-list {
	list-style: none;
}
.how-info-list > li {
	background: #3f3d56;
	color: #cccbd9;
	padding: 16px 16px 16px 24px;
	border-radius: 5px;
	position: relative;
	margin-left: 45px;
}
.how-info-list > li:not(:first-child) {
	margin-top: 24px;
}
.how-info-item-heading {
	font-size: 1.05em;
	font-weight: bold;
	color: #fff;
}
.how-info-text p:not(:first-child) {
	margin-top: .55em;
}
.how-info-list > li::before {
	speak: never;
	pointer-events: none;
	position: absolute;
	background: transparent url("../images/counter.png") left top no-repeat;
	width: 63px;
	height: 62px;
	line-height: 47px;
	left: -45px;
	top: 18px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}
.how-info-list > li:first-child::before { content: "01"; }
.how-info-list > li:nth-child(2)::before { content: "02"; }
.how-info-list > li:nth-child(3)::before { content: "03"; }
@media all and (min-width: 1182px) {
	.how {
		padding-top: 215px;
		padding-bottom: 131px;
	}
	.how-info:not(:first-child) {
		margin-top: 78px;
	}
	.how-info {
		gap: 104px;
	}
	.how-info-list > li {
		padding: 24px 42px;
	}
}
@media all and (max-width: 724px) {
	.how-info {
		flex-direction: column;
		align-items: center;
	}
	.how-info-picture {
		max-width: 320px;
		flex-shrink: 0;
		flex-grow: 0;
	}
	.how-info-text {
		margin-top: 32px;
		width: 100%;
		flex-shrink: 0;
		flex-grow: 0;
	}
}
@media not all and (max-width: 724px) {
	.how-info-list {
		max-width: 589px;
	}
}
.app {
	background: #e8f0fd url("../images/app.png") 50% 90px no-repeat;
	color: #3f3d56;
	padding-top: 32px;
	padding-bottom: 32px;
}
.downloads {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-evenly;
	gap: 16px;
}
.downloads:not(:first-child) {
	margin-top: 38px;
}
.download {
	box-sizing: border-box;
	background: #fff;
	color: #6c6a7e;
	padding: 16px;
	border: 1px dashed #74a8fd;
	border-radius: 4px;
	width: 280px;
	max-width: 100%;
	font-size: 16px;
}
.download p:not(:first-child) {
	margin-top: 1em;
}
.download-heading {
	color: #1070ff;
	font-size: 22px;
}
.download-heading:not(:first-child) {
	margin-top: 1em;
}
.instruction {
	color: #0066ff;
	text-decoration: dashed underline;
	font-size: 1.1em;
}
.instruction::before {
	content: "";
	speak: never;
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 16px;
	background: transparent url("../images/download.svg") left top / 100% 100% no-repeat;
	margin-right: 10px;
}
.instruction:hover,
.instruction:focus {
	text-decoration-style: solid;
	outline: none;
}
@media all and (min-width: 1182px) {
	.app {
		padding-top: 90px;
		padding-bottom: 118px;
	}
	.downloads {
		justify-content: space-between;
		gap: 20px;
	}
	.download {
		padding: 41px 19px 37px 19px;
	}
}
.subtitle {
	margin-top: 4px;
	text-align: center;
	font-size: 1.2em;
	padding-bottom: 36px;
	background: transparent url("../images/down.svg") center bottom / 20px 11px no-repeat;
}
.prices {
	padding-top: 32px;
	padding-bottom: 32px;
}
.tariffs-outer {
	position: relative;
}
.tariffs-outer:not(:first-child) {
	margin-top: 32px;
}
.tariff {
	box-sizing: border-box;
	border: 1px dashed #74a8fd;
	border-radius: 5px;
	background: #fafcff;
	color: #3f3d56;
}
.tariff._alt {
	background: #0166ff;
	color: #fff;
}
.tariff-title {
	color: #0066ff;
	text-align: center;
	padding: 1.15em .5em;
}
.tariff._alt .tariff-title {
	color: #fff;
}
.tariff-price {
	font-family: "AA BebasNeue";
	font-size: 40px;
	background: #fff;
	color: #0177ff;
	text-align: center;
	line-height: 1;
	padding-top: 21px;
}
.tariff-price-cent {
	font-size: .7em;
}
.tariff-text {
	padding: 1em;
}
.tariff-text p:not(:first-child) {
	margin-top: .5em;
}
.tariff-controls {
	text-align: center;
}
@media all and (min-width: 1182px) {
	.prices {
		padding-top: 90px;
		padding-bottom: 79px;
	}
	.tariff-price {
		font-size: 98px;
	}
}
.button-buy {
	display: inline-block;
	border: 1px solid #0066ff;
	border-radius: 2px;
	background: #0066ff;
	color: #fff;
	padding: .75em 3em .55em 3em;
	transition: background-color 300ms ease-out;
	cursor: pointer;
}
.button-buy:hover,
.button-buy:focus {
	background-color: #00a3ff;
	border-color: #00a3ff;
}
.button-buy:focus-visible {
	outline: none;
	text-decoration: underline;
}
.button-buy-alt {
	display: inline-block;
	border: 1px solid #0066ff;
	border-radius: 2px;
	background: #fff;
	color: #0066ff;
	padding: .75em 3em .55em 3em;
	transition: background-color 300ms ease-out, border-color 300ms ease-out, color 300ms ease-out;
	cursor: pointer;
}
.button-buy-alt:hover,
.button-buy-alt:focus {
	background-color: #00a3ff;
	border-color: #00a3ff;
	color: #fff;
}
.button-buy-alt:focus-visible {
	outline: none;
	text-decoration: underline;
}
.button-prev,
.button-next {
	width: 33px;
	height: 25px;
	background: transparent;
	color: #c9ddff;
	border: none;
	padding: 0;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: calc(50% - 13px);
}
.button-prev {
	right: calc(100% + 49px);
}
.button-next {
	left: calc(100% + 49px);
}
.tariffs-icons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	gap: 32px;
}
@media all and (min-width: 1182px) {
	.tariffs-icons {
		margin-top: 132px;
	}
}
.questions {
	background: #e8f0fd url("../images/questions-bg.png") 50% 32px no-repeat;
	color: #3f3d56;
	padding-top: 32px;
	padding-bottom: 32px;
}
.questions-heading {
	font-size: 1.4em;
	color: #0066ff;
}
.questions-heading:not(:first-child) {
	margin-top: 24px;
}
.l-questions {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.questions-text {
	font-size: 1.2em;
}
.questions-text p:not(:first-child) {
	margin-top: .1em;
}
@media all and (min-width: 1182px) {
	.questions {
		background-position: 50% 64px;
		padding-top: 119px;
		padding-bottom: 141px;
	}
	.questions-heading {
		font-size: 3.4em;
	}
}
@media not all and (min-width: 1182px) {
	.l-questions {
		justify-content: space-evenly;
	}
	.questions-decor {
		display: none;
	}
}
.questions-links:not(:first-child) {
	margin-top: 50px;
}
.questions-link:not(:first-child) {
	margin-top: 30px;
}
.questions-link a {
	color: #0066ff;
	text-decoration: dashed underline;
}
.questions-link a:hover,
.questions-link a:focus {
	text-decoration-style: solid;
	outline: none;
}
.questions-link-img {
	margin-right: 16px;
}
.textslider {
	position: relative;
	overflow: hidden;
	color: #bcbbc3;
}
.textslider:not(:first-child) {
	margin-top: 1em;
}
.textslider::after {
	content: "";
	display: table;
	clear: both;
}
.textslider > ul > li {
	list-style: none;
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	line-height: 1.2em;
	transition: left .5s;
}
.textslider > ul > .active {
	left: 0;
}
.textslider > ul > li > * {
	font: inherit;
	color: inherit;
	text-transform: none;
	padding: 0;
	margin: 0;
	border: none;
}
.note:not(:first-child) {
	margin-block-start: 1em;
}
.note {
	text-align: center;
}