


ul, ol{
	padding: 0;
	list-style: none;
}

ol{
	
	counter-reset: list;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.flex.between{
	justify-content: space-between;
}
.flex.align-center{
	align-items: center;
}

.centered{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.main-screen.third{
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
}
.main-screen.third ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
}
.main-screen.third ul li{
	width: calc(50% - 10px);
	white-space: nowrap;
	text-align: left;
}
.main-screen.third ul li:before {
	display: inline-block;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	position: relative;
	bottom: .15em;
	margin-right: 15px;

}
.main-screen.third .btn-main{
	max-width: 260px;
	color: var(--cs-text-2);
    background: var(--cs-white);
}
.main-screen.third .btn-main:hover {
	background: 0 0;
    color: var(--cs-white);
    border: 1px solid var(--cs-white);
}
.mb0{margin-bottom: 0;}
.mb40{
	margin-bottom: 40px;
}

.intro{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.intro .title{
	font-weight: 500;
	font-size: 80px;
	line-height: 1.2;
	text-align: center;
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-top: 0;

}
.intro .text{
	color: #fff;
	font-size: 24px;
	line-height: 140%;
}
.page-about br{
	display: inline;
}
.page-about .intro{
	padding: 170px 0;
}
.page-about .intro .text{
	max-width: 960px;
}
.page-about .choose-section{
	padding: 100px 0 60px;
	background: #F4F4F4;
}
.page-about .choose-section .title{
	font-weight: 500;
	font-size: 50px;
	line-height: 112%;
	color: #000;
	margin-bottom: 40px;
}
.page-about .choose-list{
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.page-about .choose-list li{
	display: flex;
	flex-direction: column;
	width: calc(33.33% - 40px);
	margin-bottom: 60px;
}
.page-about .choose-list .img-box{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 317px;
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	border-radius: 16px 16px 0px 0px;
	position: relative;
}
.page-about .choose-list .img-box:after {
	content: '';
	width: 100%;
	height: 8px;
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	position: absolute;
	top: 100%;
	left: 0;
}
.page-about .choose-list .img-box img{
	width: 50%;
	max-width: 250px;
	object-fit: unset;
}
.page-about .choose-list .text-box{
	flex: 1;
	background: #FFFFFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
	border-radius: 0px 0px 16px 16px;
	padding: 30px 30px 45px;
}
.page-about .choose-list .text-box:before {
	display: block;
	counter-increment: list;
	content: '0' counter(list);
	font-weight: 700;
	font-size: 60px;
	line-height: 112%;
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 34px;
}
.page-about .choose-list .text-box .ttl{
	font-weight: 500;
	font-size: 30px;
	line-height: 1.33;
	color: #070417;
	margin-bottom: 16px;
}
.page-about .choose-list .text-box .text{
	font-size: 24px;
	line-height: 1.42;
	color: #000;
}
.page-about .steps{
	padding: 100px 0 110px;
}
.page-about .steps .ttl-box{
	width: 630px;
}
.page-about .steps .ttl{
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 500;
	font-size: 50px;
	line-height: 1.2;
}
.page-about .steps .ttl span{
	background: unset;
	-webkit-text-fill-color: #000;
}
.page-about .steps .btn-main{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 375px;
	height: 74px;
	background: #070417;
	border-radius: 4px;
	color: #fff;
	font-weight: 700;
	font-size: 22px;
}
.page-about .steps .btn-main--mobile{
	display: none;
}

.page-about .steps .step{
	width: 317px;

}
.page-about .steps .step__number {
	position: relative;
	flex-shrink: 0;
}
.page-about .steps__container{
	counter-reset: steps;
}
.page-about .steps .step__number:before {
	display: flex;
	justify-content: center;
	align-items: center;
	counter-increment: steps;
	content: counter(steps);
	position: absolute;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	top: 4px;
	left: 4px;
	background: #fff;
	font-weight: 700;
	font-size: 40px;
	color: #7B47E6;
	border-radius: 50%;
}
.page-about .steps .step--dashed{
	position: relative;
}
.page-about .steps .step--dashed::after, .page-about .steps .step--dashed::before {
	width: 110%;
}
.page-about .steps .step--dashed::after{
	right: 50%;
}
.page-about .steps .step--dashed::before {
	left: 50%; 
}
.steps .step__name span{
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
/*.page-about .steps-box{
	width: 990px;
}*/

.page-contacts .intro{
	padding: 150px 0;
}
.page-contacts .links-section{
	background: #F4F4F4;
	padding: 60px 0 70px;
}
.page-contacts .links-section .text{
	font-size: 24px;
	color: #000;
	margin-bottom: 30px;
}


.page-contacts .links-flex .item{
	width: calc(33.33% - 14px);
}
.page-contacts .links-flex .img-box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 122px;
	height: 122px;
	border-radius: 50%;
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	margin: 0 auto 16px;
}
.page-contacts .links-flex .img-box img{
	width: 74%;
}
.page-contacts .links-flex .ttl{
	font-weight: 700;
	font-size: 24px;
	line-height: 1.4;
	color: #000;
}
.page-contacts .links-flex .item a{
	font-size: 24px;
	line-height: 1.4;
	color: #0932FF;
	transition: .3s;
}
.page-contacts .links-flex .item a:hover {
	color: #6D43E1;
}
.page-contacts .address-section{
	padding: 100px 0;
}
.page-contacts .address-section .title{
	font-weight: 500;
	font-size: 50px;
	line-height: 1;
	color: #000;
	margin-bottom: 60px;
}
.page-contacts .address-flex{
	margin-bottom: 100px;
}
.page-contacts .address-flex .item{
	display: flex;
	flex-direction: column;
	width: calc(33.33% - 14px);
	text-align: center;
	border-radius: 16px;
	overflow: hidden;
}
.page-contacts .address-flex .ttl{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 105px;
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	line-height: 1.4;
	padding: 5px 15px;
}
.page-contacts .address-flex .text{
	flex: 1;
	background: #F4F4F4;
	font-size: 18px;
	color: #000;
	padding: 25px 25px 45px;
}
.page-contacts .hours .ttl{
	font-weight: 500;
	font-size: 36px;
	line-height: 112%;
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 24px;
}
.page-contacts .hours .text{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.4;
	color: #000;
	margin-bottom: 40px;
}
.page-contacts .days-flex{
	display: flex;
	justify-content: center;
}
.page-contacts .days-flex span{
	width: 40px;
	font-weight: 500;
	font-size: 18px;
	color: #000;
	text-align: center;
	margin: 0 20px;
}
.page-contacts .days-flex span:not(.holy) {
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.page-contacts .days-flex span:before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	box-shadow: inset 0px -3px 2px rgba(0, 0, 0, 0.26), inset 1px 2px 3px rgba(255, 255, 255, 0.71);
	margin-bottom: 16px;
}
.page-contacts .days-flex .holy:before {
	background: #E1DAEC;
}
.page-accounts .intro{
	padding: 200px 0;
}
.page-accounts .intro .title{
	margin-bottom: 24px;
}
.acc-types{
	padding: 100px 0;
	background: #F4F7FB;
}
.acc-types .title{
	font-weight: 500;
	font-size: 50px;
	line-height: 112%;
	color: #000;
	margin-bottom: 40px;
}
.acc-types table{
	min-width: 100%;

}
.acc-types table td{
	width: 25%;
	min-width: 214px;
	text-align: center;
	font-size: 21px;
	line-height: 1;
	color: #000;
	background: #875BE7;
	padding: 20px 15px;
}
.acc-types table td:not(:last-child) {
	border-right: 2px solid #fff;
}
.acc-types table th {
	min-width: 368px;
	background: #F4F7FB;
	position: sticky;
	left: 0;
	z-index: 2;
	font-weight: 500;
	font-size: 24px;
	line-height: 100%;
	color: #070417;
	vertical-align: top;
	padding: 20px 35px;
}

.acc-types table td:first-of-type,
.acc-types table tr:first-child td:first-of-type:before{
	background: #DBCCF8;
}
.acc-types table td:nth-of-type(2),
.acc-types table tr:first-child td:nth-of-type(2):before{
	background: #B395F1;
}
.acc-types table td:nth-of-type(3),
.acc-types table tr:first-child td:nth-of-type(3):before{
	background: #9970EC;
}


.acc-types table tr:nth-child(even) th,
.acc-types table tr:nth-child(even) td{
	background: #fff;
}


.acc-types table tr:first-child td{
	position: relative;
	z-index: 1;
	background: transparent;
	padding: 35px;
	font-size: 16px;
	color: #070417;
}
.acc-types table tr:first-child td .ttl{
	display: block;
	font-weight: 500;
	font-size: 24px;
	line-height: 1;
	color: #070417;
	margin-top: 14px;
}
.acc-types table tr:first-child td:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #875BE7;
	border-radius: 16px 16px 0 0;
	z-index: -1;
}
.page-accounts .subscribe{
	text-align: center;
	color: #fff;
	background: url(/static/images/bg-subscribe.jpg) no-repeat 20% center / cover #875BE7;
	padding: 110px 0 124px;
}
.page-accounts .subscribe .ttl{
	font-weight: 500;
	font-size: 50px;
	line-height: 1.2;
	margin-bottom: 14px;
}
.page-accounts .subscribe .text{
	font-size: 36px;
	line-height: 1.3;
	margin-bottom: 50px;
}
.page-accounts .subscribe .btn-main{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 75px;
	font-weight: 500;
	font-size: 22px;
	line-height: 1;
	background: #070417;
	border-radius: 4px;
	color: #fff;
	transition: .4s;
	margin: 0 auto;
}
.page-accounts .subscribe .btn-main:hover {
	background: #fff;
	color: #000;
}
.page-accounts .request__container{
	background-color: #070417;
	background-image: url(/static/images/form-img.png), url(/images/accounts/chat.png);
	background-repeat: no-repeat;
	background-size: 487px, 116px;
	background-position: left bottom, 356px 17px;

}
.page-accounts .request .title{
	color: #fff;
}
.page-accounts .request .title .accent {
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.page-accounts .request__form .form__btn {
	background: linear-gradient(90deg,#ff4521 0, #f35f45 100.02%);
}
.page-accounts .request__form .form__btn:hover {
	background: #fff;
}
/* .section.accept{margin-bottom: -5px;} */


@media(min-width: 1920.1px){
	.page-contacts .wrapper{max-width: 1520px;}
	.acc-types .wrapper{max-width: 1555px;}
}

@media (max-width: 1920px){
	.page-about .intro{padding: 100px 0;}
	.page-about .choose-section{padding: 100px 0 80px;}
	.page-about .choose-list li{width: calc(33.33% - 15px); margin-bottom: 20px;}
	.page-about .choose-list .text-box{padding: 30px 24px 45px;}
	.page-about .steps .step{width: 236px;}
	.page-contacts .intro{padding: 120px 0;}
	.acc-types .title{font-size: 40px;}
	.page-accounts .subscribe{padding: 87px 0;}
	.page-accounts .subscribe .text{margin-bottom: 40px;}
	.page-accounts .subscribe .btn-main{width: 240px; height: 60px; font-size: 18px;}
	

}
@media (max-width: 1440px){
	.mb40{margin-bottom: 24px;}
	.intro .title {font-size: 60px;}
	.intro .text{font-size: 20px;}
	.page-about .intro{padding: 70px 0;}
	.page-about .intro .title {margin-bottom: 24px;}
	.page-about .intro .text{max-width: 800px;}
	.page-about .choose-list .img-box{height: 257px;}
	.page-about .choose-list .text-box{padding: 24px 24px 45px;}
	.page-about .choose-list .text-box:before {font-size: 40px; margin-bottom: 18px;}
	.page-about .choose-list .text-box .ttl{font-size: 24px;}
	.page-about .choose-list .text-box .text{font-size: 18px;}
	.page-about .steps .ttl-box{width: 440px;}
	.page-about .steps .ttl{font-size: 36px;}
	.page-about .steps .btn-main{width: 330px;}
	.page-about .steps .step{width: 200px;}
	.page-about .steps .step__number:before {font-size: 24px;}
	.page-contacts .intro{padding: 80px 0;}
	.page-contacts .address-section .title{margin-bottom: 40px;}
	.page-contacts .address-flex .text{padding-bottom: 20px;}
	.page-accounts .intro{padding: 140px 0;}
	.page-accounts .intro .title{margin-bottom: 16px;}
	.page-accounts .intro .text{font-size: 20px;}
	.acc-types table th {min-width: 220px; font-size: 20px; padding: 20px;}
	.acc-types table td{font-size: 18px;}
	.page-accounts .subscribe{padding: 60px 0;}
	.page-accounts .subscribe .ttl{font-size: 40px;}
	.page-accounts .subscribe .text{font-size: 24px; margin-bottom: 28px;}
	.page-accounts .request__container{background-size: 330px, 87px; background-position: left bottom, 280px 17px;}
}
@media (max-width: 1280px){
	.intro .title {font-size: 40px;}
	.intro .text{font-size: 18px;}
	.page-about .intro{padding: 60px 0;}
	.page-about .intro .text{max-width: 715px;}
	.page-about .choose-section{padding: 60px 0 40px;}
	.page-about .choose-section .title{font-size: 40px;}
	.page-about .choose-list .img-box{height: 225px;}
	.page-about .steps{padding: 80px 0;}
	.page-about .steps .steps__container{margin-right: 0;}
	.page-about .steps .step{width: 175px;}
	.page-contacts .intro{padding: 70px 0;}
	.page-contacts .address-section{padding: 60px 0;}
	.page-contacts .address-section .title{font-size: 36px; margin-bottom: 30px;}
	.page-contacts .address-flex{margin-bottom: 60px;}
	.page-contacts .address-flex .text{padding: 25px 18px 20px;}
	.page-contacts .address-flex .text br{display: none;}
	.page-accounts .intro{padding: 120px 0;}
	.acc-types .title{margin-bottom: 30px;}
	.acc-types table td{font-size: 16px;}
	.page-accounts .subscribe{padding: 40px 0;}
	.page-accounts .subscribe .ttl{margin-bottom: 8px;}
	.page-accounts .subscribe .text{font-size: 24px; margin-bottom: 28px;}

}
@media (max-width: 1024px){
	.intro .title {font-size: 60px;}
	.intro .text{font-size: 24px;}
	.page-about .intro{padding: 100px 0;}
	.page-about .intro .text{max-width: 100%;}
	.page-about .choose-section .title{font-size: 50px;}
	.page-about .choose-list li{width: calc(50% - 10px);}
	.page-about .choose-list .img-box{height: 255px;}
	.page-about .steps{padding: 60px 0;}
	.page-about .steps .ttl-box{width: 100%;}
	.page-about .steps .ttl-box .ttl{text-align: center;}
	.page-about .steps .ttl-box .btn-main{display: none;}
	.page-about .steps .btn-main--mobile{display: flex; max-width: 100%;}
	.page-about .steps .steps__container{max-width: 100%; margin: 0 auto 40px;}
	.page-about .steps .step{width: 290px;}
	.page-contacts .intro{padding: 120px 0;}
	.page-contacts .address-flex .text{padding: 35px 12px 30px;}
	.page-accounts .intro{padding: 190px 0;}
	.page-accounts .intro .title{margin-bottom: 24px;}
	.page-accounts .intro .text{font-size: 24px;}
	.acc-types .table-wrap {overflow-x: auto;}
	.acc-types .title{font-size: 50px; margin-bottom: 20px;}
	.page-accounts .subscribe{padding: 80px 0;}
}
@media (max-width: 768px){
	.intro .title {font-size: 36px;}
	.intro .text{font-size: 18px;}
	.page-about .intro{background-position: 35% center; padding: 60px 0;}
	.page-about .intro .text{max-width: 100%;}
	.page-about .choose-section .title{font-size: 36px; margin-bottom: 20px;}
	.page-about .choose-list .img-box{height: 208px;}
	.page-about .choose-list .text-box:before {font-size: 24px; margin-bottom: 16px;}
	.page-contacts .intro{padding: 90px 0;}
	.page-contacts .intro .title{font-size: 40px;}
	.page-contacts .links-section .text{font-size: 20px;}
	.page-contacts .links-flex .item{width: calc(33.33% - 11px);}
	.page-contacts .links-flex .img-box{width: 60px; height: 60px;}
	.page-contacts .links-flex .ttl{font-size: 18px; margin-bottom: 6px;}
	.page-contacts .links-flex .item a{font-size: 16px;}
	.page-contacts .address-section .title{font-size: 20px; margin-bottom: 20px;}
	.page-contacts .address-section .hours .ttl{font-size: 24px; margin-bottom: 14px;}
	.page-contacts .address-section .hours .text{font-size: 18px; margin-bottom: 16px;}
	.page-contacts .address-flex .item{width: calc(33.33% - 11px);}
	.page-contacts .address-flex .ttl{font-size: 18px;}
	.page-contacts .address-flex .text{padding: 16px 12px;}
	.page-contacts .days-flex span{width: 30px; font-size: 13px; margin: 0 15px;}
	.page-contacts .days-flex span:before{width: 30px; height: 30px; margin-bottom: 12px;}
	.page-accounts .intro{padding: 125px 0;}
	.page-accounts .intro .title{margin-bottom: 16px;}
	.page-accounts .intro .text{font-size: 18px; max-width: 440px;}
	.page-accounts .intro .text br{display: none;}
	.acc-types .title{font-size: 36px;}
	.page-accounts .subscribe .ttl{margin-bottom: 16px;}
	.page-accounts .subscribe .text{font-size: 18px; margin-bottom: 22px;}
	.page-accounts .request__container{background-position: center bottom, right 55px top 20px;}
}
@media (max-width: 576px){
	.main-screen.third .btn-main{max-width: 100%;}
	.page-about .choose-section{padding: 40px 0 20px;}
	.page-about .choose-section .title{font-size: 30px;}
	.page-about .choose-list li{width: 100%;}
	.page-about .choose-list .text-box{padding: 30px 16px 50px;}
	.page-about .steps .step{width: 100%;}
	.page-about .steps .ttl-box .ttl{font-size: 30px; text-align: left; max-width: 360px;}
	.page-about .steps .step--dashed::before {left: -50px; width: 160px;}
	.page-about .steps .btn-main--mobile{height: 60px;}
	.page-contacts .address-flex{margin-bottom: 40px;}
	.page-contacts .address-flex .item{width: 100%; margin-bottom: 20px;}
	.page-contacts .address-flex .ttl{font-size: 24px;}
	.page-contacts .address-flex .text{padding: 35px 12px 30px;}
	.page-accounts .intro{padding: 145px 0 185px;}
	.acc-types .title{font-size: 30px;}
	.acc-types table th{min-width: 140px; font-size: 16px; padding: 20px 5px;}
	.page-accounts .subscribe{padding: 75px 0;}	
	.page-accounts .subscribe .btn{width: 210px;}
	.page-accounts .request{background: #070417;}
	.page-accounts .request__container{background-position: center bottom, right 45px top 0px; padding-left: 0; padding-right: 0;}
}
@media (max-width: 480px){
	.page-contacts .intro{padding: 50px 0;}
	.page-contacts .intro .title{font-size: 30px;}
	.page-contacts .links-section{padding: 60px 0 50px;}
	.page-contacts .links-section .text{font-size: 18px; margin-bottom: 20px;}
	.page-contacts .links-flex .item{width: 100%; margin-bottom: 20px;}
	.page-contacts .days-flex{justify-content: space-between;}
	.page-contacts .days-flex span{margin: 0 5px;}
}
@media (max-width: 380px){
	.acc-types table td{min-width: 180px; font-size: 15px; padding: 20px 5px;}
	.page-accounts .request__container{background-position: center bottom, right top;}
}


.above-footer .item-menu ul li.parent > a.open:after{
	transform: rotate(45deg);
}
.above-footer .item-menu ul li.parent .nav-child li{
	margin: 0 0 6px 8px;
}
.above-footer .item-menu ul li.parent .nav-child a{
	font-size: 18px;
}

.above-footer .item-menu ul li.parent .nav-child a::after {
	display: none;	
}
.above-footer .phone-link, .above-footer .email-link, .above-footer .address{
	display: flex!important;
	margin-bottom: 10px;
}
.above-footer .phone-link svg, .above-footer .email-link svg, .above-footer .address svg{
	flex-shrink: 0;
	margin: 3px 16px 0 0;
}
.above-footer .email-link svg{
	margin-top: 5px;
}


.nav.menu > li > a:hover, .nav.menu > li > a:focus {
    background-color: transparent;
}
.header .nav ul.menu li.parent a::after {
	border-width: 2px 0 0 2px;
}
.main-screen .btn-groups .btn-main{
	white-space: nowrap;
}

@font-face {
  font-family: 'Gotham-pro';
  src: url('/templates/custom/fonts/gothampro_medium.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

.accounts .account  .account__list-item .value {
    font-family: "Gotham-pro",sans-serif;
    font-weight: 600;
}
.main-screen .main-screen__container .btn-main--black:hover{
	border-color: transparent;
}

