#landing{background: var(--color_gray-middle); box-shadow: 0px 4px 10px var(--color_shadow); border-radius: 3px}
.wrapper-gray-step{padding:20px 0 20px 290px; font-size:30px; font-weight:700; color:var(--color_white); line-height:50px; background:var(--color_third); border-radius: 3px; position:relative}
.wrapper-gray-step{display:none}
.step-arrow{position: absolute; right: 100%; top: 50%; transform: translateY(-50%) translateX(-10px)}
.step-arrow img{transform:translateX(0); position: relative; animation: movearrow 1s infinite ease-in-out;}
.wrapper__akcii__form .form-agreement-yes{color: inherit; text-align:center}
@keyframes movearrow {
	from {transform:translateX(0)}
	25% {transform:translateX(-10px)}
	50% {transform:translateX(-15px)}
	75% {transform:translateX(-10px)}
	to {transform:translateX(0)}
}
@keyframes movearrow2 {
	from {transform:translateX(0)}
	25% {transform:translateX(-10px)}
	50% {transform:translateX(-15px)}
	75% {transform:translateX(-10px)}
	to {transform:translateX(0)}
}
.red-circle-step{margin-right: 30px;position: relative;background: var(--color_first);padding: 0;font-size: 12px;line-height: 24px;color: var(--color_white);width: 100px;height: 100px;border-radius: 100%}
.red-circle-step.set-heading{background: var(--color_add-3)}
.red-circle-step__big{font-size:50px;line-height: 42px;font-weight:700;}
.red-circle-step span{font-weight: 400;}
.red-circle-step.set-heading::after{display:none}
.panel-header{margin-bottom:2px}
.panel-collapse{padding:30px 45px}

.select-step__tilte{-ms-flex: 0 0 calc(100% - 235px); flex: 0 0 calc(100% - 235px); max-width: calc(100% - 235px);}
.select-step__input{-ms-flex: 0 0 235px; flex: 0 0 235px; max-width: 235px;}

.select-step__tilte{font-weight: 700;font-size: 18px;line-height: 48px;color: var(--color_text-2)}
.select-step select{padding:0 15px; font-size: 16px; color: var(--color_gray-dark); appearance: none; -moz-appearance: none; -webkit-appearance: none; border:none; box-shadow:none; width: 100%; height: 46px; background-color:var(--color_white); background-image:url(../../images/svg/icon8.svg); background-repeat:no-repeat; background-position:95% center; cursor:pointer}
.select-step select::-ms-expand{display: none}
.select-step__input input{height: 46px; background:var(--color_white); border:none; padding:0 15px; font-size: 16px; color: var(--color_gray-dark); -ms-flex: 0 0 calc(100% - 40px);flex: 0 0 calc(100% - 40px);max-width:calc(100% - 40px);}
.select-step__input-text{-ms-flex: 0 0 40px;flex: 0 0 40px;max-width:40px; text-align:right; font-size: 16px; color: var(--color_gray-dark)}
.next-step.button-general{display:block; width:100%; max-width:360px; margin:0 auto}
.progress{overflow:hidden; height: 12px;background: var(--color_white); border-radius: 6px; width:100%; margin:30px 0}
.old-progress-bar .progress{margin:15px 0 30px}
.progress-bar{background: linear-gradient(90deg, var(--color_first) 0.57%, var(--color_first-2) 100%), var(--color_first); height:100%; border-radius: 6px; position:relative; overflow:hidden}
.progress-bar::before{background:url(../../images/png/progress.png) repeat-x 0 0; left:0; right:0; top:0; bottom:0; content:""; position:absolute}
.change-btn-step {font-size: 16px;font-weight: 400;line-height: 20px;border-bottom: 1px dashed;color: var(--color_white);position: absolute;right: 40px;text-decoration: none !important;}
#step3{display:none}
#step3 .red-circle-step{background-color:var(--color_first)}
#step3 .red-circle-step::after{border-top: 13px solid var(--color_first)}
#step3 .wrapper-gray-step{background:var(--color_second)}
#step3 .panel-collapse{padding-top:10px}
#step3 .mfp-popup__list, #step3 .mfp-popup{display:none}
.wrapper__akcii__title, .wrapper__akcii__itog{font-weight: 700;font-size: 22px;line-height: 48px;color: var(--color_text-2);border-bottom: 1px dashed var(--color_second-3)}
.wrapper__akcii__title div, .wrapper__akcii__itog div{font-weight: 700;font-size: 28px;line-height: 48px;color: var(--color_second)}
.wrapper__akcii__title div span + span, .wrapper__akcii__itog div span + span{font-size:80%}
.wrapper__akcii__itog, .wrapper__akcii__itog div{color:var(--color_third)}
.wrapper__akcii__list__title{padding-top:15px;font-weight: 700;font-size: 18px;line-height: 22px;color: var(--color_text-2)}
.wrapper__akcii__list ul{padding:5px 0 15px; margin:0;border-bottom: 1px dashed var(--color_second-3)}
.wrapper__akcii__list ul li{position:relative; padding:5px 0 5px 32px; margin:0; list-style:none}
.akcii-block{font-size: 16px;line-height: 24px;color: var(--color_gray-dark); margin:0; cursor:pointer}
.checkbox-akcii{display:none}
.checkbox-customakcii{left:0; top:50%;transform:translateY(-50%);position: absolute;width: 24px;height: 24px;background: var(--color_white);border: 1px solid var(--color_gray-middle);border-radius:100%;box-shadow:inset 0px 1px 3px -2px rgba(97, 97, 97, 0.75)}
.labelakcii strong{font-size:113%}
.checkbox-akcii:checked ~ .checkbox-customakcii{box-shadow:none; border:none; background-color: var(--color_third); background-image:url(../../images/svg/icon9.svg); background-repeat:no-repeat; background-position:center 7px}
.checkbox-akcii:checked ~ .labelakcii{color:var(--color_third)}
#step3 .wrapper__akcii__form{position:relative; margin:35px 0 0; border:2px solid var(--color_third);padding: 30px 230px 20px;}
#step3 .wrapper__akcii__form__title{font-weight: 700;font-size: 18px;line-height: 18px;text-align: center;color: var(--color_text-2);position: relative;margin: -18px -230px 0;top: -22px;}
#step3 .wrapper__akcii__form__title span{display:inline-block; padding:0 20px; background:var(--color_gray-middle)}
.wrap-form-bottom input{padding: 0 15px 0 55px; border-radius:3px 0 0 3px; height: 56px; width: 100%; background-color:var(--color_white);background-image:url(../../images/svg/icon5.svg); background-repeat:no-repeat; background-position:17px center; border: 1px solid var(--color_white); font-size: 16px; color: var(--color_second)}
.wrap-form-bottom button, .white-popup_ .button-general{border-radius:0 3px 3px 0 ; width:100%; }
#step3 .wrap-form-bottom .col-6:nth-child(1){position:relative}
#step3 .wrap-form-bottom .col-6:nth-child(1)::before{position:absolute; background:url(../../images/svg/icon10.svg) no-repeat 0 0; content:""; left:-30px; top:50%; transform:translateY(-50%); width:22px; height:19px;}
#step3 .info-popup-form, .button-action{display:none}
.manager__call{font-size: 15px; line-height: 18px; color: var(--color_text-2); padding-top:10px}
.manager__call img{width:60px; margin-right:15px}
.old-progress-bar .col-lg-12{-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important;}
@media(min-width:992px){
	.row__steps .col-4, .row__steps .col-12{padding:0 20px}
}
@media(max-width:1229px){
	.panel-collapse{padding:20px 15px}
	.select-step__tilte {font-size: 15px; line-height: 42px}
	.select-step select{font-size: 14px; height: 42px}
	.select-step__input input{height: 42px; font-size: 14px}
	.wrapper-gray-step{padding:15px 0 15px 260px; font-size:26px; }
	.red-circle-step {margin-right: 20px}
	.select-step__tilte{-ms-flex: 0 0 calc(100% - 270px); flex: 0 0 calc(100% - 270px); max-width: calc(100% - 270px);}
	.select-step__input{-ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px;}
	.wrapper__akcii__title, .wrapper__akcii__itog {font-size: 20px; line-height: 42px;}
	.wrapper__akcii__title div, .wrapper__akcii__itog div {font-size: 24px; line-height: 42px}
	.wrapper__akcii__list__title {padding-top: 10px; font-size: 16px; line-height: 20px}
	.wrapper__akcii__list ul li{padding: 3px 0 3px 30px}
	.checkbox-customakcii{width:20px; height:20px}
	.checkbox-akcii:checked ~ .checkbox-customakcii{background-size:10px}
	.akcii-block{font-size: 14px; line-height: 20px}
	#step3 .wrapper__akcii__form__title span{padding:0 15px}
	#step3 .wrapper__akcii__form__title{font-size:16px; line-height:16px}
	.wrap-form-bottom input{height:50px}
	#step3 .wrapper__akcii__form{margin: 30px 0 0; padding: 30px 140px 20px}
}
@media(max-width:991px){
	.panel-collapse{padding:15px 15px 20px}
	.select-step__tilte {font-size: 14px; line-height: 40px}
	.select-step select{font-size: 13px; height: 40px}
	.select-step__input input{height: 40px; font-size: 13px}
	.wrapper-gray-step{padding:10px 0 10px 120px; font-size:24px; }
	.red-circle-step {margin-right: 15px; font-size:10px; width: 80px; height: 80px;}
	.red-circle-step__big{font-size: 40px;line-height: 30px}
	.select-step__tilte{-ms-flex: 0 0 calc(100% - 200px); flex: 0 0 calc(100% - 200px); max-width: calc(100% - 200px);}
	.select-step__input{-ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px;}
	.select-step__input-text{font-size:14px}
	.wrapper__akcii__title, .wrapper__akcii__itog {font-size: 16px; line-height: 38px;}
	.wrapper__akcii__title div, .wrapper__akcii__itog div {font-size: 20px; line-height: 38px}
	#step3 .wrapper__akcii__form__title span{padding:0 10px}
	#step3 .wrapper__akcii__form__title {font-size: 15px;line-height: 15px}
	#step3 .wrapper__akcii__form {padding: 30px 70px 20px}
	.manager__call{font-size: 14px; line-height: 16px}
	.manager__call img{min-width:50px; margin-right:10px}
	.change-btn-step {font-size: 14px; line-height: 18px; right: 20px}
}
@media(max-width:767px){
	#step3 .panel-collapse{padding-left:30px; padding-right:30px}
	.wrapper-gray-step{padding:10px 15px; font-size:22px; }
	.red-circle-step{margin-right: 10px; line-height: 20px; width: 60px; height: 60px;}
	.red-circle-step__big{font-size: 30px;line-height: 20px}
	.wrapper__akcii__title, .wrapper__akcii__itog {font-size: 14px; line-height: 32px;}
	.wrapper__akcii__title div, .wrapper__akcii__itog div {font-size:16px; line-height: 32px}
	.wrapper__akcii__list__title {padding-top: 15px;font-size: 14px;line-height: 18px}
	#step3 .wrapper__akcii__form {margin: 15px 0 0; padding: 15px 30px}
	.wrap-form-bottom input {height: 46px;background: var(--color_white);padding: 0 15px;font-size: 14px}
	#step3 .wrap-form-bottom .col-6:nth-child(1)::before{display:none}
	#step3 .wrapper__akcii__form__title {font-size: 14px;line-height: 15px;top: 0;margin: 0 0 15px}
	.step-arrow{display:none}
}
@media(max-width:575px){
	.panel-collapse{padding:15px 0 20px}
	.wrapper-gray-step{padding:10px 15px; font-size:18px; }
	.red-circle-step__big{font-size: 24px}
	.select-step__tilte {font-size: 13px;line-height: 30px;padding-top: 10px}
	.select-step select{height: 35px}
	.select-step__input input{height: 35px}
	.progress{height: 6px; margin:15px 0}
	.select-step__input-text{font-size:13px}
	#step3 .panel-collapse{padding-left:15px; padding-right:15px}
	.wrapper__akcii__title, .wrapper__akcii__itog {font-size: 16px; line-height: 22px; text-align:center}
	.wrapper__akcii__title div, .wrapper__akcii__itog div {font-size:20px; line-height:22px; text-align:center; padding-top:5px}
	.wrapper__akcii__title > span, .wrapper__akcii__itog > span {display:block; line-height:18px}
	.wrapper__akcii__title div{padding-bottom:10px}
	.wrapper__akcii__list{text-align:center}
	.wrapper__akcii__list ul{border-bottom: none; display:inline-block}
	.wrapper__akcii__list ul li{text-align:left}
	.wrapper__akcii__itog{border-top: 1px dashed var(--color_second-3); padding:5px 0}
	.change-btn-step {font-size: 10px;line-height: 10px;right: 5px}
	#step3 .wrapper__akcii__form{padding:15px}
}
@media(max-width:420px){
	.red-circle-step{margin:0 0 5px}
	.wrapper-gray-step{-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center!important; justify-content: center !important; text-align:center; line-height:24px}
	.step-title{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.change-btn-step {right: 10px;top: 10px}
	.old-progress-bar .progress {margin: 10px 0 20px;}
	.wrapper-gray-light-step{-ms-flex-wrap: wrap; flex-wrap: wrap;}
	.select-step__tilte, .select-step__input{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
	.panel-collapse .my-3{margin: 0 !important}
}
@media(max-width:359px){
	#step3 .wrapper-gray-step{font-size:16px}
}