body {
    font-family: "Inter", sans-serif !important;
    color: #202020 !important;
    min-height: 100vh;
    height: auto;
    margin: 0;
}

.main_page {
    font-family: "Inter", sans-serif !important;
}

.basic_blue_color {
    color: #5DA7D3;
}

#topcontrol {
    left: 5px !important;
    right: auto !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 30px;
}

    #topcontrol::after {
        left: 10px;
        top: -2px;
    }

.body {
    transition: .2s;
}

    .body.blur {
        filter: blur(15px);
    }

.content_width {
    width: 1540px;
    margin: 0 auto;
}

.mobile_break {
    display: none;
}

.header_store_link_block {
    height: 30px;
    background-color: #4b9d77;
    color: #fff;
    display: flex;
    justify-content: center;
    position: sticky;
    top: 85px;
    z-index: 99;
}

.header_store_link {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
}

    .header_store_link.mobile {
        display: none;
    }

    .header_store_link img {
        width: 20px;
        margin-left: 5px;
    }

a.header_store_link {
    color: #fff;
}

    a.header_store_link:hover, a.header_store_link:focus {
        color: #fff;
    }

.header {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.2);
    transition: background-color .2s;
}

.header_content {
    height: 55px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    transition: .2s;
}

.header_left_block {
    display: flex;
    align-items: center;
    width: 600px;
}

.header_center_block {
    font-size: 18px;
    margin: -15px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-grow: 1;
}

.header_right_block {
    display: flex;
}

.header_left_block_logo {
    max-width: 211px;
}

    .header_left_block_logo > img {
        max-width: 100%;
    }

.mobile_logo {
    display: none;
}

.select_city_block {
    border-left: 1px solid #202020;
    padding-left: 15px;
    margin-left: 15px;
    height: 22px;
    display: flex;
    align-items: center;
}

.selected_city {
    position: relative;
    cursor: pointer;
}

.selected_city_name {
    font-size: 18px;
}

.mobile_select_city {
    display: none;
}

.triangle_expand_sign:after {
    content: '';
    position: absolute;
    right: -12px;
    top: 50%;
    border: solid 4px transparent;
    border-top-color: #202020;
}

.header_submenu_parent {
    display: none;
}

.header_submenu_close_button {
    display: none;
}

.header_submenu_social_block {
    position: absolute;
    top: 40px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 300px;
}

.header_social {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-left: 0 !important;
}

    .header_social.vk {
        background-color: #4d76a1;
    }

    .header_social.whatsapp {
        background-color: #25d366;
    }

    .header_social img {
        max-width: 100%;
    }

.header_support {
    width: 110px;
    height: 50px;
    background-color: #71ab61;
    color: #fff !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 10px;
}

    .header_support:hover, .header_support:focus {
        color: #fff !important;
        text-decoration: none;
    }

.footer_support {
    width: 150px;
    height: 50px;
    background-color: #fff;
    color: #202020;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 15px;
}

    .footer_support:hover, .footer_support:focus {
        color: #5DA7D3;
        text-decoration: none;
    }

.header_submenu_content {
    position: relative;
    display: flex;
    border-top: 1px solid #d1d6d9;
    padding: 40px 0 90px;
}

.header_submenu_item_list {
    padding-left: 600px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 230px;
}

.header_submenu_item {
    display: flex;
    align-items: center;
    padding: 7px 0 7px 15px;
    border-left: 1px solid #d1d6d9;
    font-size: 16px;
    line-height: 16px;
    margin-right: 30px;
    max-width: 300px;
}

    .header_submenu_item a span {
        color: #fff;
    }

.header_menu_item_arrow {
    display: none;
}

.header_menu_social {
    display: none;
}

.header_submenu {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-radius: 0 0 15px 15px;
    background-color: #1C3444;
}

.header_menu_item {
    padding-right: 20px;
    height: 100%;
    display: flex;
    align-items: center;
}

    .header_menu_item a, .header_menu_item span {
        color: #202020;
        transition: .2s;
    }

        .header_menu_item a:hover, .header_menu_item span:hover {
            text-decoration: none;
            color: #5DA7D3;
        }

.header_menu_phone {
    display: none;
}

.header_phone_button {
    background-color: #1C3444;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    font-size: 18px;
    color: #fff;
    transition: .2s;
}

    .header_phone_button:hover {
        text-decoration: none;
        color: #5DA7D3;
    }

.header_phone_button_icon {
    width: 25px;
    margin-left: 10px;
    filter: invert(1);
}

.header.open .header_phone_button {
    background-color: #fff;
    color: #202020;
}

.header.open .header_phone_button_icon {
    filter: none;
}

.header_menu_button {
    position: relative;
    display: none;
    height: 40px;
    width: 40px;
    border-radius: 4px;
    background-color: #1C3444;
    border: none;
}

    .header_menu_button:after, .header_menu_button:before {
        content: '';
        position: absolute;
        width: 26px;
        height: 2px;
        background-color: #FCFCFC;
        transition: .2s;
    }

    .header_menu_button:before {
        left: 50%;
        transform: translateX(-50%);
        top: 15px;
    }

    .header_menu_button:after {
        left: 50%;
        transform: translateX(-50%);
        top: 23px;
    }

    .header_menu_button.opened {
        background-color: #fff;
    }

        .header_menu_button.opened:after {
            background-color: #1C3444;
            top: 19px;
            transform: translateX(-50%) rotate(45deg);
        }

        .header_menu_button.opened:before {
            background-color: #1C3444;
            top: 19px;
            transform: translateX(-50%) rotate(-45deg);
        }

.header.open {
    background-color: #1C3444;
}

    .header.open .header_content {
        background-color: #1C3444;
    }

    .header.open .select_city_block {
        color: #fff;
        border-color: #fff;
    }

    .header.open .triangle_expand_sign::after {
        border-top-color: #fff;
    }

    .header.open .header_menu_item_name {
        color: #fff;
    }

    .header.open .header_menu_item:hover .header_menu_item_name {
        color: #5DA7D3;
    }

.caret {
    transition: .2s;
}

.header.open .header_menu_item .caret {
    border-top-color: #fff;
}

.header.open .header_menu_item:hover .caret {
    border-top-color: #5DA7D3
}

.inverted_logo {
    display: none;
}

.header.open .inverted_logo {
    display: block;
}

.header.open .logo {
    display: none;
}

.main_page_slider_block {
    position: relative;
    margin-bottom: 100px;
}

.main_page_slider_container {
    position: relative;
}

.main_page_slider_header {
    padding: 100px 0 50px 600px;
    font-size: 64px;
    line-height: 77px;
    font-weight: 600;
    text-transform: uppercase;
}

.main_page_slider {
    border-radius: 30px;
    overflow: hidden;
}

    .main_page_slider .slick-dots {
        position: absolute;
    }

    .main_page_slider .slick-arrow {
        position: absolute;
    }

.main_page_slide {
    height: 700px;
    background-position: center;
    background-size: cover;
    position: relative;
}

.main_page_slide_text {
    position: absolute;
    padding: 20px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #4b9d77cc;
    color: #fff;
    font-size: 50px;
    line-height: 55px;
    font-weight: 700;
}

.slider_buttons_block {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    padding: 20px 20px;
    border-radius: 15px 15px 0 0;
    background-color: #fff;
}

    .slider_buttons_block .default_button {
        margin: 0 10px;
    }

    .slider_buttons_block .default_button {
        text-transform: uppercase;
    }

        .slider_buttons_block .default_button.inverted {
            background-color: #4b9d77;
            border-color: #4b9d77;
            color: #fff;
        }

            .slider_buttons_block .default_button.inverted:hover {
                background-color: #fff;
                border-color: #4b9d77;
                color: #4b9d77;
            }

.slider_controls_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 110px;
    height: 50px;
    width: 130px;
    border-radius: 15px 15px 0 0;
    background-color: #fff;
    padding-top: 5px;
}

    .slider_controls_block .slick-dots {
        display: flex;
        justify-content: center;
        width: 100%;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

        .slider_controls_block .slick-dots li {
            height: 10px;
            width: 10px;
            margin: 0 3px;
            border-radius: 50%;
            border: 2px solid #202020;
            overflow: hidden;
            background-color: #202020;
            transition: .2s;
        }

            .slider_controls_block .slick-dots li.slick-active {
                background-color: #fff;
            }

            .slider_controls_block .slick-dots li * {
                display: none;
            }

    .slider_controls_block .left_arrow, .slider_controls_block .right_arrow {
        width: 26px;
        height: 26px;
        margin: 0 6px;
        cursor: pointer;
    }

    .slider_controls_block .right_arrow {
        transform: rotate(180deg);
    }

.outer_round_border_bottom_right:after {
    content: '';
    width: 30px;
    height: 30px;
    border: 15px solid #fff;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    background-color: transparent;
    position: absolute;
    bottom: -15px;
    right: -45px;
    box-sizing: content-box;
    border-radius: 50%;
    transform: rotate(-45deg);
}

.outer_round_border_bottom_left:before {
    content: '';
    width: 30px;
    height: 30px;
    border: 15px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    background-color: transparent;
    position: absolute;
    bottom: -15px;
    left: -45px;
    box-sizing: content-box;
    border-radius: 50%;
    transform: rotate(-45deg);
}

.outer_round_border_top_left:before {
    content: '';
    width: 30px;
    height: 30px;
    border: 15px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    background-color: transparent;
    position: absolute;
    top: -15px;
    left: -45px;
    box-sizing: content-box;
    border-radius: 50%;
    transform: rotate(-45deg);
}

.outer_round_border_top_right:after {
    content: '';
    width: 30px;
    height: 30px;
    border: 15px solid #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    background-color: transparent;
    position: absolute;
    top: -15px;
    right: -45px;
    box-sizing: content-box;
    border-radius: 50%;
    transform: rotate(-45deg);
}

.default_button {
    height: 60px;
    width: 233px;
    background-color: #5DA7D3;
    border-radius: 5px;
    border-color: #5DA7D3;
    border: 2px solid #5DA7D3;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: .2s;
}

    .default_button:hover, .default_button:focus, a.default_button:hover, a.default_button:focus {
        color: #5DA7D3;
        background-color: #fff;
        text-decoration: none;
    }

    .default_button.inverted {
        background-color: #fff;
        color: #5DA7D3;
    }

        .default_button.inverted:hover {
            background-color: #5DA7D3;
            color: #fff;
        }

.main_page_block {
    margin-bottom: 100px;
}

.main_page_block_header {
    padding-left: 600px;
    font-size: 32px;
    font-weight: 500;
    line-height: 28px;
    color: #5DA7D3;
    text-transform: uppercase;
    display: flex;
    margin-bottom: 50px;
    width: 100%;
}

.main_page_block_header_title {
    padding: 0 10px;
    border-left: 2px solid #5DA7D3;
    border-right: 2px solid #5DA7D3;
}

.main_page_services_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

.main_page_problems_block {
    width: 570px;
    border: 2px solid #5DA7D3;
    border-radius: 30px;
    padding: 45px 30px 25px;
}

.main_page_solutions_block {
    width: calc(100% - 600px);
    padding: 45px 30px;
    background-color: #4b9d77;
    border-radius: 30px;
}

.main_page_problems_list {
    margin: 30px -10px 0;
    display: flex;
    flex-wrap: wrap;
}

.main_page_problem {
    width: calc(20% - 20px);
    margin: 0 10px 20px;
    cursor: pointer;
    transition: .2s;
}

    .main_page_problem:hover .main_page_problem_image {
        box-shadow: 0 0 5px 1px #5DA7D388;
    }

.main_page_problem_image {
    padding: 20px;
    border-radius: 50%;
    border: 1px solid #5DA7D3;
    margin-bottom: 10px;
    transition: .2s;
}

    .main_page_problem_image > img {
        max-width: 100%;
    }

.main_page_problem.active .main_page_problem_image {
    border: 3px solid #5DA7D3;
}

.main_page_problem_name {
    font-size: 16px;
    color: #5DA7D3;
    text-align: center;
}

.main_page_solutions_list {
    margin-top: 30px;
    border-top: 1px solid #fff;
}

.main_page_solution {
    display: flex;
    align-items: center;
    min-height: 60px;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 3px 0;
}

    .main_page_solution:hover, .main_page_solution:focus {
        color: #fff;
        text-decoration: none;
    }

.main_page_solution_name {
    font-size: 18px;
    width: 200px;
}

.main_page_solution_description {
    width: calc(100% - 212px);
    color: #ffffffcc;
    padding: 0 5px;
}

.main_page_solution_arrow {
    width: 12px;
    height: 12px;
}

.main_page_subheader {
    color: #5DA7D3;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 5px;
    border-left: 2px solid #5DA7D3;
}

    .main_page_subheader.white {
        color: #fff;
        border-color: #fff;
    }

.contact_button_block {
    position: relative;
    padding-left: 600px;
    margin-bottom: 15px;
}

    .contact_button_block:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        height: 1px;
        background-color: #5DA7D3;
    }

.smart_contact_button {
    position: relative;
    width: 280px;
    height: 60px;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #5DA7D3;
    color: #5DA7D3;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .35s;
}

    .smart_contact_button:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -32px;
        width: 30px;
        background-color: #fff;
        z-index: 1;
    }

    .smart_contact_button:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -32px;
        width: 30px;
        background-color: #fff;
        z-index: 1;
    }

.smart_contact_phone {
    border: none;
}

    .smart_contact_phone:focus {
        outline: none;
    }

.smart_contact_submit_button {
    background-color: #fff;
    border: none;
}

.smart_contact_open_button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #5DA7D3;
    background-color: #fff;
    border-radius: 2px;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
    overflow: hidden;
    transition: .2s;
}

    .smart_contact_open_button:hover {
        background-color: #5DA7D3;
        color: #fff;
    }

    .smart_contact_open_button.removed {
        right: 100%;
        background-color: #fff;
    }

.smart_contact_phone {
    width: calc(100% - 40px);
}

.smart_contact_submit_button {
    width: 40px;
    height: 40px;
}

.contact_button {
    position: relative;
    width: 280px;
    height: 60px;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #5DA7D3;
    color: #5DA7D3;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: .2s;
}

    .contact_button:hover {
        color: #fff;
        background-color: #5DA7D3
    }

    .contact_button:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -32px;
        width: 30px;
        background-color: #fff;
    }

    .contact_button:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -32px;
        width: 30px;
        background-color: #fff;
    }

.main_page_contact_button_about {
    margin-left: 600px;
    line-height: 19px;
    width: 300px;
}

.main_page_contact_button_about_text {
    width: 300px;
    color: #20202099;
    margin-bottom: 15px;
}

.main_page_company_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_page_company_image {
    width: 600px;
    border-radius: 15px;
    background-color: #00ff21;
    margin-bottom: 15px;
    background: center url("images/main/about_img.jpg");
    background-size: cover;
}

.main_page_company_content {
    width: calc(100% - 630px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_page_company_content_item {
    width: calc(50% - 15px);
    min-height: 210px;
    margin-bottom: 15px;
    border: 1px solid #5DA7D3;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 30px;
}

    .main_page_company_content_item.text {
        border: none;
        padding: 0;
        display: block;
        font-size: 16px;
        color: #20202099;
    }

        .main_page_company_content_item.text p:not(:last-child) {
            margin-bottom: 15px;
        }

.main_page_company_value {
    font-size: 50px;
    font-weight: 500;
    color: #5DA7D3;
}

.main_page_company_text {
    font-size: 16px;
    color: #202020;
}

.main_page_cities_block {
    display: flex;
    flex-wrap: wrap;
}

.main_page_regions_map {
    width: 970px;
    padding-right: 15px;
}

    .main_page_regions_map img {
        max-width: 100%;
    }

.main_page_cities_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 600px;
}

.main_page_city {
    border-left: 1px solid #5DA7D366;
    padding: 0 15px;
    font-size: 14px;
    color: #202020;
    height: 25px;
    display: flex;
    align-items: center;
}

.main_page_citites_bottom_block {
    width: 100%;
}

.main_page_cities_no_city {
    width: 400px;
    color: #20202099;
    line-height: 20px;
}

    .main_page_cities_no_city a {
        text-decoration: underline;
        color: #20202099;
        transition: .2s;
    }

        .main_page_cities_no_city a:hover {
            color: #5DA7D3;
        }

.main_page_advantages_block {
    display: flex;
    justify-content: space-between;
}

.main_page_advantages_logo {
    width: 570px;
}

    .main_page_advantages_logo img {
        max-width: 100%;
    }

.main_page_advantages_list {
    width: calc(100% - 600px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_page_advantage {
    width: calc(50% - 15px);
    min-height: 280px;
    margin-bottom: 50px;
    padding-left: 30px;
    border-left: 1px solid #20202066;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main_page_advantage_image {
}

    .main_page_advantage_image img {
        max-width: 100%;
    }

.main_page_advantage_content {
}

.main_page_advantage_name {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #5DA7D3;
    text-transform: uppercase;
    padding-left: 5px;
    border-left: 2px solid #5DA7D3;
    margin-bottom: 15px;
}

.main_page_advantage_description {
    color: #20202099;
    max-width: 320px;
}

.main_page_video_block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background-color: #1C3444;
    border-radius: 30px;
    margin-bottom: 100px;
    padding-top: 100px;
    padding-bottom: 70px;
}

.main_page_video_block_header {
    padding-left: 600px;
}

.main_page_video_block_header_title {
    color: #fff;
    border-color: #fff;
    padding: 0 10px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    font-size: 32px;
    line-height: 28px;
    text-transform: uppercase;
}

.video_links_block {
    position: absolute;
    top: 100px;
    left: 50px;
    display: flex;
}

    .video_links_block a {
        margin-right: 15px;
    }

.main_page_video_slider {
    width: 100%;
    margin-top: 50px;
}

.main_page_video_slide img {
    max-width: 100%;
}

.main_page_video_slide {
    position: relative;
    margin: 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

.video_slider_arrows {
    position: absolute;
    left: 600px;
    bottom: -1px;
    display: flex;
    justify-content: space-between;
    padding: 5px 20px 0;
    width: 105px;
    height: 35px;
    background-color: #fff;
    border-radius: 15px 15px 0 0;
}

    .video_slider_arrows .left_arrow, .video_slider_arrows .right_arrow {
        width: 28px;
        height: 28px;
        position: relative;
        z-index: 1;
        cursor: pointer;
    }

    .video_slider_arrows .right_arrow {
        transform: rotate(180deg);
    }

.all_videos_link {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 130px;
    height: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    background-color: #fff;
    border-radius: 0 15px 0 0;
}

    .all_videos_link:before {
        content: '';
        width: 30px;
        height: 30px;
        border: 15px solid #fff;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        background-color: transparent;
        position: absolute;
        bottom: -15px;
        right: -45px;
        box-sizing: content-box;
        border-radius: 50%;
        transform: rotate(-45deg);
    }

    .all_videos_link:after {
        content: '';
        width: 30px;
        height: 30px;
        border: 15px solid #fff;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        background-color: transparent;
        position: absolute;
        top: -45px;
        left: -15px;
        box-sizing: content-box;
        border-radius: 50%;
        transform: rotate(-45deg);
    }

    .all_videos_link a {
        height: 20px;
        display: flex;
        align-items: center;
        color: #202020;
        padding-bottom: 2px;
        border-bottom: 1px solid #202020;
    }

        .all_videos_link a:hover {
            color: #202020;
            text-decoration: none;
        }

        .all_videos_link a img {
            max-width: 12px;
            margin-left: 10px;
        }

.main_page_video_slide_name {
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    color: #fff;
    z-index: 2;
}

.main_page_video_slide_shadow {
    position: absolute;
    background-color: #20202033;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.main_page_video_slide_play {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
}

    .main_page_video_slide_play img {
        width: 15px;
    }

.main_page_ask_question_block {
    position: relative;
    height: 500px;
    background-image: url(images/main/ask_question.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 15px;
}

.main_page_ask_question_form {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 570px;
    top: 0;
    width: 600px;
    min-height: 340px;
    background-color: #fff;
    border-radius: 0 0 15px 15px;
    padding: 0 30px 30px;
}

.main_page_ask_question_header {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    font-size: 18px;
}

.main_page_ask_question_header_title {
    font-size: 32px;
    line-height: 28px;
    font-weight: 500;
    padding: 0 10px;
    border-left: 2px solid #5DA7D3;
    border-right: 2px solid #5DA7D3;
    color: #5DA7D3;
    text-transform: uppercase;
}

.main_page_ask_question_text {
    flex-grow: 1;
    font-size: 18px;
    line-height: 21px;
}

.main_page_ask_question_form_line {
    position: relative;
    margin-bottom: 30px;
}

    .main_page_ask_question_form_line input[type=text] {
        border: none;
        border-bottom: 1px solid #202020;
        width: 100%;
        height: 40px;
        font-family: 'Inter', sans-serif;
    }

        .main_page_ask_question_form_line input[type=text]:focus {
            outline: none;
        }

        .main_page_ask_question_form_line input[type=text]::placeholder {
            font-size: 20px;
            font-weight: 500;
            color: #20202066;
        }

.main_page_ask_question_submit {
    border: none;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 1px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: transparent;
}

    .main_page_ask_question_submit img {
        transform: rotate(180deg);
    }

.main_page_ask_question_description {
    font-size: 16px;
    line-height: 19px;
    color: #20202099;
    margin-bottom: 5px;
}

.main_page_ask_question_white_block_1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 170px;
    height: 60px;
    background-color: #fff;
    border-radius: 0 15px 0 0;
}

    .main_page_ask_question_white_block_1:before {
        content: '';
        width: 30px;
        height: 30px;
        border: 15px solid #fff;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        background-color: transparent;
        position: absolute;
        bottom: -15px;
        right: -45px;
        box-sizing: content-box;
        border-radius: 50%;
        transform: rotate(-45deg);
    }

    .main_page_ask_question_white_block_1:after {
        content: '';
        width: 30px;
        height: 30px;
        border: 15px solid #fff;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        background-color: transparent;
        position: absolute;
        top: -45px;
        left: -15px;
        box-sizing: content-box;
        border-radius: 50%;
        transform: rotate(-45deg);
    }

.main_page_ask_question_white_block_2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 95px;
    background-color: #fff;
    border-radius: 0 0 0 15px;
}

    .main_page_ask_question_white_block_2:before {
        content: '';
        width: 30px;
        height: 30px;
        border: 15px solid #fff;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom-color: transparent;
        background-color: transparent;
        position: absolute;
        top: -15px;
        left: -45px;
        box-sizing: content-box;
        border-radius: 50%;
        transform: rotate(-45deg);
    }

    .main_page_ask_question_white_block_2:after {
        content: '';
        width: 30px;
        height: 30px;
        border: 15px solid #fff;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom-color: transparent;
        background-color: transparent;
        position: absolute;
        bottom: -45px;
        right: -15px;
        box-sizing: content-box;
        border-radius: 50%;
        transform: rotate(-45deg);
    }

.main_page_articles_block {
    display: flex;
    margin-bottom: 30px;
    border-top: 1px solid #20202066;
}

.main_page_first_article {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 600px;
    padding: 15px 15px 0 0;
    border-right: 1px solid #20202066;
}

.main_page_article {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 15px 15px 0;
    width: calc(100%/2 - 755px/2);
    border-right: 1px solid #20202066;
}

.main_page_all_articles {
    width: 155px;
    padding-top: 60px;
    display: flex;
    justify-content: flex-end;
}

.main_page_article_image {
    height: 210px;
    border-radius: 15px;
    margin-bottom: 15px;
    background-size: cover;
    background-position: center;
}

main_page_article_content {
    display: flex;
    flex-direction: column;
}

.main_page_article_description {
    flex-grow: 1;
    font-size: 16px;
    line-height: 19px;
    color: #20202099;
    margin-bottom: 30px;
}

.main_page_article_name {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #202020;
    text-transform: uppercase;
    width: calc(100% - 90px);
}

.main_page_first_article .main_page_article_name {
    width: calc(100% - 200px);
}

.main_page_article_link {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 15px;
    border-bottom: 1px solid #5DA7D3;
    background-color: #fff;
}

    .main_page_article_link:hover {
        text-decoration: none;
    }

.main_page_article_link_text {
    font-size: 16px;
    line-height: 19px;
    color: #5DA7D3;
}

.main_page_article_link_image {
    width: 22px;
    height: 22px;
    transform: rotate(-45deg);
}

.main_page_all_articles_link {
}

    .main_page_all_articles_link:hover {
        text-decoration: none;
    }

.main_page_all_articles_link_image {
    width: 83px;
    height: 83px;
    margin-bottom: 15px;
}

    .main_page_all_articles_link_image img {
        max-width: 100%;
    }

.main_page_all_articles_link_text {
    font-size: 16px;
    line-height: 19px;
    color: #5DA7D3;
}

.footer {
    display: flex;
    flex-wrap: wrap;
    background-color: #1C3444;
    border-radius: 15px 15px 0 0;
    padding: 100px 30px 15px;
}

.footer_logo {
    display: inline-block;
    margin-bottom: 50px;
}

.footer_links_block {
    display: flex;
    flex-direction: column;
    width: 570px;
}

.footer_social_block {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 260px;
}

.footer_social {
    margin-right: 15px;
    margin-left: 0 !important;
    margin-bottom: 15px;
    border-radius: 15px;
    width: 50px;
    height: 50px;
}

    .footer_social.vk {
        background-color: #4d76a1;
    }

    .footer_social.whatsapp {
        background-color: #25d366;
    }

    .footer_social img {
        max-width: 100%;
    }

.footer_menu {
    display: flex;
    flex-grow: 1;
}

.footer_menu_item {
    width: 180px;
}

.footer_menu_item {
    margin-right: 50px;
}

    .footer_menu_item a.footer_menu_item_link {
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
        text-transform: uppercase;
        color: #FCFCFC;
        transition: .2s;
    }

        .footer_menu_item a.footer_menu_item_link:hover {
            text-decoration: none;
            color: #5DA7D3;
        }

.footer_submenu {
    margin-top: 30px;
}

.footer_submenu_item {
    display: flex;
    margin-bottom: 15px;
}

a.footer_submenu_item_link {
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFFCC;
    transition: .2s;
}

    a.footer_submenu_item_link:hover {
        color: #5DA7D3;
        text-decoration: none;
    }

.footer_menu_block {
    display: flex;
    flex-direction: column;
}

.footer_contacts_block {
    width: 400px;
}

.footer_contacts_header {
    font-size: 20px;
    line-height: 24px;
    color: #FCFCFC;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.footer_contact_item {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFFCC;
    margin-bottom: 15px;
    transition: .2s;
}

a.footer_contact_item:hover, a.footer_contact_item:focus {
    color: #5DA7D3;
    text-decoration: none;
}

.footer_contact_item_icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

    .footer_contact_item_icon img {
        max-width: 100px;
    }

.footer_copyright {
    color: #FFFFFFCC;
    margin-bottom: 15px;
}

.footer_policy a {
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFFCC;
    transition: .2s;
}

    .footer_policy a:hover {
        text-decoration: none;
        color: #5DA7D3;
    }

.footer_bottom_block {
    display: none;
    width: 100%;
}

.top_block_wrapper {
    display: flex;
    margin-top: 30px;
    margin-bottom: 90px;
}

.main_page_start_block {
    width: 600px;
    padding-top: 0;
    display: flex;
    flex-direction: column;
}

.main_page_slider_block {
    width: calc(100% - 600px);
    margin-bottom: 0;
}

.main_page_start_block_feature_list {
    flex-grow: 1;
    margin-bottom: 0;
}

.main_page_slider_header {
    font-size: 33px;
    line-height: 40px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    padding: 0;
}

    .main_page_slider_header > span {
        background-color: #ffffff99;
        padding: 0 2px;
    }

.main_page_slide {
    height: 500px;
}

.slider_buttons_block {
    position: initial;
    justify-content: flex-start;
    transform: none;
    padding: 0;
}

    .slider_buttons_block .default_button {
        margin: 0;
        margin-right: 15px;
    }

.header_green {
    text-decoration: none;
    color: #4b9d77;
}

/* таблиц сравнения тарифов */

.tariff_difference_block {
    margin: 60px auto;
}

.difference_types {
    display: none;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.difference_type {
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #5DA7D3;
    border-radius: 5px;
    color: #5DA7D3;
    font-weight: 500;
    cursor: pointer;
}

    .difference_type.active {
        color: #fff;
        background-color: #5DA7D3;
    }

.select_difference_type_next_button, .select_difference_type_prev_button {
    height: 35px;
    width: 35px;
    border-radius: 5px;
    background-color: #5DA7D3;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .select_difference_type_next_button img {
        transform: rotate(-135deg);
    }

    .select_difference_type_prev_button img {
        transform: rotate(45deg);
    }

.tariff_header {
    border-top: 1px solid #fff;
    display: flex;
    position: sticky;
    top: 115px;
}

.tariff_name {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100%/6);
    padding: 2px 5px;
    height: 50px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #4b9d77;
    color: #fff;
    font-weight: 500;
}

    .tariff_name:last-child {
        border-right: 1px solid #4b9d77;
    }

.tariff_difference_table {
    display: flex;
    background-color: #4b9d77;
}

    .tariff_difference_table.active {
        display: flex;
    }

.tariff_difference_table_text {
    width: calc(100%/6);
    padding: 10px 5px;
    background-color: #fff;
    border-bottom: 1px solid #4b9d77;
    border-right: 1px solid #4b9d77;
}

    .tariff_difference_table_text.type_name {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        background-color: #4b9d77;
        color: #fff;
    }

.tariff_difference_table:last-child .tariff_difference_table_text.type_name {
    border-bottom: 1px solid #4b9d77;
}

@media (max-width: 1600px) {
    .content_width {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
    }

    .header_left_block {
        width: 450px;
    }

    .main_page_slide_text {
        font-size: 40px;
        line-height: 40px;
    }

    .main_page_company_value {
        font-size: 38px;
    }

    .main_page_regions_map {
        width: calc(100% - 500px);
        padding-right: 30px;
    }

    .main_page_cities_list {
        width: 500px;
    }

    .main_page_all_articles {
        width: 100px;
    }

    .main_page_article {
        width: calc(50% - 350px)
    }

    .footer_links_block {
        width: auto;
        flex-grow: 1;
    }

    .footer_copyright {
        width: auto;
    }

    .footer_policy {
        width: auto;
    }

    .header_submenu_social_block {
        left: auto;
        top: auto;
        position: relative;
    }

    .header_submenu_item_list {
        padding-left: 30px;
    }

    .all_videos_link {
        justify-content: center;
    }

    .header_center_block {
        font-size: 16px;
    }
}

@media (max-width: 1400px) {
    .header_left_block_logo .logo {
        display: none;
    }

    .header_left_block_logo .mobile_logo {
        display: block;
    }

    .header_left_block {
        width: 280px;
    }

    .header.open .inverted_logo {
        display: none;
    }

    .main_page_problem_name {
        font-size: 14px;
    }

    .footer_copyright {
        width: 260px;
        font-size: 14px;
    }

    .footer_policy {
        width: 260px;
    }

        .footer_policy a {
            font-size: 14px;
        }

    .footer_logo {
        margin-bottom: 30px;
    }
}

@media (max-width: 1300px) {
    .main_page_slide_text {
        font-size: 30px;
        line-height: 32px;
    }

    .main_page_block_header {
        padding-left: 0;
        justify-content: center;
    }

    .main_page_problems_block {
        width: calc(50% - 15px);
    }

    .main_page_solutions_block {
        width: calc(50% - 15px);
    }

    .main_page_solution_description {
        font-size: 14px;
        line-height: 16px;
    }

    .contact_button_block {
        padding-left: 0;
        display: flex;
        justify-content: center;
    }

    .main_page_contact_button_about {
        padding-left: 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .header_center_block {
        font-size: 16px;
    }

    .main_page_slide {
        height: 400px;
    }

    .main_page_company_image {
        width: 300px;
    }

    .main_page_company_content {
        width: calc(100% - 330px);
    }

    .main_page_advantages_logo {
        width: 33.3333%;
    }

    .main_page_advantages_list {
        width: calc(66.6666% - 30px);
    }

    .main_page_video_block_header {
        padding-left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .video_slider_arrows {
        left: 50%;
        transform: translateX(-50%);
    }

    .video_links_block {
        top: 90px;
    }

    .main_page_ask_question_form {
        left: 50%;
        transform: translateX(-50%);
    }

    .main_page_first_article {
        width: calc(33.3333% - 100px/3);
    }

    .main_page_article {
        width: calc(33.3333% - 100px/3);
    }

    .main_page_first_article .main_page_article_name {
        width: calc(100% - 90px);
    }
}

@media (max-width: 1200px) {
    .header_content {
        align-items: center;
    }

    .header_left_block_logo .logo {
        display: block;
    }

    .header_left_block_logo .mobile_logo {
        display: none;
    }

    .header.open .inverted_logo {
        display: block;
    }

    .header_center_top_menu_block {
        border-bottom: 1px solid #d1d6d9;
        margin-bottom: 15px;
        padding: 0 30px 15px;
    }

    .header_submenu_social_block {
        width: auto;
    }

        .header_submenu_social_block .header_social {
            margin-bottom: 0;
        }

    .header_center_block {
        display: none;
        border-top: 1px solid #d1d6d9;
        padding: 15px 0;
        margin: 0;
        position: fixed;
        top: 85px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #1C3444;
        font-size: 18px;
        line-height: 21px;
    }

    .header_left_block {
        display: flex;
        align-items: center;
        width: auto;
    }

    .header_menu {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 100%;
    }

    .header_menu_item {
        height: 40px;
        display: flex;
        padding-right: 0;
        margin: 0 30px;
    }

        .header_menu_item a {
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }

        .header_menu_item .caret {
            display: none;
        }

    .header_menu_item_arrow {
        display: block;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
    }

        .header_menu_item_arrow img {
            max-width: 100%;
        }

    .header_submenu {
        top: 80px;
        z-index: 1;
    }

        .header_submenu .header_submenu_social_block {
            display: none;
        }

    .header_submenu_item_list {
        margin-top: 15px;
        padding-left: 0;
        width: 100%;
        align-content: flex-start;
    }

    .header_submenu_content {
        flex-wrap: wrap;
        align-items: center;
        padding: 30px;
    }

    .header_submenu_parent {
        display: block;
        font-size: 20px;
        height: 30px !important;
        width: auto !important;
        color: #fff !important;
        text-transform: uppercase;
    }

        .header_submenu_parent:hover {
            color: #5DA7D3 !important;
            text-decoration: none !important;
        }

    .header_submenu_close_button {
        display: block;
        position: relative;
        width: 22px;
        height: 22px;
        background-color: transparent;
        border: none;
        margin-right: 15px;
    }

        .header_submenu_close_button:after, .header_submenu_close_button:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            background-color: #fff;
            transform: rotate(45deg);
            left: 0;
            top: 10px;
            transition: .2s;
        }

        .header_submenu_close_button:before {
            transform: rotate(-45deg);
        }

        .header_submenu_close_button:hover:after {
            background-color: #5DA7D3;
        }

        .header_submenu_close_button:hover:before {
            background-color: #5DA7D3;
        }

    .header_menu_social {
        display: block;
    }

    .header_right_block {
        display: flex;
    }

    .header_menu_button {
        display: block;
    }

    .header_phone_button {
        height: 40px;
        margin-right: 15px;
    }

    .slider_controls_block {
        right: 40px;
    }

    /*    .main_page_slide {
        height: 600px;
    }*/

    .default_button {
        height: 50px;
        width: 170px;
        font-size: 16px;
    }

    /*    .main_page_slider_header {
        padding-top: 50px;
    }*/

    .main_page_start_block {
        width: 400px;
    }

    .main_page_slider_block {
        width: calc(100% - 400px);
    }

    .main_page_solution_name {
        font-size: 16px;
        width: 160px;
    }

    .main_page_solution_description {
        width: calc(100% - 172px);
    }

    .main_page_regions_map {
        text-align: center;
        width: 100%;
        padding-right: 0;
        order: 2;
        margin-bottom: 15px;
    }

        .main_page_regions_map img {
            display: inline-block;
        }

    .main_page_citites_bottom_block {
        order: 3;
    }

    .main_page_cities_list {
        width: 100%;
        height: 300px;
        margin-bottom: 30px;
        order: 1;
    }

    .main_page_article_name {
        font-size: 16px;
        line-height: 19px;
    }

    .main_page_articles_block {
        flex-wrap: wrap;
    }

    .footer_contacts_block {
        width: 300px;
    }
}

@media (max-width: 1100px) {
    .footer_contacts_block {
        width: 200px;
    }
}

@media (max-width: 1000px) {
    .slider_controls_block {
        width: 80px;
    }

    .main_page_slide_text {
        font-size: 25px;
        line-height: 28px;
        padding: 10px;
    }

    .main_page_problems_block {
        width: 100%;
        margin-bottom: 30px;
    }

    .main_page_solutions_block {
        width: 100%;
        min-height: 235px;
    }

    .main_page_problem_image {
        width: 80px;
        margin-left: auto;
        margin-right: auto;
    }

    .main_page_company_image {
        width: 100%;
        margin-bottom: 30px;
        height: 300px;
    }

    .main_page_company_content {
        width: 100%;
    }

    .main_page_cities_list {
        height: 350px;
    }

    .main_page_advantages_logo {
        width: 200px;
    }

    .main_page_advantages_list {
        width: calc(100% - 230px);
    }

    .main_page_advantage {
        min-height: auto;
    }

    .main_page_advantage_image {
        margin-bottom: 50px;
    }

    .main_page_advantage {
        justify-content: flex-start;
    }

    .main_page_video_block {
        padding-bottom: 125px;
        padding-top: 50px;
    }

    .video_links_block {
        top: auto;
        bottom: 55px;
        left: 30px;
    }

    .main_page_ask_question_form {
        width: 400px;
        min-height: 320px;
    }

    .main_page_ask_question_text {
        font-size: 16px;
        line-height: 19px;
    }

    .main_page_ask_question_description {
        font-size: 14px;
        line-height: 17px;
    }

    .main_page_first_article, .main_page_article {
        width: 100%;
        flex-direction: row;
        border-right: none;
        border-bottom: 1px solid #20202066;
        margin: 0 0 30px 0;
        padding: 0 0 30px 0;
    }

    .main_page_article {
        padding-left: 0;
    }

    .main_page_article_image {
        width: 50%;
        margin-bottom: 0;
    }

    .main_page_article_content {
        display: flex;
        flex-direction: column;
        width: 50%;
        padding-left: 15px;
    }

    .main_page_articles_block {
        border-top: none;
    }

    .main_page_article_link {
        right: 0;
        bottom: 30px;
    }

    .main_page_article_name, .main_page_first_article .main_page_article_name {
        order: 1;
        width: 100%;
        margin-bottom: 30px;
    }

    .main_page_article_description {
        order: 2;
    }

    .main_page_article_link {
        position: relative;
        bottom: auto;
        order: 3;
        width: fit-content;
    }

    .main_page_all_articles {
        padding-top: 0;
        width: auto;
    }

    .main_page_all_articles_link {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #5DA7D3;
        padding-bottom: 2px;
    }

    .main_page_all_articles_link_image {
        width: 22px;
        height: 22px;
        order: 2;
        margin-bottom: 0;
    }

    .main_page_all_articles_link_text {
        order: 1;
        margin-right: 15px;
    }

    .footer_menu {
        display: none;
    }

    .footer_links_block {
        width: 280px;
        padding-right: 0;
    }

    .footer_policy {
        width: 100%;
    }

    .footer_copyright {
        width: 100%;
    }

    .footer_contacts_block {
        width: calc(100% - 280px);
        padding-left: 15px;
    }

    .footer {
        padding-top: 60px;
    }

    .tariff_difference_table_text {
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .tariff_name {
        width: 20%;
    }

    .tariff_name_type {
        display: none;
    }

    .tariff_difference_table_text {
        width: 20%;
    }

        .tariff_difference_table_text.type_name {
            display: none;
        }

    .tariff_difference_table {
        border-left: 1px solid #4b9d77;
        border-right: 1px solid #4b9d77;
    }

    .tariff_header {
        background-color: #fff;
        column-gap: 1px;
        border-left: 1px solid #4b9d77;
        border-right: 1px solid #4b9d77;
    }

    .tariff_name {
        border-right: none;
        border-bottom: none;
    }

    .tariff_difference_table {
        display: none;
        column-gap: 1px;
    }

        .tariff_difference_table.active {
            display: flex;
        }

    .tariff_difference_table_text {
        border-right: none;
    }

    .difference_types {
        display: flex;
        align-items: center;
        max-height: 35px;
    }

    .difference_type {
        display: none;
    }

        .difference_type.active {
            display: flex;
        }

    .difference_types_text {
        color: #5DA7D3;
        font-weight: 500;
        margin-right: 15px;
    }

    .difference_types_list {
        flex-grow: 1;
        overflow: hidden;
    }

    .tariff_difference_table_text {
        padding: 10px 2px;
    }
}

@media (max-width: 800px) {
    .main_page_slider_header > span {
        padding: 0 5px;
    }

    .main_page_slider_block {
        position: relative;
    }

    .main_page_slide {
        height: 400px;
    }

    .slider_buttons_block:before, .slider_buttons_block:after {
        display: none;
    }

    .main_page_slider_container {
        order: 2;
        width: 100%;
    }

    .main_page_slider_block {
        display: flex;
        flex-wrap: wrap;
    }

    .main_page_start_block {
        width: 300px;
    }

    .main_page_slider_block {
        width: calc(100% - 300px);
    }

    .header_left_block_logo .logo {
        display: none;
    }

    .header_left_block_logo .inverted_logo {
        display: none !important;
    }

    .header_left_block_logo .mobile_logo {
        display: block;
    }

    .header_content {
        align-items: center;
    }

    .contact_button {
        width: 180px;
    }

        .contact_button::before {
            width: 15px;
            left: -17px;
        }

        .contact_button::after {
            width: 15px;
            right: -17px;
        }

    .main_page_contact_button_about_text {
        text-align: center;
    }

    .main_page_company_content_item {
        width: 100%;
        min-height: 140px;
    }

        .main_page_company_content_item.text {
            order: 1;
        }

    .main_page_cities_list {
        height: 425px;
    }

    .main_page_advantages_logo {
        display: none;
    }

    .main_page_advantages_list {
        width: 100%;
    }

    .footer_links_block {
        width: 280px;
        padding-right: 0;
    }

    .footer_contacts_block {
        width: calc(100% - 280px);
        padding-left: 15px;
    }

    .footer_social {
        width: 40px;
        height: 40px;
    }

    .footer {
        border-radius: 15px 15px 0 0;
    }

    .footer_logo {
        width: 160px;
    }

    .footer_links_block {
        width: 170px;
    }

    .footer_contacts_block {
        width: calc(100% - 170px);
    }

    .footer_social_block {
        width: 100%;
    }

    .footer_copyright {
        font-size: 14px;
    }

    .footer_policy a {
        font-size: 14px;
        line-height: 16px;
    }

    .header_menu_phone {
        display: flex;
        justify-content: center;
        order: 2;
    }

        .header_menu_phone .header_phone_button {
            display: flex;
            margin-right: 0;
        }

    .header_menu_social {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
        order: 1;
    }
}

@media (max-width: 700px) {
    .header_phone_number {
        display: none;
    }

    .header_phone_button_icon {
        margin-left: 0;
    }

    .header_phone_button {
        padding: 0;
        width: 40px;
    }

    .mobile_select_city {
        display: flex;
        background-color: #5DA7D3;
        color: #fff;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        padding: 0 15px;
        border-radius: 15px;
        border: none;
    }

    .mobile_select_city {
        display: none;
    }

    .header_center_top_menu_block {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .main_page_block_header {
        justify-content: flex-start;
    }

    .main_page_video_block_header {
        justify-content: flex-start;
    }

    .main_page_block_header_title {
        line-height: 32px;
    }

    .main_page_video_block_header_title {
        line-height: 32px;
    }

    .main_page_video_slider .slick-list {
        margin-right: -15px;
        margin-left: -15px;
    }

    .main_page_video_block {
        border-radius: 30px 30px 0 0;
        overflow: hidden;
    }

    .video_slider_arrows {
        transform: none;
        left: auto;
        right: 0;
        border-radius: 15px 0 0 0;
    }

        .video_slider_arrows.outer_round_border_bottom_right::after {
            border-left-color: transparent;
            border-bottom-color: #fff;
            bottom: 20px;
            right: -15px;
        }

    .main_page_ask_question_form {
        width: 100%;
        position: relative;
        padding-left: 0;
        padding-right: 0;
        height: auto;
    }

        .main_page_ask_question_form:after {
            display: none;
        }

    .main_page_ask_question_white_block_1, .main_page_ask_question_white_block_2 {
        display: none;
    }

    .main_page_ask_question_form:before {
        display: block;
        width: 214px;
        min-height: 214px;
        background-image: url(images/main/geradez_back_full.png);
        background-position: center;
        background-size: cover;
        border: none;
        border-radius: 0;
        transform: none;
        right: 0;
        left: auto;
    }

    .main_page_ask_question_block {
        background-image: none;
        height: auto;
    }

        .main_page_ask_question_block:after {
            content: '';
            display: block;
            width: 100%;
            height: 300px;
            background-image: url(images/main/ask_question.jpg);
            background-position: center;
            background-size: cover;
            border-radius: 15px;
        }

    .main_page_ask_question_header {
        justify-content: flex-start;
        margin-bottom: 30px;
    }

    .main_page_ask_question_text {
        margin-bottom: 15px;
    }

    .mobile_break {
        display: inline;
    }

    .top_block_wrapper {
        flex-wrap: wrap;
    }

    .main_page_slider_block {
        width: 100%;
    }

    .main_page_start_block {
        width: 100%;
        margin-bottom: 30px;
    }

    .slider_buttons_block {
        width: 100%;
        justify-content: space-between;
    }

        .slider_buttons_block .default_button {
            width: calc(50% - 7.5px);
        }

    .tariff_difference_block {
        display: flex;
        flex-wrap: wrap;
    }

    .difference_types {
        width: 100%;
    }

    .tariff_header {
        width: 150px;
        display: block;
        border: none;
        border-top: 1px solid #4b9d77;
    }

    .tariff_name {
        width: 100%;
        border-bottom: 1px solid #fff;
    }

        .tariff_name:last-child {
            border-bottom: none;
        }

    .tariff_difference_table.active {
        width: calc(100% - 150px);
        display: block;
        border-top: 1px solid #4b9d77;
    }

    .tariff_difference_table_text {
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        padding: 5px;
    }

    .difference_types_list {
        max-width: calc(100% - 220px);
    }

    .difference_types_text {
        width: 105px;
        margin: 0;
    }

    .difference_type.active {
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 35px;
        line-height: 15px;
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .main_page_block {
        margin-bottom: 50px;
    }

    .main_page_problem_image {
        width: 100%;
        padding: 12px;
    }

    .main_page_problem_name {
        font-size: 12px;
    }

    .main_page_problem_image {
        margin-bottom: 5px;
    }

    .main_page_problem {
        margin-bottom: 10px;
    }

    .main_page_cities_list {
        height: 260px;
        overflow-y: scroll;
    }

    .header_social {
        width: 40px;
        height: 40px;
    }

    .header_support {
        height: 40px;
        font-size: 14px;
        line-height: 16px;
    }

    .header_phone_button {
        font-size: 16px;
    }

    .slider_controls_block {
        right: 50px;
    }

    .header_store_link.mobile {
        display: flex;
    }

    /*    .header_store_link {
        display: none;
    }*/

    .header_submenu {
        top: 70px;
    }

    .header_submenu_item_list {
        display: block;
        overflow: scroll;
        height: auto;
    }

    .header_submenu_content {
        padding-bottom: 0;
    }

    .header_center_block {
        overflow: scroll;
    }
}

@media (max-width: 500px) {
    .slider_buttons_block {
        flex-wrap: wrap;
    }

        .slider_buttons_block .default_button {
            width: 100%;
            margin-bottom: 15px;
        }

    .selected_city_name {
        font-size: 16px;
    }

    .main_page_block_header, .main_page_video_block_header_title, .main_page_ask_question_header_title {
        font-size: 28px;
    }

    .main_page_problems_block {
        padding: 30px 15px 0px;
    }

    .main_page_solutions_block {
        padding: 30px 15px;
    }

    .content_width {
        padding-right: 15px;
        padding-left: 15px;
    }

    .main_page_slider_block {
        margin-top: 15px;
        padding-bottom: 0;
    }

    .main_page_slide {
        height: 350px;
    }

    .main_page_slide_text {
        font-size: 20px;
    }

    .main_page_slider_header {
        top: 15px;
        left: 15px;
        font-size: 22px;
        line-height: 26px;
    }

        .main_page_slider_header > span {
            background-color: #ffffff99;
        }

    .slider_buttons_block {
        width: 100%;
        justify-content: space-between;
        padding: 0;
        order: 1;
    }

    .main_page_problem_image {
        margin-right: 0;
        margin-left: 0;
    }

    .main_page_problems_list {
        margin-left: -5px;
        margin-right: -5px;
    }

    .main_page_problem {
        width: calc(20% - 10px);
        margin: 0 5px 10px;
    }

    .main_page_problem_name {
        font-size: 10px;
    }

    .main_page_solution_description {
        display: none;
    }

    .main_page_solution_name {
        width: calc(100% - 12px);
        padding-right: 5px;
    }

    .main_page_solution_arrow {
        transform: rotate(45deg);
    }

    .main_page_cities_no_city {
        width: 300px;
    }

    .main_page_advantage {
        width: 100%;
    }

    .main_page_advantage {
        padding-left: 0;
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-left: none;
        border-bottom: 1px solid #20202066;
    }

    .main_page_advantage_image {
        margin-bottom: 30px;
    }

    .main_page_advantage_description {
        max-width: none;
    }

    .footer {
        padding-top: 30px;
    }

    .footer_links_block {
        margin-bottom: 15px;
    }

    .footer_logo {
        margin-bottom: 15px;
    }

    .footer_social_block {
        width: auto;
    }

    .footer_links_block {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .footer_links_block .footer_policy {
            display: none;
        }

        .footer_links_block .footer_copyright {
            display: none;
        }

    .footer_contacts_block {
        width: 100%;
        padding-left: 0;
    }

    .footer_bottom_block {
        display: block;
    }

    .footer_copyright {
        width: 100%;
    }

    .footer_policy {
        width: 100%;
        margin-bottom: 15px;
    }

    .footer_bottom_logo {
        display: block;
        width: calc(50% - 7.5px);
        order: 2;
    }

        .footer_bottom_logo img {
            max-width: 100%;
        }

    .header_center_bottom_menu_block {
        flex-wrap: wrap;
    }

    .header_menu_phone {
        width: 100%;
        justify-content: center;
        order: 1;
        margin-bottom: 30px;
    }

    .header_center_block {
        padding: 15px 0;
    }

    .header_center_top_menu_block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header_menu_item {
        margin: 0 15px;
    }

    .header_submenu_content {
        padding: 15px;
    }

    .header_submenu {
        top: 80px;
    }

    /*    .select_city_block {
        display: none;
    }*/

    .header_center_top_menu_block {
        border-bottom: 1px solid #d1d6d9;
        padding-bottom: 20px;
        padding-top: 5px;
    }

    .header_phone_button {
        margin-right: 0;
        font-size: 14px;
        padding: 0 5px;
    }

    .header_phone_button_icon {
        width: 20px;
    }

    .tariff_header {
        width: 110px;
    }

    .tariff_name {
        font-size: 14px;
        height: 60px;
    }

    .tariff_difference_table_text {
        height: 60px;
        line-height: 16px;
    }

    .tariff_difference_table.active {
        width: calc(100% - 110px);
    }

    .difference_types_text {
        width: 100%;
    }

    .difference_types {
        max-height: none;
    }

    .difference_types_list {
        max-width: calc(100% - 100px);
    }
}

@media (max-width: 400px) {
    .main_page_problem_image {
        padding: 8px;
    }

    .main_page_block_header, .main_page_video_block_header_title, .main_page_ask_question_header_title {
        font-size: 25px;
    }
}

@media (max-width: 350px) {
    .tariff_difference_table_text {
        font-size: 12px;
    }
}