/* FORM STEP STYLE*/
.step {
    padding-top: 80px;
    padding-bottom: 120px;
    background: #fafafa;
    position: relative;
}

.container__form {
    max-width: 1400px;
    width: 100%;
    height: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.step__wrapper {
    max-width: 814px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.step__form {
    max-width: 814px;
    min-height: 498px;
    background: #FFF;
    -webkit-box-shadow: 0 0 10px 7px rgba(0,0,0,0.04);
    box-shadow: 0 0 10px 7px rgba(0,0,0,0.04);
    border-radius: 30px;
    padding: 64px 50px;
    position: relative;
    z-index: 2;
}

.step__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 34px;
}
.step__row.f-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.container__form select {
    text-transform: none;
}
.step__label {
    max-width: 322px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}
.step__label span {
    margin-bottom: 10px;
}
.mr-3 {
    margin-right: 40px;
}
.step__label-min {
    max-width: 211px;
}
.red {
    color: red;
}
.step__form .input{
    max-width: 211px;
    width: 100%;
    padding: 13px 15px;
    font-size: 16px;
    line-height: 19px;
    border: 1px solid #a8a5a5;
    border-radius: 15px;
}

.step__form .input__big {
    max-width: 322px;
}

.step__scale {
    max-width: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
    position: relative;
}
.step__scale::before {
    content: '';
    width: 99%;
    height: 4px;
    background-color: #A6A6A6;
    position: absolute;
    left: 1px;
}
.scale__block {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-weight: 900;
    font-size: 25px;
    line-height: 30px;
    background: #FFF;
    border-radius: 50px;
    border: 1px solid #A6A6A6;
    z-index: 1;
}
.scale__block.active {
    border: 1px solid #3278FF;
}
.scale__block span {
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
    color: #FFF;
    background: #A6A6A6;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.scale__block.active span {
    background: #3278FF;
}
.step__scale.active-1::after {
    width: 25%;
}
.step__scale.active-2::after {
    width: 50%;
}
.step__scale.active-3::after {
    width: 75%;
}
.step__scale.active-4::after {
    width: 100%;
}
.step__scale::after {
    content: '';
    height: 4px;
    background-color: #3278FF;
    position: absolute;
    left: 1px;
}
.step__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 47px;
}
.step__title {
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
}
.step__steptext {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    opacity: .5;
}

.container__form h3, .container__form h4, .container__form h5, .container__form h6 {
    margin: 0;
    padding: 0;
}

#termd .ui-slider-handle, #money .ui-slider-handle {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(#3278FF), color-stop(100.01%, #154299));
    background: -o-linear-gradient(top, #3278FF 0%, #154299 100.01%);
    background: linear-gradient(180deg, #3278FF 0%, #154299 100.01%);
    border: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0px 1px;
}

#termd .ui-widget-header, #money .ui-widget-header {
    background: -webkit-gradient(linear, left top, left bottom, from(#3278FF), color-stop(100.01%, #154299));
    background: -o-linear-gradient(top, #3278FF 0%, #154299 100.01%);
    background: linear-gradient(180deg, #3278FF 0%, #154299 100.01%);
    border-radius: 50px;
}

#termd.ui-slider.ui-widget-content, #money.ui-slider.ui-widget-content {
    height: 6px;
    border: none;
    background: #E3EAF2;
    border-radius: 50px;
    z-index: 1;
}

#termd .ui-slider-handle:focus, #money .ui-slider-handle:focus{background:-webkit-gradient(linear, left top, left bottom, from(#FBB03B), color-stop(100.01%, #9E6A17));background:-o-linear-gradient(top, #FBB03B 0%, #9E6A17 100.01%);background:linear-gradient(180deg, #FBB03B 0%, #9E6A17 100.01%)}


.step__line {
    padding-top: 34px;
    border-top: 1px solid rgba(23,23,23,0.3);
}
.sliders {
    position: relative;
    z-index: 1;
}
.sliders__text-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.sliders__text-left h3 {
    font-family: 'Montserrat', sans-serif;
    /*text-transform: uppercase;*/
    font-size: 16px;
	font-weight: 500;
    color: #171717;
}

.sliders__text-rigth .amount-edit {
    margin-top: 10px;
    border: 1px solid #a8a5a5;
    font-size: 16px;
    color: #171717;
    font-weight: 500;
    text-align: right;
    border-radius: 15px;
    padding: 13px 15px;
    background-color: transparent;
    max-width: 160px;
	font-family: 'Montserrat', sans-serif;
}

.sliders__text-botton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    opacity: .5;
	margin-top: 15px;
    /*margin-bottom: 40px;*/
}
.sliders__text-right {
    text-align: right;
}
.check {
    cursor: pointer;
    margin-bottom: 30px;
    display: block;
}
.check__input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.check__opacity {
    opacity: 0;
}
.check__box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.check__box::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 22px;
    background: url(../images/icons/check/check_no.svg) center center/contain no-repeat;
}
.check__box__error::before {
    border: 1px solid red;
}

.check__input:checked + .check__box::before {
    background: url(../images/icons/check/check.svg) center center/contain no-repeat;
}
.blue {
    color: #3278FF;
}
.step__botton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.step__info {
    font-size: 12px;
    line-height: 14px;
    opacity: .5;
}
.step__btn {
    margin: 0;
        margin-top: 0px;
    margin-top: 35px;
}
.btn {
    background: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 216px;
    height: 50px;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    color: #FEFEFE;
    position: relative;
    text-transform: uppercase;
    background: #3278FF;
    border-radius: 15px;
}
.btn:hover {
	color:#FFFFFF;
}
button {
    cursor: pointer;
}
input, button, textarea {
    font-family: "Montserrat",sans-serif;
}
.b-card{
    max-width:494px;
    width:100%;
    margin:0 auto;
    margin-top:100px;
    margin-bottom:60px;
    position:relative
}
.b-card__front,.f-block-sm > .f-has-feedback{
    background-color:#3278FF;
    width:374px;
    height:216px;
    border-radius:20px;
    position:relative;
    z-index:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:30px 20px
}
.b-card__iconbox{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.b-card__back{
    position:absolute;
    top:30px;
    left:120px;
    background-color:#FFF;
    border:3px solid #A6A6A6;
    width:374px;
    height:216px;
    border-radius:20px;
    z-index:1;
    padding:30px 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.b-card__back::after{
    content:'';
    position:absolute;
    right:0;
    top:40px;
    width:374px;
    height:57px;
    background-color:#A6A6A6
}
.card__label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    font-weight:500;
    font-size:12px;
    line-height:14px;
    color:#FFF;
    max-width:95px;
    width:100%
}
.card__label-gray{
    color:#A6A6A6
}
.card__label span{
    padding-bottom:5px
}
.card__label-min{
    width:148px
}
.card__label-big{
    max-width:334px;
    width:100%
}
.card__input,#f-card_number{
    font-weight:500;
    font-size:16px;
    line-height:19px;
    width:91px;
    border:none;
    padding:8px 20px;
    background:#FFF;
    border-radius:3px;
    text-align:center
}
.card__input-gray{
    background:#A6A6A6
}
.card__input-big,#f-card_number{
    width:100%
}
.card__row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0
}
.f-input-group-btn,.f-info,.f-icons,.f-wallet-pay-button{display:none;}

.popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(50,120,255,0.8);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all,.7s;
    transition:all,.7s;
    z-index:99;
    overflow:auto;
    cursor:pointer
}
.popup.open{
    opacity:1;
    visibility:visible;
	z-index: 9999;
}
.popup__body{
    cursor:default;
    position:relative;
    max-width:548px;
    min-height:420px;
    overflow:auto;
    background:#FFF;
    border-radius:10px;
    padding:30px 40px
}
.popup__title{
    text-align:center;
    font-weight:700;
    font-size:25px;
    line-height:30px;
    margin-bottom:15px
}
.popup__close{
    position:absolute;
    top:5px;
    right:8px;
    width:28px;
    height:28px;
    background:transparent;
    border:none;
    background:url(../images/icons/close.svg) center center/contain no-repeat;
    -webkit-transition:all,.7s;
    transition:all,.7s
}
.popup__close:hover{
    -webkit-transition:all,.7s;
    transition:all,.7s;
    background:url(../images/icons/close_fill.svg) center center/contain no-repeat
}
.popup__subtitle{
    max-width:365px;
    margin:0 auto;
    text-align:center;
    font-weight:400;
    font-size:16px;
    line-height:19px;
    margin-bottom:30px
}
.popup__text{
    font-weight:500;
    font-size:16px;
    line-height:19px;
    margin-bottom:15px
}
.popup__form-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start
}
.popup__form-input{
    max-width:224px;
    width:100%;
    height:45px;
    background:transparent;
    border:1px solid #3278FF;
    padding:12px;
    font-size:18px;
    line-height:21px;
    border-radius:3px
}
.popup__form-btn{
    height:45px
}
@media (max-width: 970px){
    .unsubscribe{
        padding-top:50px;
        padding-bottom:80px
    }
    .unsubscribe__text{
        font-weight:400;
        font-size:16px;
        line-height:18px;
        margin-bottom:50px
    }
    .unsubscribe__text p{
        padding:0;
        margin-bottom:15px
    }
    .popup__body{
        padding:20px 15px 15px 25px
    }
    .popup__title{
        text-align:center;
        font-weight:700;
        font-size:20px;
        line-height:30px;
        margin-bottom:10px
    }
    .popup__close{
        position:absolute;
        top:5px;
        right:8px;
        width:28px;
        height:28px;
        background:transparent;
        border:none;
        background:url(../images/icons/close.svg) center center/contain no-repeat;
        -webkit-transition:all,.7s;
        transition:all,.7s
    }
    .popup__close:hover{
        -webkit-transition:all,.7s;
        transition:all,.7s;
        background:url(../images/icons/close_fill.svg) center center/contain no-repeat
    }
    .popup__subtitle{
        max-width:365px;
        margin:0 auto;
        text-align:center;
        font-weight:400;
        font-size:14px;
        line-height:19px;
        margin-bottom:10px
    }
    .popup__text{
        font-weight:500;
        font-size:14px;
        line-height:19px;
        margin-bottom:15px
    }
    .popup__form-row{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:space-evenly;
        -ms-flex-pack:space-evenly;
        justify-content:space-evenly
    }
    .popup__form-input{
        max-width:224px;
        width:100%;
        height:45px;
        background:transparent;
        border:1px solid #3278FF;
        padding:12px;
        font-size:18px;
        line-height:21px;
        border-radius:3px;
        margin-bottom:30px
    }
    .popup__form-btn{
        height:45px
    }
}


@media(max-width: 750px) {
	.step__form {
		padding: 40px 30px;
	}
	.step .form__img{
        width:100%;
        max-width:488px;
        -o-object-fit:contain;
        object-fit:contain;
        position:relative;
        bottom:-120px;
        right:0;
        z-index:0
    }
	.step__row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-bottom: 25px;
	}
	.step__label {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.step__label span {
		margin-bottom: 10px;
	}
	.mr-3 {
		margin-right: 0;
	}
	.step__label-min {
		max-width: 100%;
	}
	.step__top {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 35px;
	}
	.step__title {
		font-size: 20px;
		line-height: 25px;
		margin-top: 20px !important;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		text-align: center;
	}
	.step__form .input {
		max-width: 100%;
		width: 100%;
		padding: 13px 15px;
		font-size: 16px;
		line-height: 19px;
		border: 1px solid #a8a5a5;
		border-radius: 15px;
	}
	.step__form .input__big {
		max-width: 100%;
	}
	.step__botton {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.step__info {
		font-size: 12px;
		line-height: 14px;
		opacity: .5;
	}
	.step__btn {
		margin: 0;
			margin-top: 0px;
		margin-top: 35px;
	}
	.step__box span{
        margin-right:10px
    }
	.btn {
		width: 190px;
		height: 45px;
		font-size: 12px;
		font-weight: 500;
		line-height: 19px;
	}
	.b-card{
        margin:0 auto;
        margin-top:30px;
        margin-bottom:30px
    }
    .b-card__front,.f-block-sm > .f-has-feedback{
        max-width:274px;
        width:100%;
        wax-height:216px;
        height:100%;
        padding:10px;
        margin:0 auto;
        margin-bottom:30px
    }
    .b-card__back{
        position:relative;
        top:0;
        left:0;
        max-width:274px;
        width:100%;
        max-height:216px;
        height:100%;
        min-height:171px;
        padding:10px;
        padding-top:80px;
        margin:0 auto
    }
    .b-card__back::after{
        width:100%;
        height:40px
    }
    .card__input,#f-card_number{
        font-weight:400;
        font-size:14px;
        width:91px;
        padding:3px 10px
    }
    .card__input-big,#f-card_number{
        width:100%;
        margin-bottom:10px
    }
}
@media(max-width: 500px) {
	.container__form {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
  
}
@media(max-width: 400px) {
 
}
html .f-tooltip{
    position:absolute;
    z-index:1070;
    display:block;
    font-style:normal;
    font-weight:400;
    letter-spacing:normal;
    line-break:auto;
    line-height:1.42857143;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    white-space:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    font-size:12px;
    opacity:0
}
html .f-tooltip.in{
    opacity:1
}
html .f-tooltip.top{
    margin-top:-3px;
    padding:6px 0
}
html .f-tooltip.right{
    margin-left:3px;
    padding:0 6px
}
html .f-tooltip.bottom{
    margin-top:3px;
    padding:6px 0
}
html .f-tooltip.left{
    margin-left:-3px;
    padding:0 6px
}
html .f-tooltip-inner{
    width:200px;
    color:var(--fondy-blue);
    background-color:hsl(var(--fondy-blue-h),var(--fondy-blue-s),calc(var(--fondy-blue-l)*.7));
    border-radius:4px;
    text-align:left;
    padding:7px 16px
}
html .f-tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}
html .f-tooltip.top .f-tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-6px;
    border-width:6px 6px 0;
    border-top-color:hsl(var(--fondy-blue-h),var(--fondy-blue-s),calc(var(--fondy-blue-l)*.7))
}
html .f-tooltip.right .f-tooltip-arrow{
    top:50%;
    left:0;
    margin-top:-6px;
    border-width:6px 6px 6px 0;
    border-right-color:hsl(var(--fondy-blue-h),var(--fondy-blue-s),calc(var(--fondy-blue-l)*.7))
}
html .f-tooltip.left .f-tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-6px;
    border-width:6px 0 6px 6px;
    border-left-color:hsl(var(--fondy-blue-h),var(--fondy-blue-s),calc(var(--fondy-blue-l)*.7))
}
html .f-tooltip.bottom .f-tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-6px;
    border-width:0 6px 6px;
    border-bottom-color:hsl(var(--fondy-blue-h),var(--fondy-blue-s),calc(var(--fondy-blue-l)*.7))
}
html .f-tooltip-error .f-tooltip-inner{
    background-color:#d6696d;
    border:1px solid #b05d60
}
html .f-tooltip-error .f-tooltip-arrow{
    width:12px;
    height:12px;
    background:#d6696d;
    transform:rotate(45deg);
    border:1px solid #b05d60
}
html .f-tooltip-error.f-tooltip.top .f-tooltip-arrow{
    border-width:0 1px 1px 0
}
html .f-tooltip-error.f-tooltip.right .f-tooltip-arrow{
    border-width:0 0 1px 1px
}
html .f-tooltip-error.f-tooltip.left .f-tooltip-arrow{
    border-width:1px 1px 0 0
}
html .f-tooltip-error.f-tooltip.bottom .f-tooltip-arrow{
    border-width:1px 0 0 1px
}
html .f-popover{
    position:absolute;
    top:0;
    left:0;
    z-index:1060;
    display:none;
    width:265px;
    padding:14px 25px;
    font-style:normal;
    font-weight:400;
    letter-spacing:normal;
    line-break:auto;
    line-height:1.42857143;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    white-space:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    font-size:14px;
    background-color:#fef8f8;
    background-clip:padding-box;
    border:1px solid #f5e6e4;
    border-radius:4px;
    box-shadow:0 4px 8px 0 hsla(var(--fondy-text-h),var(--fondy-text-s),var(--fondy-text-l),.1)
}