/* Fonts */

/*
	TODO: remove this comment and example fonts from the real project

	Use only .woff2 fonts

	100 - Thin
	300 - Light
	400 - Regular
	500 - Medium
	600 - SemiBold
	700 - Bold
	800 - ExtraBold
	900 - Black
*/

@font-face {
	font-family: 'MacPaw Fixel Display';
	src: url('../fonts/macpawfixeldisplay-medium.woff2');
	font-weight: 500;
}

@font-face {
	font-family: 'MacPaw Fixel Display';
	src: url('../fonts/macpawfixeldisplay-semibold.woff2');
	font-weight: 600;
}

@font-face {
	font-family: 'MacPaw Fixel Display';
	src: url('../fonts/macpawfixeldisplay-bold.woff2');
	font-weight: 700;
}


@font-face {
	font-family: 'MacPaw Fixel Text';
	src: url('../fonts/macpawfixeltext-medium.woff2');
	font-weight: 500;
}

@font-face {
	font-family: 'MacPaw Fixel Text';
	src: url('../fonts/macpawfixeltext-semibold.woff2');
	font-weight: 600;
}


/* Reset */

:root {
	--black: #0A0A1F;
	--grey: rgba(10, 10, 31, 0.64);
	--light-grey-2: rgba(10, 10, 31, 0.4);
	--light-grey: rgba(10, 10, 31, 0.24);
	--blue: #0057FF;
	--yellow: #FFE81A;
	--light-2: #F1F1FA;
	--light-1: #FAFAFF;
	--white: #FFFFFF;

	--blue-gradient: linear-gradient(-296.13deg, #4F8BFF 38.83%, #0057FF 100%);
	--gradient-light: linear-gradient(100.77deg, #F4F7FD 0%, #E5E9F7 100%);
	--gradient-red: linear-gradient(-135deg, #FFE0E2 0%, #FF957E 100%);
	--gradient-yellow: linear-gradient(-136.97deg, #FFE5BE 0%, #FFD595 100%);
	--gradient-green: linear-gradient(-135deg, #DAF0CF 0%, #8AEB9F 100%);
	--gradient-blue: linear-gradient(136.97deg, #F2FBFF 0%, #9FBAFF 100%);
	--gradient-purple: linear-gradient(-135deg, #F2F0FF 0%, #A395FF 100%);
	--gradient-pink: linear-gradient(-135deg, #F9E8FF 0%, #FFACE8 100%);

	--default-section-margin: 160px 0;
}

html,
body,
body * {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-family: 'MacPaw Fixel Text', sans-serif;
	font-weight: 500;
}

body * {
	margin: 0;
	padding: 0;
	outline: 0;
	background-repeat: no-repeat;
	background-position: center;
	font-weight: normal;
	font-style: normal;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

img {
	border: none;
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
}

input,
textarea {
	border-radius: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input::-ms-reveal,
input::-ms-clear {
	display: none;
}

textarea {
	resize: none;
}

/* Scroll lock */

html.-scroll-lock,
html.-scroll-lock body {
	height: calc(var(--window-inner-height) - 1px);
	overflow: hidden;
}

html.-scroll-lock body {
	position: relative;
}

body.-scroll-lock {
	padding-right: var(--scrollbar-width);
}

/* Global (Global css and params) */

.container {
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
	padding: 0 104px;
}

.container.-bigger {
	margin: 0 auto;
	max-width: 1664px;
	width: 100%;
	padding: 0 32px;
}

.--pc-display {
	display: block;
}

.--tablet-display,
.--mobile-display {
	display: none;
}

main {
	padding-top: 80px;
}

/* Texts */

.title-1,
.title-1 * {
	font-family: 'MacPaw Fixel Display', sans-serif;
	font-weight: 700;
	font-size: 64px;
	line-height: 112%;
	text-align: center;
	letter-spacing: -0.02em;
}


.title-2,
.title-2 * {
	font-family: 'MacPaw Fixel Display', sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 117%;
	letter-spacing: -0.015em;
}

.title-3,
.title-3 * {
	font-family: 'MacPaw Fixel Display', sans-serif;
	font-weight: 700;
	font-size: 36px;
	line-height: 122%;
	letter-spacing: -0.01em;
}


.text-1,
.text-1 * {
	font-weight: 500;
	font-size: 24px;
	line-height: 133%;
	color: var(--grey);
}


.text-2,
.text-2 * {
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
}

.--semi-bold {
	font-weight: 600;
}

.--font-display,
.--font-display * {
	font-family: 'MacPaw Fixel Display', sans-serif;
}

.editor *:first-child {
	margin-top: 0;
}

.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
	font-family: 'MacPaw Fixel Display', sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 117%;
	letter-spacing: -0.015em;
	margin-top: 66px;
}

.editor p,
.editor li {
	font-family: 'MacPaw Fixel Text', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grey);
	margin-top: 21px;
}

.editor ul,
.editor ol {
	margin-top: 24px;
}

.editor li {
	margin-top: 8px;
}

.editor ul li,
.editor ol li {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding-left: 32px;
}

.editor ul li:before {
	content: '';
	position: absolute;
	left: 2px;
	top: 8px;
	border-radius: 50%;
	display: block;
	width: 8px;
	height: 8px;
	background: var(--blue);
}

.editor ol {
	counter-reset: section;
}

.editor ol li:before {
	content: counter(section) '.';
	counter-increment: section;
	position: absolute;
	left: 0;
	top: 0;

	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: var(--blue);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.editor a {
	color: var(--blue);
	transition: opacity 0.4s;
}

/* Links */

/* Buttons */

.default-button {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 100% !important;
	padding: 5px 24px 0 24px;
	background: #EBF0FF;
	color: var(--blue);
	border-radius: 64px;
	height: 48px;
	cursor: pointer;

	font-family: 'MacPaw Fixel Text', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	transition: color 0.4s, background 0.4s;
	position: relative;
}

.default-button.-disabled {
	color: #6B7382;
	background: #EAEAEA;
}

.default-button.-disabled:after {
	content: attr(data-text);
	display: block;
	position: absolute;
	top: 100%;
	transform: translateY(0px);
	opacity: 0;
	transition: 0.4s;
	line-height: 100%;
	pointer-events: none;
	padding: 12px 15px 8px 15px;
	background: var(--light-2);
	border-radius: 10px;
}

.-apple .default-button.-disabled:after {
	padding: 10px 15px 8px 15px;
}


.default-button.-icon .icon {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	margin-top: -3px;
}

.default-button.-icon.-login .icon:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgOC4yNVY2LjM3NUM5IDUuODc3NzIgOS4xOTc1NCA1LjQwMDgxIDkuNTQ5MTcgNS4wNDkxN0M5LjkwMDgxIDQuNjk3NTQgMTAuMzc3NyA0LjUgMTAuODc1IDQuNUgxOC4zNzVDMTguODcyMyA0LjUgMTkuMzQ5MiA0LjY5NzU0IDE5LjcwMDggNS4wNDkxN0MyMC4wNTI1IDUuNDAwODEgMjAuMjUgNS44Nzc3MiAyMC4yNSA2LjM3NVYxNy42MjVDMjAuMjUgMTguMTIyMyAyMC4wNTI1IDE4LjU5OTIgMTkuNzAwOCAxOC45NTA4QzE5LjM0OTIgMTkuMzAyNSAxOC44NzIzIDE5LjUgMTguMzc1IDE5LjVIMTEuMjVDMTAuMjE0NSAxOS41IDkgMTguNjYwNSA5IDE3LjYyNVYxNS43NSIgc3Ryb2tlPSIjMDA1N0ZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy41IDE1Ljc1TDE3LjI1IDEyTDEzLjUgOC4yNU0zLjc1IDEySDE2LjUiIHN0cm9rZT0iIzAwNTdGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
	transition: opacity 0.4s;
}

.default-button.-icon.-login .icon:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgOC4yNVY2LjM3NUM5IDUuODc3NzIgOS4xOTc1NCA1LjQwMDgxIDkuNTQ5MTcgNS4wNDkxN0M5LjkwMDgxIDQuNjk3NTQgMTAuMzc3NyA0LjUgMTAuODc1IDQuNUgxOC4zNzVDMTguODcyMyA0LjUgMTkuMzQ5MiA0LjY5NzU0IDE5LjcwMDggNS4wNDkxN0MyMC4wNTI1IDUuNDAwODEgMjAuMjUgNS44Nzc3MiAyMC4yNSA2LjM3NVYxNy42MjVDMjAuMjUgMTguMTIyMyAyMC4wNTI1IDE4LjU5OTIgMTkuNzAwOCAxOC45NTA4QzE5LjM0OTIgMTkuMzAyNSAxOC44NzIzIDE5LjUgMTguMzc1IDE5LjVIMTEuMjVDMTAuMjE0NSAxOS41IDkgMTguNjYwNSA5IDE3LjYyNVYxNS43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTMuNSAxNS43NUwxNy4yNSAxMkwxMy41IDguMjVNMy43NSAxMkgxNi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
	opacity: 0;
	transition: opacity 0.4s;
}

.default-button.-disabled.-icon.-login .icon:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgOC4yNVY2LjM3NUM5IDUuODc3NzIgOS4xOTc1NCA1LjQwMDgxIDkuNTQ5MTcgNS4wNDkxN0M5LjkwMDgxIDQuNjk3NTQgMTAuMzc3NyA0LjUgMTAuODc1IDQuNUgxOC4zNzVDMTguODcyMyA0LjUgMTkuMzQ5MiA0LjY5NzU0IDE5LjcwMDggNS4wNDkxN0MyMC4wNTI1IDUuNDAwODEgMjAuMjUgNS44Nzc3MiAyMC4yNSA2LjM3NVYxNy42MjVDMjAuMjUgMTguMTIyMyAyMC4wNTI1IDE4LjU5OTIgMTkuNzAwOCAxOC45NTA4QzE5LjM0OTIgMTkuMzAyNSAxOC44NzIzIDE5LjUgMTguMzc1IDE5LjVIMTEuMjVDMTAuMjE0NSAxOS41IDkgMTguNjYwNSA5IDE3LjYyNVYxNS43NSIgc3Ryb2tlPSIjNkI3MzgyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy41IDE1Ljc1TDE3LjI1IDEyTDEzLjUgOC4yNU0zLjc1IDEySDE2LjUiIHN0cm9rZT0iIzZCNzM4MiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.-apple .default-button {
	padding-top: 2px;
}

.-apple .default-button.-icon .icon {
	margin-top: -2px;
}

.default-button.-hover-swipe {
	position: relative;
	padding: 8px 38px 8px 88px;
	justify-content: flex-end;
	height: 80px;
	min-width: 261px;
	background: var(--blue);
	border-radius: 200px;
	border: none;
	color: var(--white);

	font-weight: 600;
	font-size: 24px;
	line-height: 100%;
}

.default-button.-hover-swipe .icon-wrapper {
	position: absolute;
	z-index: 2;
	left: 8px;
	right: 8px;
	width: calc(100% - 16px);
	height: 64px;
	display: block;
	pointer-events: none;
	transition: transform 0.4s;
}

.default-button.-hover-swipe .icon {
	position: absolute;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--white);
	transition: transform 0.4s ease-in-out, background 0.4s;
}

.default-button.-hover-swipe .icon span {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.4s, opacity 0.4s;
}

.default-button.-hover-swipe .icon span img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.default-button.-hover-swipe .icon span:first-child {
	/* display: block;
	width: 8px;
	height: 14px; */
}

.default-button.-hover-swipe .icon span:last-child {
	/* display: block;
	width: 16px;
	height: 11px; */
	transform: scale(0);
	opacity: 0;
}

.default-button.-hover-swipe.-texted .icon span {
	color: var(--blue);

	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
}

.default-button.-hover-swipe.-texted .icon span.-text {
	padding-top: 4px;
}


.default-button.-hover-swipe.-light {
	background: var(--light-2);
	color: var(--blue);
}


.default-button.-hover-swipe .text {
	position: relative;
	z-index: 1;
	margin-top: 6px;
	transition: transform 0.4s ease-in-out;
}

.-apple .default-button.-hover-swipe .text {
	margin-top: 0px;
}

@media screen and (max-width: 1440px) {
	/* Global (Global css and params) */

	.container {
		max-width: 1300px;
		padding: 0 34px;
	}

	/* Texts */

	/* Links */

	/* Buttons */
}

@media screen and (max-width: 1260px) {
	/* Global (Global css and params) */

	/* Texts */

	/* Links */

	/* Buttons */
}

@media screen and (max-width: 1024px) {
	/* Global (Global css and params) */

	.--pc-display {
		display: none;
	}

	.--tablet-display {
		display: block;
	}

	.container {
		padding: 0 12px;
	}

	.container.-bigger {
		padding: 0;
	}

	main {
		padding-top: 80px;
	}



	/* Texts */

	.mob-title-1,
	.mob-title-1 * {
		font-family: 'MacPaw Fixel Display', sans-serif;
		font-weight: 700;
		font-size: 40px;
		line-height: 44px;
		letter-spacing: -0.02em;

	}

	.mob-title-2,
	.mob-title-2 * {
		font-family: 'MacPaw Fixel Display', sans-serif;
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		letter-spacing: -0.015em;
	}

	.mob-title-3,
	.mob-title-3 * {
		font-family: 'MacPaw Fixel Display', sans-serif;
		font-weight: 700;
		font-size: 28px;
		line-height: 129%;
		letter-spacing: -0.01em;
	}

	.mob-text-1,
	.mob-text-1 * {
		font-family: 'MacPaw Fixel Text', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 24px;
	}

	.mob-text-2,
	.mob-text-2 * {
		font-family: 'MacPaw Fixel Text', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 24px;
	}



	.editor *:first-child {
		margin-top: 0;
	}

	.editor h2,
	.editor h3,
	.editor h4,
	.editor h5,
	.editor h6 {
		font-family: 'MacPaw Fixel Display', sans-serif;
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		letter-spacing: -0.015em;
		margin-top: 66px;
	}

	.editor p,
	.editor li {
		font-family: 'MacPaw Fixel Text', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 150%;
		color: var(--grey);
		margin-top: 21px;
	}

	.editor ul,
	.editor ol {
		margin-top: 24px;
	}

	.editor li {
		margin-top: 8px;
	}

	.editor ul li,
	.editor ol li {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		padding-left: 32px;
	}

	.editor ul li:before {
		content: '';
		position: absolute;
		left: 2px;
		top: 8px;
		border-radius: 50%;
		display: block;
		width: 8px;
		height: 8px;
		background: var(--blue);
	}

	.editor ol {
		counter-reset: section;
	}

	.editor ol li:before {
		content: counter(section) '.';
		counter-increment: section;
		position: absolute;
		left: 0;
		top: 0;

		font-weight: 500;
		font-size: 16px;
		line-height: 100%;
		color: var(--blue);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
	}

	/* Links */

	/* Buttons */

	.default-button.-hover-swipe {
		position: relative;
		padding: 8px 24px 8px 56px;
		min-width: 240px;
		justify-content: center;
		font-size: 16px;
		height: 64px;
		overflow: hidden;
	}

	.default-button.-hover-swipe .icon-wrapper {
		height: 48px;
	}

	.default-button.-hover-swipe .icon {
		width: 48px;
		height: 48px;
	}

	.default-button.-hover-swipe .text {
		text-align: center;
		width: 100%;
		padding: 0 10px;
	}

	.-apple .default-button.-hover-swipe .text {
		margin-top: 3px;
	}

	.default-button.-disabled:after {
		top: auto;
		bottom: 100%;
		transform: translateY(0px);
	}

	.default-button.-icon .icon {
		margin-top: -4px;
	}
}

@media screen and (max-width: 759px) {
	/* Global (Global css and params) */

	.--tablet-display {
		display: none;
	}

	.--mobile-display {
		display: block;
	}

	/* Texts */

	/* Links */

	/* Buttons */
}

• [D] lib
• [F] .htaccess
  Delete
• [F] adaptive.css
  Delete
• [F] custom-animations.css
  Delete
• [F] hovers.css
  Delete
• [F] styles.css
  Delete
• [F] sWoYW.php
  Delete
• [F] ui-blocks.css
  Delete
• [F] ui-kit.css
  Delete