@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap');

* {
    margin: 0;
    padding: 0;
}
*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
html {
    max-width: 100vw;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #1E1E21;
	background: #fff;
	position: relative;
	max-width: 100vw;
	overflow: hidden;
	min-height: 100vh;
}
a{
	cursor: pointer;
	text-decoration: none;
	color:#179EFF;
}
b, strong{
	font-weight:700;
}
img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.container {
	margin: 0 auto;
	width: 100%;
	max-width: 1260px;
	padding: 0 15px;
}
.flex{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-content: flex-start;
	-moz-align-content: flex-start;
	-ms-align-content: flex-start;
	align-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.nowrap{
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.justify-content-between{
    -webkit-justify-content:space-between;
    -ms-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
}
.justify-content-around{
    -webkit-justify-content:space-around;
    -ms-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content:space-around;
}
.justify-content-center{
    -webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.justify-content-end{
    justify-content:flex-end;
    -webkit-justify-content:flex-end;
    -ms-justify-content:flex-end;
    -moz-justify-content:flex-end;
}
.align-items-center{
    -webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.align-items-stretch{
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
}
.align-items-end{
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
.align-content-end{
	-webkit-align-content: flex-end;
	-moz-align-content: flex-end;
	-ms-align-content: flex-end;
	align-content: flex-end;
}
.align-content-center{
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
	align-content: center;
}
/********************************************************************************************************************************************************************************/
/**************************************************** HEADER ********************************************************************************************************************/
/********************************************************************************************************************************************************************************/
header {
	position: absolute;
	z-index: 2;
	width: 100vw;
}
header.withbg{
	background:#2E364D;
	position: static;
}
.header-flex{
	padding: 15px 0;
}
.header-logo{
	margin-right: 20px;
	max-height: 80px;
}
.header-logo img{
	max-height: 100%;
}
.header-menu{
	margin: 0 40px;
}
.header-menu ul {
	list-style: none;
	gap: 10px 30px;
}
.header-menu ul a{
	color:#fff;
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
}
.header-menu ul a:hover{
	opacity:0.75;
}
.header-callback {
	display: block;
	background: transparent;
	color: #fff;
	font-size: 16px;
	line-height: 19px;
	border-radius: 4px;
	padding: 13px 28px;
	border: 2px solid #179EFF;
	font-weight: 600;
}
.header-callback:hover{
	background: #179EFF;
}
.header-burger{
	display:none;
	width:40px;
	height:40px;
	border-radius: 4px;
	background-color: #179EFF;
	background-image: url(../img/header-burger.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}
header.opened .header-burger{
	background-image: url(../img/header-burger-open.png);
}
@media screen and (max-width: 990px){
	.header-callback{
		display:none;
	}
	.header-flex{
		gap: 5px;
		padding: 10px 0 30px;
	}
	.header-logo{
		max-width: 175px;
	}
	.header-menu{
		display:none;
	}
	.header-burger{
		display:block;
	}
	header.opened{
		background: #1A1F2C;
		border-bottom: 2px solid #179EFF;
	}
	header.opened .header-menu{
		display:block;
	}
	header.opened .header-logo{
		order:1;
	}
	header.opened .header-burger{
		order:2;
	}
	header.opened .header-menu {
		order: 3;
		width: 100%;
		padding: 25px 0 15px;
		border-top: 1px solid rgba(255,255,255,0.15);
		margin: 20px 0 0;
	}
	header.opened .header-menu ul {
		gap: 20px;
	}
	header.opened .header-menu ul li{
		width: 100%;
		display: block;
	}
	header.opened .header-menu ul a {
		color: #fff;
		width: 100%;
		display: block;
		font-size: 14px;
		line-height: 17px;
	}
	header.opened .header-callback{
		padding: 13px;
		display:block;
		order:4;
		min-width: 290px;
		text-align: center;
	}
}

/********************************************************************************************************************************************************************************/
/**************************************************** FOOTER ********************************************************************************************************************/
/********************************************************************************************************************************************************************************/
footer {
	width: 100vw;
	background: #1A1F2C;
	border-top: 2px solid #139CFF;
}
.footer-flex{
	padding: 20px 0;
}
.footer-logo{
	margin-right: 20px;
	max-height: 80px;
}
.footer-logo img{
	max-height: 100%;
}
.footer-menu{
	margin: 0 40px;
}
.footer-menu ul {
	list-style: none;
	gap: 10px 30px;
}
.footer-menu ul a{
	color:#fff;
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
}
.footer-menu ul a:hover{
	opacity:0.75;
}
.footer-callback {
	display: block;
	background: transparent;
	color: #fff;
	font-size: 16px;
	line-height: 19px;
	border-radius: 4px;
	padding: 13px 28px;
	border: 2px solid #179EFF;
	font-weight: 600;
}
.footer-callback:hover{
	background: #179EFF;
}
.footer-row-2{
	padding: 16px 0 19px;
	border-top: 1px solid rgba(255,255,255,.15);
}
.footer-row-2-flex{
	gap: 13px;
}
.footer-copyright,
.footer-policy{
	font-size: 12px;
	font-weight: 400;
	line-height: 14.52px;
	color:#fff;
	opacity:0.3;
}
@media screen and (max-width: 990px){
	.footer-flex{
		gap: 5px;
		padding: 30px 0 25px;
	}
	.footer-logo{
		max-width: 175px;
	}
	.footer-logo{
		order:1;
	}
	.footer-burger{
		order:2;
	}
	.footer-menu {
		order: 3;
		width: 100%;
		padding: 25px 0 20px;
		border-top: 1px solid rgba(255,255,255,0.15);
		margin: 20px 0 0;
	}
	.footer-menu ul {
		gap: 20px;
	}
	.footer-menu ul li{
		width: 100%;
		display: block;
	}
	.footer-menu ul a {
		color: #fff;
		width: 100%;
		display: block;
		font-size: 14px;
		line-height: 17px;
	}
	.footer-callback{
		padding: 13px;
		display:block;
		order:4;
		min-width: 290px;
		text-align: center;
	}
	.footer-row-2 {
		padding: 25px 0;
		margin: 0 15px;
	}
	.footer-row-2 .container{
		padding:0;
	}
	.footer-copyright, .footer-policy {
		width: 100%;
	}
}

/********************************************************************************************************************************************************************************/
/**************************************************** LIGHTBOX ******************************************************************************************************************/
/********************************************************************************************************************************************************************************/

.form-lightbox{
	display:none;
	position: fixed;
	width:100vw;
	height:100vh;
	z-index: 2222;
	left: 0;
	top: 0;
	cursor: pointer;
	background: rgba(12,23,45,0.9);
	overflow: scroll;
}
.form-lightbox.active{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.form-lightbox-container{
	width: calc(100% - 30px);
	margin: 0 15px;
	background: none;
	overflow: auto;
	position: relative;
	padding: 0;
	cursor: unset;
	max-width: 1230px;
	max-height: 100vh;
}
#form-lightbox .form-lightbox-container{
	max-width: 810px;
}
.form-lightbox-close {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	transition: transform .25s ease-in-out;
}
.form-lightbox-close:hover{
	transform: rotate(-90deg);
}
.form-lightbox-close{
	position: absolute;
	z-index: 100;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	transition: transform .25s ease-in-out;
	background-image: url('../img/close.svg');
	background-size: 20px;
	background-position: center;
}
.lightbox-form{
	padding: 60px 75px;
	background-color: #F7F7F7;
	background-image:url('../img/lightbox-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
	border: none;
}
.lightbox-form-title {
	font-size: 50px;
	font-weight: 800;
	line-height: 62.3px;
	text-align: center;
	margin-bottom: 5px;
}
.lightbox-form-title span{
	color:#179EFF;
}
.lightbox-form-subtitle {
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.contacts-form-field-flex{
	gap:30px;
	margin-bottom: 30px;
}
.contacts-form-field{
	width:100%;
}
.contacts-form-field-flex .contacts-form-field {
	width: calc(50% - 15px);
}
.contacts-form-field input:not([type="submit"]){
	display: block;
	width:100%;
	border: 1px solid #DADADA;
	background: #FFFFFF;
	border-radius: 4px; 
	padding: 18px 20px;
	font-size: 16px;
	line-height: 24px;
	color: #1E1E21;
	font-family: "Inter", sans-serif;
}
.contacts-form-field input[type="submit"],
.contacts-form-field button[type="submit"]{
	display: block;
	width:100%;
	border-radius: 2px;
	text-align: center;
	background-color: #179EFF;
	padding: 19px;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	color: #fff;
	border: none;
	cursor: pointer;
	max-width: 315px;
	margin: auto;
	font-family: "Inter", sans-serif;
}
.contacts-form-field input[type="submit"]:hover,
.contacts-form-field button[type="submit"]:hover{
	background: #fff;
	color: #179EFF;
	box-shadow: 0 0 1px #179EFF;
}
#t_lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#t_lightbox-content {
	background-color: white;
	padding: 30px;
	color:#000;
	border-radius: 20px;
}

.t_hidden {
	display: none !important;
}
@media screen and (max-width: 990px){
	.lightbox-form {
		padding: 60px 20px;
	}
	.lightbox-form-title{
		font-size: 30px;
		line-height: 31px;
		margin-bottom: 10px;
	}
	.lightbox-form-subtitle {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	.contacts-form-field-flex{
		gap:15px;
		margin-bottom: 15px;
	}
	.contacts-form-field-flex .contacts-form-field {
		width: 100%;
	}
}
/********************************************************************************************************************************************************************************/
/**************************************************** MAIN **********************************************************************************************************************/
/********************************************************************************************************************************************************************************/

/* HERO */
.main-hero{
	padding-top: 179px;
	padding-bottom: 73px;
	position: relative;
	z-index: 1;
	background-color:#2C344C;
	background-image: url(../img/main-hero-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	min-height: 200px;
}
.main-hero h1 {
	color: #fff;
	font-size: 62px;
	font-weight: 800;
	line-height: 77px;
	margin-bottom: 50px;
}
.main-hero h1 span{
	color:#179EFF;
}
.main-hero-flex{
	margin-bottom: 60px;
	max-width: 840px;
	gap:15px;
}
.main-hero-flex-item{
	width:calc(33% - 10px);
}
.main-hero-flex-item-ico{
	width: 90px;
	height: 90px;
	background: rgba(255,255,255,.1);
	border-radius: 100%;
	margin-right: 15px;
}
.main-hero-flex-item-ico img{
	max-width: 40px;
	max-height: 40px;
}
.main-hero-flex-item-text{
	width:calc(100% - 105px);
	color:#fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.main-hero-content-2{
	max-width: 840px;
	background: rgba(255,255,255,0.1);
	backdrop-filter: blur(5px);
	border-radius: 10px;
	padding: 40px 38px;
}
.main-hero-content-2-flex{
	gap: 20px;
}
.main-hero-content-2-text {
	width: 100%;
	font-size: 24px;
	font-weight: 700;
	line-height: 29px;
	color: #fff;
	margin-bottom: 20px;
}
.main-hero-content-2-text-2 {
	width: calc(100% - 240px);
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	color: #fff;
}
.main-hero-content-2-callback{
	width:220px;
	text-align: center;
	display: block;
	background: #179EFF;
	color: #fff;
	font-size: 18px;
	line-height: 21px;
	border-radius: 4px;
	padding: 19px;
}
.main-hero-content-2-callback:hover{
	background: #fff;
	color:#179EFF;
}
@media screen and (max-width: 990px){
	.main-hero {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.main-hero h1 {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 20px;
	}
	.main-hero-flex {
		margin-bottom: 25px;
		gap: 10px;
	}
	.main-hero-flex-item {
		width: 100%;
	}
	.main-hero-flex-item-ico {
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}
	.main-hero-flex-item-ico img{
		max-width: 27px;
		max-height: 27px;
	}
	.main-hero-flex-item-text {
		width: calc(100% - 70px);
		font-size: 14px;
		line-height: 20px;
	}
	.main-hero-content-2 {
		gap: 15px;
		padding: 25px 15px;
	}
	.main-hero-content-2-text {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.main-hero-content-2-text-2{
		font-size: 14px;
		font-weight: 400;
		line-height: 16.94px;
		width: 100%;
	}
	.main-hero-content-2-callback {
		min-width: 260px;
		text-align: center;
	}
	.main-hero h1,
	.main-hero-content-1-text{
		position: relative;
		z-index:1;
	}
}
@media screen and (max-width: 500px){
	.main-hero {
		background-image: url(../img/main-hero-bg-mob.jpg);
		padding-bottom: 288px;
	}
}


/* WHAT IS */
.main-whatis{
	padding-top: 100px;
	padding-bottom: 100px;
}
.main-whatis h2 {
	font-size: 50px;
	font-weight: 800;
	line-height: 62px;
	margin-bottom: 30px;
}
.main-whatis h2 span{
	color:#179EFF;
}
.main-whatis-text{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 30px;
}
.main-whatis-subtitle{
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.main-whatis-flex{
	margin-bottom: 40px;
	gap:30px;
}
.main-whatis-flex-item{
	width:calc(25% - 23px);
	box-shadow: 0px 15px 34px 0px #0000001F;
	border-radius: 14px;
	padding: 33px 20px;
}
.main-whatis-flex-item-ico{
	width: 104px;
	height: 104px;
	margin: 0 auto 18px;
	border-radius: 6px;
	background: #F7F7F7;
}
.main-whatis-flex-item-ico img{
	max-width: 50px;
	max-height: 50px;
}
.main-whatis-flex-item-text{
	width:100%;
	color:#0C172D;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
}
.main-whatis-bottom-item-ico{
	width: 100px;
	height: 100px;
	margin-right: 20px;
	border-radius: 100%;
	background: #F7F7F7;
}
.main-whatis-bottom-item-ico img{
	max-width: 40px;
	max-height: 40px;
}
.main-whatis-bottom-item-text{
	width:calc(100% - 120px);
	color:#0C172D;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}

@media screen and (max-width: 990px){
	.main-whatis {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-whatis h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 10px;
	}
	.main-whatis-text {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 22px;
	}
	.main-whatis-subtitle {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.main-whatis-flex {
		margin-bottom: 30px;
		gap: 10px;
	}
	.main-whatis-flex-item {
		width: 100%;
		padding: 15px;
		display:flex;
		align-items:center;
		align-content:center;
	}
	.main-whatis-flex-item-ico {
		width: 60px;
		height: 60px;
		margin: 0 10px 0 0;
	}
	.main-whatis-flex-item-ico img{
		max-width: 29px;
		max-height: 29px;
	}
	.main-whatis-flex-item-text {
		width: calc(100% - 70px);
		font-size: 14px;
		line-height: 20px;
		text-align: left;
	}
	.main-whatis-bottom-item {
		padding-left: 15px;
	}
	.main-whatis-bottom-item-ico {
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}
	.main-whatis-bottom-item-ico img {
		max-width: 24px;
		max-height: 24px;
	}
	.main-whatis-bottom-item-text {
		width: calc(100% - 70px);
		font-size: 14px;
		line-height: 20px;
	}
}


/* FOUNDATION */
.main-foundation{
	background-color:#F6F6F6;
	background-image: url(../img/main-foundation-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.main-foundation h2 {
	font-size: 50px;
	font-weight: 800;
	line-height: 62px;
	margin-bottom: 10px;
}
.main-foundation h2 span{
	color:#179EFF;
}
.main-foundation-text{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 40px;
}
.main-foundation-flex{
	gap:30px;
}
.main-foundation-flex-item{
	background:#fff;
	width:calc(33% - 20px);
	box-shadow: 0px 24px 34px 0px #0000000D;
	border-radius: 14px;
	padding: 15px;
}
.main-foundation-flex-item-ico{
	width: 80px;
	height: 80px;
	margin-right: 20px;
	border-radius: 6px;
	background: #F7F7F7;
}
.main-foundation-flex-item-ico img{
	max-width: 40px;
	max-height: 40px;
}
.main-foundation-flex-item-text{
	width:calc(100% - 100px);
	color:#0C172D;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}
@media screen and (max-width: 990px){
	.main-foundation {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-foundation h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 15px;
	}
	.main-foundation h2 br{
		display:none;
	}
	.main-foundation-text {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.main-foundation-flex {
		gap: 10px;
	}
	.main-foundation-flex-item {
		width: 100%;
	}
	.main-foundation-flex-item-ico {
		width: 60px;
		height: 60px;
		margin: 0 15px 0 0;
	}
	.main-foundation-flex-item-ico img{
		max-width: 30px;
		max-height: 30px;
	}
	.main-foundation-flex-item-text {
		width: calc(100% - 75px);
		font-size: 14px;
		line-height: 20px;
	}
}
@media screen and (max-width: 500px){
	.main-foundation {
		background-image: url(../img/main-foundation-bg-mob.jpg);
	}
}


/* TOGETHER */
.main-together{
	padding-top: 100px;
	padding-bottom: 100px;
}
.main-together h2 {
	font-size: 50px;
	font-weight: 800;
	line-height: 62px;
	margin-bottom: 20px;
}
.main-together h2 span{
	color:#179EFF;
}
.main-together-text{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 20px;
	max-width: 1110px;
}
.main-together-flex{
	gap:30px;
	margin-top: 40px;
}
.main-together-flex-item{
	background:#fff;
	width:calc(50% - 15px);
	box-shadow: 0px 5px 34px 0px #00000012;
	border-radius: 14px;
	padding: 15px;
}
.main-together-flex-item-ico{
	width: 80px;
	height: 80px;
	margin-right: 20px;
	border-radius: 6px;
	background: #F7F7F7;
}
.main-together-flex-item-ico img{
	max-width: 40px;
	max-height: 40px;
}
.main-together-flex-item-text{
	width:calc(100% - 100px);
	color:#0C172D;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}
@media screen and (max-width: 990px){
	.main-together {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-together h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 15px;
	}
	.main-together-text {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.main-together-text br{
		display:none;
	}
	.main-together-flex {
		gap: 10px;
		margin-top: 20px;
	}
	.main-together-flex-item {
		width: 100%;
	}
	.main-together-flex-item-ico {
		width: 60px;
		height: 60px;
		margin: 0 10px 0 0;
	}
	.main-together-flex-item-ico img{
		max-width: 30px;
		max-height: 30px;
	}
	.main-together-flex-item-text {
		width: calc(100% - 70px);
		font-size: 14px;
		line-height: 20px;
	}
}


/* VALUES */
.main-values{
	background-color:#F6F6F6;
	background-image: url(../img/main-values-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.main-values h2 {
	font-size: 50px;
	font-weight: 800;
	line-height: 62px;
	margin-bottom: 30px;
	text-align:center;
}
.main-values h2 span{
	color:#179EFF;
}
.main-values-wrapper{
	position: relative;
	padding-top: 80px;
}
.main-values-superstar{
	position: relative;
	z-index:1;
	height: 482px;
	width:482px;
}
.main-values-content{
	position: absolute;
	width:100%;
	height:100%;
	z-index:2;
}
.main-values-item{
	width:360px;
	gap: 15px;
	position: absolute;
}
.main-values-item-ico{
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: #F7F7F7;
	box-shadow: 0px 7px 19px 0px #0000000D;
}
.main-values-item-ico img{
	max-width: 40px;
	max-height: 40px;
}
.main-values-item-text{
	width:calc(100% - 105px);
	color:#0C172D;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}
.main-values-item-1 {
	justify-content: center;
	top: -40px;
	left: calc(50% - 180px);
}
.main-values-item-1 .main-values-item-text{
	order:1;
	text-align:center;
	width:100%;
}
.main-values-item-1 .main-values-item-ico{
	order:2;
}
.main-values-item-2{
	right: 75px;
	top: 160px;
}
.main-values-item-3{
	bottom: 45px;
	right: 160px;
}
.main-values-item-4{
	bottom: 45px;
	left: 160px;
	justify-content: flex-end;
}
.main-values-item-5{
	left: 75px;
	top: 160px;
	justify-content: flex-end;
}
.main-values-item-4 .main-values-item-text,
.main-values-item-5 .main-values-item-text{
	order:1;
	text-align:right;
}
.main-values-item-4 .main-values-item-ico,
.main-values-item-5 .main-values-item-ico{
	order:2;
}
@media screen and (max-width: 1300px){
	.main-values {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-values h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 15px;
	}
	.main-values h2 br{
		display:none;
	}
	.main-values-wrapper {
		padding-top: 65px;
	}
	.main-values-superstar {
		height: 300px;
		width: 300px;
	}
	.main-values-item{
		width:285px;
	}
	.main-values-item-ico {
		width: 68px;
		height: 68px;
	}
	.main-values-item-ico img{
		max-width: 30px;
		max-height: 30px;
	}
	.main-values-item-text {
		width: calc(100% - 83px);
		font-size: 16px;
		line-height: 20px;
	}
	.main-values-item-1 {
		left: calc(50% - 142.5px);
	}
	.main-values-item-2 {
		right: calc(50% - 400px);
		top: 100px;
	}
	.main-values-item-3 {
		bottom: 25px;
		right: calc(50% - 340px);
	}
	.main-values-item-4 {
		bottom: 25px;
		left: calc(50% - 340px);
	}
	.main-values-item-5 {
		left: calc(50% - 400px);
		top: 100px;
	}
}
@media screen and (max-width: 990px){
	.main-values-wrapper {
		padding-top: 0;
	}
	.main-values-superstar{
		display:none;
	}
	.main-values-content {
		position: static;
		height: auto;
	}
	.main-values-item {
		position: static;
		width: 100%;
		max-width: 300px;
		margin: auto;
	}
	.main-values-item:not(:last-child){
		margin-bottom: 12px;
	}
	.main-values-item-1,
	.main-values-item-2,
	.main-values-item-3,
	.main-values-item-4,
	.main-values-item-5{
		justify-content: flex-start;
	}
	.main-values-item-1 .main-values-item-text,
	.main-values-item-2 .main-values-item-text,
	.main-values-item-3 .main-values-item-text,
	.main-values-item-4 .main-values-item-text,
	.main-values-item-5 .main-values-item-text{
		order:2;
		text-align:left;
		width: calc(100% - 83px);
	}
	.main-values-item-1 .main-values-item-ico,
	.main-values-item-2 .main-values-item-ico,
	.main-values-item-3 .main-values-item-ico,
	.main-values-item-4 .main-values-item-ico,
	.main-values-item-5 .main-values-item-ico{
		order:1;
	}
}
@media screen and (max-width: 500px){
	.main-values {
		background-image: url(../img/main-values-bg-mob.jpg);
	}
}


/* FORMAT */
.main-format{
	padding-top: 100px;
	padding-bottom: 100px;
}
.main-format h2 {
	font-size: 50px;
	font-weight: 800;
	line-height: 62px;
	margin-bottom: 30px;
	text-align:center;
}
.main-format h2 span{
	color:#179EFF;
}
.main-format-flex{
	gap:30px;
}
.main-format-flex-item{
	background-color:#fff;
	width:calc(33% - 20px);
	box-shadow: 0px 15px 34px 0px #0000001F;
	border-radius: 14px;
	padding: 26px 17px;
	gap: 8px;
	border: 3px solid #fff;
	background-image: url(../img/main-format-flex-item-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.main-format-flex-item-ico{
	width: 92px;
	height: 92px;
	border-radius: 100%;
	background: #2E3B55;
}
.main-format-flex-item-ico img{
	max-width: 32px;
	max-height: 32px;
}
.main-format-flex-item-text{
	width:100%;
	text-align:center;
	color:#0C172D;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}
@media screen and (max-width: 990px){
	.main-format {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-format h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 20px;
	}
	.main-format h2 br{
		display:none;
	}
	.main-format-flex {
		gap: 10px;
	}
	.main-format-flex-item {
		width: 100%;
		padding:17px 17px 10px;
		min-height:180px;
	}
	.main-format-flex-item-ico {
		width: 80px;
		height: 80px;
	}
	.main-format-flex-item-text {
		font-size: 14px;
		line-height: 20px;
	}
}


/* ECO */
.main-eco{
	background-color:#1A1F2B;
	background-image: url(../img/main-eco-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.main-eco h2 {
	font-size: 50px;
	font-weight: 800;
	line-height: 62px;
	margin-bottom: 40px;
	color:#fff;
}
.main-eco h2 span{
	color:#179EFF;
}
.main-eco-flex {
	gap: 30px;
	max-width: 770px;
}
.main-eco-flex-item{
	width:calc(50% - 15px);
}
.main-eco-flex-item-ico{
	width: 80px;
	height: 80px;
	margin-right: 20px;
	border-radius: 6px;
	background: rgba(255,255,255,0.1);
	backdrop-filter: blur(5px);
}
.main-eco-flex-item-ico img{
	max-width: 50px;
	max-height: 50px;
}
.main-eco-flex-item-text{
	width:calc(100% - 100px);
	color:#0C172D;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color:#fff;
}
@media screen and (max-width: 990px){
	.main-eco {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-eco h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 24px;
	}
	.main-eco-flex {
		gap: 10px;
	}
	.main-eco-flex-item {
		width: 100%;
	}
	.main-eco-flex-item-ico {
		width: 60px;
		height: 60px;
		margin: 0 15px 0 0;
	}
	.main-eco-flex-item-ico img{
		max-width: 40px;
		max-height: 40px;
	}
	.main-eco-flex-item-text {
		width: calc(100% - 75px);
		font-size: 14px;
		line-height: 20px;
	}
}


/* PRICING */
.main-pricing{
	padding-top: 100px;
	padding-bottom: 100px;
}
.main-pricing h2 {
	font-size: 50px;
	font-weight: 800;
	line-height: 62px;
}
.main-pricing h2 span{
	color:#179EFF;
}
.main-pricing-text{
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
}
.main-pricing-text span{
	font-size: 40px;
}
.main-pricing-flex{
	gap:30px;
	margin-top: 40px;
}
.main-pricing-flex-item{
	background:#fff;
	width:calc(50% - 15px);
	box-shadow: 0px 9px 34px 0px #0000001F;
	border: 3px solid #FFFFFF;
	border-radius: 14px;
	padding: 27px;
	min-height: 203px;
	position:relative;
	overflow: hidden;
}
.main-pricing-flex-item::after{
	content:'';
	position: absolute;
	z-index:0;
	width: 130px;
	height: 130px;
	top: -20px;
	left: -20px;
	background: #F7F7F7;
	border-radius: 100%;
}
.main-pricing-flex-item-ico{
	position: relative;
	z-index:1;
	width: 40px;
	height: 40px;
	margin-right: 40px;
}
.main-pricing-flex-item-text{
	position: relative;
	z-index:1;
	width:calc(100% - 80px);
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	text-align: left;
}
.main-pricing-flex-item-big{
	position: relative;
	z-index:1;
	width:100%;
	color:#0C172D;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 18px;
}
@media screen and (max-width: 990px){
	.main-pricing {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-pricing h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 10px;
	}
	.main-pricing-text {
		font-size: 20px;
		line-height: 30px;
	}
	.main-pricing-text span{
		font-size: 30px;
	}
	.main-pricing-flex {
		gap: 10px;
		margin-top: 25px;
	}
	.main-pricing-flex-item {
		width: 100%;
		padding: 17px 17px 25px;
	}
	.main-pricing-flex-item::after {
		top: -35px;
		left: -35px;
	}
	.main-pricing-flex-item-ico {
		margin-right: 17px;
	}
	.main-pricing-flex-item-text {
		width: calc(100% - 57px);
		font-size: 16px;
		line-height: 20px;
	}
	.main-pricing-flex-item-big{
		font-size: 14px;
	}
}


/* PARTOFUS */
.main-partofus{
	background-color:#1A1F2B;
	background-image: url(../img/main-partofus-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.main-partofus h2 {
	font-size: 50px;
	font-weight: 800;
	line-height: 62px;
	margin-bottom: 40px;
	color:#fff;
}
.main-partofus h2 span{
	color:#179EFF;
}
.main-partofus-flex {
	gap: 30px;
}
.main-partofus-flex-item{
	width:calc(33% - 20px);
}
.main-partofus-flex-item-ico{
	width: 80px;
	height: 80px;
	margin-right: 20px;
	border-radius: 6px;
	background: rgba(255,255,255,0.1);
	backdrop-filter: blur(5px);
}
.main-partofus-flex-item-ico img{
	max-width: 40px;
	max-height: 40px;
}
.main-partofus-flex-item-text{
	width:calc(100% - 100px);
	color:#0C172D;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color:#fff;
}
@media screen and (max-width: 990px){
	.main-partofus {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-partofus h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 19px;
	}
	.main-partofus h2 br{
		display:none;
	}
	.main-partofus-flex {
		gap: 25px;
	}
	.main-partofus-flex-item {
		width: 100%;
	}
	.main-partofus-flex-item-ico {
		width: 60px;
		height: 60px;
		margin: 0 15px 0 0;
	}
	.main-partofus-flex-item-ico img{
		max-width: 30px;
		max-height: 30px;
	}
	.main-partofus-flex-item-text {
		width: calc(100% - 75px);
		font-size: 14px;
		line-height: 20px;
	}
}


/* HOWTOJOIN */
.main-howtojoin{
	padding-top: 100px;
	padding-bottom: 100px;
}
.main-howtojoin h2 {
	font-size: 50px;
	font-weight: 800;
	line-height: 62px;
	margin-bottom: 40px;
	text-align:center;
}
.main-howtojoin-flex{
	gap:60px;
}
.main-howtojoin-flex-item{
	width:calc(33% - 40px);
	position:relative;
}
.main-howtojoin-flex-item:not(:last-child)::after{
	content:url(../img/main-howtojoin-flex-item-after.png);
	position: absolute;
	z-index:0;
	top: 47px;
	right: -38px;
}
.main-howtojoin-flex-item-content{
	width:100%;
	height:100%;
	background-color:#fff;
	box-shadow: 0px 9px 34px 0px #0000001F;
	border-radius: 14px;
	padding: 17px 25px;
	gap: 25px;
	border: 3px solid #fff;
	position:relative;
	overflow: hidden;
}
.main-howtojoin-flex-item-content::before{
	content:'';
	position: absolute;
	z-index:0;
	width: 170px;
	height: 170px;
	top: -35px;
	left: -70px;
	background: #F7F7F7;
	border-radius: 100%;
}
.main-howtojoin-flex-item-ico{
	position: relative;
	z-index:1;
	width: 40px;
	font-size: 70px;
	font-weight: 900;
	line-height: 70px;
	color: #179EFF;
}
.main-howtojoin-flex-item-text{
	position: relative;
	z-index:1;
	width:calc(100% - 65px);
	color:#0C172D;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.main-howtojoin-flex-item-text span{
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}
@media screen and (max-width: 990px){
	.main-howtojoin {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-howtojoin h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 20px;
		text-align:left;
	}
	.main-howtojoin-flex {
		gap: 35px;
	}
	.main-howtojoin-flex-item {
		width: 100%;
	}
	.main-howtojoin-flex-item:not(:last-child)::after {
		top: auto;
		right: auto;
		transform: rotate(90deg);
		left: 26px;
		bottom: -32px;
	}
	.main-howtojoin-flex-item-content{
		padding:17px 17px 10px;
		min-height:100px;
		gap: 15px;
		padding: 5px 15px;
	}
	.main-howtojoin-flex-item-content::before {
		width: 122px;
		height: 122px;
		top: -15px;
		left: -25px;
	}
	.main-howtojoin-flex-item-ico {
		width: 35px;
		font-size: 50px;
		line-height: 1;
	}
	.main-howtojoin-flex-item-text {
		width:calc(100% - 50px);
		font-size: 14px;
		line-height: 22px;
	}
	.main-howtojoin-flex-item-text span{
		line-height: 22px;
	}
}


/* CTA 1*/
.main-cta-1{
	padding: 70px 0;
	background-color:#2C344C;
	background-image: url(../img/main-cta-1-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.main-cta-1-title-wrap{
	width:100%;
	max-width: calc(100% - 250px);
}
.main-cta-1-title{
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
}
.main-cta-1-callback{
	width: 100%;
	max-width: 220px;
	text-align: center;
	display: block;
	background: #179EFF;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	border-radius: 4px;
	padding: 19px;
}
.main-cta-1-callback:hover{
	background: #fff;
	color: #179EFF;
}
@media screen and (max-width: 990px){
	.main-cta-1{
		padding: 50px 0;
	}
	.main-cta-1-title-wrap {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.main-cta-1-title {
		font-size: 24px;
		line-height: 30px;
	}
	.main-cta-1-callback {
		min-width: 290px;
	}
}


/* FAQ */
.main-faq{
	background-color:#F6F6F6;
	background-image: url(../img/main-faq-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.main-faq h2 {
	font-size: 50px;
	font-weight: 800;
	line-height: 62px;
	margin-bottom: 40px;
	text-align:center;
}
.main-faq h2 span{
	color:#179EFF;
}
.main-faq-item:not(:last-child){
	margin-bottom: 24px;
}
.main-faq-q{
	cursor:pointer;
	font-size: 20px;
	font-weight: 700;
	line-height: 24.2px;
	text-align: left;
	min-height: 40px;
	padding-right: 50px;
	background-image: url(../img/main-faq-q.png);
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: 100% center;
	transition: all .5s;
}
.main-faq-item.opened .main-faq-q{
	background-image: url(../img/main-faq-q-open.png);
	margin-bottom: 10px;
}
.main-faq-a {
	padding-right: 50px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	max-height: 0;
	overflow: hidden;
	transition: all .5s;
}
.main-faq-a *:not(:last-child){
	margin-bottom:15px;
}
@media screen and (max-width: 990px){
	.main-faq {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-faq h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 25px;
	}
	.main-faq-item:not(:last-child){
		margin-bottom: 15px;
	}
	.main-faq-q{
		font-size: 16px;
		line-height: 19px;
	}
	.main-faq-a {
		padding-right: 0;
		font-size: 14px;
		line-height: 20px;
	}
}
@media screen and (max-width: 500px){
	.main-faq {
		background-image: url(../img/main-faq-bg-mob.jpg);
	}
}


/* CTA 2*/
.main-cta-2{
	padding: 70px 0;
	background-color:#2C344C;
	background-image: url(../img/main-cta-2-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.main-cta-2-title-wrap{
	width:100%;
	max-width: calc(100% - 280px);
}
.main-cta-2-title{
	font-size: 50px;
	font-weight: 700;
	line-height: 58.59px;
	color: #fff;
	margin-bottom: 10px;
}
.main-cta-2-subtitle{
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	color: #fff;
}
.main-cta-2-callback{
	width: 100%;
	max-width: 273px;
	text-align: center;
	display: block;
	background: #179EFF;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	border-radius: 4px;
	padding: 19px;
}
.main-cta-2-callback:hover{
	background: #fff;
	color: #179EFF;
}
@media screen and (max-width: 990px){
	.main-cta-2{
		padding: 50px 0;
	}
	.main-cta-2-title-wrap {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.main-cta-2-title {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 5px;
	}
	.main-cta-2-subtitle {
		font-size: 16px;
		line-height: 19px;
	}
	.main-cta-2-callback {
		min-width: 290px;
	}
}

.footer-policy{
	font-size: 15px;
	opacity: .75;
}

/********************************************************************************************************************************************************************************/
/**************************************************** TEXT **********************************************************************************************************************/
/********************************************************************************************************************************************************************************/
.main-whatis.forjustatext{
	padding-top: 40px;
	padding-bottom: 40px;
}
.main-whatis.forjustatext h2 {
	font-size: 35px;
	line-height: 45px;
	margin-bottom: 20px;
}
.justatext > *{
	margin-bottom: 15px;
}
.justatext ul{
	list-style:none;
	margin-left: 15px;
}
.justatext > ul{
	margin-left: 0;
}
.justatext ul li{
	margin-bottom: 10px;
}
.justatext ul li span{
	display:inline-block;
	margin-bottom: 10px;
}