#landing{background: var(--color_gray-light); box-shadow: 0px 4px 10px var(--color_shadow); border-radius: 3px}
.wrapper-gray-step{font-size:18px; font-weight:700; color:var(--color_white); line-height:50px; background: rgba(100, 86, 81, 0.56); border-radius: 3px; position:relative}
.wrapper-gray-step{display:none}
.step-arrow{position: absolute;left: 15px;top: 13px;line-height: 20px}
.step-arrow img:nth-child(1){animation: movearrow 1s infinite ease-in-out;}
.step-arrow img:nth-child(2){animation: movearrow2 1s infinite ease-in-out; margin:0 0 0 -6px; opacity:0.5}
.wrapper__akcii__form .form-agreement-yes{color: inherit; text-align:center}
@keyframes movearrow {
	from {opacity:1}
	25% {opacity:0.8}
	50% {opacity:0.5}
	75% {opacity:0.8}
	to {opacity:1}
}
@keyframes movearrow2 {
	from {opacity:0.5}
	25% {opacity:0.8}
	50% {opacity:1}
	75% {opacity:0.8}
	to {opacity:0.5}
}
.red-circle-step{margin-right:15px; position:relative; border-radius: 3px; background:var(--color_third); padding-left:65px; padding-right:20px; font-size:18px; line-height:50px; color:var(--color_white)}
.red-circle-step span{font-weight: 400;}
.red-circle-step strong{font-weight: 700;}
.red-circle-step::after{border: 13px solid transparent; border-top: 13px solid var(--color_third); content: ""; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%);}
.red-circle-step.set-heading::after{display:none}
.panel-header{margin-bottom:2px}
.panel-collapse{padding:30px 45px}
.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_gray-middle); border-radius: 6px; width:100%; margin:30px 0}
.progress-bar{background: linear-gradient(90deg, var(--color_third) 0.57%, var(--color_third-2) 100%), var(--color_third); 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-light)}
.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}
@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{font-size:16px; line-height:46px}
	.red-circle-step {margin-right: 10px; padding-left: 55px; padding-right: 15px; font-size: 16px; line-height: 46px}
	.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}
	.step-arrow{top: 9px}
}
@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{font-size:15px; line-height:42px}
	.red-circle-step {margin-right: 10px; padding-left: 45px; padding-right: 15px; font-size: 15px; line-height: 42px;background-size: 20px;}
	.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__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}
}
@media(max-width:575px){
	.panel-collapse{padding:15px 0 20px}
	.red-circle-step {margin-right: 5px;font-size: 13px;line-height: 38px;padding: 0 10px;white-space: nowrap}
	.step-arrow{display:none}
	.wrapper-gray-step{font-size: 13px;line-height: 38px}
	.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:359px){
	.change-btn-step{display:none}
	#step3 .wrapper-gray-step{font-size:12px}
}