@charset "UTF-8";
html  {
    font-size: 18px;
}
input, button  {
    outline: none !important;
}
input:not([type=checkbox]):not([type=radio]), textarea, select  {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
body  {
    padding-top: 50px;
    height: 100%;
    margin: 0 !important;
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    position: relative;
}
@media (min-width: 580px)  {
    body  {
        padding-top: 50px;
    }
}
@media (min-width: 1200px)  {
    body  {
        padding-top: 50px;
    }
}
.page  {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.home  {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.button_without_styles  {
    background: 0;
    border: 0;
    padding: 0;
}
*, *:before, *:after  {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6  {
    margin: 0;
    line-height: 1.1;
}
p  {
    margin: 0;
}
.page  {
    display: block;
    margin: 0 auto;
}
.img  {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.section  {
    margin-top: 40px;
}
@media (min-width: 1200px)  {
    .section  {
        margin-top: 100px;
    }
}
.list_list_style_type_none  {
    margin: 0;
    list-style-type: none;
    padding: 0;
}
.title  {
    margin-top: 60px;
    color: #12181E;
    font-weight: 800;
    font-size: 2.0rem;
}
@media (min-width: 1200px)  {
    .title  {
        font-size: 3.5rem;
    }
}
.subtitle  {
    font-size: 1.5rem;
    position: relative;
    margin-left: 20px;
    color: #12181E;
    font-weight: 800;
}
.subtitle::before  {
    content: "";
    display: block;
    width: 0.7em;
    height: 5px;
    background-color: #3179F4;
    position: absolute;
    top: 0.6em;
    left: -25px;
}
.subtitle--white  {
    color: #FFFFFF;
}
.subtitle--white::before  {
    background-color: #FFFFFF;
}
.subtitle--center  {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.subtitle--center::before  {
    top: 0.7em !important;
}
@media (min-width: 1200px)  {
    .subtitle  {
        margin-left: 40px;
        font-size: 2.7rem;
    }
    .subtitle::before  {
        height: 8px;
        left: -40px;
        top: 0.5em;
    }
    .subtitle--no_magin  {
        margin-left: 0;
    }
}
.button  {
    cursor: pointer;
    font: inherit;
}
.link  {
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}
.visually-hidden:not(:focus):not(:active)  {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
}
.bigger_text  {
    font-size: 1.2rem;
}
@media (min-width: 1200px)  {
    .bigger_text  {
        font-size: 1.4rem;
    }
}
.image_container  {
    overflow: hidden;
    border-radius: 20px;
    padding: 0;
}
.image_container--shadow  {
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.box  {
    height: 100%;
}
.box .over_block  {
    padding: 25px 20px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 20px rgba(115, 142, 207, 0.1), 0px 15px 24px rgba(115, 142, 207, 0.17);
    box-shadow: 0px 0px 20px rgba(115, 142, 207, 0.1), 0px 15px 24px rgba(115, 142, 207, 0.17);
}
@media (min-width: 1200px)  {
    .box .over_block  {
        padding: 30px;
    }
}
.box--radius-20 .over_block  {
    border-radius: 20px;
}
.box--radius-14 .over_block  {
    border-radius: 14px;
}
.box--shadow-dense  {
    position: relative;
}
.box--shadow-dense .under_block  {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 20px rgba(115, 142, 207, 0.1), 0px 15px 24px rgba(115, 142, 207, 0.17);
    box-shadow: 0px 0px 20px rgba(115, 142, 207, 0.1), 0px 15px 24px rgba(115, 142, 207, 0.17);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 0;
    position: absolute;
    bottom: -15px;
    left: 0;
}
.box--shadow-dense .over_block  {
    position: relative;
    z-index: 2;
}
.box--shadow-undense .under_block  {
    display: none;
}
.close_button__icon  {
    fill: #000;
}
.close_button  {
    width: 22px;
    height: 22px;
    position: absolute;
    z-index: 3;
    top: 20px;
    right: 20px;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}
.close_button:active .close_button__icon  {
    fill: #3179F4;
}
.tel_icon_container  {
    width: 30px;
    height: 30px;
    padding: 7px 7px;
    margin-right: 0.5rem;
}
.tel  {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
}
.black_btn  {
    display: block;
    background: -o-linear-gradient(0.33deg, #12181E 38.67%, #485461 99.71%);
    background: linear-gradient(89.67deg, #12181E 38.67%, #485461 99.71%);
    border: 0;
    border-radius: 16px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #FFFFFF;
    font-weight: 700;
}
.black_btn .arr_container  {
    display: inline-block;
    width: 21px;
    height: 9px;
    margin-left: 5px;
}
.black_btn svg  {
    fill: #FFFFFF;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.black_btn:hover  {
    background: -o-linear-gradient(0.33deg, #485461 38.67%, #485461 99.71%);
    background: linear-gradient(89.67deg, #485461 38.67%, #485461 99.71%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.black_btn:hover svg  {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
@media (min-width: 1200px)  {
    .black_btn--no_center  {
        margin-right: 0;
        margin-left: 0;
    }
}
@media (min-width: 500px)  {
    .black_btn  {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        padding-right: 35px;
        padding-left: 35px;
    }
}
.list_with_dots li  {
    overflow: hidden;
    position: relative;
}
.list_with_dots li::after  {
    content: '.........................................................................................................';
    display: inline-block;
    color: #B9CBEB;
    font-size: 1.2rem;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.list_with_dots li:not(:first-child)  {
    margin-top: 20px;
}
.list_with_dots .with_dots  {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
}
@media (min-width: 1200px)  {
    .list_with_dots .with_dots  {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    }
}
.list_with_dots .with_dots__text  {
    padding-right: 0.5rem;
    background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}
.list_with_dots .price  {
    padding-left: 0.5rem;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    display: block;
    margin-left: 10px;
    background-color: #FFFFFF;
    position: relative;
    z-index: 1;
    font-weight: 700;
}
@media (min-width: 1200px)  {
    .list_with_dots .price  {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
}
.schedule span  {
    display: block;
}
@media (min-width: 390px)  {
    .schedule span  {
        display: inline-block;
    }
}
.header  {
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 20px rgba(115, 142, 207, 0.1), 0px 15px 24px rgba(115, 142, 207, 0.17);
    box-shadow: 0px 0px 20px rgba(115, 142, 207, 0.1), 0px 15px 24px rgba(115, 142, 207, 0.17);
}
.burger_line  {
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
}
.burger_menu  {
    cursor: pointer;
    width: 25px;
    height: 20px;
    margin: 0 0 0 auto;
}
.burger_menu:hover .burger_line  {
    background: #3179F4;
}
.burger_menu:active  {
    opacity: 0.7;
}
.header__close_btn  {
    margin: 0 0 0 auto;
}
.nav_wrapper  {
    max-width: 100%;
    height: 100vh;
    padding: 40px 20px 120px;
    background: -o-radial-gradient(top right, circle farthest-side, #6990FA -12%, #FFFFFF 75%);
    background: radial-gradient(circle farthest-side at top right, #6990FA -12%, #FFFFFF 75%);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-animation-name: show;
    animation-name: show;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
@media (min-width: 1200px)  {
    .nav_wrapper  {
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
        padding: 0;
        position: static;
        background: none;
    }
}
@media (min-width: 1200px)  {
    .navbar  {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    }
}
.navbar-nav  {
    width: 100%;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
@media (min-width: 1200px)  {
    .navbar-nav  {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.nav-link  {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500 !important;
}
.nav-link:active  {
    opacity: 0.4;
}
.p-footer {
    font-size:18px!important;
}
.navbar-brand  {
    max-width: 360px;
}
@-webkit-keyframes show  {
    from  {
        opacity: 0;
    }
    to  {
        opacity: 1;
    }
}
@keyframes show  {
    from  {
        opacity: 0;
    }
    to  {
        opacity: 1;
    }
}
@-webkit-keyframes swipeGradient  {
    0%  {
        background: linear-gradient(89.67deg, #12181E 38.67%, #485461 99.71%);
        opacity: 1;
    }
    20%  {
        background: linear-gradient(89.67deg, #12181E 25.67%, #485461 80.71%, #12181E);
    }
    40%  {
        background: linear-gradient(89.67deg, #12181E 18.67%, #485461 60.71%, #12181E);
    }
    60%  {
        background: linear-gradient(89.67deg, #12181E 10.67%, #485461 40.71%, #12181E);
    }
    80%  {
        background: linear-gradient(89.67deg, #12181E 5.67%, #485461 20.71%, #12181E);
    }
    100%  {
        background: linear-gradient(89.67deg, #12181E 1.67%, #485461 1.71%, #12181E);
        opacity: 0.9;
    }
}
@keyframes swipeGradient  {
    0%  {
        background: -o-linear-gradient(0.33deg, #12181E 38.67%, #485461 99.71%);
        background: linear-gradient(89.67deg, #12181E 38.67%, #485461 99.71%);
        opacity: 1;
    }
    20%  {
        background: -o-linear-gradient(0.33deg, #12181E 25.67%, #485461 80.71%, #12181E);
        background: linear-gradient(89.67deg, #12181E 25.67%, #485461 80.71%, #12181E);
    }
    40%  {
        background: -o-linear-gradient(0.33deg, #12181E 18.67%, #485461 60.71%, #12181E);
        background: linear-gradient(89.67deg, #12181E 18.67%, #485461 60.71%, #12181E);
    }
    60%  {
        background: -o-linear-gradient(0.33deg, #12181E 10.67%, #485461 40.71%, #12181E);
        background: linear-gradient(89.67deg, #12181E 10.67%, #485461 40.71%, #12181E);
    }
    80%  {
        background: -o-linear-gradient(0.33deg, #12181E 5.67%, #485461 20.71%, #12181E);
        background: linear-gradient(89.67deg, #12181E 5.67%, #485461 20.71%, #12181E);
    }
    100%  {
        background: -o-linear-gradient(0.33deg, #12181E 1.67%, #485461 1.71%, #12181E);
        background: linear-gradient(89.67deg, #12181E 1.67%, #485461 1.71%, #12181E);
        opacity: 0.9;
    }
}
@-webkit-keyframes runString  {
    0%  {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100%  {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}
@keyframes runString  {
    0%  {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100%  {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}
.first_screen  {
    padding-top: 40px;
    padding-bottom: 50px;
    background-image: url("../img/circles/blue.svg"), url("../img/circles/light_blue.svg"), url("../img/circles/blue.svg");
    background-repeat: no-repeat;
    background-size: contain, 613px 613px, 959px 881px, 834px 863px;
    background-position: 79% -74%, center 205%, 42% 265%;
}
@media (min-width: 400px)  {
    .first_screen  {
        background-image: url("../img/circles/blue.svg"), url("../img/circles/light_blue.svg"), url("../img/circles/blue.svg");
        background-size: 613px 613px, 959px 881px, 834px 863px;
    }
}
@media (min-width: 1200px)  {
    .first_screen  {
        padding-top: 140px;
        padding-bottom: 160px;
        background-image: url("../img/nout.png"), url("../img/circles/blue.svg"), url("../img/circles/light_blue.svg"), url("../img/circles/blue.svg");
        background-size: auto 95%, 613px 613px, 959px 881px, 834px 863px;
        background-position: calc(50% + 400px) 100%, -13% -91%, 102% 80%, 111% 490%;
    }
}
@media (min-width: 1200px)  {
    .first_screen__bigger  {
        margin-right: 200px;
    }
}
@media (min-width: 1200px)  {
    .first_screen__cont  {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 60px;
    }
}
.item_with_check  {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    color: rgba(18, 24, 30, 0.7);
}
.item_with_check:last-of-type  {
    margin-bottom: 50px;
}
.item_with_check::before  {
    content: " ";
    display: block;
    width: 23px;
    height: 22px;
    position: absolute;
    left: 0;
    background-image: url("../img/svg/Tick.svg");
    background-repeat: no-repeat;
}
@media (min-width: 992px)  {
    .item_with_check:first-child  {
        margin-right: 1rem;
    }
}
.discount  {
    font-size: 1.3rem;
}
.adv_card  {
    padding: 30px;
    height: 100%;
}
.adv_card__img_container  {
    max-height: 60px;
}
.adv_card__img_container img  {
    width: auto;
}
.about_us  {
    background-image: url("../img/circles/blue.svg");
    background-repeat: no-repeat;
    background-position: center 20%;
}
@media (min-width: 1200px)  {
    .about_us  {
        background-image: url("../img/circles/blue.svg");
        background-position: left 10%;
    }
}
@media (min-width: 1500px)  {
    .about_us__main  {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin-right: 0;
        margin-left: 0;
    }
}
.about_us__text  {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (min-width: 1200px)  {
    .about_us__text  {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        margin-left: 20px;
    }
}
@media (min-width: 1500px)  {
    .about_us__text  {
        -ms-flex-preferred-size: 38%;
        flex-basis: 38%;
        margin-right: 10%;
    }
}
@media (min-width: 1800px)  {
    .about_us__text  {
        margin-right: 15%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }
}
.about_us__first_img  {
    max-width: 380px;
    width: 100%;
    margin-top: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (min-width: 1200px)  {
    .about_us__first_img  {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.about_us__sec_img  {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
@media (min-width: 1200px)  {
    .about_us__sec_img  {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 635px;
        width: 100%;
    }
}
.we_repair  {
    overflow: hidden !important;
    background-image: url("../img/we_repair/back_mobile.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media (min-width: 1200px)  {
    .we_repair  {
        background-image: url("../img/we_repair/back.jpg");
    }
}
@media (min-width: 1500px)  {
    .we_repair  {
        padding-top: 100px !important;
        padding-bottom: 120px !important;
    }
}
.repair_btn-group  {
    -webkit-box-shadow: 0px 0px 20px rgba(115, 142, 207, 0.1), 0px 15px 24px rgba(115, 142, 207, 0.17);
    box-shadow: 0px 0px 20px rgba(115, 142, 207, 0.1), 0px 15px 24px rgba(115, 142, 207, 0.17);
}
.repair__box  {
    padding: 0 !important;
    overflow: hidden;
    background-color: #F7F9FF;
}
.repair_btn  {
    padding: 25px 5px;
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    background-color: #FFFFFF;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.repair_btn:not(:last-child)  {
    border-right: 2px solid #F7F9FF;
}
.repair_btn .repair__icon_container  {
    display: inline-block;
    margin-right: 0.3rem;
    width: 30px;
    height: 25px;
}
.repair_btn svg  {
    fill-opacity: 0.6;
    fill: #3179F4;
}
.repair_btn span:last-child  {
    display: none;
    color: rgba(0, 0, 0, 0.6);
}
.repair_btn--active  {
    background-color: #3179F4;
    border-right: none;
}
.repair_btn--active svg  {
    fill-opacity: 1;
    fill: #FFFFFF;
}
.repair_btn--active span:last-child  {
    display: block;
    color: #FFFFFF;
}
@media (min-width: 860px)  {
    .repair_btn:not(:last-child)  {
        border-right: 0;
        border-bottom: 2px solid #F7F9FF;
    }
}
@media (min-width: 1200px)  {
    .repair_btn  {
        padding: 50px 45px !important;
        min-width: 17.7rem;
        font-size: 1.4rem;
        text-align: left;
    }
    .repair_btn .repair__icon_container  {
        width: 44px;
        height: 41px;
        margin-right: 1rem;
    }
    .repair_btn span:last-child  {
        display: block;
    }
}
.we_repair__list  {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-animation-name: show;
    animation-name: show;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.we_repair__list li  {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
@media (min-width: 860px)  {
    .we_repair__list  {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .we_repair__list li  {
        width: 47%;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    }
}
.we_repair__brends_title  {
    display: block;
    font-size: 1.4rem;
}
@media (min-width: 1500px)  {
    .we_repair__brends_title  {
        margin-top: 130px !important;
        font-size: 2.7rem;
    }
}
.brends  {
    width: 1200px;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 400px)  {
    .brends  {
        width: 1700px;
    }
}
.lenovo, .acer, .apple, .dell, .asus, .hp, .phillips  {
    width: auto;
    height: 30px;
    margin-left: 30px;
}
@media (min-width: 400px)  {
    .lenovo, .acer, .apple, .dell, .asus, .hp, .phillips  {
        height: 50px;
    }
}
@media (min-width: 400px)  {
    .lenovo  {
        max-width: 245px;
        height: auto;
    }
}
.acer  {
    height: 25px;
}
@media (min-width: 400px)  {
    .acer  {
        max-width: 180px;
        height: auto;
    }
}
.apple  {
    height: 40px;
}
@media (min-width: 400px)  {
    .apple  {
        height: 70px;
    }
}
@media (min-width: 400px)  {
    .asus  {
        height: 40px;
    }
}
@media (min-width: 400px)  {
    .hp  {
        height: 80px !important;
    }
}
@media (min-width: 400px)  {
    .phillips  {
        max-width: 223px;
        height: auto;
    }
}
.price_section  {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-image: url("../img/circles/blue.svg"), url("../img/circles/light_blue.svg");
    background-repeat: no-repeat;
    background-position: 10% 10%, center 10%;
}
.percent_section  {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-image: url("../img/circles/blue.svg"), url("../img/circles/light_blue.svg");
    background-repeat: no-repeat;
    background-position: 10% 10%, center 10%;
}
@media (min-width: 1200px)  {
    .price_section  {
        background-position: 131% 103%, 81% 42%;
    }
    .percent_section  {
        background-position: 131% 103%, 81% 42%;
    }
}
.price__header  {
    margin: 0;
    display: none;
    font-weight: 700;
    padding: 20px 30px !important;
}
@media (min-width: 1200px)  {
    .price__header  {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.price_card__col  {
    padding: 0.3rem 0.5rem;
}
.price_card__col p:first-child  {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #B7C3D8;
}
.price_card__col p:last-child  {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
@media (min-width: 1200px)  {
    .price_card__col:first-child  {
        min-width: 21.6rem;
    }
}
.price__close_btn  {
    display: none;
}
.order_button  {
    display: inline-block;
    color: #3179F4;
    font-weight: 700;
    font-size: 16px;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.price_card  {
    padding: 20px 10px !important;
    display: none;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.price_card:hover  {
    -webkit-box-shadow: 0px 0px 20px rgba(115, 142, 207, 0.1), 0px 15px 24px rgba(115, 142, 207, 0.4);
    box-shadow: 0px 0px 20px rgba(115, 142, 207, 0.1), 0px 15px 24px rgba(115, 142, 207, 0.4);
}
.price_card:hover .price_card__name  {
    -webkit-transition: all 50ms ease;
    -o-transition: all 50ms ease;
    transition: all 50ms ease;
    font-weight: 800;
}
.price_card:hover .order_button  {
    padding: 10px 30px;
    color: #FFFFFF;
    background: -o-linear-gradient(0.33deg, #12181E 38.67%, #485461 99.71%);
    background: linear-gradient(89.67deg, #12181E 38.67%, #485461 99.71%);
    border: 0;
    border-radius: 10px;
}
.price_card:hover .order_button:hover  {
    -webkit-animation-name: swipeGradient;
    animation-name: swipeGradient;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    opacity: 0.9;
}
@media (min-width: 1200px)  {
    .price_card  {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100px !important;
        padding: 10px 30px !important;
    }
}
@media (min-width: 1500px)  {
    .price_card  {
        height: 75px !important;
    }
}
.queez  {
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 1200px)  {
    .queez  {
        position: relative;
    }
}
.queez__img_container  {
    pointer-events: none;
    width: 580px;
    height: auto;
    position: absolute;
    right: -110px;
    top: -60px;
}
.percent__img_container  {
    pointer-events: none;
    width: 580px;
    height: auto;
    position: absolute;
    right: -110px;
    top: -140px;
}
.progress  {
    border-radius: 16px;
    height: 10px;
}
.total  {
    text-align: right;
    font-size: 0.9rem;
}
.question  {
    margin-left: 0.3rem !important;
}
@media (min-width: 1200px)  {
    .question  {
        font-size: 1.5rem;
    }
}
.question_number  {
    font-weight: 700;
    margin-right: 0.3rem !important;
}
.answer  {
    display: block;
    height: 100%;
    padding: 18px 20px;
    cursor: pointer;
    border-radius: 16px;
    background: #F1F5FF;
}
.answer .checkbox  {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
    font-weight: 400px;
    background: #D3DBF5;
    border-radius: 4px;
}
.answer--checked  {
    background: #3179F4;
    color: #FFFFFF;
    font-weight: 500;
}
.answer--checked .checkbox  {
    background: #6BA1FE;
    background-image: url("../img/Tick1.svg");
    background-repeat: no-repeat;
    background-size: 13px 9px;
    background-position: center;
}
@media (min-width: 1200px)  {
    .answer  {
        margin-right: 1rem;
        -ms-flex-preferred-size: 31.5%;
        flex-basis: 31.5%;
    }
}
.input  {
    width: 100%;
    padding: 18px 20px;
    border: 2px solid #C4D3F9;
    border-radius: 16px;
}
.queez_slider  {
    height: 100%;
    height: auto !important;
}
.queez_slide .answer:nth-child(3), .queez_slide .answer:nth-child(6)  {
    margin-right: 0;
}
.queez_btns  {
    min-height: 30px;
}
.queez_slider__prev  {
    display: none !important;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.queez_slider__next  {
    margin: 0 0 0 auto;
}
.queez_slider__prev, .queez_slider__next  {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    position: relative;
}
.queez_slider__prev::after, .queez_slider__next::after  {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: 0;
}
.queez_slide  {
    padding: 0 0.5rem;
}
.queez__form  {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.queez__form .col  {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}
.queez__form button  {
    width: 100% !important;
}
@media (min-width: 1200px)  {
    .queez__form label  {
        margin-top: 0 !important;
    }
}
.stages  {
    background-image: url("../img/circles/blue.svg"), url("../img/circles/light_blue.svg");
    background-repeat: no-repeat;
    background-size: 613px 613px, 470px 470px;
    background-position: 40% 105%, 90% 108%;
}
@media (min-width: 1500px)  {
    .stages  {
        background-size: auto, auto;
        background-position: -15% 190%, -35% 170%;
    }
}
@media (min-width: 1500px)  {
    .stages__main  {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin-left: 100px;
    }
}
.stages__crads  {
    height: 100%;
}
@media (min-width: 1200px)  {
    .stages__crads  {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
@media (min-width: 1800px)  {
    .stages__crads  {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
    }
}
.stages__card  {
    min-height: 205px;
}
@media (min-width: 1200px)  {
    .stages__card  {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }
}
.stages__card__icon_container  {
    max-width: 64px;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.stages__card__number  {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100px;
}
.stages__card__text  {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}
@media (min-width: 1200px)  {
    .stages__img  {
        margin-right: 1rem;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
@media (min-width: 1500px)  {
    .stages__img  {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }
}
.guarantee  {
    margin-top: 65px;
}
@media (min-width: 1200px)  {
    .guarantee__text  {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
@media (min-width: 1500px)  {
    .guarantee__text  {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}
.guarantee__image_container  {
    margin: 0 auto;
    max-width: 645px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
@media (min-width: 1200px)  {
    .guarantee__image_container  {
        max-width: 800px;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
@media (min-width: 1500px)  {
    .guarantee__image_container  {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}
.gallery .image_container  {
    height: 100%;
}
.gallery__item, .gallery__close_btn  {
    display: none;
    cursor: pointer;
}
.gallery__item  {
    position: relative;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.gallery__text  {
    max-width: 260px;
    width: 100%;
    font-size: 14px;
    color: #000;
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.gallery__text .over_block  {
    padding: 10px;
}
@media (min-width: 1200px)  {
    .gallery__text .over_block  {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}
.gallery__text .under_block  {
    display: none;
    height: 15px;
    bottom: -5px;
}
@media (min-width: 1200px)  {
    .gallery__text .under_block  {
        display: block !important;
    }
}
.gallery__icon_container  {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
}
.gallery__icon_container img  {
    width: 34px;
    height: 24px;
}
.form--white input  {
    color: #FFFFFF;
    background: rgba(247, 249, 255, 0.25);
    border: 0;
}
.form--white input::-webkit-input-placeholder  {
    color: #FFFFFF;
    opacity: 0.7;
}
.form--white input::-moz-placeholder  {
    color: #FFFFFF;
    opacity: 0.7;
}
.form--white input:-ms-input-placeholder  {
    color: #FFFFFF;
    opacity: 0.7;
}
.form--white input::-ms-input-placeholder  {
    color: #FFFFFF;
    opacity: 0.7;
}
.form--white input::placeholder  {
    color: #FFFFFF;
    opacity: 0.7;
}
.form_note  {
    font-size: 14px;
}
.consult  {
    overflow: hidden;
    background-image: url("../img/consult/back_mobile.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.consult > *  {
    color: #FFFFFF;
}
@media (min-width: 1200px)  {
    .consult  {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
        background-image: url("../img/consult/back.jpg");
    }
    .consult .bigger_text  {
        max-width: 60%;
        font-weight: 400;
    }
}
.consult__form .col:last-child  {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.consult__form button  {
    width: 100% !important;
}
.contacts  {
    background-image: url("../img/circles/blue.svg"), url("../img/circles/light_blue.svg");
    background-repeat: no-repeat;
    background-size: 400px 400px, 500px 500px;
    background-position: 160% 177%, 43% 225%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1200px)  {
    .contacts  {
        background-size: auto, auto;
        background-position: 100% 18%, 132% 31%;
    }
}
@media (min-width: 1200px)  {
    .map  {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
    }
}
.contacts__text  {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-top: 50px;
    margin-bottom: 50px;
}
@media (min-width: 1200px)  {
    .contacts__text  {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        padding-left: 30px;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
}
@media (min-width: 1500px)  {
    .contacts__text  {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    }
}
@media (min-width: 1800px)  {
    .contacts__text  {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        padding-left: 50px;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }
}
.contacts__box  {
    position: relative;
}
.contacts__box__img  {
    position: absolute;
    width: 234px;
    height: 190px;
    right: -10%;
    bottom: 0;
}
@media (min-width: 1200px)  {
    .footer .navbar  {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.footer .navbar-nav  {
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%;
}
.button_to_up .arr_container  {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0 auto;
}
.modal-backdrop  {
    opacity: 0;
    background: rgba(255, 255, 255, 0.1) !important;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.modal-backdrop.show  {
    opacity: 1;
    -webkit-backdrop-filter: blur(80px) !important;
    backdrop-filter: blur(80px) !important;
}
@media (min-width: 576px)  {
    .modal-dialog  {
        max-width: 650px;
    }
}
.modal  {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.show_display  {
    display: block !important;
}
.flex  {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.hide  {
    display: none !important;
}
@media (min-width: 1200px)  {
    .sm_flex  {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}
.visible__sm  {
    display: none !important;
}
@media (min-width: 1200px)  {
    .visible__sm  {
        display: block !important;
    }
}
.visible__md  {
    display: none;
}
@media (min-width: 1500px)  {
    .visible__md  {
        display: block;
    }
}
.visible__md_inline  {
    display: none;
}
@media (min-width: 1500px)  {
    .visible__md_inline  {
        display: inline-block;
    }
}
.visible__lg  {
    display: none;
}
@media (min-width: 1800px)  {
    .visible__lg  {
        display: block;
    }
}
@media (min-width: 1200px)  {
    .hidden__sm  {
        display: none !important;
    }
}
@media (min-width: 1500px)  {
    .hidden__md  {
        display: none !important;
    }
}
@media (min-width: 1800px)  {
    .hidden__lg  {
        display: none !important;
    }
}
.show  {
    opacity: 1;
}
.fancybox__image  {
    border-radius: 20px !important;
}
.slick-loading .slick-list  {
    background: #fff !important;
}
.slick-list.draggable  {
    min-height: 136px !important;
}
@media screen and (min-width: 768px)  {
    .dws  {
        display: none;
    }
}
.dws {
    position: fixed;
    z-index: 999999;
    bottom: 30px;
    right: 14px;
}

.pulse, .bloc, .pulse_phone {
    position: absolute;
    width: 70px;
    height: 70px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

.bloc {
    cursor: pointer;
    z-index: 9999;
    overflow: hidden;
}

.pulse {
    background: #58cc31;
    position: relative;
    transition: .5s;
}

.pulse_phone {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* ідеальне центрування */
    width: 40px; /* розмір іконки */
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pulse_phone img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    animation: phone .9s ease-in-out infinite; /* анімація тільки на картинку */
}

.text {
    text-transform: uppercase;
    font-weight: 700;
    top: 28px;
    font-size: 15px;
    transform: scaleX(-1);
    transition: .5s ease-in-out;
}

.pulse_phone svg {
    transition: .5s ease-in-out;
}

@keyframes phone {
    0%, 100% {
        transform: rotate(-20deg);
    }
    50% {
        transform: rotate(21deg);
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@media screen and (max-width: 767px) {
    .callback-bt  {
        display: none;
    }
}
.callback-bt  {
    background:#58cc31;
    border:2px solid #58cc31;
    border-radius:50%;
    box-shadow:0 8px 10px rgb(123 253 56 / 30%);
    cursor:pointer;
    height:68px;
    text-align:center;
    width:68px;
    position: fixed;
    right: 3%;
    bottom: 5%;
    z-index:999;
    transition:.3s;
    -webkit-animation:hoverWave linear 1s infinite;
    animation:hoverWave linear 1s infinite;
}
.callback-bt img  {
    margin-top: 11px;
    height:40px;
    width:40px;
    position:relative;
    overflow:hidden;
}
.callback-bt img  {
    animation: 1200ms ease 0s normal none 1 running shake;
    animation-iteration-count: infinite;
    -webkit-animation: 1200ms ease 0s normal none 1 running shake;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes hoverWave  {
    0%  {
        box-shadow:0 8px 10px rgba(123,253,56,0.3),0 0 0 0 rgba(123,253,56,0.2),0 0 0 0 rgba(123,253,56,0.2)
    }
    40%  {
        box-shadow:0 8px 10px rgba(123,253,56,0.3),0 0 0 15px rgba(123,253,56,0.2),0 0 0 0 rgba(123,253,56,0.2)
    }
    80%  {
        box-shadow:0 8px 10px rgba(123,253,56,0.3),0 0 0 30px rgba(123,253,56,0),0 0 0 26.7px rgba(123,253,56,0.067)
    }
    100%  {
        box-shadow:0 8px 10px rgba(123,253,56,0.3),0 0 0 30px rgba(123,253,56,0),0 0 0 40px rgba(123,253,56,0.0)
    }
}
@keyframes hoverWave  {
    0%  {
        box-shadow:0 8px 10px rgba(123,253,56,0.3),0 0 0 0 rgba(123,253,56,0.2),0 0 0 0 rgba(123,253,56,0.2)
    }
    40%  {
        box-shadow:0 8px 10px rgba(123,253,56,0.3),0 0 0 15px rgba(123,253,56,0.2),0 0 0 0 rgba(123,253,56,0.2)
    }
    80%  {
        box-shadow:0 8px 10px rgba(123,253,56,0.3),0 0 0 30px rgba(123,253,56,0),0 0 0 26.7px rgba(123,253,56,0.067)
    }
    100%  {
        box-shadow:0 8px 10px rgba(123,253,56,0.3),0 0 0 30px rgba(123,253,56,0),0 0 0 40px rgba(123,253,56,0.0)
    }
}
@keyframes shake  {
    0%  {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10%  {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }
    20%  {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }
    30%  {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }
    40%  {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }
    50%  {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }
    60%  {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    70%  {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }
    80%  {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }
    90%  {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }
    100%  {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}
@-webkit-keyframes shake  {
    0%  {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10%  {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }
    20%  {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }
    30%  {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }
    40%  {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }
    50%  {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }
    60%  {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    70%  {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }
    80%  {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }
    90%  {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }
    100%  {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}
.x-modal  {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 16px;
    font-weight: 300;
    font-smooth: auto;
    line-height: 1.5;
    color: #444;
    background-color: slategray;
}
.x-modal *  {
    box-sizing: border-box !important;
}
.x-modal input  {
    font-family: "Noto Sans", sans-serif !important;
    height: auto;
    font-weight: normal;
}
button  {
    cursor: pointer;
}
.x-modal  {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: flex;
    overflow: hidden;
    height: 0vh;
    background-color: transparent;
    transition: background-color 0.25s ease;
    align-items: center;
    justify-content: center;
}
.x-modal.open  {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background-color 0.25s;
}
.x-modal.open > .content-wrapper  {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.x-modal .content-wrapper  {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    -o-transition: transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.x-modal .content-wrapper .close  {
    position: absolute;
    z-index: 99;
    top: 0.5rem;
    right: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.5rem;
    background-color: transparent;
    border: none;
    -webkit-transition: 0.25s linear;
    -o-transition: 0.25s linear;
    transition: 0.25s linear;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.x-modal .content-wrapper .close:before, .x-modal .content-wrapper .close:after  {
    position: absolute;
    width: 1.25rem;
    height: 0.125rem;
    content: "";
    cursor: pointer;
    background-color: black;
}
.x-modal-3:not(.x-modal-3) .content-wrapper .close:after  {
    content: "";
    right: -80px;
    top: -85px;
    width: 140px;
    height: 140px;
    background: #0094fd;
    z-index: -1;
    position: absolute;
    border-radius: 100%;
}
.x-modal .content-wrapper .close:before  {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.x-modal .content-wrapper .close:after  {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.x-modal-3 .content-wrapper .close  {
    right: -70px;
    top: -70px;
    width: 140px;
    height: 140px;
    background: #0094fd;
    border-radius: 100%;
}
.x-modal-3 .content-wrapper .close:after, .x-modal-3 .content-wrapper .close:before  {
    left: 35px;
    bottom: 45px;
    -webkit-transition: 0.25s linear;
    -o-transition: 0.25s linear;
    transition: 0.25s linear;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)  {
    .modal:not(.x-modal-3) .content-wrapper .close  {
        right: 1rem;
    }
}
.modal:not(.x-modal-3) .content-wrapper .close:hover:before, .modal:not(.x-modal-3) .content-wrapper .close:hover:after  {
    background-color: #ff8001;
}
.x-modal-3 .content-wrapper .close:hover:after, .x-modal-3 .content-wrapper .close:hover:before  {
    background-color: #fff;
}
.x-modal .content-wrapper .content  {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.d-flex  {
    display: -ms-flexbox;
    display: flex;
}
.d-none  {
    display: none;
}
.x-col-12, .x-col-md-8, .x-col-md-4, .x-col-md-7, .x-col-md-5  {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.x-col-12  {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
@media (min-width: 768px)  {
    .x-col-md-4  {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .x-col-md-5  {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .x-col-md-7  {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .x-col-md-8  {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .d-md-block  {
        display: block;
    }
}
.bg  {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
@media screen and (max-width: 991px)  {
    .bg  {
        background-position: left center;
    }
}
.x-modal-1 .content-wrapper, .x-modal-2 .content-wrapper  {
    max-width: 750px;
    width: 98%;
}
.x-modal-3 .content-wrapper  {
    max-width: 920px;
    width: 98%;
    overflow: hidden;
}
.x-modal-backdrop.show  {
    opacity: 0.9;
}
.x-modal .x-modal-content  {
    border: 0;
    overflow: hidden;
    border-radius: 10px;
}
.x-modal__title  {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1;
}
.x-modal__text  {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.3;
}
.x-modal__form input  {
    width: 100%;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    border: 2px solid #e8e8e8;
    padding: 12px 10px;
    line-height: 1;
    outline: none !important;
}
.x-modal__form button  {
    width: 100%;
    background: #292929;
    color: white;
    border: 1px solid transparent;
    padding: 14px 10px;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.x-modal__form button:hover  {
    background: transparent;
    color: #292929;
    border: 1px solid #292929;
}
.x-modal__agree  {
    margin-top: 20px;
    font-size: 12px;
}
.x-modal__item  {
    width: 100%;
}
.x-modal__item:first-child  {
    padding-right: 10px;
}
.x-modal-1 .x-modal__left  {
    min-height: 400px;
}
.x-modal-1 .x-modal__left img  {
    position: absolute;
    bottom: 0;
    left: 10px;
}
.x-modal-1 .x-modal__right  {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 50px;
}
.x-modal-2 .x-modal-wrap  {
    padding: 70px;
    text-align: center;
    border-radius: 10px;
}
.x-modal-2 .x-modal__title  {
    margin-bottom: 50px;
}
.x-modal-2 .x-modal__text  {
    font-size: 22px;
    margin-bottom: 50px;
}
.x-modal-2 .form__row  {
    max-width: 460px;
    margin: 0 auto;
}
.x-modal-2 .x-modal__form input, .x-modal-2 .x-modal__form button  {
    font-size: 16px;
}
.x-modal-2 .x-modal__agree  {
    font-size: 14px;
}
.x-modal-3 .x-modal-wrap  {
    width: 100%;
}
.x-modal-3 .x-modal__right  {
    padding-top: 70px;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 40px;
}
.x-modal-3 .x-modal__title  {
    font-size: 22px;
    line-height: 1.3;
}
.x-modal-3 .x-modal__text  {
    font-size: 18px;
    margin-bottom: 30px;
}
.x-modal-3 .x-modal__agree  {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 5px;
    padding-right: 30px;
}
.x-modal-3 .x-modal__form input  {
    font-size: 18px;
    border-radius: 40px;
    padding: 14px 10px;
    margin-bottom: 15px;
}
.x-modal-3 .x-modal__form button  {
    font-size: 18px;
    border-radius: 40px;
    padding: 20px 10px;
    margin-bottom: 15px;
}
@media screen and (max-width: 767px)  {
    .x-modal__form  {
        max-width: 320px;
        margin: 10px auto;
    }
    .bg  {
        background-image: none !important;
    }
    .x-modal-1 .content-wrapper, .x-modal-2 .content-wrapper, .x-modal-3 .content-wrapper  {
        width: 96%;
        margin: 20px auto;
    }
    .modal:not(.x-modal-3) .content-wrapper .close  {
        top: 0;
        right: 0;
    }
    .x-modal-1  {
        text-align: center;
    }
    .form__row  {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .x-modal__item  {
        width: 100%;
    }
    .x-modal__item:first-child  {
        padding-right: 0;
        margin-bottom: 10px;
    }
    .x-modal-2 .x-modal-wrap  {
        padding: 60px 30px;
    }
    .x-modal-2 .x-modal__title  {
        margin-bottom: 30px;
        font-size: 28px;
    }
    .x-modal-2 .x-modal__text  {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .x-modal-2 .form__row  {
        max-width: 320px;
    }
    .x-modal-3 .x-modal__right  {
        padding: 60px 30px !important;
    }
    .x-modal-3  {
        text-align: center;
    }
}
form.x-modal__form  {
    display: block;
}
.gmap  {
    background-color: #f2f2f2;
    border-radius: 15px;
    overflow: hidden;
    min-height: 352px;
    position: relative;
    display: block;
    background: #fff center/cover no-repeat;
    position: relative;
    z-index: 3;
}
.gmap::before  {
    content: '';
    position: relative;
    display: block;
}
.gmap img  {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
@media screen and (min-width: 1200px) {
    .gmap::before  {
        padding-top: 75.5%;
    }
    .gmap img  {
        position: absolute;
    }
}
.img-pe-2  {
    max-width: 30px;
    padding-right: 0.5rem !important;
}
.img-txt-pe-2  {
    color: #000000;
    text-decoration: none;
}
@media screen and (max-width: 575px) {
    .mob-none  {
        display: none !important;
    }
}
@media screen and (min-width: 576px) {
    .tab-none  {
        display: none;
    }
}
.tab-none10  {
    transform: translate(0, 10%);
}