html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:var(--color-black);text-decoration:none}mark{background-color:#ff9;color:var(--color-black);font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}

html{overflow-x: hidden;}




body{
	font-family: 'Gilroy';
	background: #fff;
    font-size: 16px;
    line-height: normal;
	color: #242322;
	min-width: 320px;
    font-weight: normal;
	overflow-x: hidden;
    position: relative;
    padding: 10px;
}

body.white{padding: 0}

.container{max-width: 1410px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}


.hidden {display: none;}




header{position: absolute; top: 0; left: 0; width: 100%; z-index: 20; padding: 23px 0;}
    .white header{position: relative; border-bottom: 1px solid #E6E6E5; padding: 15px 0}
        .white header li a{color: #242322}
            .white header li a:hover{background: #E6E6E5}
        .white header .btn{border-color: #E6E6E5; color: #242322}
            .white header .btn:hover{background: #E6E6E5}
    header .flex{align-items: center;}
    header li{display: inline-block;}
        header li a{display: block; color: #fff; font-size: 16px; font-weight: 600; padding: 20px 30px; border: 1px solid transparent; border-radius: 100px}
            header li a:hover{background: rgba(255, 255, 255, 0.2);}
    header .pull{display: none;}






#promo{padding: 490px 0 100px; background: url("../img/bg_promo.jpg") 50% 50% no-repeat; background-size: cover; position: relative; overflow: hidden; border-radius: 20px}
    #promo:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(14, 11, 3, 0.45) 9.12%, rgba(14, 11, 3, 0.25) 51.07%, rgba(14, 11, 3, 0.45) 95.61%); content: ''}
    #promo .container{position: relative; z-index: 2; color: #fff;}
    #promo .text{max-width: 800px}
    #promo h1{line-height: 100%; font-size: 80px;}
    #promo p{padding: 20px 0 30px; font-size: 20px; font-weight: 500; line-height: 150%;}
    #promo .actions{justify-content: flex-start;}
        #promo .actions a{margin-right: 12px}





#who{padding: 140px 0}
    #who .title{font-size: 20px; line-height: 150%; margin-bottom: 15px; color: #5C5957; font-weight: 500;}
    #who p{font-weight: 700; line-height: 100%; font-size: 44px; letter-spacing: -1px}





#requirements{padding: 140px 0; text-align: center; background: #F9F8F8; border-radius: 20px}
    .requirements .item{background: #fff; box-sizing: border-box; padding: 40px; border-radius: 20px; text-align: left;}
        .requirements .item span{font-size: 24px; font-weight: 600; display: block; line-height: 150%; color: #A800C7; margin-bottom: 20px;}
        .requirements .item p{font-size: 20px; font-weight: 500;}
        .requirements .item:last-child{display: flex; align-items: center; justify-content: space-between;}





#advantages{padding: 140px 0;}
    .block__advantages .container.flex{align-items: center;}
     .block__advantages .image{width: 585px; overflow: hidden;}
        .block__advantages .image img{width: 100%; border-radius: 20px;}
    .block__advantages .data{width: 745px;}
    .block__advantages .bt{margin-bottom: 40px;}
    .block__advantages .item{width: calc(50% - 6px); margin-bottom: 12px; box-sizing: border-box; padding: 30px; border-radius: 20px; background: #FDF5FF;}
        .block__advantages .item .icon{margin-bottom: 20px;}
        .block__advantages .item .title{padding: 0 0 8px; font-size: 20px; font-weight: 500; line-height: 150%;}
        .block__advantages .item p{font-weight: 500; line-height: 150%; color: #5C5957}





#ready{padding-bottom: 140px; text-align: center; color: #fff}
    #ready .bt{font-size: 80px;}
    #ready .bt__note{color: #fff;}
    #ready .data{background: url("../img/bg_ready.jpg") 50% 50% no-repeat; background-size: cover; padding: 160px 0 115px; border-radius: 20px; position: relative; overflow: hidden;}
        #ready .data:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(14, 11, 3, 0.45) 9.12%, rgba(14, 11, 3, 0.25) 51.07%, rgba(14, 11, 3, 0.45) 95.61%); content: ''}
        #ready .data .text{margin: 0 auto; max-width: 810px; position: relative; z-index: 2}





#donor{padding: 140px 0; text-align: center; background: #F7EFE4; border-radius: 20px}
    #donor .requirements .item span{color: #E16F2E}





#advantages__action{padding: 140px 0}
    #advantages__action.block__advantages .image{order: 0}
    #advantages__action.block__advantages .data{order: 1}
        #advantages__action.block__advantages .data .item{background: #FDFAF7}
        #advantages__action.block__advantages .item p{font-size: 17px;}





#process{padding: 140px 0; background: #F9F8F8; border-radius: 20px;}
    #process .bt{text-align: center; margin-bottom: 40px;}
    #process .item{padding: 40px 0; border-bottom: 1px solid #E6E6E5;}
    #process .item:last-child{padding-bottom: 0; border-bottom: 0}
    #process .data{padding: 20px 0 0;}
    #process .flex{align-items: flex-start;}
    #process .count{line-height: 100%; font-size: 28px; font-weight: 500; display: flex; align-items: center; justify-content: flex-start; width: 490px}
        #process .count span{font-weight: 500; font-size: 40px; line-height: 100%; color: #E16F2E; margin-right: 5px;}
    #process .text{width: 550px; color: #5C5957; font-size: 17px; font-weight: 500; line-height: 150%;}
    #process .image{width: 330px}
        #process .image img{width: 100%; border-radius: 20px;}





#forms{padding: 140px 0 70px}
    #forms .item{width: calc(50% - 6px); border-radius: 20px; overflow: hidden; position: relative;}
        #forms .item:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(14, 11, 3, 0.45) 9.12%, rgba(14, 11, 3, 0.25) 51.07%, rgba(14, 11, 3, 0.45) 95.61%); content: ''}
        #forms .item .data{position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 0 20px 40px 40px; color: #fff;}
            #forms .item .data .title{font-size: 52px; letter-spacing: -1px; font-weight: 700; line-height: 100%; margin-bottom: 15px;}
            #forms .item .data p{font-weight: 500; margin-bottom: 30px;}





#form__surr{}
    #form__surr .form{width: 100%; max-width: 690px; margin: 0 auto;}
    #form__surr .image{width: 830px}
    #form__surr .image img{height: 100%; object-fit: cover;}
    #form__surr .data{width: calc(100% - 830px); box-sizing: border-box; padding: 80px 20px}



















footer{padding: 80px 0 0; color: #fff; border-radius: 20px; background: #242322; font-size: 16px; font-weight: 500; line-height: 150%;}
    footer .title{margin-bottom: 20px;}
    footer p a{color: #fff; border-bottom: 1px solid transparent;}
        footer p a:hover{border-color: #fff}
    footer .socials{align-items: center;}
        footer .socials a{margin-left: 45px}
            footer .socials a:hover svg path{fill: #E16F2E;}
    footer .col__address{max-width: 335px}
    footer .copyright{text-align: center; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.1); line-height: 150%; font-size: 14px; font-weight: 500; padding: 30px 0; margin-top: 60px}















#navigation{position: fixed; display: none; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; background: #fff; overflow-y: auto; text-align: center;}
    #navigation .top{align-items: center; padding: 15px 30px; border-bottom: 1px solid #E6E6E5; margin-bottom: 80px}
    #navigation .close{width: 64px; height: 64px; border-radius: 50%; border: 1px solid #E6E6E5; background: url("../img/close.svg") 50% 50% no-repeat;}
    #navigation nav{margin-bottom: 50px}
    #navigation li a{display: block; padding: 40px 30px; font-size: 40px; font-weight: 500; line-height: 100%; color: #242322}
    #navigation .inn{padding: 0 30px 30px}
    #navigation .btn{border-color: #E6E6E5; color: #242322; margin-bottom: 50px; width: 100%;}
        #navigation .btn:hover{background: #E6E6E5}
    #navigation .contacts{font-size: 18px; font-weight: 500;}
        #navigation .contacts p{margin-bottom: 10px;}
        #navigation .contacts a{color: #242322}
    #navigation .socials{justify-content: center; align-items: center; padding: 35px 0 0}
        #navigation .socials a{margin: 0 20px}
            #navigation .socials a svg path{fill: #242322}
                #navigation .socials a:hover svg path{fill: #A800C7}












.slider{position: relative;}
.slider .swiper-button-prev svg path,.slider .swiper-button-next svg path{fill: var(--color-gold-100);}
.slider .swiper-button-prev svg{transform: rotate(180deg); width: 10px; transition: all 0.15s ease-out;}
.slider .swiper-button-next svg{width: 10px; transition: all 0.15s ease-out;}
.slider .swiper-button-prev,.slider .swiper-button-next{width: 44px; height: 44px; border-radius: 4px; transition: all 0.15s ease-out; z-index: 12; background: #014D81;}
    .slider .swiper-button-prev:hover,.slider .swiper-button-next:hover{background: #000;}
.slider .swiper-button-prev:after,.slider .swiper-button-next:after{display: none;}
.slider .swiper-button-prev{left: -60px;}
.slider .swiper-button-next{right: -60px;}

.slider .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1}
.slider .swiper-pagination-bullet{background: var(--color-gold-100); width: 16px; height: 16px; margin: 0 6px; opacity: 0.5;}
.slider .swiper-pagination{bottom: 0}


.slider .swiper-scrollbar{opacity: 1!important; bottom: -45px!important; height: 6px!important; background: #EDF2F6!important;}
.slider .swiper-scrollbar-drag{background: #014D81!important}










section{position: relative; z-index: 2}







.flex{display: flex; justify-content: space-between; flex-wrap: wrap;}

.grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 12px;}


.bt{font-weight: 700; font-size: 54px; line-height: 100%; margin-bottom: 15px;}
.bt__note{font-size: 17px; font-weight: 500; line-height: 150%; color: #5C5957; margin-bottom: 40px;}


.box__modal{display: none; font-family: 'Gilroy'!important; width: 750px!important; box-sizing: border-box!important; padding: 60px!important; text-align: center!important; max-width: calc(100% - 60px)!important; border-radius: 20px!important}
    .box__modal .logo{display: none;}
    .box__modal .title{margin-bottom: 10px; font-weight: 700; font-size: 24px; line-height: 100%;}
    .box__modal .note{margin-bottom: 40px; font-size: 16px; font-weight: 500;}


section{box-sizing: border-box; position: relative;}



.form{position: relative; color: #000;}
.form .label{font-weight: 500; font-size: 14px; margin-bottom: 6px; text-align: left;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form input[type="date"],.form input[type="time"],.form textarea,.form select{
    width: 100%; margin-bottom: 20px; padding: 0 16px; font-weight: 500; font-size: 16px; height: 56px; border-radius: 8px; border: 1px solid #E6E6E5;
}
.form textarea{padding-top: 16px; height: 130px; resize: none;}
.form input[type="date"],.form .datepicker{background: #fff url("../img/date.svg") calc(100% - 15px) 50% no-repeat; position: relative;}
.form input[type="date"]::-webkit-calendar-picker-indicator{opacity: 0; cursor: pointer;}
.form .col{width: calc(50% - 10px);}
.form .flex-3 .col{width: calc(100%/3 - 10px)}
.form .btn{width: 100%;}
.form .privacy{font-weight: 500; padding: 20px 0 0; text-align: center; font-size: 14px; line-height: 150%}
.form .bt{margin-bottom: 40px; letter-spacing: -1px; line-height: 100%; font-size: 44px;}


.form .step{display: none;}
.form .step.step1{display: block;}
.form .line{margin-bottom: 40px}
    .form .line span{display: block; width: 100%; height: 8px; background: #E6E6E5; border-radius: 100px; margin-top: 10px; position: relative; overflow: hidden;}
        .form .line span:after{position: absolute; top: 0; left: 0; content: ''; background: #A800C7; height: 100%; width: 16%;}
        .form .step2 .line span:after{width: 32%;}
        .form .step3 .line span:after{width: 48%;}
        .form .step4 .line span:after{width: 64%;}
        .form .step5 .line span:after{width: 80%;}
        .form .step6 .line span:after{width: 100%;}



.select{position: relative; cursor: pointer;}
.select .current{display: flex; box-sizing: border-box; transition: all 0.15s; align-items: center; justify-content: flex-start; position: relative; width: 100%; margin-bottom: 20px; padding: 0 16px; font-weight: 500; font-size: 16px; height: 56px; border-radius: 8px; border: 1px solid #E6E6E5;}
.select .current:after{transition: all 0.15s; background: #fff; position: absolute; top: calc(50% - 8px); right: 20px; width: 16px; height: 16px; content: ''; background: #fff url("../img/arrd.svg") 50% 50% no-repeat; content: ''}
.select .current.open:after{transform: rotate(180deg);}
.select .current.open{border-radius: 8px 8px 0 0;}
.select .current.open{z-index: 30}
.select .current.open ul{z-index: 29;}
.select ul{display: none; z-index: 23; position: absolute; box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.1); top: 15px; left: 0; width: calc(100% - 2px); background: #fff; padding: 40px 0 0; border: 1px solid #E6E6E5; border-radius: 0 0 8px 8px; overflow: hidden; border-top: none;}
.select ul li{text-align: left; background: #fff; display: flex; transition: all 0.15s; align-items: center; justify-content: flex-start; padding: 0 16px; height: 56px; border-bottom: 1px solid #E6E6E5}
.select ul li:last-child{border-bottom: none;}
.select ul li:hover{background: #E6E6E5}


.right.flex{justify-content: flex-end;}
.right.flex.flex-2 p{justify-content: space-between; width: 100%; display: flex}
.right.flex br {display: none}
.right.flex .btn-white-tr{border-color: #E6E6E5; color: #242322;}
.right.flex .btn-white-tr:hover{background: #E6E6E5}
.right.flex .btn{width: auto; min-width: 210px}


.inn__step{min-height: 450px}


.f-button.is-close-btn{top: 20px!important; right: 20px!important; background: url("../img/closem.svg") 50% 50% no-repeat; width: 24px; height: 24px; opacity: 1!important; transition: all 0.15s;}
.f-button.is-close-btn:hover{transform: rotate(90deg);}
.f-button.is-close-btn:after{display: none;}
.f-button.is-close-btn svg{display: none;}


label.file{display: flex; align-items: center; margin-bottom: 10px; justify-content: space-between; border: 1px solid rgba(0, 16, 26, 0.3); padding: 0 20px; font-size: 16px; height: 62px; border-radius: 10px; max-width: 190px; font-size: 16px;}
    label.file:hover{background: rgba(0, 16, 26, 0.3); cursor: pointer;}







#ui-datepicker-div{background: #fff; border-radius: 10px; box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.1);}
.ui-datepicker-header{display: flex; align-items: center; justify-content: center; padding: 20px 15px 20px; font-weight: 700; position: relative;}
.ui-datepicker-header a{position: absolute; display: block; width: 12px; height: 12px; font-size: 0; background: url("../img/arrd.svg") 50% 50% no-repeat; cursor: pointer;}
.ui-datepicker-header a.ui-datepicker-prev{left: 15px; transform: rotate(90deg);}
.ui-datepicker-header a.ui-datepicker-next{right: 15px; transform: rotate(-90deg);}
.ui-datepicker-calendar{width: calc(100% - 30px); box-sizing: border-box; margin: 0 15px 15px}
.ui-datepicker-calendar td,.ui-datepicker-calendar th{text-align: center; padding: 2px}
.ui-datepicker-calendar a{color: #000; font-weight: 600; display: block; padding: 8px; border-radius: 4px}
.ui-datepicker-calendar a:hover,.ui-datepicker-today a{color: #fff; background: #A800C7}





input[type="checkbox"],input[type="radio"]{display:none;}


label.checkbox{display: block; position: relative; padding: 0 0 0 28px; cursor: pointer; font-size: 14px; line-height: 36px;}
label.checkbox:after{position: absolute; top: calc(50% - 12px); left: 0; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #fff; content: ''; border-radius: 4px; background: #fff;}
label.checkbox i{font-style: normal;}
label.checkbox i:after{position: absolute; top: calc(50% - 12px); left: 0px; width: 20px; height: 20px; content: ''; background: url("../img/check.svg") 50% 50% no-repeat; background-size: 12px; box-sizing: border-box; display: none; border-radius: 4px; z-index: 2;}
label.checkbox input:checked + i:after{display: block;}


::placeholder{color: #959EAD;}



button{background: transparent;}



.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}


a,svg,svg path{text-decoration: none; transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;}
	a:hover{transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 100%; height: auto; transition: all 0.15s ease-out;}
div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}



.btn,.btn:after{font-family: 'Montserrat', sans-serif!important; display: inline-block; cursor: pointer; position: relative; text-align: center; cursor: pointer; padding: 0; border: none; transition: all 0.2s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;}
	.btn:hover{transition: all 0.2s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}







.btn-white-tr{color: #fff; border-radius: 100px; color: #fff; font-size: 16px; font-weight: 600; line-height: 150%; padding: 20px 30px; border: 1px solid rgba(255, 255, 255, 0.2);}
    .btn-white-tr:hover{background: rgba(255, 255, 255, 0.2);}


.btn-white{color: #fff; border-radius: 100px; color: #242322; font-size: 16px; font-weight: 600; line-height: 150%; padding: 20px 30px; border: 1px solid rgba(255, 255, 255, 1); background: #fff}
    .btn-white:hover{background: rgba(255, 255, 255, 0.2); color: #fff;}



.btn-purple{padding: 20px 30px; color: #fff; border-radius: 100px; background: #A800C7; line-height: 150%; font-size: 16px; font-weight: 600; border: 1px solid #A800C7}
    .btn-purple:hover{color: #A800C7; background: transparent;}


.btn-orange{padding: 20px 30px; color: #fff; border-radius: 100px; background: #E16F2E; line-height: 150%; font-size: 16px; font-weight: 600; border: 1px solid #E16F2E}
    .btn-orange:hover{color: #E16F2E; background: transparent;}



input,textarea,select,button{-webkit-appearance: none; box-sizing: border-box; font-family: 'Gilroy';}