﻿html { }



.heart_top_sides { position: relative; padding: 50px 0; justify-content: space-between; flex-wrap: wrap; }

    .heart_top_sides .side_one { flex: 1 1 720px; padding-left: 50px; max-width: 100%; box-sizing: border-box; }
    .heart_top_sides .side_two { flex: 1 1 651px; }

    .heart_top_sides .side_one { }
        .heart_top_sides .side_one .page_title { margin-bottom: 30px; }
            .heart_top_sides .side_one .page_title > h1 { font-size: 3em; display: block; margin-bottom: 20px; }
                .heart_top_sides .side_one .page_title > h1 > strong { font-weight: 700; }
                .heart_top_sides .side_one .page_title > h1 > span { font-size: 0.8em; padding: 7px 10px; box-sizing: border-box; }
            .heart_top_sides .side_one .page_title > h2 { display: block; font-size: 3em; font-weight: 500; }

.kupot { }
    .kupot .title { display: block; margin-bottom: 20px; font-size: 1.2em; }
        .kupot .title > * { font-weight: 700; }
    .kupot > img { max-width: 100%; }

.top_bullets { }
    .top_bullets p { display: block; font-size: 1.2em; margin-bottom: 30px; font-weight: 400; line-height: 140%; }
        .top_bullets p strong { font-weight: 700; }

    .top_bullets > ul { padding-right: 20px; }
        .top_bullets > ul > li { position: relative; min-height: 63px; padding: 15px 80px 15px 15px; box-sizing: border-box; background-color: #DAF5F8; border-radius: 8px; margin-bottom: 20px; font-size: 1.15em; font-weight: 600; display: flex; align-items: center; }
            .top_bullets > ul > li::before { content: ""; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width: 56px; height: 39px; background-image: url('/Resources/HeartLpV2/doneRedIcon.svg'); background-repeat: no-repeat; background-position: right center; background-size: 56px 39px; }

.what_u_get { background-color: #F9F9F9; padding: 40px 0; box-sizing: border-box; margin-bottom: 80px; }
    .what_u_get .gallery_bullets { }
        .what_u_get .gallery_bullets .title { }
            .what_u_get .gallery_bullets .title > * { }
        .what_u_get .gallery_bullets .sub_title { }
            .what_u_get .gallery_bullets .sub_title > * { }
        .what_u_get .gallery_bullets > ul { display: flex; flex-wrap: wrap; gap: 20px; }
            .what_u_get .gallery_bullets > ul > li { flex: 1 1 264px; min-height: 100%; }
.gallery_bullet_item { background-color: #fff; box-shadow: 0px 13px 16px #00000042; padding: 40px 10px; box-sizing: border-box; text-align: center; min-height: 100%; }
    .gallery_bullet_item .icon { display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 70px; margin-bottom: 20px; }
        .gallery_bullet_item .icon > img { max-width: 100%; max-height: 100%; }
    .gallery_bullet_item .text_conti { }
        .gallery_bullet_item .text_conti .title { display: block; font-size: 1.2em; font-weight: 700; margin-bottom: 10px; }
        .gallery_bullet_item .text_conti .text { display: block; font-size: 1.15em; font-weight: 400; line-height: 140%; }

.running_numbers > ul { justify-content: flex-start; gap: 20px; }
    .running_numbers > ul > li { flex: 1 1 180px; }


.section_title { }
    .section_title > h2, .section_title > h3 { font-size: 2.5em; font-weight: 700; display: block; }
.section_title_from_content > h2 { margin-bottom: 10px; }

.section_sub_title { }
    .section_sub_title > h2, .section_sub_title > h3, .section_title > p { font-size: 1.2em; font-weight: 400; display: block; }
.section_title > p { margin-bottom: 20px; }

.rehabilitation { margin-bottom: 80px; }
    .rehabilitation .list { }
        .rehabilitation .list > ul { display: flex; flex-wrap: wrap; gap: 30px; }
            .rehabilitation .list > ul > li { min-height: 100%; flex: 1 1 446px; }

.rehabilitation_item { box-shadow: 0px 13px 16px #00000042; border-radius: 0px 0px 20px 20px; min-height: 100%; background-color: #fff; }
    .rehabilitation_item .item_title { display: block; background-color: #DAF5F8; color: #1A586A; font-size: 2em; font-weight: 700; padding: 18px 12px; box-sizing: border-box; }
        .rehabilitation_item .item_title.colored_title { background-color: #DF1338; color: #fff; }
    .rehabilitation_item .item_content { padding: 20px 12px; box-sizing: border-box; }
        .rehabilitation_item .item_content > h3 { display: block; font-size: 1.2em; font-weight: 400; margin-bottom: 20px; }
        .rehabilitation_item .item_content > ul { }
            .rehabilitation_item .item_content > ul > li { position: relative; width: 100%; border-radius: 8px; min-height: 63px; display: flex; align-items: center; padding: 10px 45px 10px 10px; box-sizing: border-box; font-size: 1.15em; font-weight: 600; background-color: #F5F5F5; margin-bottom: 10px; }
                .rehabilitation_item .item_content > ul > li::before { content: ""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background-color: #DF1338; border-radius: 50%; }
        .rehabilitation_item .item_content > p { display: block; font-size: 1.15em; line-height: 140%; margin-bottom: 10px; font-weight: 600; }
            .rehabilitation_item .item_content > p > strong { }

.faq_conti { margin-bottom: 80px; }
.running_numbers { margin-bottom: 80px; }

.bottom_section { padding: 40px 0; box-sizing: border-box; background-color: #F9F9F9; margin-bottom: 40px; }

.heart_general_form { }
    .heart_general_form .form { }
        .heart_general_form .form .form_image {padding-bottom:56%;border-radius:30px 30px 0 0; }
        .heart_general_form .form .form_title { display: block; padding: 20px; box-sizing: border-box; background-color: #DF1338 ;color:#fff;font-weight:700;font-size:2.5em;}
        .heart_general_form .form .form_container { box-shadow: 0px 13px 16px #00000042; border-radius: 0px 0px 30px 30px; background-color:#fff;padding:20px;}
            .heart_general_form .form .form_container .text {display:block;font-size:1.15em;font-weight:400;margin-bottom:30px; }
    .heart_general_form form { }
        .heart_general_form form > ul { display: flex; flex-wrap: wrap; gap: 2%; }
            .heart_general_form form > ul > li { width: 49%; flex: 1 1 49%;margin-bottom:20px; }
                .heart_general_form form > ul > li.full_width { width: 100%; flex: 1 1 100%; }
            .heart_general_form form > ul > li .button {max-width:260px; }

.cta_button {max-width:260px; }
.heart_general_form_popup  .popup {max-width:600px; }
.heart_general_form_popup .heart_general_form .form .form_container { box-shadow:none;}

@media only screen and (max-width : 1400px) {

    .heart_top_sides .side_one { flex: 1 1 520px; padding-left: 50px; max-width: 100%; box-sizing: border-box; }
    .heart_top_sides .side_two { flex: 1 1 480px; }
}

@media only screen and (max-width : 1020px) {
    .heart_top_sides .side_one { flex: 1 1 520px; padding-left: 0; max-width: 100%; box-sizing: border-box; }

        .heart_top_sides .side_one .page_title > h1, .heart_top_sides .side_one .page_title > h2 { font-size: 2.3em; }
        .heart_top_sides .side_one .page_title > h2 {font-size:1.8em; }

    .heart_general_form .form .form_title, .section_title > h2, .section_title > h3 { font-size: 2em; }

    .what_u_get {margin-bottom:40px; }
}

@media only screen and (max-width : 450px) {
    .heart_general_form form > ul > li {flex:1 1 100%; }
        .heart_general_form form > ul > li .button {max-width:100%; }
}
