.application-page{
    position: relative;
}
.application-page__bg{
    background-image: url(/wp-content/themes/arp/src/images/application/application-bg.jpg);
    position: absolute;
    width: 100%;
    top: 525px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.step-list{
	position: relative;
}
.step-list:before{
	content: '';
    background-image: url(/wp-content/themes/arp/src/images/svg/step-list-line.svg);
    position: absolute;
    top: 41px;
    height: 2px;
    left: 10%;
    right: 10%;
    z-index: -1;
}
.step-list__icon {
    border: 1px solid #AEC1D6;
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
}
.active .step-list__icon {
    background: #AEC1D6;
}
.active .step-list__icon path{
	fill: #ffffff;
}
svg.ml-10 {
    margin-right: -10px;
}
.step-list__col + .step-list__col .active{
	position: relative;
}
.step-list__col + .step-list__col .active:before{
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	top: 41px;
	right: 50%;
	background:#AEC1D6;
	z-index: -1;
}
@media(max-width: 767px){
    .step-list__title {
        font-size: 16px;
        line-height: 20px;
    }
    .step-list__icon svg {
        width: 40px;
        height: 40px;
    }
    .step-list__icon {
        width: 60px;
        height: 60px;
    }
    .step-list:before, .step-list__col + .step-list__col .active:before{
        top: 30px;
    }
}
@media(max-width: 576px){
    .step-list__item {
        text-align: left;
        display: flex;
        align-items: center;
    }
    .step-list__icon {
        margin-bottom: 0;
        margin-right: 20px;
    }
    .step-list__col:not(:last-child) {
        margin-bottom: 20px;
    }
    .step-list:before {
        width: 2px;
        bottom: 30px;
        background: transparent;
        border-left: 2px dashed #aec1d6;
        height: auto;
        left: 30px;
    }
    .step-list__col + .step-list__col .active:before {
        width: 2px;
        height: 100%;
        left: 30px;
        top: -100%;
    }
}

.form__row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -15px;
}
.form__col {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
}
.col-40{
    -ms-flex: 0 0 40.7%;
    flex: 0 0 40.7%;
    max-width: 40.7%;
}
.col-29{
    -ms-flex: 0 0 29.65%;
    flex: 0 0 29.6%;
    max-width: 29.65%;
}
@media(max-width: 576px){
.col-40 {
    -ms-flex: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col-29{
    -ms-flex: 0 0 50%;
    flex: 0 050%;
    max-width: 50%;
}
}

.application {
    border-radius: 14px;
    /*padding-top: 100px;
    padding-bottom: 100px;*/
}
.application__step-top {
    display: flex;
    align-items: center;
    position: relative;
}
.application__step-title {
    font-weight: 500;
}
.application__add {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
}
.application__step-count {
    border: 1px solid #A4A6B4;
    color: #A4A6B4;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    letter-spacing: 0.01em;
    font-size: 24px;
    font-family: PT Sans;
    margin-right: 20px;
}
.application__step-middle, .application__step-bottom {
    display: none;
}
.active.application__step:not(.step-3) {
    margin-bottom: 50px;
}
.active .application__step-middle, .active .application__step-bottom {
    display: block;
}
.active .application__step-count{
    border-color: #15162F;
    color: #15162F;
}
.filled .application__add{
    visibility: visible;
}
.filled .application__step-count{
    background: #15162F;
    color: #FFFFFF;
}
.filled .application__step-top {
    padding-right: 30px;
}

.application__form-bottom, .application-info, .application-success{
    display: none;
}
.application__section {
    padding: 30px 30px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 14px;
}
.application__section:not(:last-child) {
    margin-bottom: 30px;
}
.application__input {
    border-color: #E5E5E5;
}
.application__form {
     max-width: 470px; 
    margin: 0 auto;
}
@media(max-width: 767px){
    .application__step-count {
        width: 35px;
        min-width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 18px;
        margin-right: 10px;
    }
    .application__step-title {
        font-weight: 500;
        font-size: 20px;
        line-height: 25px;
    }
    .application__section-title {
        font-size: 16px;
        line-height: 20px;
    }
}
@media(max-width: 576px){
    .application__section{
        padding: 20px;
    }
}


.application-info {
    padding: 50px 110px 50px 50px;
}
.application-info__back {
    color: #454969;
    line-height: 26px;
    font-size: 18px;
    padding-left: 24px;
    position: relative;    
}
.application-info__back:before{
    content: '';
    width: 24px;
    height: 26px;
    background-image: url(/wp-content/themes/arp/src/images/svg/arrow-back.svg);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.application-info__content {
    padding-left: 60px;
}
.application-info__price {
    text-transform: none;
    font-family: PT Sans;
    font-weight: bold;
}
@media(max-width: 768px){
    .application-info__back {
        line-height: 20px;
        font-size: 16px;
    }
    .application-info__content {
        padding-left: 30px;
    }
}
@media(max-width: 480px){
    .application-info {
        padding: 30px 20px;
    }
}


.application-success {
    padding: 50px 110px;
}
.application-success__descr small {
    font-size: 14px;
    line-height: 18px;
    color: #15162F;
}
@media(max-width: 480px){    
    .application-success {
        padding: 30px 20px;
    }
}

.warning~.error {
    visibility: visible;
}


.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    padding: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}
.tooltipster-sidetip .tooltipster-box {
    background: #454969;
    border-radius: 7px;
    border: none;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #454969;
    border-radius: 7px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #454969;
}


.selectize-control {
    padding: 0;
    border: none;
}
.selectize-control .selectize-input {
    padding: 10px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
}
.selectize-control.single .selectize-input:after {
    content: '';
    background-image: url(/wp-content/themes/arp/src/images/svg/arrow-select.svg);
    width: 34px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 0px;
    pointer-events: none;
    border: none;
    background-repeat: no-repeat;
    background-color: #fff;
}
.selectize-control.single .selectize-input.locked:after{
    background-color: #fafafa;
}
.selectize-dropdown {
    height: auto;
    padding: 0;
}
.selectize-dropdown-content {
    max-height: 150px;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}
.selectize-control .selectize-input.disabled {
    opacity: 1;
    background-color: #fafafa;
}
@media(max-width: 576px){
    .selectize-control .selectize-input {
        padding: 10px 15px;
    }
}



/*form styles*/
.application__form #multi-step-form .fw-step-part {
    padding: 30px 30px 20px;
    border: 1px solid #E5E5E5!important;
    border-radius: 14px;
    background: transparent;
}
.application__form #multi-step-form .fw-step-part>div {
    margin: 0;
}
.application__form #multi-step-form h2.fw-step-part-title {
    font-family: 'Raleway', Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #15162F;
    margin: 0 0 20px 0!important;
}
.application__form #multi-step-form .fw-step-block {
    margin-bottom: 30px;
}
.application__form #multi-step-form .fw-wizard-step-container h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #15162F;
    display: block;
    margin: 0 0 2px;
    font-family: 'Raleway',Arial, sans-serif;
}
#page #multi-step-form .fw-text-input, #multi-step-form .fw-text-input[type="text"], 
#page #multi-step-form .fw-textarea, #multi-step-form input.msfp-registration-input {
    border: 1px solid #A4A6B4;
    border-radius: 7px;
    height: 48px;
    padding: 0 20px;
    color: #343538;
    font-size: 16px;
    line-height: 21px;
    color: #A4A6B4;
    font-family: 'PT Sans',Arial, sans-serif;
}
#multi-step-form .fa.form-control-feedback{
    display: none;
}


/*Forminator*/
.forminator-ui {
    display: flex;
    flex-direction: column;
}
.forminator-step-label{
    text-align: left;
}
.forminator-pagination~.forminator-pagination-steps {
    order: 2;
}

.forminator-pagination--content>.forminator-row {
    padding: 30px 30px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 14px;
}
.forminator-title {
    font-family: 'Raleway', Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #15162F;
    margin: 0 0 20px;
}
.forminator-label {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #15162F;
    display: block;
    margin: 0 0 2px;
    font-family: 'Raleway',Arial, sans-serif;
}
.forminator-input, .forminator-textarea, .forminator-select--field {
    width: 100%;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
    height: 48px;
    padding: 0 20px;
    color: #343538;
    font-size: 16px;
    line-height: 21px;
    color: #A4A6B4;
    font-family: 'PT Sans',Arial, sans-serif;
}
.forminator-textarea{
    resize: vertical;
}
.forminator-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all linear 200ms;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    background-color: transparent;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #F58E6F;
    text-align: center;
    padding: 12px 30px;
    border: 2px solid #F58E6F;
    border-radius: 8px;
    color: #F58E6F;
}
.forminator-button-next{
    background-color: #F58E6F;
    border-color: #F58E6F;
    color: #ffffff;
}
.forminator-button-back {
    margin-right: 30px;
}

.forminator-col[id*="address"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.forminator-col[id*="address"]  .forminator-row {
    width: 47%;
}
.forminator-col[id*="address"]  .forminator-row:first-child{
    width: 100%;
}
.forminator-pagination-footer {
    margin-top: 50px;
    justify-content: center!important;
    order: 1;
}
.forminator-has_error .forminator-input{
    background-image: url(/wp-content/themes/arp/src/images/svg/error.svg);
    background-repeat: no-repeat;
    background-position: top 12px right 10px;
    border-color: #ED5C5E;
}
.forminator-has_error .forminator-select--field{
    border-color: #ED5C5E;
}
.forminator-error-message{
    font-size: 13px;
    line-height: 17px;
    color: #ED5C5E;
    font-family: 'PT Sans',Arial, sans-serif;
}
.forminator-step {
    font-family: 'Raleway', Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #15162F;
    margin: 0;
    background: transparent;
    border: none;
    padding: 0 35px 0 0;
    display: flex;    
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.forminator-step-dot{
    border: 1px solid #A4A6B4;    
    width: 50px;
    flex: 0 0 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    letter-spacing: 0.01em;
    font-size: 24px;
    font-family: PT Sans;
    margin-right: 20px;
    background: #15162F;
    color: #FFFFFF;
}
.forminator-step .application__add{
    visibility: visible;
}
.forminator-current .application__add, .forminator-current ~ .forminator-step .application__add{
    visibility: hidden;
}
.forminator-current .forminator-step-dot {
    border-color: #15162F;
    background: transparent;
    color: #15162F;
}
.forminator-current ~ .forminator-step .forminator-step-dot{
    background: transparent;
    color: #A4A6B4;
}


.forminator-step-0 .forminator-step-dot:before{
    content: '1';
}
.forminator-step-1 .forminator-step-dot:before{
    content: '2';
}
.forminator-step-2 .forminator-step-dot:before{
    content: '3';
}
.forminator-step-3 .forminator-step-dot:before{
    content: '4';
}
.forminator-step-4 .forminator-step-dot:before{
    content: '5';
}
.forminator-step-5 .forminator-step-dot:before{
    content: '6';
}
.forminator-step-6 .forminator-step-dot:before{
    content: '7';
}
.forminator-step-7 .forminator-step-dot:before{
    content: '8';
}
.forminator-step-8 .forminator-step-dot:before{
    content: '9';
}
.forminator-step-9 .forminator-step-dot:before{
    content: '10';
}


.first .forminator-current ~ .forminator-step {
    display: none;
}
.second{
    margin-top: 30px;
}
.second .forminator-step {
    display: none;
}
.second .forminator-current ~ .forminator-step{
    display: flex;
}
.forminator-pagination-steps {
    position: relative;
}

.forminator-pagination-steps .forminator-step:last-of-type {
    display: none;
}

@media (max-width: 767px){
    .forminator-step-dot {
        width: 35px;
        flex: 0 0 35px;
        min-width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 18px;
        margin-right: 10px;
    }
    .forminator-step-label {
        font-size: 20px;
        line-height: 25px;
    }
}
@media (max-width: 576px){
    .forminator-pagination--content>.forminator-row {
        padding: 20px;
    }
    .forminator-step-label {
        font-size: 18px;
        line-height: 20px;
    }
    .forminator-input {
        padding: 0 15px;
        font-size: 14px;
        line-height: 18px;
    }
}
.forminator-response-message.forminator-success.forminator-show {
    border: 1px solid green;
    margin-bottom: 20px;
    padding: 20px 20px 0;
}





/*datepicker*/


.ui-datepicker-header {
    display: block;
    position: relative;
    z-index: 1;
    padding: 10px
}

.ui-datepicker-header .ui-corner-all {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 11px;
    border-radius: 0;
    background-color: transparent;
    font-size: 14px;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.ui-datepicker-header .ui-corner-all,.ui-datepicker-header .ui-corner-all:active,
.ui-datepicker-header .ui-corner-all:focus,.ui-datepicker-header .ui-corner-all:hover {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

.ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
    right: unset;
    left: 10px
}

.ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before {
    content: "❮"
}

.ui-datepicker-header .ui-corner-all.ui-datepicker-next {
    right: 10px;
    left: unset
}

.ui-datepicker-header .ui-corner-all.ui-datepicker-next:before {
    content: "❯"
}