:root {
  --animate-duration: 0.5s;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes grdAiguille {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes grdAiguille {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes grdAiguille {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes grdAiguille {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes grdAiguille {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes ptAiguille {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes ptAiguille {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes ptAiguille {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes ptAiguille {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes ptAiguille {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

	.loader {
    position: fixed;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 100002 !important;
    background-color: rgba(0, 0, 0	, 0.8);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column;
		
}

.cssload-img {
    height: 80px;
    width: 80px;
}
.cssload-img img{
	max-width: 100%;
    transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    animation: ptAiguille 1.3s linear infinite;
    -o-animation: ptAiguille 1.3s linear infinite;
    -ms-animation: ptAiguille 1.3s linear infinite;
    -webkit-animation: ptAiguille 1.3s linear infinite;
    -moz-animation: ptAiguille 1.s linear infinite;
}
.cssload-text {
	margin-top: 50px;
	color: var(--White, #FFF);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}


.f_podbor__wrap{
	padding: 100px 0;
	font-family: Montserrat;
}
.f_podbor__wrap .container{
	max-width: 1320px;
}
.f_podbor{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.f_podbor__block{
	display: flex;
	flex-direction: column;
	width: calc(50% - 35px);
	border-radius: var(--Samotsvet-large-blocks, 30px);
	border: 1px solid transparent;
	background: var(--Samotsvet-White, #FFFEFE);
	background: linear-gradient(114deg, #68B8C2 5.75%, #DFBD69 91.37%);
}
.f_podbor__block_in{
	display: flex;
	flex-direction: column;
	border-radius: var(--Samotsvet-large-blocks, 28px);
	background: var(--Samotsvet-White, #FFFEFE);
	padding: 50px 30px;
	position: relative;
	height: 100%;
}
.f_podbor__title{
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}
.f_podbor__text{
	margin-top: 16px;
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: auto;
}
.f_podbor__footer{
	margin-top: 48px;
	display: flex;
	justify-content: space-between;
}
.f_podbor__more{
	display: flex;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: var(--Samotsvet-Charcoal, #424F60);
	color: var(--Samotsvet-White, #FFFEFE);
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	cursor: pointer;
}
.f_podbor__more:hover{
	border-radius: 12px;
	background: var(--Samotsvet-Maximum-Blue-Green, #68B8C2);
}
.f_podbor__price{
	display: flex;
	padding: 5px 15px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	border-radius: var(--Samotsvet-medium-blocks, 15px);
	background: var(--Samotsvet-BG-Ligth-Grey, #F8F8F8);
}
.f_podbor__price_sum{
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.f_podbor__price_text{
	color: var(--Samotsvet-Charcoal, #424F60);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.f_podbor__modal{
	font-family: Montserrat;
	background: rgba(0, 0, 0, 0);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	flex-wrap: wrap;
	z-index: 100001;
	overflow-x: hidden;
	pointer-events: none;
	opacity: 0;
	transition: 0.3s;
}
.f_podbor__modal.active{
	opacity: 1;
	pointer-events: all;
	background: rgba(0, 0, 0, 0.5);
	transition: 0.3s;
}
.f_podbor__modal_body{
	width: 720px;
	margin-left: auto;
	background: #FFF;
	min-height: 100%;
	padding: 90px 60px;
	position: relative;
	transform: translateX(100%);
	display: none;
}
.f_podbor__modal_body.active{
	display: block;
	transform: unset;
}
.f_podbor__modal_close{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: 30px;
	background-position: 50% 50%;
	background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.3839 6.61612C23.872 7.10427 23.872 7.89573 23.3839 8.38388L8.38388 23.3839C7.89573 23.872 7.10427 23.872 6.61612 23.3839C6.12796 22.8957 6.12796 22.1043 6.61612 21.6161L21.6161 6.61612C22.1043 6.12796 22.8957 6.12796 23.3839 6.61612Z" fill="%23999999"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.61612 6.61612C7.10427 6.12796 7.89573 6.12796 8.38388 6.61612L23.3839 21.6161C23.872 22.1043 23.872 22.8957 23.3839 23.3839C22.8957 23.872 22.1043 23.872 21.6161 23.3839L6.61612 8.38388C6.12796 7.89573 6.12796 7.10427 6.61612 6.61612Z" fill="%23999999"/></svg>');
}
.f_podbor__modal_close:hover{
	background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.3839 6.61612C23.872 7.10427 23.872 7.89573 23.3839 8.38388L8.38388 23.3839C7.89573 23.872 7.10427 23.872 6.61612 23.3839C6.12796 22.8957 6.12796 22.1043 6.61612 21.6161L21.6161 6.61612C22.1043 6.12796 22.8957 6.12796 23.3839 6.61612Z" fill="%23424F60"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.61612 6.61612C7.10427 6.12796 7.89573 6.12796 8.38388 6.61612L23.3839 21.6161C23.872 22.1043 23.872 22.8957 23.3839 23.3839C22.8957 23.872 22.1043 23.872 21.6161 23.3839L6.61612 8.38388C6.12796 7.89573 6.12796 7.10427 6.61612 6.61612Z" fill="%23424F60"/></svg>');
}
.f_podbor__modal_title{
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	text-transform: uppercase;
}
.f_podbor__modal_how-it-work_wrap{
	margin-top: 50px;
	padding: 30px;
	border-radius: var(--Samotsvet-medium-blocks, 15px);
	border: 1px solid var(--Samotsvet-Maximum-Blue-Green, #68B8C2);
	background: var(--Samotsvet-White, #FFFEFE);
}
.f_podbor__modal_how-it-work_title{
	display: inline-flex;
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	cursor: pointer;
}
.f_podbor__modal_how-it-work_title span{
	display: inline-block;
	margin-left: 10px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 50% 50%;
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z" fill="%23424F60"/></svg>');
}
.f_podbor__modal_how-it-work_title.open span{
	transform: rorate(180deg);
}
.f_podbor__modal_how-it-work_ul{
	display: none;
}
.f_podbor__modal_how-it-work_li{
	display: flex;
	margin-top: 30px;
}
.f_podbor__modal_how-it-work_li_num{
	flex-shrink: 0;
	border-radius: 1000px;
	background: var(--samotsvet-50, #D9EDF0);
	display: flex;
	width: 25px;
	height: 25px;
	padding: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	aspect-ratio: 1/1;
	color: var(--Samotsvet-Charcoal, #424F60);
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
}
.f_podbor__modal_how-it-work_li_text{
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-left: 20px;
}
.f_podbor__modal_more_block{
	margin-top: 40px;
	border-radius: var(--Samotsvet-medium-blocks, 15px);
	border: 1px solid transparent;
	background: linear-gradient(114deg, #68B8C2 5.75%, #DFBD69 91.37%);
}
.f_podbor__modal_more_block_in{
	border-radius: var(--Samotsvet-medium-blocks, 15px);
	padding: 30px;
	background: var(--Samotsvet-White, #FFFEFE);
}



.f_podbor__modal_more_block__title{
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	padding-left: 37px;
	position: relative;
}
.f_podbor__modal_more_block__title span{
	position: absolute;
	left: 0;
	top: 0;
}
.f_podbor__modal_more_block__text{
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 15px;
}
.f_podbor__modal_text_block{
	margin-top: 40px;
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.f_podbor__modal__btns{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.f_podbor__modal__btn_price{
	width: 238px;
	border-radius: var(--Samotsvet-medium-blocks, 15px);
	border: 1px solid transparent;
	background: linear-gradient(114deg, #68B8C2 5.75%, #DFBD69 91.37%);
}
.f_podbor__modal__btn_price_in{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	border-radius: var(--Samotsvet-medium-blocks, 15px);
	padding: 10px 15px;
	background: var(--Samotsvet-White, #FFFEFE);
}
.f_podbor__modal__btn_sum{
	color: var(--Samotsvet-Charcoal, #424F60);
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.f_podbor__modal__btn_text{
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.f_podbor__modal__btn_get{
	width: 349px;
	cursor: pointer;
	display: none;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: var(--Samotsvet-Charcoal, #424F60);
	color: var(--Samotsvet-White, #FFFEFE);
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}
.f_podbor__modal__btns .f_podbor__modal__btn_get{
	display: flex;
}
.f_podbor__modal__btn_get:hover{
	background: var(--Samotsvet-Maximum-Blue-Green, #68B8C2);
}
.f_podbor__modal_back{
	display: inline-flex;
	cursor: pointer;
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	position: absolute;
	left: 60px;
	top: 33px;
	align-items: center;
}
.f_podbor__modal_back span{
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 50% 50%;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0867 4.41073C13.4121 4.73617 13.4121 5.26381 13.0867 5.58925L8.67591 9.99999L13.0867 14.4107C13.4121 14.7362 13.4121 15.2638 13.0867 15.5892C12.7612 15.9147 12.2336 15.9147 11.9081 15.5892L6.90814 10.5892C6.5827 10.2638 6.5827 9.73617 6.90814 9.41073L11.9081 4.41073C12.2336 4.0853 12.7612 4.0853 13.0867 4.41073Z" fill="%23424F60"/></svg>');
}
.f_podbor__modal_form{
	margin-top: 50px;
	width: 100%;
}
.f_podbor__modal_form_wrap{
	margin-bottom: 40px;
	width: 100%;
	position: relative;
}
.f_podbor__modal_form__input{
	background: none;
	outline: none;
	border: 0;
	border-bottom: 1px solid var(--Samotsvet-Spanish-Grey-Super-Light, #E6E6E6);
	padding-bottom: 5px;
	padding-top: 17px;
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	width: 100%;
	border-radius: 0;
}
.f_podbor__modal_form__label_error{
	color: var(--Samotsvet-English-Vermillion, #C94242);
	display: none;
	font-size: 16px;
	line-height: 24px;
	padding-left: 30px;
}
.f_podbor__modal_form_wrap--error .f_podbor__modal_form__label_error{
	display: inline-flex;
}
.f_podbor__modal_form_wrap--error .f_podbor__modal_form__input{
	border-bottom: 1px solid var(--Samotsvet-English-Vermillion, #C94242);
}
.f_podbor__modal_form__input::placeholder{
	color: var(--Samotsvet-Spanish-Grey, #999);
}
.f_podbor__modal_form__textarea{
	background: none;
	outline: none;
	border-radius: var(--Samotsvet-medium-blocks, 15px);
	border: 1px solid var(--Samotsvet-Spanish-Grey-Light, #CCC);
	padding: 15px 54px 20px 15px;
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	width: 100%;
	height: 200px;
}
.f_podbor__modal_form__textarea::placeholder{
	color: var(--Samotsvet-Spanish-Grey, #999);
}
.f_podbor__modal_form__label{
	color: var(--Samotsvet-Spanish-Grey, #999);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.f_podbor__modal_form__label span{
	color: var(--Samotsvet-Maximum-Blue-Green, #68B8C2);
}
.f_podbor__modal__form_policy{
	margin-top: 15px;
	color: var(--Samotsvet-Spanish-Grey, #999);
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}
.f_podbor__modal__form_policy a{
	text-decoration: none;
	color: var(--Samotsvet-Maximum-Blue-Green, #68B8C2);
}
.f_podbor__modal_what-you-will-get{
	margin-top: 40px;
	display: flex;
	padding: 30px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: var(--Samotsvet-medium-blocks, 15px);
	background: linear-gradient(94deg, rgba(103, 184, 194, 0.70) 16.69%, rgba(223, 189, 105, 0.70) 99.63%);
}
.f_podbor__modal_what-you-will-get__title{
	color: var(--Samotsvet-White, #FFFEFE);
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	padding-left: 37px;
	position: relative;
}
.f_podbor__modal_what-you-will-get__title span{
	position: absolute;
	left: 0;
	top: 0;
}
.f_podbor__modal_what-you-will-get__text{
	margin-top: 15px;
	color: var(--Samotsvet-White, #FFFEFE);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.f_podbor__modal_bonus_block{
	margin-top: 40px;
}
.f_podbor__modal_bonus_title{
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	padding-left: 37px;
	position: relative;
}
.f_podbor__modal_bonus_title span{
	position: absolute;
	left: 0;
	top: 0;
}
.f_podbor__modal_bonus__items{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.f_podbor__modal_bonus__item{
	width: calc(50% - 15px);
	border-radius: var(--Samotsvet-medium-blocks, 15px);
	background: var(--Samotsvet-White, #FFFEFE);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: linear-gradient(114deg, #68B8C2 5.75%, #DFBD69 91.37%);
	border: 1px solid transparent;
}
.f_podbor__modal_bonus__item_in{
	border-radius: var(--Samotsvet-medium-blocks, 15px);
	background: var(--Samotsvet-White, #FFFEFE);
	display: flex;
	padding: 30px;
	flex-direction: column;
	align-items: flex-start;
}
.f_podbor__modal_bonus__item_title{
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding-left: 40px;
	position: relative;
}
.f_podbor__modal_bonus__item_title span{
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	width: 25px;
	height: 25px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	aspect-ratio: 1/1;
	border-radius: 1000px;
	background: var(--samotsvet-50, #D9EDF0);
}
.f_podbor__modal_bonus__item_text{
	margin-top: 16px;
	color: var(--Samotsvet-Charcoal, #424F60);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.f_podbor__alert{
	pointer-events: none;
	opacity: 0;
	display: flex;
	width: 480px;
	padding: 20px;
	justify-content: center;
	align-items: center;
	font-family: Montserrat;
	position: fixed;
	left: 74px;
	bottom: 40px;
	z-index: 100000;
	border-radius: 12px;
	background: var(--Samotsvet-Charcoal, #424F60);	
}
.f_podbor__alert.animate__animated{
	pointer-events: all;
}
.f_podbor__alert__icon{
	width: 30px;
	height: 30px;
	aspect-ratio: 1/1;
	margin-right: 15px;
	flex-shrink: 0;
	background-position: 50% 50%;
	background-size: 25px;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 27.5C21.9036 27.5 27.5 21.9036 27.5 15C27.5 8.09644 21.9036 2.5 15 2.5C8.09644 2.5 2.5 8.09644 2.5 15C2.5 21.9036 8.09644 27.5 15 27.5Z" stroke="%235BAB49" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 10.5L12.75 18.75L9 15" stroke="%235BAB49" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.f_podbor__alert__text{
	color: var(--Samotsvet-White, #FFFEFE);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.f_podbor__alert__close{
	cursor: pointer;
	display: flex;
	width: 35px;
	height: 35px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	aspect-ratio: 1/1;
	margin-left: 20px;
	border-radius: 2px;
	background-color: rgba(255, 254, 254, 0.10);
	background-position: 50% 50%;
	background-size: 25px;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.2071 5.29289C19.5976 5.68342 19.5976 6.31658 19.2071 6.70711L7.20711 18.7071C6.81658 19.0976 6.18342 19.0976 5.79289 18.7071C5.40237 18.3166 5.40237 17.6834 5.79289 17.2929L17.7929 5.29289C18.1834 4.90237 18.8166 4.90237 19.2071 5.29289Z" fill="%23FFFEFE"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79289 5.29289C6.18342 4.90237 6.81658 4.90237 7.20711 5.29289L19.2071 17.2929C19.5976 17.6834 19.5976 18.3166 19.2071 18.7071C18.8166 19.0976 18.1834 19.0976 17.7929 18.7071L5.79289 6.70711C5.40237 6.31658 5.40237 5.68342 5.79289 5.29289Z" fill="%23FFFEFE"/></svg>');
}
.f_podbor__alert__close:hover{
	background-color: rgba(255, 254, 254, 0.20);
}
.f_podbor__modal_form__textarea_clear{
	top: 0;
	right: 0;
	cursor: pointer;
	display: flex;
	position: absolute;
	width: 54px;
	height: 54px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	aspect-ratio: 1/1;
	background-position: 50% 50%;
	background-size: 24px;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289Z" fill="%23999999"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" fill="%23999999"/></svg>');
}
.f_podbor__modal_form__textarea:placeholder-shown + .f_podbor__modal_form__textarea_clear{
	display: none;
}
@media (max-width: 1199.98px){
	.f_podbor__block{
		width: calc(50% - 15px);
	}
	.f_podbor__block_in{
		padding: 30px 15px;
	}
	.f_podbor__title{
		font-size: 18px;
		line-height: 24px;
	}
	.f_podbor__text{
		margin-top: 15px;
		font-size: 14px;
		line-height: 22px;
	}
	.f_podbor__footer{
		flex-wrap: wrap;
		margin-top: 30px;
	}
	.f_podbor__more{
		width: 100%;
		margin-top: 10px;
		text-align: center;
		font-size: 15px;
		line-height: 20px;
	}
	.f_podbor__price{
		width: 100%;
		order: -1; 
		text-align: center;
		align-items: center;
	}
	.f_podbor__price_sum{
		font-size: 14px;
		line-height: 22px;
	}
	.f_podbor__price_text{
		font-size: 14px;
		line-height: 22px;
	}
}
@media (max-width: 767.98px){
	.f_podbor__block{
		width: 100%;
	}
	.f_podbor--free{
		order: 1;
		margin-top: 30px;
	}
	.f_podbor__modal{
			padding-top: 15px;
			height: 100%;
	}
	.f_podbor__modal_body{
		width: 100%;
		border-radius: 15px 15px 0px 0px; 
		padding: 55px 15px 20px 15px;
	}
	.f_podbor__modal_close{
		top: 0;
		right: 0;
		width: 55px;
		height: 55px;
		background-size: 25px;
		background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="25" height="25" rx="12.5" fill="%23F8F8F8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.6919 8.30806C16.936 8.55214 16.936 8.94786 16.6919 9.19194L9.19194 16.6919C8.94786 16.936 8.55214 16.936 8.30806 16.6919C8.06398 16.4479 8.06398 16.0521 8.30806 15.8081L15.8081 8.30806C16.0521 8.06398 16.4479 8.06398 16.6919 8.30806Z" fill="%23424F60"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.30806 8.30806C8.55214 8.06398 8.94786 8.06398 9.19194 8.30806L16.6919 15.8081C16.936 16.0521 16.936 16.4479 16.6919 16.6919C16.4479 16.936 16.0521 16.936 15.8081 16.6919L8.30806 9.19194C8.06398 8.94786 8.06398 8.55214 8.30806 8.30806Z" fill="%23424F60"/></svg>');
	}
	.f_podbor__modal_close:hover{
		background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="25" height="25" rx="12.5" fill="%23F8F8F8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.6919 8.30806C16.936 8.55214 16.936 8.94786 16.6919 9.19194L9.19194 16.6919C8.94786 16.936 8.55214 16.936 8.30806 16.6919C8.06398 16.4479 8.06398 16.0521 8.30806 15.8081L15.8081 8.30806C16.0521 8.06398 16.4479 8.06398 16.6919 8.30806Z" fill="%23424F60"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.30806 8.30806C8.55214 8.06398 8.94786 8.06398 9.19194 8.30806L16.6919 15.8081C16.936 16.0521 16.936 16.4479 16.6919 16.6919C16.4479 16.936 16.0521 16.936 15.8081 16.6919L8.30806 9.19194C8.06398 8.94786 8.06398 8.55214 8.30806 8.30806Z" fill="%23424F60"/></svg>');
	}
	.f_podbor__modal_back{
		left: 15px;
		top: 19px;
	}
	.f_podbor__modal_title{
		font-size: 18px;
		line-height: 24px;
	}
	.f_podbor__modal_how-it-work_wrap{
		margin-top: 30px;
		padding: 30px 15px;
	}
	.f_podbor__modal_how-it-work_li_text{
		font-size: 14px;
		line-height: 22px;
		padding-left: 10px;
	}
	.f_podbor__modal_what-you-will-get{
		padding: 15px 30px;
	}
	.f_podbor__modal_what-you-will-get__title{
		font-size: 18px;
		line-height: 24px;
	}
	.f_podbor__modal_what-you-will-get__text{
		font-size: 14px;
		line-height: 22px;
	}
	.f_podbor__modal_bonus__item{
		width: 100%;
	}
	.f_podbor__modal_bonus__item_in{
		padding: 30px 15px ;
	}
	.f_podbor__modal_bonus__item + .f_podbor__modal_bonus__item{
		margin-top: 30px;
	}
	.f_podbor__modal_bonus__item_title{
		font-size: 14px;
		line-height: 25px;
	}
	.f_podbor__modal_bonus__item_text{
		font-size: 14px;
		line-height: 22px;
		margin-top: 15px;
	}
	.f_podbor__modal_text_block{
		font-size: 14px;
		line-height: 22px;
	}
	.f_podbor__modal__btns{
		flex-wrap: wrap;
	}
	.f_podbor__modal__btn_price{
		width: 100%;
	}
	.f_podbor__modal__btn_sum{
		font-size: 14px;
		line-height: 22px;
	}
	.f_podbor__modal__btn_text{
		font-size: 14px;
		line-height: 22px;
	}
	.f_podbor__modal__btn_get{
		margin-top: 15px;
		width: 100%;
		position: sticky;
		bottom: 20px;
		height: 44px;
		font-size: 15px;
		line-height: 20px;
		margin-top: 15px;
	}
	.f_podbor__modal_more_block_in{
		padding: 30px 15px;
	}
	.f_podbor__modal_more_block__title{
		font-size: 18px;
		line-height: 24px;
	}__text{
		font-size: 14px;
		line-height: 22px;
	}
	.f_podbor__modal__btn_get{
		display: flex;
	}
	.f_podbor__modal__btns .f_podbor__modal__btn_get{
		display: none;
	}
	
	.animate__slideInRight {
		-webkit-animation-name: slideInUp;
		animation-name: slideInUp;
	}

	.animate__slideOutRight {
		-webkit-animation-name: slideOutDown;
		animation-name: slideOutDown;
	}
	.f_podbor__modal_form{
		margin-top: 30px;
	}
	.f_podbor__modal_form__label{
		font-size: 14px;
		line-height: 22px;
	}
	.f_podbor__modal_form__input{
    padding-top: 11px;
		font-size: 16px;
		line-height: 24px;
	}
	.f_podbor__modal_form__textarea{
		height: 162px;
		padding: 15px 35px 15px 15px;
	}
	.f_podbor__modal_form__label_error{
		font-size: 14px;
		line-height: 22px;
	}
	.f_podbor__modal_form__label_error{
		font-size: 14px;
		line-height: 22px;
		padding-left: 15px;
	}
	.f_podbor__alert{
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		width: calc(100% - 30px);
		top: 30px;
		left: 15px;
		bottom: unset;
		padding: 10px 15px;
	}
	.f_podbor__alert__icon{
		display: none;
	}
	.f_podbor__alert__text{
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
	}
	.f_podbor__alert__close{
		width: 25px;
    height: 25px;
		background-size: 15px;
	}
	.animate__fadeOutDown {
		-webkit-animation-name: fadeOutUp;
		animation-name: fadeOutUp;
	}
	.animate__fadeInUp {
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown;
	}
}