/** pas1 **/
.pas1{
    position: relative;
    background: #ffffff;
    padding: 2.440833333333333VW 0 0 0;
    /* min-height: 48.69791666666667VW;  */
}
.pas1 h1{
    position: relative;
    z-index: 3;
	font-weight: normal;
    font-size: calc( 20px + ( 40 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 24px + ( 50 - 24 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin: 0 auto 1.3020833333333335VW auto;
    max-width: 79.614583VW;
}
.pas1 h2{
    font-weight: normal;
    position: relative;
    z-index: 3;
    font-size: calc( 18px + ( 28 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 24px + ( 34 - 24 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #d62193;
    margin-bottom: 2.520833333333333VW;
}
.pas1 h2 span{
    color: #d62193;
}
/** pas1 **/
/** steps **/
.steps{
    position: relative;
    padding: 1.223423vw 0;
}
.steps-hold{
    position: relative;
    /* height: 39.234234vw;*/
    min-height: 27.734234vw; 
    transition: 0.3s ease all;
}
.steps-hold.auto-height{
    height: auto;
    transition: 0.3s ease all;
}
.stp{
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.stp.reveal{
    position: relative;
    pointer-events: all;
    opacity: 1;
    visibility: visible;
}
.step1{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: red;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.step2{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    color: red;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.step3{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    color: red;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.stepnot_in_area{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: red;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.stepnot_in_area_success {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: red;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.stepphone_number_success {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: red;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.step4{
    position: absolute;
    z-index:0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: red;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.stepphone_number{
    position: absolute;
    z-index:0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: red;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.stepfinal{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: red;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.backstep{
    display: none;
    position: absolute;
    font-weight: bold;
    top: -3.234vw;
    left: 0;
    width: auto;
    height: auto;
    color: #d62193;
    cursor: pointer;
}
.hidden-back{
    opacity: 0;
    visibility: hidden;
}
.inactiveBtn{    
    display: inline-block;
    height: auto;
    /* background: #5265d2; */
    color: #ffffff;
    text-transform: uppercase;
    border: 2px solid transparent;
    border-radius: 40px;
    outline: none;
    border: none;
    padding: 1.175VW 2.275VW;
    font-weight: bold;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    cursor: pointer;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    cursor: default;
}
.button-is-hidden{
    display: none;
}
.general-btn.inactiveBtn:hover, .general-btn.inactiveBtn:active, .general-btn.inactiveBtn:focus{
    text-decoration: none;
    color: #000;
    font-weight: bold;
    cursor: default;
}
.nextstep{
    display: none;
    position: absolute;
    font-weight: bold;
    top: -3.234vw;
    right: 0;
    width: auto;
    height: auto;
    color: #d62193;
    cursor: pointer;
}
.stp h2{
    text-align: center;
    font-size: calc( 20px + ( 40 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 24px + ( 50 - 24 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #000000;
}
.flex-client{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 3.5625VW;
    margin-left: -1.5625VW;
    margin-right: -1.5625VW;
}
.choose-box{
    position: relative;
    width: 40%;
    height: 12.625VW;
    padding: 0 1.5625VW;
}
.choose-box p{
    text-transform: uppercase;
    color: #d62193;
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.flex-client h3{
    text-align: center;
    width: 20%;
    font-weight: bold;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height:calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #d62193;
}
.choose-box input[type='radio'], .choose-element{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #d62193;
    border-radius: 2.083333333333333VW;
    cursor: pointer;
    pointer-events: all;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}   
.choose-element{
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease border-color;
}
.choose-element::after{
    content: '';
    position: absolute;
    bottom: -1.3658vw;
    left: 0;
    width: 100%;
    height: 0.6342vw;
    background: #d62193;
    transition: 0.3s ease all;
}
.choose-box input[type='radio']:checked + .choose-element{
    border-color: #d62193;
    transition: 2.3s ease border-color;
}
.choose-box input[type='radio']:checked + .choose-element + p{
    color: #d62193;
    transition: 2.3s ease color;
}
.choose-box input[type='radio']:checked + .choose-element::after{
    bottom: 0;
    transition: 2.3s ease all;
}
.client-type-img{
    display: block;
    margin: 0.834vw auto 1.234vw auto;
    width: 15.416667VW;
    height: 10.8125VW;
}
.client-type-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.choose-element p{
    text-align: center;
    position: relative;
    transition: 0.3s ease color;
}
.constrain-width{
    margin: 0 auto;
    width: 42.4565vw;
}
.area-holder{
    position: relative;
    max-width: 42.4565vw;
    margin: 3.5625VW auto 0 auto;
}
.area-holder.large-area{
    max-width: 80%;
}
.stepnot_in_area .area-holder.large-area{
    max-width: 62%;
    margin-top: 11.234vw;
}
.constrain-width.large-area{
    width: 85%;
}
.constrain-width.larger-constrain{
    width: 58.237vw;
}
.constrain-width.larger-constrain{
    width: 72.237vw;
}
.area-holder input[type='text'] {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    padding: 1.3020833333333335VW 12.602083VW 1.3020833333333335VW 2.083333333333333VW;
    border: 2px solid #d62193;
    background: #ffffff;
    color: #9b9b9b;
    outline: none;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    border-radius: 40px;
}
.area-holder input[type='text']#follow_up_mail{
    width: 75%;
    margin: 0 auto;
}
.area-holder label{
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 1.3020833333333335VW 12.602083VW 1.3020833333333335VW 2.083333333333333VW;
    border: 2px solid #d62193;
    background: #ffffff;
    color: #9b9b9b;
    outline: none;
    cursor: pointer;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    border-radius: 40px;
}
.area-holder input[type='file']{
    position: absolute;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
}
.area-holder input[type='submit'] {
    position: absolute;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 100%;
    background: #d62193;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 40px;
    outline: none;
    border: none;
    padding: 0 1.875VW;
    font-weight: bold;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    cursor: pointer;
}
.area-holder input[type='submit']:hover,
.area-holder input[type='submit']:active,
.area-holder input[type='submit']:focus,
.area-holder input[type='submit']#follow_up_lead_btn:hover, .area-holder input[type='submit']#send_phone_nr:hover,
.area-holder input[type='submit']#follow_up_lead_btn:focus, .area-holder input[type='submit']#send_phone_nr:focus, 
.area-holder input[type='submit']#follow_up_lead_btn:active, .area-holder input[type='submit']#send_phone_nr:active{
    background-color: #d62193;
    transition: 0.3s ease background-color;
}
.area-holder input[type='submit']#follow_up_lead_btn, .area-holder input[type='submit']#send_phone_nr{
    position: relative;
    z-index: 4;
    top: auto; 
    transform: translateY(0%); 
    right: auto; 
    height: auto;
    background: #d62193;
    /* background: rgb(64,121,239);
	background: linear-gradient(120deg, rgba(64,121,239,1) 0%, rgba(232,24,127,1) 100%); */
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 40px;
    outline: none;
    border: none;
    padding: 1.475VW 1.875VW;
    font-weight: bold;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    cursor: pointer;
    margin-top: 2.234vw;
    margin: 2.234vw auto 0 auto;
    display: block;
}
.step2 p{
    text-align: center;
    color: #d62193;
    margin: 2.234vw 0;
}
.maphold {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 17.875VW;
    max-width: 64.343vw;
    margin: 0 auto;
    background: #d62193;
    /* background: linear-gradient(to bottom, #ee1e60, #7704cf);
    border-radius: 1.683333333333333VW; */
    padding: 4px;
}
#map1, #map2 {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 28px;
}
.escape-map-overflow{
    position: relative;
}
.escape-map-overflow::after {
    content: '';
    position: absolute;
    bottom: calc(0.25VW + -3.314583333333333VW);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 6.614583333333333VW;
    height: 6.614583333333333VW;
    background: url(../img/large-pin.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.column-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.3020833333333335VW;
    margin-right: -1.3020833333333335VW;
    margin-bottom: 2.6020833333333335VW;
    margin-top: 3.5625VW;
}
.answer-column{
    width: 48.333%;
    padding: 0 1.3020833333333335VW;
}
.input-parent{
    margin-bottom: 1.42423vw;
}
.answer-column fieldset{
    border: 2px solid #d62193;
    border-radius: 2.083333333333333VW;
    padding: 1.2342vw 1.2342vw;
    min-height: 16.345vw;
    height: 100%;
}
.answer-column fieldset p{
    color: #d62193;
    margin-bottom: 1.42423vw;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.step3 h3{
    font-weight: normal;
    font-size: calc( 20px + ( 40 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 20px + ( 40 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    position: relative;
    color: #d62193;
    margin-top: 1.520833VW;
    text-align: center;
}
.step4 p{
    text-align: center;
    color: #d62193;
    margin-top: 2.42423vw;
    margin-bottom: 2.42423vw;
    font-size: calc( 12px + ( 16 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 16 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.step4 p.discl{
    color: #000000;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-top: 0;
    margin-bottom: 0;
}
#upload-feedback{
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    left: -2.3375VW;
    width: 1.3375VW;
    height: 1.3375VW;
    border-radius: 40px;
    margin: 0 0;
    opacity: 0;
    z-index: 99;
    visibility: hidden;
    pointer-events: none;
    border: 2px solid #d62193;
    background: transparent;
    transition: 0.3s ease all;
}
#upload-feedback.upl-valid{
    border: 2px solid green;
    background: green;
    transition: 0.3s ease all;
}
#upload-feedback.upl-invalid{
    border: 2px solid #d62193;
    background: #f31566;
    transition: 0.3s ease all;
}
#upload-feedback.upl-valid::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 1.114vw;
    height: 0.6324vw;
    margin: 0 auto;
    background: url(../img/checked.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
#upload-feedback.upl-invalid::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 0.714vw;
    height: 0.714vw;
    margin: 0 auto;
    background: url(../img/close.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.panel_success, .panel_error{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 2px solid #d62193;
    padding: 3.24234vw 5.24234vw;
    border-radius: 2.083333333333333VW;
    opacity: 0;
    visibility: hidden;
    text-align: center;
}
.panel_success{
    opacity: 1;
    visibility: visible;
}
.escape-success-overflow{
    position: relative;
    overflow: hidden;
}
.success1{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    left: -8.234vw;
    width: 13.697917VW;
    height: 13.072917VW;
}
.success2{
    content: '';
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    right: -8.234vw;
    width: 12.270833VW;
    height: 11.5625VW;
}
.success1 img, .success2 img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.panel_success p, .panel_error p{
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #31333a;
    margin-bottom: 0.9342vw;
}
.panel_success p span, .panel_error p span{
    color: #d62193;
}
.panel_success p:last-of-type, .panel_error p:last-of-type{
    margin-bottom: 2.243223vw;
}
.panel_success p strong, .panel_error p strong{
    font-weight: bold;
}
.phone_send p{
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #d62193;
    margin-bottom: 0.9342vw;
}
.step-btn-hold{
    text-align: center;
    margin: 5.2342vw 0 0 0;
}
.step-btn-hold.large-m{
    margin: 4.2342vw 0 2.2342vw 0;
}
.zIndex-1{
    z-index: 1;
}
.zIndex-2{
    z-index: 2;
}
.zIndex-3{
    z-index: 3;
}
.zIndex-4{
    z-index: 4;
}
.zIndex-5{
    z-index: 5;
}
.zIndex-6{
    z-index: 6;
}
.zIndex-7{
    z-index: 7;
}
.zIndex-8{
    z-index: 8;
}
/** steps **/
.area-holder.area-holder-a1 .ui-widget.ui-widget-content,
.area-holder.area-holder-a2 .ui-widget.ui-widget-content{
    border: 1px solid transparent !important;
    padding-top: 35px;
    z-index: 1;
    top: 27px;
    background: #f5f6ff;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.ui-menu-item-wrapper{
    border: 1px solid transparent;
    transition: 0.2s ease all;
}
.area-holder.area-holder-a1 .ui-menu-item-wrapper:hover, .area-holder.area-holder-a1 .ui-menu-item-wrapper:active, .area-holder.area-holder-a1 .ui-menu-item-wrapper:focus,
.area-holder.area-holder-a2 .ui-menu-item-wrapper:hover, .area-holder.area-holder-a2 .ui-menu-item-wrapper:active, .area-holder.area-holder-a2 .ui-menu-item-wrapper:focus{
    background: #d62193;
    color: #ffffff;
    border: 1px solid transparent;
    transition: 0.2s ease all;
}
.progress-bar{
    position: absolute;
    bottom: -0.96vw;
    left: 0;
    right: 0;
    width: 92%;
    margin: 0 auto;
    height: 8px;
    border-radius: 10px;
    overflow: hidden;
    border: none;
    box-shadow: 2px 2px 4px #3c3236;
    background-color: #ffffff;
    opacity: 0;
    visibility: hidden;
}
.fake-progress{
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(-120%, -50%);
    left: 0;
    width: 20%;
    height: 100%;
    background: #ee1e60;
    /* transition: 9.3s ease all; */
}
/* .fake-progress.animate-progress{
    width: 102%;
    transition: 9.3s ease all;
} */
.no_area_img{
    position: relative;
}
.no_area_img::after{
    content:'';
    position: absolute;
    bottom: 10.234vw;
    right: 11.234vw;
    width: 10.2342vw;
    height: 16.2342vw;
    background: url('../img/anto-not-in-area.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
#step-2-api-check{
    display: none;
}
.stploader{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.3242vw;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.stploader img{
    display: block;
    width: 100%;
}
#quit_process{
    position: relative;
    z-index: 4;
    top: auto;
    transform: translateY(0%);
    right: auto;
    height: auto;
    background: #f31566;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 40px;
    outline: none;
    border: none;
    padding: 1.475VW 1.875VW;
    font-weight: bold;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    cursor: pointer;
    margin: 2.234vw auto 0 auto;
    display: block;
}
.escape-the-escape-overflow{
    position: relative;
}
#price_message{
    position: relative;
}
#price_message::after{
    content: '';
    position: absolute;
    top: 18%;
    left: -1.223vw;
    width: 2.234vw;
    height: 66%;
    background: #ffffff;
}
#price_message::before{
    content: '';
    position: absolute;
    top: 20%;
    right: -1.223vw;
    width: 2.234vw;
    height: 59%;
    background: #ffffff;
}
#price_message h4{
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #d62193;
    margin-bottom: 0.9342vw;
}
#price_message.panel_success{
    padding: 1.24234vw 3.24234vw 1.24234vw 3.24234vw;
}
#price_message.panel_success p{
    margin-bottom: 0.6342vw;
}
#price_message.panel_success p.sitecolor{
    color:#d62193;
}
#price_message.panel_success p.no-bottom-padding{
    margin-bottom: 0;
}
#price_message.panel_success ul li{
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #31333a;
}
#price_message.panel_success ul li span{
    color:#d62193;
}
.success-lord{
    position: absolute;
    bottom: -3.766vw;
    left: 9.234vw;
    width: 12.23423vw;
    height: 12.123123vw;
}
.success-anto{
    position: absolute;
    bottom: -2.766vw;
    right: 5.234vw;
    width: 15.23423vw;
    height: 10.123123vw;
}
.success-lord img, .success-anto img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.margin-top-button{
    margin-top: 4.534vw;
}
@media screen and (max-width:1490px){
    .maphold{
        border-radius: 2.283333333333333VW;
    }
}
@media screen and (max-width:1380px){
    .maphold{
        border-radius: 2.383333333333333VW;
    }
    .answer-column fieldset{
        min-height: 17.845vw;
    }
}
@media screen and (max-width:1024px){
    .pas1 h1{
        font-size: 20px;
        line-height: 26px;
        margin: 0 auto 20px auto;
        max-width: 79.614583VW;
    }
    .pas1 h2{
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    .stp h2{
        font-size: 24px;
        line-height: 24px;
    }
    .step-btn-hold {
        text-align: center;
        margin: 5.2342vw 0 0 0;
    }
    .maphold{
        height: 19.875VW;
        max-width: 69.343vw;
        border-radius: 31px;
    }
    .steps-hold{
        min-height: 45.734234vw;
    }
    .step3 .constrain-width {
        margin: 0 auto;
        width: 50.4565vw;
    }
    .constrain-width.large-area {
        width: 100%;
    }
    .style1 input[type='checkbox'], .fake-check, .style1 input[type='radio'], .fake-check{
        top: 3px;
    }
    .step4 .constrain-width {
        margin: 0 auto;
        width: 61.4565vw;
    }
    #upload-feedback{
        left: -3.3375VW;
        width: 2.3375VW;
        height: 2.3375VW;
    }
    #upload-feedback.upl-valid::after{
        width: 1.514vw;
        height: 0.9324vw;
    }
}
@media screen and (max-width:990px){
    .steps-hold{
        min-height: 30.734234vw;
    }
    .area-holder {
        max-width: 50.4565vw;
    }
    .step3 .constrain-width {
        margin: 0 auto;
        width: 65.4565vw;
    }
    .choose-box{
        height: 15.625VW;
    }
    .answer-column fieldset{
        padding: 10px 10px;
        min-height: 20.345vw;
    }
    .column-flex{
        margin-left: -6px;
        margin-right: -6px;
        margin-bottom: 12px;
    }
    .answer-column{
        padding: 0 6px;
        margin-bottom: 25px;
    }
    .style1.checkbox-element label, .style1.radio-element label{
        font-size: 18px;
        line-height: 20px;
    }
    .style1 input[type='checkbox'], .fake-check, .style1 input[type='radio'], .fake-check{
        top: 1px;
    }
    .area-holder.large-area {
        max-width: 100%;
    }
    .answer-column{
        width: 100%;
    }
    .constrain-width{
        width: 60.4565vw;
    }
    .step-btn-hold {
        text-align: center;
        margin: 7.2342vw 0 0 0;
    }
}
@media screen and (max-width:540px){
    .pas1{
        padding: 25px 0 0 0;
    }
    .steps {
        padding: 10px 0;
    }
    .nextstep, .backstep{
        top: -50px;
        font-size: 18px;
        line-height: 18px;
    }
    .stp h2{
        margin-bottom: 30px;
    }
    .stp.step3 h2,
    .stp.step4 h2,
    .stp.step5 h2{
        margin-bottom: 16px;
    }
    .area-holder{
        max-width: 100%;
    }
    .area-holder input[type='text']{
        padding: 11px 12px 11px 12px;
        font-size: 16px;
        line-height: 16px;
        border-radius: 20px;
    }
    .area-holder input[type='text']#phone_api{
        padding: 8px 12px 11px 12px;
    }
    .area-holder input[type='text']::placeholder{
        line-height: 16px;
        font-size: 16px;
    }
    .area-holder input[type='submit']{
        padding: 0 20px;
        font-size: 14px;
        line-height: 14px;
    }
    .step2 p, .step3 p {
        text-align: left;
        color: #5265d2;
        margin: 10px 0;
    }
    .step2 p.more_kw{
        text-align: center;
    }
    .maphold {
        height: 270px;
        max-width: 100%;
        border-radius: 31px;
    }
    .step2, .step3 {
        height: auto;
    }
    .escape-map-overflow::after{
        bottom: -27px;
        width: 60px;
        height: 60px;
    }
    .step-btn-hold.large-m {
        margin: 50px 0 0px 0;
    }
    .step3 .constrain-width{
		width: 88%;
	}
	.flex-client {
		margin-top: 20px;
		margin-left: 0;
		margin-right: 0;
	}
	.flex-client h3{
		width: 15%;
		font-size: 14px;
		line-height: 14px;
	}
	.choose-box {
		height: 24.625VW;
		width: 45%;
		padding: 0 0;
	}
    .step-btn-hold {
        text-align: center;
        margin: 30px 0 0 0;
    }
    .step1 .step-btn-hold {
        text-align: center;
        margin: 65px 0 0 0;
    }
    .column-flex {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 12px;
        display: block;
    }
    .answer-column {
        padding: 0 0;
        margin-bottom: 20px;
    }
    .answer-column fieldset {
        min-height: auto;
    }
    .answer-column fieldset p {
        margin-bottom: 12px;
    }
    .input-element.checkbox-element, .input-element.radio-element {
        margin-top: 25px;
        margin-left: 3px;
    }
    .step4 .constrain-width{
        width: 100%;
    }
    .constrain-width{
        width: 100%;
    }
    .client-type-img {
        display: block;
        margin: 3px auto 0px auto;
        width: 34.416667VW;
        height: 21.8125VW;
    }
    .area-holder label{
        padding: 8px 134px 8px 12px;
        font-size: 16px;
        line-height: 16px;
        border-radius: 20px;
    }
    .step4 p {
        margin-top: 24px;
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 14px;
    }
    .step4 p.discl {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .constrain-width.larger-constrain {
        width: 88%;
    }
    .stepfinal.constrain-width.larger-constrain{
        width: 100%;
    }
    .constrain-width.larger-constrain.escape-the-escape-overflow{
        width: 100%;
    }
    .success1, .success2{
        display: none;
    }
    .success-lord{
        bottom: -4.766vw;
        left: 0.234vw;
        width: 18.23423vw;
        height: 18.123123vw;
    }
    .success-anto{
        bottom: -3.766vw;
        right: 1.234vw;
        width: 18.23423vw;
        height: 14.123123vw;
    }
    .panel_success, .panel_error {
        padding: 10px 10px;
        border-radius: 10px;
    }
    .panel_success:before, .panel_success:after{
        display: none;
    }
    .panel_success p, .panel_error p {
        font-size: 16px;
        line-height: 20px;
        color: #5265d2;
        margin-bottom: 12px;
    }
    .final{
        top: -40px;
    }
    .choose-element p{
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.6px;
    }
    .loader-hold.btn-loader{
        right: 28px;
        width: 31px;
    }
    #upload-feedback.upl-invalid::after{
        width: 12px;
        height: 12px;
    }
    .progress-bar{
        bottom: -18px;
        height: 8px;
    }
    .step3 .constrain-width{
        width: 100%;
    }
    .card-element h4{
        overflow: hidden;
        border: none;
        background: transparent;
        font-weight: bold;
        font-size: 20px;
        line-height: 20px;
        position: relative;
        color: #5265d2;
        text-align: center;
        margin-bottom: 20px;
    }
    /* .step3 h4{
        text-align: left;
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0;
    } */
    .step3 h3, .step4 h3, .step5 h3{
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        font-weight: normal;
        margin-bottom: 25px;
        color: #5265d2;
    }
    .card-element{
        padding: 10px 12px 12px 12px;
        border: 2px solid #5265d2;
        border-radius: 2.083333333333333VW;
        margin-bottom: 15px;
    }
    
    .style1 input[type='checkbox'], .fake-check, .style1 input[type='radio'], .fake-check{
        width: 20px;
        height: 20px;
    }
    .style1 input[type='checkbox']:checked + .fake-check::after, .style1 input[type='radio']:checked + .fake-check::after{
        width: 16px;
        height: 8px;
    }
    .stploader{
        width: 80px;
    }
    /* .stp.stepfinal{
        min-height: 220px;
    } */
    #ui-id-1 .ui-menu-item-wrapper {
        padding: 6px 25px 6px 9px;
    }
    .stepnot_in_area .area-holder.large-area {
        max-width: 100%;
        margin-top: 8.234vw;
    }
    .area-holder input[type='text']#follow_up_mail{
        width: 100%;
        padding: 8px 12px 12px 12px;
    }
    #quit_process, .area-holder input[type='submit']#follow_up_lead_btn{
        padding: 16px 20px;
        font-weight: bold;
        font-size: 14px;
        line-height: 14px;
        margin: 27px auto 0 auto;
    }
    .no_area_img::after{
        display: none;
    }
    .inactiveBtn{
        padding: 12px 20px;
		font-size: 16px;
		line-height: 16px;
    }
    .area-holder input[type='submit']#follow_up_lead_btn, .area-holder input[type='submit']#send_phone_nr{
        padding: 12px 20px;
		font-size: 16px;
		line-height: 16px;
    }
    .area-holder input[type='submit']#follow_up_lead_btn{
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        padding: 10px 20px 12px 20px;
    }
    #quit_process{
        padding: 10px 20px 12px 20px;
    }
    .phone_send p{
        font-size: 18px;
        line-height: 22px;
    }
    .steps-hold{
        min-height: 48.734234vw;
    }
    .area-holder input[type='submit']#send_phone_nr{
        margin-top: 20px;
        padding: 10px 20px 12px 20px;
    }
    #form-step-phone_number{
        margin-top: 20px;
    }
    #price_message.panel_success ul li{
        font-size: 16px;
        line-height: 20px;
    }
    .footer {
        padding: 100px 0 0 0;
    }
}
@media screen and (max-width:380px){
    .constrain-width {
        width: 100%;
    }
    /* .choose-box {
        height: 28.625VW;
    } */
    /* .client-type-img{
        width: 22.416667VW;
        height: 11.8125VW;
    } */
    .step3 .constrain-width {
        width: 100%;
    }
    .area-holder.large-area {
        max-width: 90%;
    }
    #upload-feedback {
        left: -22px;
        width: 18px;
        height: 18px;
    }
    #upload-feedback.upl-valid::after {
        width: 14px;
        height: 7px;
    }
    #price_message .general-btn{
        font-size: 14px;
        line-height: 14px;
        padding: 12px 17px;
    }
    
    
}