/* CSS kod pishite v etom faile, chotobi pri ustanovke obnovlenii ne bilo problem  */
/* --------------------------------------- */
/* Here you can put custom css rules for your site */

/* Дизайн-система «Вита»: общие стили в конце этого файла; услуга — news.detail/services-custom/style.css */

/* Новая главная: #content на всю ширину без 100vw-breakout (иначе гориз. скролл и сдвиг). */
.body.vita-new-home #content,
.body.vita-new-home #content.container {
    overflow: visible !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

.body.vita-new-home #content > .row {
    margin-left: 0;
    margin-right: 0;
}

.body.vita-new-home #content > .row > .content-md {
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100%;
}

.body.vita-new-home #content.container .content-page--home,
.body.vita-new-home #content.container .content-page--services-hub {
    overflow: visible;
    width: 100% !important;
    max-width: none !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*var(--primary-color);*/
:root {
    --primary-color: #218a8b;
}
body {
    width: 100%;
}

.top-block-search .search .svg-search {
    top: 0;
    min-width: 18px;
    min-height: 18px;
    background: url(/bitrix/templates/aspro-medc2/images/svg/Search_black.svg) 0 0 no-repeat;
}

.top-block-search .search .search-button-div .svg.svg-close {
    display: none;
}

.top-block-search .search .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    padding: 0 16px;
    border: none;
    background: 0 0;
    font-size: 0;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.top-block-search .search .search-button-div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.top-block-search .search .search-input {
    background: #fff;
    position: relative;
    top: -1px;
}

.top-block .eye-block,
.top-block .print-block {
    display: inline-block;
}

.top-block .eye-block {
    margin-right: 15px;
}

.top-block .social-icons li {
    margin: 0 !important;
}

.search-block.inner-table-block {
    position: relative;
    top: -7px;
}

.top-block .print-eye-blocks {
    padding: 0;
}

.button_calculate {
    display: none;
}

.contact-item-phones {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.form-footer-button {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    .contact-item-phones {
        flex-direction: column;
        gap: 5px;
    }
}

@media screen and (max-width: 767px) {
    .button_calculate {
        display: block;
        margin-bottom: 15px;
        font-size: 14px;
    }
}

@media screen and (min-width: 415px) and (max-width: 767px) {
    .button_calculate {
        margin-top: 25px;
    }
}

@media screen and (max-width: 450px) {
    .button_calculate {
        margin-top: 15px;
    }
}

.mobile-header-bottom {
    display: none;
}

@media screen and (max-width: 1200px) {
    .social-rows {
        padding-left: 5px;
        padding-right: 0;
    }
}

.header-address span {
    font-size: 13px;
}

.header-address:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' fill='%2327a3a4' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,0C156.748,0,76,80.748,76,180c0,33.534,9.289,66.26,26.869,94.652l142.885,230.257 c2.737,4.411,7.559,7.091,12.745,7.091c0.04,0,0.079,0,0.119,0c5.231-0.041,10.063-2.804,12.75-7.292L410.611,272.22 C427.221,244.428,436,212.539,436,180C436,80.748,355.252,0,256,0z M384.866,256.818L258.272,468.186l-129.905-209.34 C113.734,235.214,105.8,207.95,105.8,180c0-82.71,67.49-150.2,150.2-150.2S406.1,97.29,406.1,180 C406.1,207.121,398.689,233.688,384.866,256.818z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,90c-49.626,0-90,40.374-90,90c0,49.309,39.717,90,90,90c50.903,0,90-41.233,90-90C346,130.374,305.626,90,256,90z M256,240.2c-33.257,0-60.2-27.033-60.2-60.2c0-33.084,27.116-60.2,60.2-60.2s60.1,27.116,60.1,60.2 C316.1,212.683,289.784,240.2,256,240.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    height: 20px;
    width: 20px;
    position: absolute;
    left: -10px;
    top: 2px;
}

.header-address-phone a.first-phone:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 513.64 513.64' style='enable-background:new 0 0 513.64 513.64;' xml:space='preserve' fill='%2327a3a4'%3E%3Cg%3E%3Cg%3E%3Cpath d='M499.66,376.96l-71.68-71.68c-25.6-25.6-69.12-15.359-79.36,17.92c-7.68,23.041-33.28,35.841-56.32,30.72 c-51.2-12.8-120.32-79.36-133.12-133.12c-7.68-23.041,7.68-48.641,30.72-56.32c33.28-10.24,43.52-53.76,17.92-79.36l-71.68-71.68 c-20.48-17.92-51.2-17.92-69.12,0l-48.64,48.64c-48.64,51.2,5.12,186.88,125.44,307.2c120.32,120.32,256,176.641,307.2,125.44 l48.64-48.64C517.581,425.6,517.581,394.88,499.66,376.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    position: absolute;
    left: -6px;
    top: 6px;
}

.header-address-phone .nobg.phone {
    position: initial;
}

.header-address-phone .with_dropdown:after {
    right: auto;
    margin-left: 10px;
    top: 30%;
}

.header-address-phone a {
    font-weight: bold;
    color: #333;
}

.header-contacts-block {
    margin-top: 12px;
}

.header-contacts-block .worktime {
    font-size: 14px;
    color: #828181;
}

.header-button-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0 25px;
    height: 105px;
}

.header-button-flex > div {
    padding-left: 24px;
}

.header-phone-block {
    margin-left: 20px;
}

.header-button-flex .header-calculator-block {
    flex: 1 0 50%;
}

.header-button-flex .header-phone-block {
    flex: 1 0 40%;
}

.header-button-flex .header-calculator-block,
.header-button-flex .header-phone-block {
    position: relative;
}

.header-v4 .header-phone-block:before {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 781 781' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='390.5' cy='390.5' r='390.5' fill='%2327a3a4'/%3E%3Cpath d='M475.632 139H305.5C276.576 139 252 162.584 252 191.5V590.164C252 619.08 276.056 642.604 304.98 642.604L475.392 642.42C504.312 642.42 527.972 618.892 527.972 589.972L528.22 191.472C528.216 162.452 504.672 139 475.632 139ZM365.988 170.476H415.348C419.684 170.476 423.216 173.996 423.216 178.344C423.216 182.692 419.684 186.212 415.348 186.212H365.988C361.64 186.212 358.12 182.692 358.12 178.344C358.12 173.996 361.64 170.476 365.988 170.476ZM336.328 172.98C339.244 170.068 344.552 170.028 347.464 172.98C348.924 174.436 349.788 176.48 349.788 178.568C349.788 180.616 348.924 182.656 347.464 184.116C346.012 185.576 343.96 186.436 341.916 186.436C339.832 186.436 337.828 185.576 336.328 184.116C334.876 182.66 334.048 180.616 334.048 178.568C334.044 176.48 334.876 174.436 336.328 172.98ZM389.08 627.008C376.096 627.008 365.536 616.44 365.536 603.46C365.536 590.476 376.096 579.912 389.08 579.912C402.064 579.912 412.624 590.476 412.624 603.46C412.624 616.44 402.06 627.008 389.08 627.008ZM503.796 563.908H279.54V213.756H503.796V563.908Z' fill='white'/%3E%3C/svg%3E%0A");
    content: "";
    position: absolute;
    left: -10px;
    top: 5px;
    width: 45px;
    height: 45px;
    background-size: cover;
}

.header-v4 .header-phone-block .callback-block p {
    padding-left: 20px;
}

.header-v4 .header-calculator-block:before {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 781 781' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='390.5' cy='390.5' r='390.5' fill='%2327a3a4'/%3E%3Cpath d='M526 630H254C239.153 629.983 224.919 624.078 214.421 613.579C203.922 603.081 198.017 588.847 198 574V206C198.017 191.153 203.922 176.919 214.421 166.421C224.919 155.922 239.153 150.017 254 150H526C540.847 150.017 555.081 155.922 565.579 166.421C576.078 176.919 581.983 191.153 582 206V574C581.983 588.847 576.078 603.081 565.579 613.579C555.081 624.078 540.847 629.983 526 630V630ZM254 166C243.395 166.013 233.228 170.231 225.73 177.73C218.231 185.228 214.013 195.395 214 206V574C214.013 584.605 218.231 594.772 225.73 602.27C233.228 609.769 243.395 613.987 254 614H526C536.605 613.987 546.772 609.769 554.27 602.27C561.769 594.772 565.987 584.605 566 574V206C565.987 195.395 561.769 185.228 554.27 177.73C546.772 170.231 536.605 166.013 526 166H254Z' fill='white'/%3E%3Cpath d='M414 598H366C359.635 598 353.53 595.471 349.029 590.971C344.529 586.47 342 580.365 342 574V542C342 535.635 344.529 529.53 349.029 525.029C353.53 520.529 359.635 518 366 518H414C420.365 518 426.47 520.529 430.971 525.029C435.471 529.53 438 535.635 438 542V574C438 580.365 435.471 586.47 430.971 590.971C426.47 595.471 420.365 598 414 598ZM366 534C363.878 534 361.843 534.843 360.343 536.343C358.843 537.843 358 539.878 358 542V574C358 576.122 358.843 578.157 360.343 579.657C361.843 581.157 363.878 582 366 582H414C416.122 582 418.157 581.157 419.657 579.657C421.157 578.157 422 576.122 422 574V542C422 539.878 421.157 537.843 419.657 536.343C418.157 534.843 416.122 534 414 534H366Z' fill='white'/%3E%3Cpath d='M302 598H254C247.635 598 241.53 595.471 237.029 590.971C232.529 586.47 230 580.365 230 574V542C230 535.635 232.529 529.53 237.029 525.029C241.53 520.529 247.635 518 254 518H302C308.365 518 314.47 520.529 318.971 525.029C323.471 529.53 326 535.635 326 542V574C326 580.365 323.471 586.47 318.971 590.971C314.47 595.471 308.365 598 302 598ZM254 534C251.878 534 249.843 534.843 248.343 536.343C246.843 537.843 246 539.878 246 542V574C246 576.122 246.843 578.157 248.343 579.657C249.843 581.157 251.878 582 254 582H302C304.122 582 306.157 581.157 307.657 579.657C309.157 578.157 310 576.122 310 574V542C310 539.878 309.157 537.843 307.657 536.343C306.157 534.843 304.122 534 302 534H254Z' fill='white'/%3E%3Cpath d='M526 598H478C471.635 598 465.53 595.471 461.029 590.971C456.529 586.47 454 580.365 454 574V446C454 439.635 456.529 433.53 461.029 429.029C465.53 424.529 471.635 422 478 422H526C532.365 422 538.47 424.529 542.971 429.029C547.471 433.53 550 439.635 550 446V574C550 580.365 547.471 586.47 542.971 590.971C538.47 595.471 532.365 598 526 598ZM478 438C475.878 438 473.843 438.843 472.343 440.343C470.843 441.843 470 443.878 470 446V574C470 576.122 470.843 578.157 472.343 579.657C473.843 581.157 475.878 582 478 582H526C528.122 582 530.157 581.157 531.657 579.657C533.157 578.157 534 576.122 534 574V446C534 443.878 533.157 441.843 531.657 440.343C530.157 438.843 528.122 438 526 438H478Z' fill='white'/%3E%3Cpath d='M414 502H366C359.635 502 353.53 499.471 349.029 494.971C344.529 490.47 342 484.365 342 478V446C342 439.635 344.529 433.53 349.029 429.029C353.53 424.529 359.635 422 366 422H414C420.365 422 426.47 424.529 430.971 429.029C435.471 433.53 438 439.635 438 446V478C438 484.365 435.471 490.47 430.971 494.971C426.47 499.471 420.365 502 414 502ZM366 438C363.878 438 361.843 438.843 360.343 440.343C358.843 441.843 358 443.878 358 446V478C358 480.122 358.843 482.157 360.343 483.657C361.843 485.157 363.878 486 366 486H414C416.122 486 418.157 485.157 419.657 483.657C421.157 482.157 422 480.122 422 478V446C422 443.878 421.157 441.843 419.657 440.343C418.157 438.843 416.122 438 414 438H366Z' fill='white'/%3E%3Cpath d='M302 502H254C247.635 502 241.53 499.471 237.029 494.971C232.529 490.47 230 484.365 230 478V446C230 439.635 232.529 433.53 237.029 429.029C241.53 424.529 247.635 422 254 422H302C308.365 422 314.47 424.529 318.971 429.029C323.471 433.53 326 439.635 326 446V478C326 484.365 323.471 490.47 318.971 494.971C314.47 499.471 308.365 502 302 502ZM254 438C251.878 438 249.843 438.843 248.343 440.343C246.843 441.843 246 443.878 246 446V478C246 480.122 246.843 482.157 248.343 483.657C249.843 485.157 251.878 486 254 486H302C304.122 486 306.157 485.157 307.657 483.657C309.157 482.157 310 480.122 310 478V446C310 443.878 309.157 441.843 307.657 440.343C306.157 438.843 304.122 438 302 438H254Z' fill='white'/%3E%3Cpath d='M414 406H366C359.635 406 353.53 403.471 349.029 398.971C344.529 394.47 342 388.365 342 382V350C342 343.635 344.529 337.53 349.029 333.029C353.53 328.529 359.635 326 366 326H414C420.365 326 426.47 328.529 430.971 333.029C435.471 337.53 438 343.635 438 350V382C438 388.365 435.471 394.47 430.971 398.971C426.47 403.471 420.365 406 414 406V406ZM366 342C363.878 342 361.843 342.843 360.343 344.343C358.843 345.843 358 347.878 358 350V382C358 384.122 358.843 386.157 360.343 387.657C361.843 389.157 363.878 390 366 390H414C416.122 390 418.157 389.157 419.657 387.657C421.157 386.157 422 384.122 422 382V350C422 347.878 421.157 345.843 419.657 344.343C418.157 342.843 416.122 342 414 342H366Z' fill='white'/%3E%3Cpath d='M302 406H254C247.635 406 241.53 403.471 237.029 398.971C232.529 394.47 230 388.365 230 382V350C230 343.635 232.529 337.53 237.029 333.029C241.53 328.529 247.635 326 254 326H302C308.365 326 314.47 328.529 318.971 333.029C323.471 337.53 326 343.635 326 350V382C326 388.365 323.471 394.47 318.971 398.971C314.47 403.471 308.365 406 302 406V406ZM254 342C251.878 342 249.843 342.843 248.343 344.343C246.843 345.843 246 347.878 246 350V382C246 384.122 246.843 386.157 248.343 387.657C249.843 389.157 251.878 390 254 390H302C304.122 390 306.157 389.157 307.657 387.657C309.157 386.157 310 384.122 310 382V350C310 347.878 309.157 345.843 307.657 344.343C306.157 342.843 304.122 342 302 342H254Z' fill='white'/%3E%3Cpath d='M526 406H478C471.635 406 465.53 403.471 461.029 398.971C456.529 394.47 454 388.365 454 382V350C454 343.635 456.529 337.53 461.029 333.029C465.53 328.529 471.635 326 478 326H526C532.365 326 538.47 328.529 542.971 333.029C547.471 337.53 550 343.635 550 350V382C550 388.365 547.471 394.47 542.971 398.971C538.47 403.471 532.365 406 526 406V406ZM478 342C475.878 342 473.843 342.843 472.343 344.343C470.843 345.843 470 347.878 470 350V382C470 384.122 470.843 386.157 472.343 387.657C473.843 389.157 475.878 390 478 390H526C528.122 390 530.157 389.157 531.657 387.657C533.157 386.157 534 384.122 534 382V350C534 347.878 533.157 345.843 531.657 344.343C530.157 342.843 528.122 342 526 342H478Z' fill='white'/%3E%3Cpath d='M526 294H254C247.635 294 241.53 291.471 237.029 286.971C232.529 282.47 230 276.365 230 270V206C230 199.635 232.529 193.53 237.029 189.029C241.53 184.529 247.635 182 254 182H526C532.365 182 538.47 184.529 542.971 189.029C547.471 193.53 550 199.635 550 206V270C550 276.365 547.471 282.47 542.971 286.971C538.47 291.471 532.365 294 526 294ZM254 198C251.878 198 249.843 198.843 248.343 200.343C246.843 201.843 246 203.878 246 206V270C246 272.122 246.843 274.157 248.343 275.657C249.843 277.157 251.878 278 254 278H526C528.122 278 530.157 277.157 531.657 275.657C533.157 274.157 534 272.122 534 270V206C534 203.878 533.157 201.843 531.657 200.343C530.157 198.843 528.122 198 526 198H254Z' fill='white'/%3E%3Cpath d='M502 270C495.635 270 489.53 267.471 485.029 262.971C480.529 258.47 478 252.365 478 246V230C478 223.635 480.529 217.53 485.029 213.029C489.53 208.529 495.635 206 502 206C508.365 206 514.47 208.529 518.971 213.029C523.471 217.53 526 223.635 526 230V246C526 252.365 523.471 258.47 518.971 262.971C514.47 267.471 508.365 270 502 270V270ZM502 222C499.878 222 497.843 222.843 496.343 224.343C494.843 225.843 494 227.878 494 230V246C494 248.122 494.843 250.157 496.343 251.657C497.843 253.157 499.878 254 502 254C504.122 254 506.157 253.157 507.657 251.657C509.157 250.157 510 248.122 510 246V230C510 227.878 509.157 225.843 507.657 224.343C506.157 222.843 504.122 222 502 222Z' fill='white'/%3E%3C/svg%3E%0A");
    content: "";
    position: absolute;
    left: -33px;
    top: 5px;
    width: 45px;
    height: 45px;
    background-size: cover;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
    #mobileheader .logo img,
    .header-button-flex .header-calculator-block {
        flex: 0 0 100%;
        flex-basis: 50px;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .header-v4 .header-phone-block .callback-block p {
        display: inline-block;
    }

    .header-button-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-button-flex > div {
        margin: 12px 0 0 0;
        padding: 0;
    }

    .header-v4 .header-calculator-block:before {
        left: -60px;
        top: 0;
        width: 48px;
        height: 48px;
    }

    .header-v4 .header-phone-block:before {
        left: -60px;
        top: 5px;
        width: 48px;
        height: 48px;
    }

    .header-button-flex {
        height: 100%;
        margin-left: 30px;
    }

    .logo_and_menu-row .callback-block {
        margin-left: 0;
    }

    .header-v4 .header-phone-block .callback-block p {
        padding-left: 0;
    }

    .header-v4 .header-phone-block .callback-block:not(p) {
        padding-right: 20px;
    }
}


.main-block-tizers-number .title {
    background: var(--primary-color);
    text-align: center;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    padding-top: 4px;
}

.main-block-tizers .item-views.front .props .item .body-info .titlle-number {
    padding-left: 10px;
}


.main-block-tizers .item-views.front .props .col-md-3 .item .image {
    top: 0;
}

.main-block-tizers .item-views.front .props .item .image,
.main-block-tizers-number .item-views.front .props .item .image {
    background: none;
}

.main-block-tizers .item-views.front .props .item img {
    width: 50px;
    height: auto;
}

.main-block-tizers .item-views.front .props .item {
    /*height: 104px;*/
    height: 80px;
    position: relative;
}

.item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6 .body-info {
    display: flex;
    top: 0;
    transform: translate(0, 0%);
}

.item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6 .body-info .title.title-number {
    margin-right: 10px;
    margin-top: 3px;
    width: 30px;
    height: 30px;
}

.main-objects > .main-block-tizers .list-type-block .props .image {
    top: 24px;
}

.main-objects .main-block-tizers:nth-child(6) .list-type-block .props .image {
    top: 0;
}

.main-block-tizers-number .item-views.front .props .item .image {
    top: 0 !important;
}

.main-block-tizers-number .item-views.front .props .item-wrap {
    min-height: 130px;
}

.item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6 .body-info .description.twosmallfont {
    width: 70%;
}

.company-block .item-views.front .props .item {
    padding: 0 20px 16px 0 !important;
}

.company-block .item-views.front .props .item .body-info {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}


@media screen and (max-width: 991px) {
    .main-objects .main-block-tizers:nth-child(6) .list-type-block .props .image,
    .main-objects > .main-block-tizers .list-type-block .props .image {
        top: 26px;
    }

    .main-block-tizers-number .item-views.front .props .item .image {
        top: 7px !important;
    }

    .item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6 .body-info {
        top: 50%;
        transform: translate(0, -50%);
    }
}

@media screen and (max-width: 768px) {
    .item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6:nth-child(2) .body-info,
    .item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6:nth-child(4) .body-info {
        top: 50%;
        transform: translate(0, -50%);
    }

    .item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6:nth-child(2) .body-info {
        top: 70%;
        transform: translate(0, -50%);
    }

    .item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6:nth-child(4) .body-info {
        top: 37%;
        transform: translate(0, -50%);
    }
}

@media (max-width: 650px) {
    .item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6:nth-child(2) .body-info,
    .item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6:nth-child(4) .body-info {
        top: 33%;
        transform: translate(0, -50%);
    }

    .item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6 .body-info {
        top: 33%;
    }

    .main-block-tizers-number .item-views.front .props .item-wrap {
        margin-bottom: 5px; /**/
    }

    .main-block-tizers-number .item-views.front .props .item-wrap:nth-child(1) .body-info {
        top: 43% !important;
        transform: translate(0, -50%);
    }

    .main-block-tizers-number .item-views.front .props .item-wrap:nth-child(2) .body-info {
        /*top: 73% !important;*/
        top: 48% !important;
        transform: translate(0, -50%);
    }

    .main-block-tizers-number .item-views.front .props .item-wrap:nth-child(3) .body-info {
        top: 48% !important;
        transform: translate(0, -50%);
    }

    .main-block-tizers-number .item-views.front .props .item-wrap:nth-child(4) .body-info {
        top: 37% !important;
        transform: translate(0, -50%);
    }

    .list-type-block.item-views .item .image img {
        width: 50px;
        height: 51px;
    }

    .company-block .item-views.front .props .item .body-info {
        top: 61%;
    }

    .company-block .item-views.front .props .item {
        padding: 0 20px 10px 0 !important;
    }

    .company-block .item-views.front .props .item .body-info {
        padding-left: 77px !important;
    }
}

@media (max-width: 530px) {
    .blocks-short table.table td {
        vertical-align: top;
    }

    table.table thead + tbody td .th-mobile {
        margin-top: 8px;
        word-break: break-all;
        text-overflow: unset;
        white-space: inherit !important;
    }

    .blocks-short table.table td div:last-child {
        display: none;
    }
}

@media (max-width: 500px) {
    .main-block-tizers-number .item-views.front .props .item-wrap {
        min-height: 80px;
    }

    .main-block-tizers-number .item-views.front .props .item-wrap:nth-child(1) {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 480px) {
    .item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6:nth-child(2) .body-info {
        top: 50%;
        transform: translate(0, -50%);
    }
}

@media (max-width: 375px) {
    .item-views.front.blocks.list-type-block .item-wrap.col-md-3.col-sm-6.col-xs-6:nth-child(2) .body-info {
        top: 70%;
        transform: translate(0, -50%);
    }

    .main-block-tizers-number .item-views.front .props .item .image {
        top: 0 !important;
    }
}

.mobile-contacts-menu {
    padding: 15px 20px 15px 19px;
}

.mobile-contacts-menu .row {
    margin-left: -6px;
}

.mobile-btn.gray .svg.svg-email {
    margin-left: -8px;
}

.mobile-contacts-menu .header-contacts-block .col-md-6:first-child {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 13px;
    padding-bottom: 10px;
}

.mobile-contacts-menu .header-address-phone .with_dropdown:after {
    display: none;
}

#mobileheader .logo img {
    height: 62px;
}

/* Start: main */

.main.banner-AUTO .col-md-12.col-sm-12.col-xs-12.content-md {
    /*padding: 0;*/
}

.banners-big .slides .item a {
    color: #218a8b !important;
}

@media screen and (max-width: 767px) {
    .body:not(.index) #content .item-accordion-wrapper img {
        margin: 0 !important;
    }

    .content-md img, .accordion-body img {
        max-width: 100%;
        width: auto;
        max-height: 100%;
        height: auto;
    }

    .main-block-banners-big .banners-big .maxwidth-banner .items .item .text-block {
        display: none;
    }
}

.main-block-banners-big .banners-big ul.items li.item {
    background-size: cover !important;
    background-position: 80% bottom !important;
}

@media screen and (max-width: 600px) {
    .main-block-banners-big .banners-big ul.items li.item {
        background-position: 85% bottom !important;
    }
}

@media screen and (max-width: 480px) {
    .col-md-9.col-sm-12.col-xs-12.content-md .detail.services-custom .content p {
        max-width: 426px;
        margin: 0 auto;
    }
}


@media screen and (max-width: 450px) {

    .banners-big .flexslider .flex-control-nav {
        display: none;
    }

    .banners-big .flexslider {
        min-height: 430px !important;
        /*height: 100%;*/
    }

    .banners-big .slides .btn {
        font-weight: 700;
        padding: 11px 2px;
        font-size: 14px;
        border-radius: 12px;
        min-width: 221px;
    }

    .banners-big .btn {
        margin: 0 !important;
    }

    .main-block-banners-big .banners-big .maxwidth-banner .items .item .text-block {
        display: block;
    }


    .banners-big .slides {
        min-height: 445px;
    }

    .banners-big .slides .text .inner .text-block {
        font-size: 14px;
        line-height: 21px;
        max-height: 90px;
        max-width: 48%;
        /* max-width: 4%; */
        /* letter-spacing: 0.19px; */
        margin-top: 10px;
    }

    .banners-big .slides .text {
        width: 100%;
        text-align: left;
        min-height: 430px;
        position: fixed;
    }

    .banners-big .slides .title {
        font-size: 22px;
        line-height: 27px;
        /* max-width: 5%; */
        max-width: 40%;
        text-align: left;
        word-break: break-word;
        /* letter-spacing: 0.48px; */
    }

    .banners-big .slides > li {
        /* height: 189px; */
        height: 345px;
    }

    .banners-big .buttons {
        margin: 15px 0 0;
    }

    .background-gradient { /*навесить в разметке отдельный класс - этот повторяется ниже*/
        background: linear-gradient(170deg, #218A8B33, #F5F8F933);
    }

    .banners-big .flexslider .flex-control-nav {
        display: none !important;
    }

    .banners-big .slides .righttext .text .inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .banners-big .slides .shown .text .inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        padding-top: 210px !important;
    }

    .main-block-banners-big .banners-big ul.items li.item {
        background-size: 100% !important;
    }

    .banners-big .flexslider .flex-control-nav {
        bottom: 55px !important;
    }
}

@media screen and (max-width: 320px) {
    .banners-big .slides .shown .text .inner {
        padding-top: 80px !important;
    }
}

.main-block-services {
}

.sidearea ul li {
    margin: 0;
    background: #f9fbfb;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 15px;
    border: 1px solid #f2f6f7;
}

.sidearea ul li:before {
    display: none;
}

.sidearea .our_advantage-left img {
    width: 64px;
    height: auto;
}


@media (max-width: 1200px) {
    .sidearea .our_advantage-left img {
        width: 50px;
        height: auto;
    }

    .sidearea .our_advantage-left {
        width: 30%;
    }
}

.sidearea .our_advantage-right {
    width: 70%;
    margin-left: 10px;
    font-size: 12px;
}

.sidearea .ask_a_question .inner {
    line-height: 2em;
}


.main-block-price table thead tr th {
    padding: 14px 20px 15px !important;
    background-color: var(--primary-color) !important;
}


.main-block-teaser {
}

.main-block-object-list .new-item {
    margin: 16px 0;
    border-radius: 3px;
    border: 1px solid #ecf2f4;
    background: #fff;
    padding: 10px;
    position: relative;
}

.main-block-object-list .new-item .image {
    position: relative;
    z-index: 1;
    text-align: left;
    overflow: hidden;
}

.main-block-object-list .new-item .image > .wrap {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.sections.item-views .new-item .image img {
    vertical-align: middle;
    width: 100%;
    display: inline-block;
    zoom: 1;
}

.main-block-object-list .new-item .info {
    position: absolute;
    z-index: 2;
    text-align: center;
    display: block;
    top: 60%;
}

.main-block-object-list .new-item .info .title {
    margin: 0;
    font-size: 1.2em;
    line-height: 1.3889em;
    font-weight: 700;
    height: 24px;
}

.main-block-object-list .new-item .info .title .dark-color {
    font-size: 1em;
    line-height: 20px;
    text-decoration: none;
    padding: 23px;
    background: rgba(28, 147, 145, 0.5);
    font-weight: 600;
    color: #fff;
}

.main-block-photo-gallery .items .item .wrap {
    padding: 0;
}

.main-block-photo-gallery .items .item .wrap .image {
    max-width: none;
    height: auto;
}

.main-block-menu .schedule_block,
.main-block-schedule .schedule_block {
    width: 50%;
    margin: auto;
}

@media (max-width: 992px) {
    .main-block-menu .schedule_block {
        width: 70%;
    }
}

@media (max-width: 809px) {
    .main-block-menu .schedule_block,
    .main-block-schedule .schedule_block {
        width: 70%;
    }
}

@media (max-width: 709px) {
    .main-block-menu .schedule_block,
    .main-block-schedule .schedule_block {
        width: 80%;
    }
}

@media (max-width: 609px) {
    .main-block-menu .schedule_block,
    .main-block-schedule .schedule_block {
        width: 90%;
    }
}

@media (max-width: 509px) {
    .main-block-menu .schedule_block,
    .main-block-schedule .schedule_block {
        width: 100%;
    }
}

.schedule_block-services {
    width: 100% !important;
    margin: unset !important;
}

.main-block-menu .schedule_body .schedule_row > .row {
    display: flex;
    align-items: stretch;
}

.schedule_block .schedule_row .col-sm-6 {
    width: 100%;
}

.schedule_block .schedule_row .col-sm-6:first-child {
    margin-left: 10%;
}

@media screen and (max-width: 350px) {
    .schedule_block .schedule_row .col-sm-6:first-child {
        margin-left: 8%;
    }
}

@media screen and (max-width: 320px) {
    .schedule_block .schedule_row .col-sm-6:first-child {
        margin-left: 0;
    }
}

.schedule_block .schedule_row span {
    min-width: 102px;
    display: block;
}

.main-block-menu .schedule_body .schedule_row .schedule_info {
    border: 1px solid var(--primary-color);
}

.main-block-menu .schedule_date {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
}

.main-block-menu .schedule_date .week_name {
    font-size: 1.2em;
}

#headerfixed .menu-block .navs ul li a,
.dropdown-menu > li > a {
    min-width: 250px;
}

.main-block-subscribe-objects .info {
    /*top: auto !important;*/
}


.main-block-subscribe-objects .new-item {
    margin: 16px 0;
    border-radius: 3px;
    border: 1px solid #ecf2f4;
    background: #fff;
    padding: 40px;
    position: relative;
}


.main-block-subscribe-objects .info {
    position: absolute;
    z-index: 2;
    display: block;
    bottom: 0;
    padding: 23px;
    background: rgba(28, 147, 145, 0.5);
    font-weight: 600;
    color: #fff;
}

.main-block-subscribe-objects .info p {
    text-align: left;
    font-size: 1em;
    line-height: 20px;
    color: white;
}

@media (max-width: 1024px) {
    .main-block-subscribe-objects {
        padding: 15px;
    }

    .main-block-subscribe-objects .info p {
        font-size: 0.9em;
    }
}

@media (max-width: 991px) {
    .main-block-subscribe-objects .info p {
        font-size: 0.8em;
    }
}

@media (max-width: 836px) {
    .main-block-subscribe-objects .info p {
        font-size: 0.7em;
    }

    .main-block-subscribe-objects .info {
        padding: 18px;
    }
}

@media (max-width: 767px) {
    .main-block-subscribe-objects .info p {
        font-size: 0.9em;
    }
}

@media (max-width: 437px) {
    .main-block-subscribe-objects .info {
        padding: 14px;
    }

    .main-block-subscribe-objects .info p {
        font-size: 0.7em;
    }
}

@media (max-width: 414px) {
    .main-block-subscribe-objects .info {
        display: none;
    }
}

.main-block-subscribe-objects .item-views.front h2 {
    margin-bottom: 30px;
    font-size: 1.8em;
}

.main-block-subscribe-objects .first-main-subblock-objects {
    position: relative;
}

.main-block-subscribe-objects .second-main-subblock-objects {
    padding-top: 20px;
}

.main-block-subscribe-objects .second-main-subblock-objects .buttons {
    text-align: center;
}

@media screen and (max-width: 480px) {
    .main-block-subscribe-objects .new-item {
        padding: 25px;
    }
}

@media screen and (max-width: 380px) {
    .main-block-subscribe-objects .item-views.front h2 {
        font-size: 1.3em;
    }

    .main-block-subscribe-objects .second-main-subblock-objects .buttons .btn {
        font-size: 0.8em;
    }
}


.main-block-desc-objects .item-views.blocks.front {
    padding: 40px 0 0;
}

.sections.item-views.front {
    padding: 70px 0 70px;
}

@media screen and (max-width: 768px) {
    .item-views.blocks.front,
    .sections.item-views.front {
        padding: 32px 0;
    }

    .item-views.front.icons.sections.blocks-short {
        padding-bottom: 0;
    }

    .company-block .item-views.front .props {
        /*margin: 32px 0 0;*/
        margin: 0;
    }
}

@media screen and (max-width: 480px) {
    .item-views.blocks.front,
    .sections.item-views.front {
        /*padding: 25px 0 ;*/
        padding: 30px 0 55px 0;
    }

    .item-views.front h2 {
        margin-bottom: 35px;
        font-size: 1.7em;
    }

    .sections.item-views.blocks-short .items {
        margin: 0;
    }

    .sections.item-views.blocks-short .items .item:first-child {
        margin-top: 0;
    }
}


.main-form-questions .form.inline {
    padding: 40px 59px 40px;
}

.main-form-questions .inline .description {
    margin: 5px 0 0;
}

.main-form-questions .description p {
    margin: 10px 0;
}

.main-form-questions .inline .form-title {
    margin: 0 0 10px;
}

.main-form-questions form .form-control {
    padding: 5px 0;
}

.main-form-questions .form .form-group {
    margin-bottom: 20px;
}


form .input-checkbox label {
    display: contents;
}

form .input-checkbox .input input {
    margin-right: 10px;
}

form .form-control {
    padding: 10px 0;
}

.schedule_body {
    color: #333;
}

.schedule_row {
    padding: 0 20px;
    border-bottom: 1px solid #ecf2f4;
}

.schedule_block {
    border: 1px solid #ecf2f4;
    border-radius: 3px;
}

.schedule_block .schedule_body {
    font-size: 0.9333em;
    line-height: 1.5715em;
}

.schedule_block .schedule_body .week_name {
    font-size: 1.1em;
    margin-top: -1px;
}

.main-block-menu .schedule_block .schedule_body .week_name {
    color: #fff;
    text-align: center;
}

.schedule_date {
    font-weight: 700;
    display: flex;
    padding-top: 14px;
    padding-bottom: 14px;
}

.schedule_block span.colored_theme_svg i.svg {
    min-width: auto;
    min-height: auto;
    margin-right: 3px;
}

.schedule_block span.colored_theme_svg .svg svg {
    display: block;
}

.schedule_info span.colored_theme_svg:hover {
    color: #333;
}

.schedule_info span.colored_theme_svg:hover svg path {
    fill: #333;
}

.schedule_block .sub_row {
    padding: 14px 0;
    border-bottom: 1px solid #ecf2f4;
}

.schedule_block .sub_row:last-of-type {
    border-bottom: none;
}

.schedule_block .sub_row .row {
    display: flex;
    align-items: center;
}

.schedule_body .schedule_info {
    padding-right: 0;
}

.schedule_body .schedule_row .row {
    display: flex;
    align-items: center;
    /*margin-right: -21px;*/
}


.schedule_info .sub_row {
    padding-right: 20px;
}

.schedule_info .services_block a:not(:hover) {
    color: #666;
}

@media (max-width: 767px) {
    .schedule_block .schedule_body {
        font-size: 0.8667em;
    }

    .schedule_block .schedule_body .week_name {
        font-size: 1em;
    }

    .schedule_date {
        flex-direction: column;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .schedule_block .sub_row {
        padding: 10px 0;
    }

    .schedule_body .schedule_row .col-sm-4 {
        width: 33%;
    }

    .main-block-schedule .schedule_body .schedule_row .col-sm-8 {
        width: 50%;
    }
}


@media screen and (max-width: 767px) {
    .detail-new-services .tab-pane h4 {
        display: none;
    }
}

.item-accordion-wrapper.opened .accordion-head:before {
    left: 10px;
}

.item-accordion-wrapper img {
    margin: 0 15px;
}

.main-block-desc-objects .item-views.blocks.front .item-accordion-wrapper {
    border: none;
}

.main-block-desc-objects .accordion-body h2 {
    font-size: 25px;
}


.top-block .eye-link,
.top-block .print-link {
    cursor: pointer;
}

.top-block .eye-link:hover,
.top-block .print-link:hover {
    color: #218a8b;
}


.company-block.main-block-tizers-number .item-views.front .props .item .title {
    color: #fff;
}

@media screen and (min-width: 992px) {
    .main-block-tizers-number .item-views.front .props .item .image {
        position: relative;
        top: 7px;
    }

    .company-block.main-block-tizers-number .item-views.front .props .item .body-info {
        top: unset;
        transform: none;
    }
}

/*footer*/

footer .info div.address:before {
    display: none;
}

footer .info div.address {
    padding: 0;
}

footer .info div.address div {
    /*padding-left: 28px;*/
    text-align: left;
}

.main-form-calculate {
    margin-bottom: 35px;
}

.main-form-calculate .form.inline {
    padding: 40px 59px 40px;
}

.main-form-calculate .form.inline .form-title {
    margin: 0 0 20px;
}

.main-form-calculate .form.inline .description {
    margin: 10px 0 0;
}

.main-form-calculate form .form-control {
    padding: 15px 0;
}

.main-form-calculate .form .form-group {
    margin-bottom: 10px;
}

.main-form-calculate .form .form-group label {
    margin-top: 7px;
}

.main-form-calculate .form .form-body {
    padding: 10px 0;
}


@media screen and (max-width: 375px) {
    #form_calculate_top {
        margin-bottom: 0;
    }
}

#form_calculate_bottom,
#form_calculate_top {
    opacity: 0;
    transition: all 1s;
}

.main-form-calculate-mobile .form-body div[data-sid=PAUL] label,
.main-form-calculate-mobile .form-body div[data-sid=OBJECTS] label {
    position: relative;
}

.main-form-calculate-mobile .form-body div[data-sid=PAUL] .input input,
.main-form-calculate-mobile .form-body div[data-sid=OBJECTS] .input input {
    margin-right: 10px;
}

.main-form-calculate-mobile .form-body div[data-sid=PAUL] {
    float: left;
}

.main-form-calculate-mobile .form-body div[data-sid=OBJECTS] {
    float: right;
}

.main-form-calculate-mobile .form-body div[data-sid=AGE] {
    clear: both;
}

@media screen and (max-width: 767px) {
    .main-form-calculate .form.inline {
        padding: 20px 15px 25px;
    }

    .form.popup form[name=aspro_medc2_calculate] .form-header,
    .form.popup form[name=aspro_medc2_calculate] .form-body,
    .form.popup form[name=aspro_medc2_calculate] .form-footer {
        padding: 20px 15px;
    }

    .main-form-calculate .form.inline .form-body div[data-sid=PAUL],
    .form.popup form[name=aspro_medc2_calculate] .form-body div[data-sid=PAUL] {
        float: left;
    }

    .main-form-calculate .form.inline .form-body div[data-sid=OBJECTS],
    .form.popup form[name=aspro_medc2_calculate] .form-body div[data-sid=OBJECTS] {
        float: right;
    }

    .main-form-calculate .form.inline .form-body div[data-sid=AGE],
    .form.popup form[name=aspro_medc2_calculate] .form-body div[data-sid=AGE] {
        clear: both;
    }

    .main-form-calculate .form.inline .form-body input,
    .main-form-calculate .form.inline .form-body select {
        padding-bottom: 3px;
    }

    .main-form-calculate-mobile .form-title,
    .main-form-calculate-mobile .form-body .form-group {
        margin-bottom: 25px;
    }
}

#content > div.row > div.content-md {
    padding-left: 0;
    padding-right: 0;
}

.gallery-detail .gallery-item,
.gallery-list .gallery-item {
    margin-bottom: 30px;
}

.gallery-list .gallery-item p {
    text-align: center;
    margin: 0;
    padding: 15px 10px 20px;
}

.main-block-photo-gallery .flexslider .flex-direction-nav {
    margin-top: -105px !important;
}

@media screen and (max-width: 991px) {
    .main-block-photo-gallery .flexslider .flex-direction-nav {
        margin-top: 0 !important;
    }

    .slides.gallery .item {
        margin: auto;
        display: table;
    }
}

.docs-block.gallery a {
    display: table;
    margin: auto;
}

.fancybox-nav span {
    visibility: inherit !important;
}

#ajax_reload_sections ~ #form_calculate_bottom {
    padding-top: 30px;
}

@media screen and (min-width: 768px) {
    .excursion-mobile-button {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .excursion-mobile-button {
        display: block;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.article-author {
    display: flex;
    flex-direction: row;
}

.article-author__right-side {
    padding-left: 20px;
}

.article-author__right-side div:not(.article-author__author-title) {
    padding-bottom: 15px;
}

.article-author__author-title {
    font-weight: bold;
    padding-bottom: 10px;
}

.article-author__author-name {
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width: 800px) {
    .article-author__author-name {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {
    .article-author {
        flex-direction: column;
    }

    .article-author__left-side, .article-author__right-side {
        width: 100%;
    }

    .article-author__right-side {
        padding-top: 20px;
        padding-left: 0;
    }

    .article-author__right-side div:not(.article-author__author-title){
        padding-bottom: 5px;
    }
}

.pansionat-table {
    /*padding: 71px 0 0;*/
    padding: 10px 0 0;
}

.pansionat-table table {
    border-collapse: collapse;
    margin-bottom: 30px;
}

.pansionat-table td {
    padding: 14px 20px;
    border: 1px solid #ecf2f4;
}

.pansionat-table thead td {
    text-align: center;
    background-color: #f5f8f9;
}

.pansionat-table tbody td:not(:first-of-type) {
    text-align: center;
    font-size: 18px;
}

.pansionat-table tbody td .fa-check {
    color: #0DBC91;
}

.pansionat-table tbody td .fa-times {
    color: #ff0000;
}

.pansionat-table-inner {
    padding: 0 !important;
}

.jqm-modal-show {
    position: fixed;
    overflow: hidden;
}

.jqmWindow {
    max-height: 100vh;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.jqmWindow::-webkit-scrollbar {
    width: 0;
    height: 0;
}

@media screen and (max-width: 480px) {
    .jqmClose.top-close {
        top: 30px;
        right: 20px;
    }
}

@media screen and (max-width: 480px) {

    .pansionat-table thead td {
        font-size: 14px;
    }

    .pansionat-table tbody {
        font-size: 14px;
    }

    .pansionat-table td {
        padding: 14px 10px;
    }
}

@media screen and (max-width: 390px) {

    .pansionat-table thead td {
        font-size: 13px;
    }

    .pansionat-table tbody {
        font-size: 13px;
    }

    .pansionat-table td {
        padding: 14px 6px;
    }
}

.mobile_header_fixed {
    position: fixed;
    width: 100%;
    z-index: 15;
    background: white;
    top: 0;
    border-bottom: 1px solid #f5f5f5;
}

#mobileheader {
    height: 180px;
}

#mobileheader .mail svg {
    width: 100%;
}

@media screen and (max-width: 450px) {
    #mobileheader {
        height: 110px;
    }

    #mobileheader .mobile-header-bottom {
        display: none;
    }
}

#mobileheader .logo-block {
    padding: 5px 55px 5px 70px;
}

#mobileheader .wrap_icon {
    padding-top: 5px;
    padding-bottom: 5px;
}

.mobile-header-bottom {
    display: flex;
    justify-content: center;
    text-align: center;
}

.mobile-header-whatsapp {
    display: flex;
    flex-direction: column;
}

#headerfixed .maxwidth-theme {
    padding: 10px 16px;
}

.text-under-logo {
    margin-left: -11px;
}

@media screen and (max-width: 999px) {
    .text-under-logo {
        margin-left: -27px;
    }
}

.cwd-cover {
    display: flex;
    align-items: center;
    justify-content: center;
}

table.cwd {
    text-decoration: none;
    border-collapse: collapse;
    width: 60%;
    text-align: center;
}

table.cwd thead {
    background: #ECF0F1;
}

table.cwd thead td:first-child {
    border-top-left-radius: 15px;
}

table.cwd thead td:last-child {
    border-top-right-radius: 15px;
}


table.cwd tbody {
    background-color: #f8f8f8;
}

table.cwd th {
    font-weight: normal;
    font-size: 15px;
    color: #354251;
    background-color: #354251;
}

table.cwd td {
    font-size: 14px;
    color: #000000;
}

table.cwd td, table.cwd th {
    padding: 15px 5px;
    line-height: 13px;
    vertical-align: middle;
    border: 3px solid white;
}

@media screen and (max-width: 500px) {

    table.cwd {
        width: 100%;
    }

    .cwd-cover table td {
        font-size: 14px;
        padding: 14px 5px;
    }
}

.table-articles-mobile {
    display: none;
}

@media screen and (max-width: 560px) {

    .table-articles {
        display: none;
    }

    .table-articles-mobile {
        display: block;
    }

}

.flex-viewport {
    height: 100% !important;
}

.title-image {
    display: none;
}

.big-gallery {
    margin-top: 6% !important;
}

.small-gallery {
    margin-top: 6% !important;
}

.social-icons {
    margin-top: 20px;
}

.subscribe_bg {
    padding: unset !important;
}


#ajax_reload_sections ~ #form_calculate_bottom {
    padding-top: unset;
}

.pic__center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_footer {
    margin-bottom: 31px !important;
}

@media screen and (min-width: 991px) {

    .copy {
        width: 57% !important;
    }

    .copy__footer {
        display: flex;
    }

    .copy__footer-item {
        margin-right: 20px;
    }

    .copy__footer-item:first-child {
        width: 70%;
    }

    .copy__footer-item:last-child {
        width: 89%;
        margin-right: 0;
    }
}

@media screen and (max-width: 991px) {

    .sidebar-block-advantage {
        display: none;
    }

    .copy__footer-item {
        margin-bottom: 15px;
    }

    .copy__footer-item:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {

    .top_footer {
        margin-bottom: 20px !important;
    }

    .menu-block {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 7% !important;
        padding-right: 3% !important;
    }

    .contact-block {
        margin-bottom: 30px !important;
    }

    .first_menu {
        display: none;
    }

    .social-icons {
        margin-top: 15px !important;
        margin-bottom: 10px !important;
        text-align: center !important;
    }

    .small_title {
        text-align: center !important;
    }
}

.sections.item-views.icons .item .image img {
    background: transparent !important;
}

.about__preview {
    width: 89%;
    text-align: justify;
}

.about__title {
    text-align: center;
}

.about__title-indent {
    margin-top: 85px !important;
}

.about__text {
    text-align: justify;
}

.footer__contact {
    margin-bottom: 15px;
}

.footer__contact:last-child {
    margin-bottom: 30px;
}

.footer__scheme {
    color: #218a8b;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
}

.yamaps__raiting {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 10%;
    margin-left: 60%;
}

.yamaps__raiting-title {
    /*margin: 25px 0 0 0;*/
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
}

.yamaps__raiting-item {
    margin: 10px 0 5px 0;
    font-size: 13px;
    color: #333333;
}

.yamaps__raiting-objects {
    display: flex;
}

.yamaps__raiting-object {
    margin-right: 10px;
}

.yamaps__raiting-object:last-child {
    margin-right: 0;
}

.yamaps__raiting-object-google {
   width: 150px;
   height: 50px;
}

@media screen and (max-width: 1700px) {
    .yamaps__raiting {
        margin-left: 10%;
    }
}

@media screen and (max-width: 767px) {
    .about__preview {
        width: 100%;
        text-align: left;
    }

    .about__title-indent {
        margin-top: 30px !important;
    }

    .about__text {
        text-align: left;
    }

    .footer__contact {
        margin-bottom: 20px;
    }

    .footer__contact:last-child {
        margin-bottom: 35px;
    }

    .yamaps__raiting {
        margin-right: unset;
        margin-left: unset;
    }

    .header-calculator-block {
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .header-calculator-block:before {
        background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 781 781' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='390.5' cy='390.5' r='390.5' fill='%2327a3a4'/%3E%3Cpath d='M526 630H254C239.153 629.983 224.919 624.078 214.421 613.579C203.922 603.081 198.017 588.847 198 574V206C198.017 191.153 203.922 176.919 214.421 166.421C224.919 155.922 239.153 150.017 254 150H526C540.847 150.017 555.081 155.922 565.579 166.421C576.078 176.919 581.983 191.153 582 206V574C581.983 588.847 576.078 603.081 565.579 613.579C555.081 624.078 540.847 629.983 526 630V630ZM254 166C243.395 166.013 233.228 170.231 225.73 177.73C218.231 185.228 214.013 195.395 214 206V574C214.013 584.605 218.231 594.772 225.73 602.27C233.228 609.769 243.395 613.987 254 614H526C536.605 613.987 546.772 609.769 554.27 602.27C561.769 594.772 565.987 584.605 566 574V206C565.987 195.395 561.769 185.228 554.27 177.73C546.772 170.231 536.605 166.013 526 166H254Z' fill='white'/%3E%3Cpath d='M414 598H366C359.635 598 353.53 595.471 349.029 590.971C344.529 586.47 342 580.365 342 574V542C342 535.635 344.529 529.53 349.029 525.029C353.53 520.529 359.635 518 366 518H414C420.365 518 426.47 520.529 430.971 525.029C435.471 529.53 438 535.635 438 542V574C438 580.365 435.471 586.47 430.971 590.971C426.47 595.471 420.365 598 414 598ZM366 534C363.878 534 361.843 534.843 360.343 536.343C358.843 537.843 358 539.878 358 542V574C358 576.122 358.843 578.157 360.343 579.657C361.843 581.157 363.878 582 366 582H414C416.122 582 418.157 581.157 419.657 579.657C421.157 578.157 422 576.122 422 574V542C422 539.878 421.157 537.843 419.657 536.343C418.157 534.843 416.122 534 414 534H366Z' fill='white'/%3E%3Cpath d='M302 598H254C247.635 598 241.53 595.471 237.029 590.971C232.529 586.47 230 580.365 230 574V542C230 535.635 232.529 529.53 237.029 525.029C241.53 520.529 247.635 518 254 518H302C308.365 518 314.47 520.529 318.971 525.029C323.471 529.53 326 535.635 326 542V574C326 580.365 323.471 586.47 318.971 590.971C314.47 595.471 308.365 598 302 598ZM254 534C251.878 534 249.843 534.843 248.343 536.343C246.843 537.843 246 539.878 246 542V574C246 576.122 246.843 578.157 248.343 579.657C249.843 581.157 251.878 582 254 582H302C304.122 582 306.157 581.157 307.657 579.657C309.157 578.157 310 576.122 310 574V542C310 539.878 309.157 537.843 307.657 536.343C306.157 534.843 304.122 534 302 534H254Z' fill='white'/%3E%3Cpath d='M526 598H478C471.635 598 465.53 595.471 461.029 590.971C456.529 586.47 454 580.365 454 574V446C454 439.635 456.529 433.53 461.029 429.029C465.53 424.529 471.635 422 478 422H526C532.365 422 538.47 424.529 542.971 429.029C547.471 433.53 550 439.635 550 446V574C550 580.365 547.471 586.47 542.971 590.971C538.47 595.471 532.365 598 526 598ZM478 438C475.878 438 473.843 438.843 472.343 440.343C470.843 441.843 470 443.878 470 446V574C470 576.122 470.843 578.157 472.343 579.657C473.843 581.157 475.878 582 478 582H526C528.122 582 530.157 581.157 531.657 579.657C533.157 578.157 534 576.122 534 574V446C534 443.878 533.157 441.843 531.657 440.343C530.157 438.843 528.122 438 526 438H478Z' fill='white'/%3E%3Cpath d='M414 502H366C359.635 502 353.53 499.471 349.029 494.971C344.529 490.47 342 484.365 342 478V446C342 439.635 344.529 433.53 349.029 429.029C353.53 424.529 359.635 422 366 422H414C420.365 422 426.47 424.529 430.971 429.029C435.471 433.53 438 439.635 438 446V478C438 484.365 435.471 490.47 430.971 494.971C426.47 499.471 420.365 502 414 502ZM366 438C363.878 438 361.843 438.843 360.343 440.343C358.843 441.843 358 443.878 358 446V478C358 480.122 358.843 482.157 360.343 483.657C361.843 485.157 363.878 486 366 486H414C416.122 486 418.157 485.157 419.657 483.657C421.157 482.157 422 480.122 422 478V446C422 443.878 421.157 441.843 419.657 440.343C418.157 438.843 416.122 438 414 438H366Z' fill='white'/%3E%3Cpath d='M302 502H254C247.635 502 241.53 499.471 237.029 494.971C232.529 490.47 230 484.365 230 478V446C230 439.635 232.529 433.53 237.029 429.029C241.53 424.529 247.635 422 254 422H302C308.365 422 314.47 424.529 318.971 429.029C323.471 433.53 326 439.635 326 446V478C326 484.365 323.471 490.47 318.971 494.971C314.47 499.471 308.365 502 302 502ZM254 438C251.878 438 249.843 438.843 248.343 440.343C246.843 441.843 246 443.878 246 446V478C246 480.122 246.843 482.157 248.343 483.657C249.843 485.157 251.878 486 254 486H302C304.122 486 306.157 485.157 307.657 483.657C309.157 482.157 310 480.122 310 478V446C310 443.878 309.157 441.843 307.657 440.343C306.157 438.843 304.122 438 302 438H254Z' fill='white'/%3E%3Cpath d='M414 406H366C359.635 406 353.53 403.471 349.029 398.971C344.529 394.47 342 388.365 342 382V350C342 343.635 344.529 337.53 349.029 333.029C353.53 328.529 359.635 326 366 326H414C420.365 326 426.47 328.529 430.971 333.029C435.471 337.53 438 343.635 438 350V382C438 388.365 435.471 394.47 430.971 398.971C426.47 403.471 420.365 406 414 406V406ZM366 342C363.878 342 361.843 342.843 360.343 344.343C358.843 345.843 358 347.878 358 350V382C358 384.122 358.843 386.157 360.343 387.657C361.843 389.157 363.878 390 366 390H414C416.122 390 418.157 389.157 419.657 387.657C421.157 386.157 422 384.122 422 382V350C422 347.878 421.157 345.843 419.657 344.343C418.157 342.843 416.122 342 414 342H366Z' fill='white'/%3E%3Cpath d='M302 406H254C247.635 406 241.53 403.471 237.029 398.971C232.529 394.47 230 388.365 230 382V350C230 343.635 232.529 337.53 237.029 333.029C241.53 328.529 247.635 326 254 326H302C308.365 326 314.47 328.529 318.971 333.029C323.471 337.53 326 343.635 326 350V382C326 388.365 323.471 394.47 318.971 398.971C314.47 403.471 308.365 406 302 406V406ZM254 342C251.878 342 249.843 342.843 248.343 344.343C246.843 345.843 246 347.878 246 350V382C246 384.122 246.843 386.157 248.343 387.657C249.843 389.157 251.878 390 254 390H302C304.122 390 306.157 389.157 307.657 387.657C309.157 386.157 310 384.122 310 382V350C310 347.878 309.157 345.843 307.657 344.343C306.157 342.843 304.122 342 302 342H254Z' fill='white'/%3E%3Cpath d='M526 406H478C471.635 406 465.53 403.471 461.029 398.971C456.529 394.47 454 388.365 454 382V350C454 343.635 456.529 337.53 461.029 333.029C465.53 328.529 471.635 326 478 326H526C532.365 326 538.47 328.529 542.971 333.029C547.471 337.53 550 343.635 550 350V382C550 388.365 547.471 394.47 542.971 398.971C538.47 403.471 532.365 406 526 406V406ZM478 342C475.878 342 473.843 342.843 472.343 344.343C470.843 345.843 470 347.878 470 350V382C470 384.122 470.843 386.157 472.343 387.657C473.843 389.157 475.878 390 478 390H526C528.122 390 530.157 389.157 531.657 387.657C533.157 386.157 534 384.122 534 382V350C534 347.878 533.157 345.843 531.657 344.343C530.157 342.843 528.122 342 526 342H478Z' fill='white'/%3E%3Cpath d='M526 294H254C247.635 294 241.53 291.471 237.029 286.971C232.529 282.47 230 276.365 230 270V206C230 199.635 232.529 193.53 237.029 189.029C241.53 184.529 247.635 182 254 182H526C532.365 182 538.47 184.529 542.971 189.029C547.471 193.53 550 199.635 550 206V270C550 276.365 547.471 282.47 542.971 286.971C538.47 291.471 532.365 294 526 294ZM254 198C251.878 198 249.843 198.843 248.343 200.343C246.843 201.843 246 203.878 246 206V270C246 272.122 246.843 274.157 248.343 275.657C249.843 277.157 251.878 278 254 278H526C528.122 278 530.157 277.157 531.657 275.657C533.157 274.157 534 272.122 534 270V206C534 203.878 533.157 201.843 531.657 200.343C530.157 198.843 528.122 198 526 198H254Z' fill='white'/%3E%3Cpath d='M502 270C495.635 270 489.53 267.471 485.029 262.971C480.529 258.47 478 252.365 478 246V230C478 223.635 480.529 217.53 485.029 213.029C489.53 208.529 495.635 206 502 206C508.365 206 514.47 208.529 518.971 213.029C523.471 217.53 526 223.635 526 230V246C526 252.365 523.471 258.47 518.971 262.971C514.47 267.471 508.365 270 502 270V270ZM502 222C499.878 222 497.843 222.843 496.343 224.343C494.843 225.843 494 227.878 494 230V246C494 248.122 494.843 250.157 496.343 251.657C497.843 253.157 499.878 254 502 254C504.122 254 506.157 253.157 507.657 251.657C509.157 250.157 510 248.122 510 246V230C510 227.878 509.157 225.843 507.657 224.343C506.157 222.843 504.122 222 502 222Z' fill='white'/%3E%3C/svg%3E%0A");
        margin-right: 10px;
        content: "";
        width: 45px;
        height: 45px;
        background-size: cover;
    }

    .header-calculator {
        max-width: 80%;
        line-height: 18.9px;
    }


}

@media screen and (max-width: 320px) {
    .yamaps__raiting-object {
        margin-right: 2px;
    }
}

.marquiz__container.marquiz__container_inline {
    margin-top: 70px;
}

@media screen and (max-width: 767px) {
    .marquiz__container.marquiz__container_inline {
        margin-top: 30px;
    }
}

/* Новая вёрстка */

.gray {
    background-color: #F5F8F9;
}

/*h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0; }*/

/*a {
    color: inherit;
    cursor: pointer;
    text-decoration: none; }*/

button {
    border: 0;
    cursor: pointer;
    background: transparent;
    transition: 0.3s ease-in-out;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

video {
    object-fit: cover;
    object-position: center;
    overflow-clip-margin: content-box;
    overflow: clip;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.maincontent {
    flex: 1;
}

/*.container {
    width: 95%;
    height: 100%;
    max-width: 1280px;
    margin: 0 auto; }*/

.detail .padding__container {
    padding: 10px 16px ;
}

@media screen and (max-width: 999px) {
    .detail .padding__container {
        padding: 10px;
    }
}

.padding__container {
    padding: 72px 16px;
}

@media screen and (max-width: 999px) {
    .padding__container {
        padding: 55px;
    }
}

.custom-swiper-button-prev:after, .custom-swiper-button-next:after {
    display: none;
}

.custom-swiper-button-prev, .custom-swiper-button-next {
    all: unset;
}

@media screen and (max-width: 999px) {
    .swiper-desc {
        display: none;
    }
}

.swiper-mobile {
    display: none;
}

@media screen and (max-width: 999px) {
    .swiper-mobile {
        display: block;
    }
}

.swiper-mobile .gallery__pic {
    flex-shrink: 0;
    overflow: unset;
}

.fancybox-button--arrow_left {
    left: 20px;
    /* Измените значение, чтобы корректно разместить кнопку "влево" */
}

.fancybox-button--arrow_right {
    right: 20px;
    /* Измените значение, чтобы корректно разместить кнопку "вправо" */
}

.title__cover {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.title__h2 {
    color: #333333;
    font-size: 32px;
    font-weight: 400;
}

.btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.buttons__nav {
    justify-content: flex-end;
}

.button__main {
    background-color: #218A8B;
    color: #FFFFFF;
    border-radius: 12px;
    padding: 12px 12px;
    text-align: center;
    min-width: 180px;
}

.button__nav {
    width: 20px;
    height: 23px;
    cursor: pointer;
}

.button__nav--left {
    margin-right: 37px;
}

.button__nav--right {
    transform: rotate(180deg);
}

@media screen and (max-width: 999px) {
    .button__nav {
        display: none;
    }
}

.button__white {
    background-color: #FFFFFF;
    color: #218A8B;
    border-radius: 12px;
    padding: 5px 12px;
    font-size: 13px;
    text-align: center;
    min-width: 155px;
    width: 100%;
}

@media (hover: hover) {
    .button__white {
        transition: 0.3s ease-in-out;
    }

    .button__white:hover {
        box-shadow: 0px 2px 9px 0px rgba(18, 25, 38, 0.1);
    }
}

.button__white a {
    color: #218a8b !important;
}

.button__container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #218A8B;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    padding: 25px 0 25px 0;
}

@media screen and (max-width: 1350px) {
    .buttons__nav-advantages, .buttons__nav-conditions {
        padding-right: 60px;
    }
}

.about__container {
    padding: 52px 55px 66px 58px;
}

@media screen and (max-width: 999px) {
    .about__container {
        padding: 55px;
    }
}

.abouts__title {
    margin: 0;
    margin-bottom: 35px;
    text-align: left;
}

@media screen and (max-width: 999px) {
    .abouts__title {
        margin-bottom: 25px;
    }
}

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

@media screen and (max-width: 999px) {
    .about__content {
        flex-direction: column;
        justify-content: unset;
    }
}

.about__desc {
    display: flex;
    flex-direction: column;
    flex: 0 0 37%;
}

@media screen and (max-width: 1200px) {
    .about__desc {
        flex: 0 0 50%;
        margin-right: 3%;
    }
}

@media screen and (max-width: 999px) {
    .about__desc {
        flex: unset;
        margin-right: unset;
    }
}

.abouts__text {
    font-size: 16px;
    line-height: 20.7px;
    color: #333333;
    margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
    .abouts__text {
        font-size: 14px;
    }
}

@media screen and (max-width: 999px) {
    .abouts__text {
        margin-bottom: 20px;
    }
}

.about__text p {
    margin-top: 0 !important;
}

.about__text p:last-child {
    margin-bottom: 25px;
}

.abouts__text p:first-child {
    font-weight: 600;
}

.abouts__text p {
    margin: 0;
    margin-bottom: 15px;
}

.abouts__text p:last-child {
    margin-bottom: 0px;
}

.about__video {
    position: relative;
    overflow: hidden;
    flex: 0 0 57%;
    border-radius: 12px;
}

@media screen and (max-width: 1200px) {
    .about__video {
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 999px) {
    .about__video {
        flex: unset;
        height: 100%;
        width: 100%;
        padding-bottom: 56.25%;
        overflow: hidden;
    }
}

.about__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    width: 100%;
    height: 100%;
}

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

@media screen and (max-width: 999px) {
    .about__links {
        margin-bottom: 15px;
    }
}

.about__links .about__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    background-color: #FFFFFF;
    color: #218A8B;
    font-size: 13px;
    padding: 16px 17px 16px 17px;
    max-height: 40px;
    margin-bottom: 15px;
    margin-right: 15px;
    box-shadow: 0px 1px 3px 0px rgba(18, 25, 38, 0.1);
}

.about__links .about__button::after {
    content: "";
    background: url("/local/templates/aspro-medc2/images/svg/arrlink.svg") no-repeat;
    display: inline-flex;
    width: 12px;
    height: 10px;
    flex-shrink: 0;
    margin-left: 26px;
}

.about__links .about__button--1 {
    order: 1;
}

.about__links .about__button--2 {
    order: 2;
}

.about__links .about__button--3 {
    order: 3;
}

.about__links .about__button--4 {
    order: 4;
}

.about__links .about__button--5 {
    order: 5;
}

.about__links .about__button--6 {
    order: 6;
}

header {
    margin-top: 10px;
}

.items .gallery {
    display: flex;
}

.block__title {
    font-weight: bold;
    color: #333;
    font-size: 1.3333em;
    margin: 36px 0 36px;
    font-family: "PT Sans Caption", Arial, sans-serif;
}

.mySwiper-gallery .swiper-slide {
    overflow: hidden;
    text-align: center;
    border-radius: 15px;
}

.mySwiper-gallery .swiper-slide img{
    border-radius: 15px;
}

.zoom-on-hover {
    position: relative;
    transition: transform 0.6s ease;
    cursor: zoom-in;
}

.zoom-on-hover:hover {
    transition: transform 3s ease;
    transform: scale(1.25);
}

.zoom-on-hover::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.zoom-on-hover:hover::after {
    opacity: 1;
}

.swiper-pagination-gallery {
    margin: 20px;
    position: relative !important;
    bottom: 0 !important;
    top: 0 !important;
}

@media (hover: hover) {
    .about__links .about__button {
        transition: 0.3s ease-in-out;
    }

    .about__links .about__button:hover {
        z-index: 1;
        box-shadow: 0px 3px 7px 0px rgba(18, 25, 38, 0.1);
    }
}

@media screen and (max-width: 550px) {
    .marquiz__button {
        padding: 12px 21px !important;
        font-size: 15px !important;
    }


    .items .gallery {
        margin-top: 0;
        margin-bottom: 0;
    }


    .thumb-wrap {
        position: relative;
        padding-bottom: 56.25%; /* 56.25% задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
        height: 0;
        overflow: hidden;
    }

    .thumb-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-width: 0;
        outline-width: 0;
    }

    .padding__container {
        padding: 30px 16px;
    }

    .title__cover {
        margin-bottom: 30px;
    }

    .title__h2 {
        font-size: 25px;
    }

    .button__main {
        font-size: 13px;
        padding: 8px 12px !important;
    }

    .button__white {
        background-color: #F5F8F9;
    }

    .button__container {
        font-size: 14px;
        padding: 19px 0;
    }

    .about__container {
        padding: 32px 10px 36px 14px;
    }

    .abouts__title {
        margin-bottom: 30px;
    }

    .abouts__text {
        line-height: 18.12px;
        margin-bottom: 27px;
    }

    .abouts__text p {
        margin-bottom: 10px;
    }

    .abouts__text p:last-child {
        margin-bottom: 0px;
    }

    .about__video {
        padding-bottom: 64.25%;
    }

    .about__links {
        margin-bottom: 20px;
    }

    .about__links .about__button::after {
        margin-left: 16px;
        background: url("/local/templates/aspro-medc2/images/svg/arrlinksm.svg") no-repeat;
    }

    .about__links .about__button {
        font-size: 12px;
        padding: 16px 11px;
        line-height: 15.53px;
        margin-bottom: 10px;
    }
}

/* Mobile top contacts + header layout */
.mobile-top-contacts {
  display: none;
}

@media (max-width: 991px) {
  #mobileheader {
    height: 74px !important;
    min-height: 74px;
  }

  .mobile-top-contacts {
    display: block;
    height: 40px;
    overflow: hidden;
    border-radius: 0 0 18px 18px;
    color: #fff;
    background: #218a8b;
    opacity: 1;
    transform: translateY(0);
    transition: height 180ms ease, opacity 140ms ease, transform 180ms ease;
  }

  .mobile-top-contacts.is-hidden {
    height: 0;
    opacity: 0;
    transform: translateY(-100%);
  }

  .mobile-top-contacts__inner {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    align-items: center;
    padding: 0 12px;
    white-space: nowrap;
  }

  .mobile-top-contacts__pin {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-right: 6px;
  }

  .mobile-top-contacts__region,
  .mobile-top-contacts__phone {
    color: #fff;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
  }

  .mobile-top-contacts__region--active {
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .mobile-top-contacts__region + .mobile-top-contacts__region {
    margin-left: 10px;
  }

  .mobile-top-contacts__phone {
    margin-left: auto;
    font-weight: 700;
  }

  #mobileheader .mobile_header_top {
    display: flex;
    box-sizing: border-box;
    height: 74px;
    min-height: 74px;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
  }

  #mobileheader .mobile_header_top .logo-block {
    position: absolute;
    top: auto;
    right: auto;
    left: calc(50% - 6px);
    display: flex;
    width: 178px;
    max-width: 178px;
    height: 74px;
    align-items: center;
    margin: 0;
    padding: 0;
    transform: translateX(-50%);
  }

  #mobileheader .mobile_header_top .logo {
    display: flex;
    height: 100%;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
  }

  #mobileheader .mobile_header_top .logo > a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
  }

  #mobileheader .mobile_header_top .logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 58px;
  }

  #mobileheader .mobile_header_top .text-under-logo {
    display: none;
  }

  #mobileheader .mobile-header-record {
    display: inline-flex;
    box-sizing: border-box;
    min-width: 88px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    padding: 0 16px;
    border-radius: 24px;
    color: #fff;
    background: #218a8b;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
  }

  #mobileheader .mobile_header_top .burger {
    position: static;
    display: flex;
    width: 28px;
    height: 42px;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 28px;
    float: none !important;
    margin: 0;
  }

  #mobileheader .mobile_header_top .burger .svg-inline-burger {
    position: static;
    margin: 0;
  }

  #mobileheader .mobile_header_top .burger .svg-inline-burger svg {
    width: 20px;
    height: 15px;
  }
}

@media (max-width: 359px) {
  .mobile-top-contacts__inner {
    padding-right: 8px;
    padding-left: 8px;
  }

  .mobile-top-contacts__region,
  .mobile-top-contacts__phone {
    font-size: 13px;
  }

  .mobile-top-contacts__region + .mobile-top-contacts__region {
    margin-left: 7px;
  }

  #mobileheader .mobile_header_top {
    gap: 5px;
    padding-right: 8px;
    padding-left: 8px;
  }

  #mobileheader .mobile_header_top .logo-block {
    width: 150px;
    max-width: 150px;
  }

  #mobileheader .mobile-header-record {
    min-width: 82px;
    padding: 0 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-top-contacts {
    transition: none;
  }
}

@media (min-width: 992px) {
  .header-region-switcher--main {
    display: flex;
    height: 105px;
    align-items: center;
    white-space: nowrap;
  }

  .header-region-switcher__icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    margin-right: 8px;
    color: #4d4a55;
  }

  .header-region-switcher__link {
    color: #333;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
  }

  .header-region-switcher__link:hover,
  .header-region-switcher__link--active {
    color: #218a8b;
  }

  .header-region-switcher__link + .header-region-switcher__link {
    margin-left: 16px;
  }

  .header-v4 .header-contacts-block > .row {
    display: flex;
    height: 105px;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .header-v4 .header-contact-primary {
    width: 196px;
    min-width: 196px;
    flex: 0 0 196px;
    float: none;
    transform: translateX(28px);
  }

  .header-v4 .header-main-regions {
    width: 204px;
    flex: 0 0 204px;
    transform: translateX(-28px);
  }

  .header-v4 .header-contact-primary .header-address-phone {
    text-align: left;
  }
}

.top-block .social-icons li.telegram a:not(:hover) svg *,
.top-block .social-icons li.whatsapp a:not(:hover) svg * {
  fill: #909090;
}

.top-block .social-icons li.max a svg,
.top-block .social-icons li.max a svg * {
  fill: #909090;
}

.top-block .social-icons li.max a:hover svg,
.top-block .social-icons li.max a:hover svg * {
  fill: #218a8b;
}

#mobilemenu .social-icons li.max a svg {
  width: 20px;
  height: 20px;
  top: 5px;
}

#mobilemenu .social-icons li.max a svg,
#mobilemenu .social-icons li.max a svg * {
  fill: #333;
}

#mobilemenu .social-icons li.max a:hover svg,
#mobilemenu .social-icons li.max a:hover svg * {
  fill: #218a8b;
}

/* === VITA DESIGN SYSTEM (from new_src) === */


/* ==========================================================================
 * Дизайн-система «Вита» — общая вёрстка (из new_src/style.css)
 * Селекторы ограничены .content-page* / .content-page--home.
 * ========================================================================== */

/**
 * Единые стили сайта «Вита».
 *
 * Карта файла для разработчиков:
 * - [ОБЩЕЕ] — компоненты обеих страниц (главная и услуга); их можно переносить вместе с разметкой блока.
 * - [ГЛАВНАЯ] — стили/правки только для главной; изолированы через .content-page--home
 *   (на CMS-странице класс вешается на обёртку контента, не на body, чтобы не ломать шапку).
 * - [УСЛУГА] — стили только для страницы услуги; изолированы через body.content-page--service.
 * - [АДАПТИВ] — правила соответствующего блока для планшетов и телефонов.
 *
 * Порядок каскада:
 * 1. Общая дизайн-система и компоненты.
 * 2. Общие адаптивные переопределения.
 * 3. Изолированные стили страницы услуги.
 *
 * Каталог услуг (services-hub) живёт в шаблоне компонента
 * local/templates/aspro-medc2/components/bitrix/news.list/services-hub/
 */

/* [ОБЩЕЕ] Базовые стили и типографика
 * Сброс margin/padding только у «своих» блоков new_src.
 * Bitrix-компоненты (распорядок, отзывы и т.п.) не трогаем — иначе ломаются их style.css. */
.content-page * {
      box-sizing: border-box;
}



html {
      scroll-behavior: smooth;
}

body.content-page,
.content-page.content-page--home {
      line-height: 1.6;
      background: #F5F8F9;
}

/* [ГЛАВНАЯ] Full-bleed hero внутри CMS-обёртки #content.container */
#content.container .content-page--home {
      width: 100vw;
      max-width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
}

#content.container .content-page--home .hero {
      margin-bottom: 0;
}

.content-page h2 strong {
      color: #218A8B;
      font-weight: 600;
}

.content-page h1 strong {
      color: #218A8B;
}

.content-page .cta-section .section-title p {
      color: rgba(255, 255, 255, .85);
}

.content-page .container {
      max-width: 1240px;
      margin: 0 auto;
      padding: 0 24px;
}

.content-page h1 {
      font-size: 38px;
      font-weight: 600;
      color: #333333;
      line-height: 1.2;
      margin-bottom: 20px;
}

.content-page h2 {
      font-size: 32px;
      font-weight: 600;
      color: #333333;
      margin-bottom: 24px;
      line-height: 1.25;
}

.content-page h3 {
      font-size: 22px;
      font-weight: 600;
      color: #333333;
      margin-bottom: 12px;
}

.content-page h3 strong {
      color: #218A8B;
}

.content-page p {
      margin: 0 0 14px;
      color: #333333;
      line-height: 1.7;
}

.content-page ul {
      padding: 0;
}

/* Сброс маркера «—» из styles.css шаблона (ul li:before { content: "\2014" }) */
.content-page ul li:before,
.content-page ul li::before {
      content: none;
}

.content-page li {
      margin-bottom: 8px;
      padding-left: 4px;
      line-height: 1.65;
}

.content-page li::marker {
      color: #218A8B;
}

.content-page a {
      color: #218A8B;
      text-decoration: none;
}

.content-page .section {
      padding: 80px 0;
}

.content-page .section-alt {
      background: #FFFFFF;
}

.content-page .section-tint {
      background: #e6f4f4;
}

.content-page .section-title {
      text-align: center;
      max-width: 800px;
      margin: 0 auto 48px;
}

.content-page .section-title h2 {
      margin-bottom: 12px;
}

.content-page .section-title p {
      color: #6b7c7d;
      font-size: 17px;
}

/* [ОБЩЕЕ] Кнопки */
.content-page .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      background: #218A8B;
      color: #FFFFFF;
      border: none;
      border-radius: 12px;
      padding: 13px 24px;
      font-size: 15px;
      font-weight: 600;
      text-align: center;
      cursor: pointer;
      transition: all 0.2s;
      text-decoration: none;
      font-family: inherit;
}

.content-page .btn:hover {
      border-color: #186b6c;
      background: #186b6c;
      transform: translateY(-1px);
      text-decoration: none;
      color: #FFFFFF;
}

.content-page .btn-width {
      min-width: 260px;
}

.content-page .btn-outline {
      background: transparent;
      color: #218A8B;
      border: 2px solid #218A8B;
}

.content-page .btn-outline:hover {
      background: #218A8B;
      color: #FFFFFF;
      border: 2px solid #218A8B;
}

.content-page .quiz-block .btn {
      background: #FFFFFF;
      color: #218A8B;
}

.content-page .quiz-block .btn:hover {
      background: #f0f8f8;
}

.content-page .btn-primary,
.content-page .btn-secondary {
      background: #218A8B;
      color: #FFFFFF;
}

.content-page .btn--full {
      width: 100%;
}

.content-page .btn--inverse-full {
      width: 100%;
      background: #FFFFFF;
      color: #186b6c;
}

/* [ОБЩЕЕ] Медиа */
.content-page .media-placeholder {
      background: repeating-linear-gradient(45deg, #eaf3f3, #eaf3f3 10px, #d5e7e7 10px, #d5e7e7 20px);
      border: none;
      border-radius: 12px;
      display: block;
      padding: 0;
      min-height: 180px;
      overflow: hidden;
      color: #2f6668;
      font-family: "Consolas", monospace;
      font-size: 12px;
      text-align: center;
}

.content-page .media-placeholder > img {
      display: block;
      width: 100%;
      height: 100%;
      min-width: 0;
      min-height: 0;
      object-fit: cover;
      object-position: center;
}

.content-page .media-placeholder strong {
      display: block;
      color: #218A8B;
      font-size: 13px;
      margin-bottom: 6px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
}

.content-page .hero-video .media-placeholder {
      height: 100%;
      min-height: 100%;
      border-radius: 16px;
}

.content-page .hero-media {
      height: 100%;
      min-height: 100%;
      border-radius: 16px;
}

.content-page .hero-media > img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
}

.content-page .staff-photo .media-placeholder {
      height: 100%;
      min-height: 100%;
      border-radius: 0;
      border: none;
}

/* [ОБЩЕЕ] Главный экран */
.content-page .hero-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: 20px 0 28px;
}

.content-page .hero-ctas {
      flex-wrap: wrap;
      display: flex;
      flex-direction: row;
      gap: 12px;
      margin: 20px 0 28px;
}

.content-page .hero-meta {
      margin-top: 16px;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      font-size: 13px;
      color: #6b7c7d;
      padding-top: 20px;
      border-top: 1px solid #d9e4e5;
}

.content-page .hero-meta-item {
      display: inline-flex;
      align-items: center;
      gap: 4px;
}

.content-page .hero-video {
      width: 100%;
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 8px 24px rgba(33, 138, 139, 0.1);
      aspect-ratio: 4/3;
      background: #000;
      min-width: 0;
}

.content-page .hero {
      position: relative;
      overflow: hidden;
      margin-bottom: 40px;
      padding: 50px 20px;
      background:
        radial-gradient(ellipse at 82% 10%,
          rgba(33, 138, 139, 0.32) 0%,
          rgba(230, 244, 244, 0.92) 38%,
          transparent 70%),
        linear-gradient(to bottom,
          #E6F4F4 0%,
          #F5F8F9 58%,
          #FFFFFF 100%);
}

.content-page .hero::before,
.content-page .hero::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
}

.content-page .hero::before {
      top: -210px;
      right: -80px;
      width: 540px;
      height: 540px;
      border: 72px solid rgba(33, 138, 139, 0.09);
}

.content-page .hero::after {
      bottom: -210px;
      left: -120px;
      width: 400px;
      height: 400px;
      background: rgba(33, 138, 139, 0.06);
}

.content-page .hero .container {
      position: relative;
      z-index: 1;
}

.content-page .hero-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 55fr 45fr;
      gap: 70px;
      align-items: stretch;
}

.content-page .hero-grid:not(:has(.hero-video)) {
      grid-template-columns: minmax(0, 1fr);
      max-width: 820px;
}

.content-page .hero-left {
      padding-top: 10px;
      min-width: 0;
}

.content-page .section.section--compact {
      padding-top: 28px;
      padding-bottom: 28px;
}

.content-page .expert-note.expert-note--no-photo {
      grid-template-columns: minmax(0, 1fr);
}

.content-page .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #FFFFFF;
      color: #218A8B;
      padding: 8px 14px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 600;
      border: 1px solid #e6f4f4;
      box-shadow: 0 2px 8px rgba(33, 138, 139, 0.06);
}

.content-page .hero-meta-item strong {
      color: #333333;
}

@media (max-width: 767px) {
.content-page .section-title {
        margin: 0 auto 22px;
}

.content-page .section-title p {
        font-size: 16px;
}

.content-page .section-title h2 {
      font-size: 23px;
}

.content-page .audience-icon {
      align-self: center;
}
}


/* [ОБЩЕЕ] Кому подходит */
.content-page .audience-card {
      box-shadow: 0 2px 8px rgba(33, 138, 139, 0.06);
      background: #FFFFFF;
      border-radius: 12px;
      padding: 28px 24px;
      border: 1px solid #d9e4e5;
      transition: all 0.25s;
      display: flex;
      flex-direction: column;
}

.content-page .audience-icon__image {
      display: block;
      width: 32px;
      height: 32px;
      object-fit: contain;
}

.content-page .audience-icon {
      color: #218A8B;
      width: 56px;
      height: 56px;
      flex: 0 0 52px;
      background: #e6f4f4;
      border-radius: 12px;
      display: grid;
      place-items: center;
      margin-bottom: 16px;
}

.content-page .audience-icon svg {
      width: 30px;
      height: 30px;
      stroke-width: 1.8;
}

.content-page .compare-table-wrap {
      margin: 24px 0;
      background: #FFFFFF;
      border-radius: 16px;
      overflow-x: auto;
      box-shadow: 0 2px 8px rgba(33, 138, 139, 0.06);
}

.content-page .compare-table {
      background: #FFFFFF;
      width: 100%;
      border-collapse: collapse;
      min-width: 800px;
}

.content-page .compare-table caption {
      caption-side: top;
      padding: 20px 16px 12px;
      font-weight: 700;
      font-size: 18px;
      text-align: left;
      color: #333333;
}

.content-page .compare-table th {
      text-align: left;
      background: #e6f4f4;
      color: #218A8B;
      font-weight: 700;
      padding: 14px 16px;
      border-bottom: 1px solid #d9e4e5;
      font-size: 14px;
      vertical-align: top;
}

.content-page .compare-table td {
      text-align: left;
      padding: 14px 16px;
      border-bottom: 1px solid #d9e4e5;
      font-size: 14px;
      vertical-align: top;
}

.content-page .compare-table td:first-child {
      font-weight: 700;
      color: #333333;
}

.content-page .compare-table tr:last-child td {
      border-bottom: none;
}

.content-page tbody tr:hover {
      background: #f7f9fb;
}

.content-page .audience-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      list-style: none;
      padding: 0;
      margin-bottom: 35px;
}

/* Сброс маркера «—» из styles.css шаблона (ul li:before { content: "\2014" }) */
.content-page .audience-grid > .audience-card::before {
      content: none;
}

.content-page .audience-card h3 {
      font-size: 17px;
      margin-bottom: 10px;
}

.content-page .audience-card p {
      font-size: 15px;
}

.content-page .audience-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(33, 138, 139, 0.1);
      border-color: rgba(33, 138, 139, .35);
}

.content-page .quiz-block {
      background: linear-gradient(135deg, #218A8B 0%, #2ba7a8 100%);
      border-radius: 16px;
      padding: 40px;
      color: #FFFFFF;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 32px;
      align-items: center;
}

.content-page .quiz-block h3 {
      color: #FFFFFF;
      font-size: 26px;
      margin-bottom: 12px;
}

.content-page .quiz-block p {
      color: rgba(255, 255, 255, 0.9);
      margin-bottom: 20px;
}

.content-page .compare-table thead th {
      background: #e6f4f4;
      color: #218A8B;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      text-align: left;
}

.content-page .compare-table th[scope="row"] {
      background: #fafcfc;
      font-weight: 600;
      text-align: left;
}

/* [ОБЩЕЕ] Цены и тарифы */
.content-page .tariff-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 20px;
      margin-top: 30px;
}

.content-page .tariff {
      background: #fff;
      border: 2px solid #e1e9ea;
      border-radius: 12px;
      padding: 26px 22px;
      text-align: center;
      position: relative;
      transition: transform .2s;
      display: flex;
      flex-direction: column;
      height: 100%;
}

.content-page .tariff:hover {
      transform: translateY(-4px);
      border-color: #218a8b;
}

.content-page .tariff.featured {
      border-color: #218a8b;
      background: linear-gradient(180deg, #f0fafa 0%, #fff 100%);
}

.content-page .tariff.featured::before {
      content: "Популярно";
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      background: #e74c3c;
      color: #fff;
      padding: 4px 14px;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .5px;
}

.content-page .tariff h3 {
      font-size: 20px;
      margin-bottom: 6px;
}

.content-page .tariff .for-whom {
      font-size: 13px;
      color: #777;
      margin-bottom: 14px;
      min-height: 36px;
}

.content-page .tariff .price {
      font-size: 30px;
      font-weight: 800;
      color: #218a8b;
      margin: 14px 0 4px;
}

.content-page .tariff .price small {
      font-size: 14px;
      font-weight: 400;
      color: #777;
}

.content-page .tariff ul {
      list-style: none;
      padding: 0;
      margin: 18px 0;
      text-align: left;
      font-size: 14px;
      flex: 1;
}

.content-page .tariff ul li {
      padding: 6px 0 6px 22px;
      position: relative;
      color: #444;
      margin-bottom: 0;
}

.content-page .tariff ul li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: #218a8b;
      font-weight: 700;
}

.content-page .tariff-discount {
      margin-top: 24px;
      padding: 16px 24px;
      border: 2px solid #d9e4e5;
      background: #ffffff;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 3px;
      color: #218A8B;
      text-decoration: none;
      transition: .25s ease;
}

.content-page .tariff-discount:hover {
      background: #E6F4F4;
      border-color: #218A8B;
      color: #186b6c;
      text-decoration: none;
}

.content-page .tariff-discount__title {
      font-weight: 700;
}

/* [ОБЩЕЕ] Калькулятор */
.content-page .calculator-wrap {
      background: #FFFFFF;
      border-radius: 16px;
      padding: 32px;
      box-shadow: 0 8px 24px rgba(33, 138, 139, 0.1);
      margin: 32px 0;
      display: grid;
      grid-template-columns: 1.3fr 1fr;
      gap: 32px;
}

.content-page .calc-title {
      font-size: 22px;
      margin-bottom: 6px;
}

.content-page .calc-sub {
      color: #6b7c7d;
      font-size: 14px;
      margin-bottom: 22px;
}

.content-page .calc-field {
      margin-bottom: 18px;
}

.content-page .calc-field label {
      display: block;
      font-size: 13px;
      font-weight: 700;
      color: #333333;
      margin-bottom: 7px;
      text-transform: uppercase;
      letter-spacing: .03em;
}

.content-page .calc-field select {
      width: 100%;
      padding: 12px 14px;
      border: 1.5px solid #d9e4e5;
      border-radius: 8px;
      font-size: 15px;
      font-family: inherit;
      background: #FFFFFF;
      transition: border-color .2s;
      -webkit-appearance: none;
      appearance: none;
      padding-right: 46px;
      background-color: #FFFFFF;
      background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.2 1.4 6 6.2l4.8-4.8' fill='none' stroke='%23186b6c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 18px center;
      background-size: 12px 8px;
}

.content-page .calc-field input {
      width: 100%;
      padding: 12px 14px;
      border: 1.5px solid #d9e4e5;
      border-radius: 8px;
      font-size: 15px;
      font-family: inherit;
      background: #FFFFFF;
      transition: border-color .2s;
}

.content-page .calc-field select:focus {
      outline: none;
      border-color: #218A8B;
}

.content-page .calc-field input:focus {
      outline: none;
      border-color: #218A8B;
}

.content-page .calc-radio-group {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
}

.content-page .calc-radio-group label {
      flex: 1;
      min-width: 100px;
      text-align: center;
      padding: 10px 12px;
      border: 1.5px solid #d9e4e5;
      border-radius: 8px;
      cursor: pointer;
      font-size: 13px;
      font-weight: 600;
      color: #6b7c7d;
      background: #F5F8F9;
      text-transform: none;
      letter-spacing: 0;
      transition: all .2s;
}

.content-page .calc-radio-group input {
      display: none;
}

.content-page .calc-radio-group input:checked+label {
      background: #218A8B;
      color: #FFFFFF;
      border-color: #218A8B;
}

.content-page .calc-radio-group label:has(input:checked) {
      background: #218A8B;
      color: #FFFFFF;
      border-color: #218A8B;
}

.content-page .calc-result {
      background: linear-gradient(135deg, #218A8B 0%, #186b6c 100%);
      color: #FFFFFF;
      border-radius: 12px;
      padding: 28px 24px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
}

.content-page .calc-result-label {
      font-size: 13px;
      opacity: .85;
      text-transform: uppercase;
      letter-spacing: .05em;
}

.content-page .calc-result-value {
      font-size: 38px;
      font-weight: 800;
      margin: 12px 0;
}

.content-page .calc-result-value small {
      font-size: 16px;
      font-weight: 600;
      opacity: .85;
}

.content-page .calc-result-note {
      font-size: 13px;
      opacity: .85;
      margin-bottom: 18px;
}

.content-page .calc-fieldset {
      border: 0;
      padding: 0;
      margin: 0 0 18px;
}

.content-page .calc-fieldset legend {
      display: block;
      font-size: 13px;
      font-weight: 700;
      color: #333333;
      margin-bottom: 7px;
      text-transform: uppercase;
      letter-spacing: .03em;
}

/* [ОБЩЕЕ] Состав услуг */
.content-page .includes-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      margin-top: 32px;
}

.content-page .include-block {
      background: #F5F8F9;
      border-radius: 12px;
      padding: 20px;
}

.content-page .include-block h3 {
      color: #218A8B;
      font-size: 17px;
      margin-bottom: 12px;
}

.content-page .include-block ul {
      list-style: none;
      padding: 0;
}

.content-page .include-block li {
      display: grid;
      grid-template-columns: 18px minmax(0, 1fr);
      align-items: start;
      gap: 6px;
      padding: 6px 0;
      font-size: 14.5px;
}

.content-page .include-block li::before {
      content: none;
}

.content-page .include-block--separate li::before {
      content: none;
}

.content-page .include-list__marker {
      color: #2b8a3e;
      font-weight: 700;
      line-height: 1.45;
}

.content-page .include-block--separate .include-list__marker {
      color: #d68a00;
}

.content-page .include-item--menu {
      display: grid;
      grid-template-columns: 18px minmax(0, 1fr);
      align-items: center;
      gap: 6px;
}

.content-page .include-item__content {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
}

.content-page .menu-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: auto;
      min-width: 0;
      justify-self: start;
      padding: 6px 14px;
      border: 0;
      border-radius: 999px;
      background: #e6f4f4;
      color: #218A8B;
      font-family: inherit;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.2;
      white-space: nowrap;
      cursor: pointer;
}

.content-page .menu-pill:hover {
      background: #186b6c;
      color: #fff;
}

/* [ОБЩЕЕ] Попапы */
.content-page .menu-popup {
      position: fixed;
      inset: 0;
      z-index: 1000;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 24px;
}

.content-page .menu-popup.is-open {
      display: flex;
}

.content-page .menu-popup__overlay {
      position: absolute;
      inset: 0;
      background: rgba(15, 40, 42, 0.58);
}

.content-page .menu-popup__dialog {
      position: relative;
      z-index: 1;
      width: min(720px, 100%);
      max-height: min(760px, calc(100vh - 48px));
      overflow: auto;
      padding: 28px;
      border-radius: 16px;
      background: #FFFFFF;
      box-shadow: 0 24px 70px rgba(15, 40, 42, 0.22);
}

.content-page .menu-popup__dialog h3 {
      margin: 0 44px 20px 0;
      color: #186b6c;
}

.content-page .menu-popup__close {
      position: absolute;
      top: 18px;
      right: 18px;
      width: 36px;
      height: 36px;
      border: 1px solid #d9e4e5;
      border-radius: 50%;
      background: #FFFFFF;
      color: #333333;
      cursor: pointer;
      font-size: 24px;
      line-height: 1;
}

.content-page .menu-popup__close:hover {
      border-color: #218A8B;
      color: #218A8B;
}

.content-page .menu-popup__content {
      display: grid;
      gap: 10px;
}

.content-page .menu-popup__content h4 {
      margin: 14px 0 2px;
      color: #186b6c;
      font-size: 18px;
}

.content-page .menu-popup__content h4:first-child {
      margin-top: 0;
}

.content-page .menu-popup__content ul {
      margin-bottom: 8px;
}

/* [ОБЩЕЕ] Квиз */
.content-page .quiz-popup__dialog {
      max-width: 680px;
}

.content-page .quiz-form {
      display: grid;
      gap: 20px;
}

.content-page .quiz-form fieldset {
      display: grid;
      gap: 10px;
      padding: 16px;
      border: 1px solid #d9e4e5;
      border-radius: 8px;
}

.content-page .quiz-form legend {
      padding: 0 6px;
      color: #333333;
      font-weight: 700;
}

.content-page .quiz-form label {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      color: #333333;
      cursor: pointer;
}

.content-page .quiz-form input {
      margin-top: 5px;
      accent-color: #218A8B;
}

.content-page .quiz-result {
      display: grid;
      gap: 10px;
      padding: 18px;
      border-left: 4px solid #218A8B;
      border-radius: 8px;
      background: #e6f4f4;
}

.content-page .quiz-result[hidden] {
      display: none;
}

.content-page .quiz-result .btn {
      justify-self: start;
      margin-top: 4px;
}

@media (max-width: 640px) {
.content-page .quiz-form fieldset {
            padding: 14px 12px;
      }

      .content-page .quiz-result .btn {
            width: 100%;
      }
}


















@media (max-width: 767px) {
.content-page .include-item__content {
        align-items: flex-start;
}
}


/* [ОБЩЕЕ] Карусели */
.content-page .content-carousel {
      position: relative;
      margin-top: 40px;
      padding: 0;
      background: transparent;
}

.content-page .content-carousel__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      margin-bottom: 20px;
}

.content-page .content-carousel__header--controls-only {
      justify-content: flex-end;
      margin-bottom: 12px;
}

.content-page .section-subtitle {
      margin: 0;
      color: #18233f;
      font-size: 22px;
      font-weight: 700;
      line-height: 1.25;
}

.content-page .content-subsection {
      margin: 40px 0;
}

.content-page .content-carousel__nav {
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      gap: 24px;
}

.content-page .content-carousel__viewport:not(.swiper-initialized) {
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x proximity;
      scrollbar-width: none;
      -ms-overflow-style: none;
      -webkit-overflow-scrolling: touch;
}

.content-page .content-carousel__viewport:not(.swiper-initialized)::-webkit-scrollbar {
      display: none;
}

.content-page .content-carousel__track {
      display: flex;
      align-items: stretch;
      gap: 20px;
}

.content-page .swiper-initialized .content-carousel__track {
      gap: 0;
}

.content-page .content-carousel__slide {
      flex: 0 0 min(78vw, 270px);
      height: auto;
      scroll-snap-align: start;
}

.content-page .content-carousel--wide-cards .content-carousel__slide {
      flex-basis: min(86vw, 360px);
}

.content-page .content-carousel--video .content-carousel__slide {
      flex-basis: min(90vw, 760px);
}

.content-page .content-carousel__viewport.swiper-initialized .content-carousel__slide {
      flex-basis: auto;
}

.content-page .content-carousel__button {
      display: none;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 32px;
      padding: 0;
      border: 0;
      background: transparent;
      cursor: pointer;
      transition: opacity 0.2s ease, transform 0.2s ease;
}

.content-page .content-carousel--initialized .content-carousel__button {
      display: inline-flex;
}

.content-page .content-carousel__button:hover {
      opacity: 0.7;
}

.content-page .content-carousel__button:focus-visible {
      outline: 3px solid rgba(33, 138, 139, 0.28);
      outline-offset: 3px;
}

.content-page .content-carousel__button img {
      display: block;
      width: 20px;
      height: 23px;
}

.content-page .content-carousel__button--next img {
      transform: rotate(180deg);
}

.content-page .content-carousel__pagination {
      position: static;
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: 24px;
}

.content-page .content-carousel__pagination .swiper-pagination-bullet {
      width: 44px;
      height: 6px;
      margin: 0;
      border-radius: 999px;
      background: #d9e4e5;
      opacity: 1;
      transition: width 0.2s ease, background-color 0.2s ease;
}

.content-page .content-carousel__pagination .swiper-pagination-bullet-active {
      width: 64px;
      background: #218A8B;
}

.content-page--home .audience-section__actions {
      margin: -12px 0 40px;
}

.content-page--home .pricing-section__actions {
      margin-top: 28px;
}

@media (max-width: 767px) {
.content-page .content-carousel {
        margin-right: -16px;
        padding: 0;
}

.content-page .section-subtitle {
        font-size: 23px;
}

.content-page .content-carousel__viewport {
        padding-right: 16px;
}

.content-page .content-carousel__nav,
.content-page .content-carousel__pagination {
        display: none;
}

.content-page--home .audience-section__actions {
        margin-top: -16px;
}

.content-page--home .pricing-section__actions .btn {
        width: 100%;
}
}


.content-page .gallery-cta {
      margin-top: 32px;
      text-align: center;
}

.content-page .video-card__media {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      aspect-ratio: 16 / 9;
      background: #e6f4f4;
}

.content-page .video-card__media > img,
.content-page .video-card__media > iframe {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.content-page .video-card__play {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 72px;
      height: 72px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: #ff6428;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transform: translate(-50%, -50%);
}

.content-page .video-card__play::before {
      position: absolute;
      top: 50%;
      left: 53%;
      width: 0;
      height: 0;
      border-top: 11px solid transparent;
      border-bottom: 11px solid transparent;
      border-left: 17px solid #ffffff;
      content: "";
      transform: translate(-50%, -50%);
}

.content-page .video-card__play:focus-visible {
      outline: 3px solid #ffffff;
      outline-offset: -6px;
}

.content-page .video-card iframe {
      display: block;
      width: 100%;
      border: 0;
      border-radius: 12px;
      aspect-ratio: 16 / 9;
      background: #e6f4f4;
}

.content-page .video-caption {
      font-size: 13px;
      margin-top: 5px;
      margin-bottom: 30px;
      color: #5a6273;
      text-align: center;
      font-style: italic;
}

.content-page .content-carousel--video .video-card {
      margin: 0;
}

.content-page .content-carousel--video .video-caption {
      margin-bottom: 0;
}

.content-page .expert-avatar {
      border: 2px solid #218A8B;
      color: #218A8B;
      font-size: 11px;
      text-align: center;
      font-weight: 700;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background: #e6f4f4;
      display: grid;
      place-items: center;
      overflow: hidden;
}

.content-page .expert-avatar img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
}

.content-page .expert-name {
      color: #333333;
      font-weight: 700;
      margin-bottom: 2px;
}

.content-page .expert-note {
      background: #FFFFFF;
      border-left: 4px solid #218A8B;
      border-radius: 12px;
      padding: 24px 28px;
      margin-top: 32px;
      display: grid;
      grid-template-columns: 80px 1fr;
      gap: 20px;
      align-items: center;
      box-shadow: 0 2px 8px rgba(33, 138, 139, 0.06);
}

.content-page .expert-title {
      font-size: 13px;
      color: #6b7c7d;
      margin-bottom: 8px;
}

/* [ОБЩЕЕ] Персонал */
.content-page .staff-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      list-style: none;
      padding: 0;
      margin-bottom: 40px;
}

.content-page .staff-carousel {
      margin-top: 28px;
      margin-bottom: 44px;
}

.content-page .staff-carousel .staff-grid {
      display: flex;
      gap: 0;
      margin: 0;
      overflow: visible;
      scroll-snap-type: none;
}

.content-page .staff-card {
      background: #FFFFFF;
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid #d9e4e5;
      transition: all 0.25s;
      padding: 0;
}

.content-page .staff-carousel .staff-card {
      height: auto;
}

.content-page .staff-card article {
      display: grid;
      grid-template-rows: auto 1fr;
      height: 100%;
}

.content-page .staff-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 24px rgba(33, 138, 139, 0.1);
}

.content-page .staff-photo {
      aspect-ratio: 1;
      background: #e6f4f4;
}

.content-page .staff-photo img {
      object-position: center top;
}

.content-page .staff-body {
      display: grid;
      grid-template-rows: minmax(48px, auto) minmax(56px, auto) 1fr;
      align-content: start;
      padding: 18px;
      text-align: center;
}

.content-page .staff-name {
      font-weight: 700;
      font-size: 16px;
      line-height: 1.4;
}

.content-page .staff-role {
      font-size: 13px;
      color: #6b7c7d;
      font-weight: 600;
      line-height: 1.45;
}

.content-page .staff-exp {
      font-size: 13px;
      color: #6b7c7d;
      line-height: 1.55;
}

.content-page .daily-care-carousel {
      margin-bottom: 44px;
}

.content-page .daily-care-carousel__intro {
      max-width: 980px;
      margin: -4px 0 20px;
}

.content-page .daily-care-card {
      min-height: 245px;
}

.content-page .daily-care-card .standards-card__title {
      min-height: 44px;
}

.content-page .monitoring-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
}

.content-page .monitoring-card {
      min-width: 0;
}

.content-page .monitoring-card > h3 {
      margin-bottom: 14px;
}

.content-page .monitoring-list {
      display: grid;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
}

.content-page .monitoring-list li {
      display: flex;
      align-items: flex-start;
      gap: 9px;
      margin: 0;
      padding: 3px 0;
      line-height: 1.45;
      font-size: 14px;
}

.content-page .monitoring-check {
      flex: 0 0 auto;
      color: #218A8B;
      font-size: 17px;
      font-weight: 700;
      line-height: 1.2;
}

/* [ОБЩЕЕ] Документы и лицензии */
















/* Сброс маркера «—» из styles.css шаблона (ul li:before { content: "\2014" }) */






















/* [ОБЩЕЕ] Отзывы */








.content-page .step-item {
      box-shadow: 0 2px 8px rgba(33, 138, 139, 0.06);
      background: #FFFFFF;
      border-radius: 12px;
      padding: 24px 20px;
      border: 1px solid #d9e4e5;
      position: relative;
      counter-increment: step;
}

.content-page .step-item h3 {
      color: #218A8B;
      font-size: 16px;
      text-align: center;
      margin-top: 14px;
      margin-bottom: 8px;
}

.content-page .step-item p {
      font-size: 14px;
      text-align: center;
      color: #6b7c7d;
      margin: 0;
}

.content-page .steps-list {
      list-style: none;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px;
      margin-bottom: 32px;
      counter-reset: step;
      padding-top: 30px;
}

.content-page .step-item::before {
      content: counter(step);
      position: absolute;
      top: -16px;
      left: 50%;
      transform: translateX(-50%);
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #218A8B;
      color: #FFFFFF;
      display: grid;
      place-items: center;
      font-weight: 700;
      font-size: 16px;
      box-shadow: 0 4px 12px rgba(33, 138, 139, 0.3);
}

.content-page .cta-form {
      box-shadow: 0 8px 24px rgba(33, 138, 139, 0.1);
      background: #FFFFFF;
      color: #333333;
      border-radius: 16px;
      padding: 32px;
}

.content-page .form-field {
      display: flex;
      flex-direction: column;
      gap: 6px;
      grid-column: span 1;
      margin-bottom: 12px;
}

.content-page .form-field label {
      color: #333333;
      display: block;
      font-size: 13px;
      font-weight: 600;
      margin-bottom: 6px;
}

.content-page .form-field input:not([type="checkbox"]):not([type="radio"]) {
      background: #fff;
      width: 100%;
      padding: 12px 14px;
      border: 1px solid #d9e4e5;
      border-radius: 8px;
      font-family: inherit;
      font-size: 14px;
}

.content-page .form-field select {
      background: #fff;
      -webkit-appearance: none;
      appearance: none;
      padding-right: 46px;
      background-color: #FFFFFF;
      background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.2 1.4 6 6.2l4.8-4.8' fill='none' stroke='%23186b6c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 18px center;
      background-size: 12px 8px;
      width: 100%;
      padding: 12px 14px;
      border: 1px solid #d9e4e5;
      border-radius: 8px;
      font-family: inherit;
      font-size: 14px;
}

.content-page .form-field textarea {
      background: #fff;
      width: 100%;
      padding: 12px 14px;
      border: 1px solid #d9e4e5;
      border-radius: 8px;
      font-family: inherit;
      font-size: 14px;
}

.content-page .form-field input:not([type="checkbox"]):not([type="radio"]):focus {
      outline: none;
      border-color: #218A8B;
}

.content-page .form-field select:focus {
      outline: none;
      border-color: #218A8B;
}

.content-page .form-field textarea:focus {
      outline: none;
      border-color: #218A8B;
}

.content-page .form-consent {
      grid-column: span 2;
      font-size: 12.5px;
      color: #6b7c7d;
      margin: 14px 0;
      display: flex;
      gap: 8px;
      align-items: flex-start;
}

.content-page .cta-contact {
      color: #fff;
      display: flex;
      flex-direction: column;
      gap: 18px;
}

.content-page .cta-contact-card {
      border: 1px solid rgba(255, 255, 255, .25);
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(10px);
      border-radius: 12px;
      padding: 22px;
}

.content-page .cta-messengers {
      margin-top: 10px;
      margin-bottom: 10px;
      display: flex;
      gap: 7px;
      flex-wrap: wrap;
}

.content-page .cta-msg-btn:hover {
      background: #e6f4f4;
      text-decoration: none;
}

/* [ОБЩЕЕ] Форма заявки */
.content-page .cta-section {
      background: linear-gradient(135deg, #218A8B 0%, #186b6c 100%);
      color: #FFFFFF;
      padding: 80px 0;
}

.content-page .cta-section h2 {
      color: #FFFFFF;
}

.content-page .cta-section h2 strong {
      color: #ffe082;
}

.content-page .cta-grid {
      display: grid;
      grid-template-columns: 1.4fr 1fr;
      gap: 32px;
      margin-top: 24px;
}

.content-page .cta-form-toggle {
      width: 100%;
      padding: 0;
      border: 0;
      background: transparent;
      color: #333333;
      font-family: inherit;
      font-size: 22px;
      font-weight: 600;
      line-height: 1.3;
      text-align: left;
      cursor: default;
      margin-bottom: 6px;
}

.content-page .cta-form-sub {
      color: #6b7c7d;
      font-size: 14px;
      margin-bottom: 20px;
}

.content-page .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
}

.content-page .form-grid>.form-full {
      grid-column: span 2;
}

.content-page .form-consent input {
      margin-top: 2px;
}

.content-page .cta-form button[type="submit"] {
      width: 100%;
      padding: 14px;
      background: #218A8B;
      color: #FFFFFF;
      border: none;
      border-radius: 10px;
      font-weight: 700;
      font-size: 15px;
      cursor: pointer;
      transition: all .2s;
      font-family: inherit;
}

.content-page .cta-form button[type="submit"]:hover {
      background: #186b6c;
}

.content-page .cta-contact-card h4 {
      color: #FFFFFF;
      font-size: 14px;
      opacity: .85;
      margin: 0 0 8px;
      text-transform: uppercase;
      letter-spacing: .05em;
}

.content-page .cta-contact-header {
      font-weight: 600;
      font-size: 18px;
}

.content-page .cta-phone {
      font-size: 26px;
      font-weight: 800;
      color: #FFFFFF;
      text-decoration: none;
      display: block;
      margin-bottom: 12px;
}

.content-page .cta-phone:hover {
      color: #FFFFFF;
}

.content-page .cta-msg-btn {
      background: #FFFFFF;
      color: #186b6c;
      padding: 8px 14px;
      border-radius: 50px;
      font-size: 13px;
      font-weight: 600;
      text-decoration: none;
}

.content-page .form-required {
      color: #d32f2f;
}

.content-page .form-message {
      display: block;
      margin-top: 5px;
      color: #6b7c7d;
      font-size: 12px;
      line-height: 1.35;
}

/* [ОБЩЕЕ] Карточки, сетки и карта */
.content-page .card {
      padding: 24px;
      transition: .22s ease;
      background: #FFFFFF;
      border: 1px solid #d9e4e5;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(33, 138, 139, 0.06);
}

.content-page .card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(33, 138, 139, 0.1);
      border-color: rgba(33, 138, 139, .35);
}

.content-page .card h3 {
      font-size: 18px;
}

.content-page .card p {
      color: #6b7c7d;
      font-size: 14px;
}

.content-page .section__head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: end;
      gap: 24px;
      margin-bottom: 28px;
}

.content-page .grid {
      display: grid;
      gap: 18px;
}

.content-page .grid--2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
}

.content-page .card--pad {
      padding: 22px;
}

.content-page .map-card {
      height: 100%;
}

.content-page .map-card iframe {
      width: 100%;
      height: 100%;
      min-height: 100%;
      aspect-ratio: 16 / 9;
      border: 0;
      border-radius: 12px;
      background: #e6f4f4;
}

.content-page .pill-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 16px;
}

.content-page .pill-list a {
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 7px 10px;
      border-radius: 999px;
      background: #F5F8F9;
      color: #218A8B;
      font-size: 13px;
      font-weight: 700;
      text-decoration: none;
}

.content-page .socials {
      display: flex;
      gap: 8px;
      margin-top: 14px;
}

.content-page .socials a {
      width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #F5F8F9;
      color: #333333;
}

.content-page .socials svg {
      width: 20px;
      height: 20px;
}

.content-page .footer-address {
      display: grid;
      gap: 14px;
      margin-top: 14px;
      font-style: normal;
      font-size: 16px;
      font-weight: 400;
}

.content-page .map-address-item {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
}

.content-page .map-address-name,
.content-page .map-address-line,
.content-page .map-address-phone {
      display: block;
}

.content-page .map-address-card {
      display: flex;
      flex-direction: column;
      min-height: 100%;
}

.content-page .map-address-socials {
      margin-top: 22px;
      display: flex;
}

.content-page .map-socials {
      margin-top: 0;
      display: flex;
}

.content-page .map-socials .social-placeholder,
.content-page .footer-socials .social-placeholder {
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #F5F8F9;
}

.content-page .map-socials .social-placeholder--max,
.content-page .footer-socials .social-placeholder--max {
      background: #635BFF;
      color: #FFFFFF;
}

.content-page .map-socials .social-link--telegram,
.content-page .footer-socials .social-link--telegram {
      background: #229ED9;
      color: #FFFFFF;
}

.content-page .map-socials .social-link--whatsapp,
.content-page .footer-socials .social-link--whatsapp {
      background: #25D366;
      color: #FFFFFF;
}

.content-page .map-socials .social-link--youtube,
.content-page .footer-socials .social-link--youtube {
      background: #FF0033;
      color: #FFFFFF;
}

.content-page .map-socials .social-link--rutube,
.content-page .footer-socials .social-link--rutube {
      background: #6C47FF;
      color: #FFFFFF;
}

.content-page .map-socials .social-link--dzen,
.content-page .footer-socials .social-link--dzen {
      background: #FFCC00;
      color: #111111;
}

.content-page .map-socials a,
.content-page .map-socials .social-placeholder {
      background: #F5F8F9 !important;
      color: #111111 !important;
}

.content-page .footer-socials a,
.content-page .footer-socials .social-placeholder {
      background: #FFFFFF !important;
      color: #111111 !important;
}

.content-page .map-socials .social-link--dzen path:last-child {
      fill: #F5F8F9 !important;
}

.content-page .footer-socials .social-link--dzen path:last-child {
      fill: #FFFFFF !important;
}

.content-page .map-socials a,
.content-page .map-socials .social-placeholder,
.content-page .footer-socials a,
.content-page .footer-socials .social-placeholder {
      box-shadow: 0 3px 10px rgba(24, 35, 63, 0.12);
}

.content-page .map-address-card .pill-list {
      margin-top: auto;
      padding-top: 22px;
}

.content-page .address-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 8px;
      margin-bottom: 6px;
}

.content-page .address-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 30px;
      padding: 6px 10px;
      border: 0;
      border-radius: 999px;
      background: #F5F8F9;
      color: #218A8B;
      font-family: inherit;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.2;
      text-decoration: none;
      cursor: pointer;
      transition: 0.2s ease;
}

.content-page .address-pill:hover {
      background: #e6f4f4;
      color: #186b6c;
      text-decoration: none;
}

.content-page .cta-contact__eyebrow {
      font-size: 12.5px;
      opacity: .85;
}

.content-page .cta-contact__schedule {
      font-size: 13px;
      opacity: .85;
}

.content-page .cta-next-steps {
      margin: 0;
      padding: 0;
      list-style: none;
      font-size: 14.5px;
      line-height: 1.7;
}

.content-page .center-actions {
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 34px;
      text-align: center;
}

.content-page .u-mt-24 {
      margin-top: 24px;
}

.content-page .u-mt-32 {
      margin-top: 32px;
}

.content-page .u-mt-40 {
      margin-top: 40px;
}

@media (max-width:900px) {
.content-page h1 {
        font-size: 28px;
}

.content-page h2 {
        font-size: 24px;
}

.content-page .section {
        padding: 44px 0;
}

.content-page .hero {
        padding: 36px 0;
}

.content-page .hero-grid {
        grid-template-columns: 1fr;
}

.content-page .cta-grid {
        grid-template-columns: 1fr;
}

.content-page .includes-grid {
        grid-template-columns: 1fr;
}

.content-page .form-grid {
        grid-template-columns: 1fr;
}

.content-page .form-consent {
        grid-column: span 1;
}
}




@media (max-width: 1024px) {
.content-page .hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
}

.content-page .hero-ctas {
        flex-direction: column;
}

.content-page .audience-grid {
        grid-template-columns: repeat(2, 1fr);
}

.content-page .staff-grid {
        grid-template-columns: repeat(3, 1fr);
}

.content-page .steps-list {
        grid-template-columns: repeat(3, 1fr);
}

.content-page .calculator-wrap,
.content-page .quiz-block,
.content-page .docs-block,
.content-page .cta-grid {
        grid-template-columns: 1fr;
}

.content-page .expert-note {
        grid-template-columns: 1fr;
        text-align: center;
}

.content-page .expert-avatar {
        margin: 0 auto;
}

.content-page .grid--2 {
        grid-template-columns: 1fr;
}

.content-page .hero-badges,
.content-page .audience-grid,
.content-page .tariff-grid,
.content-page .staff-grid,
.content-page .steps-list {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        min-width: 0;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
        scroll-padding-left: 4px;
        scrollbar-width: none;
        -ms-overflow-style: none;
}

.content-page .hero-badges::-webkit-scrollbar,
.content-page .audience-grid::-webkit-scrollbar,
.content-page .tariff-grid::-webkit-scrollbar,
.content-page .staff-grid::-webkit-scrollbar,
.content-page .steps-list::-webkit-scrollbar {
        display: none;
        height: 0;
}

.content-page .hero-badges>.hero-badge {
        flex: 0 0 auto;
        scroll-snap-align: start;
}

.content-page .audience-grid>.audience-card {
        flex: 0 0 82%;
        max-width: 300px;
        scroll-snap-align: start;
}

.content-page .tariff-grid>.tariff {
        flex: 0 0 82%;
        max-width: 280px;
        scroll-snap-align: start;
}

.content-page .staff-grid>.staff-card {
        flex: 0 0 220px;
        scroll-snap-align: start;
}

.content-page .steps-list>.step-item {
        flex: 0 0 220px;
        scroll-snap-align: start;
}
}


@media (max-width: 640px) {
.content-page .container {
        padding: 0 16px;
}

.content-page .audience-grid,
.content-page .staff-grid,
.content-page .steps-list {
        grid-template-columns: 1fr;
}

.content-page .btn {
        width: 100%;
}

.content-page .tariff-grid {
        padding-top: 20px;
}

.content-page .socials {
        justify-content: center;
}

.content-page .form-grid>.form-full {
        grid-column: span 1;
}





.content-page .section__head {
        grid-template-columns: 1fr;
        gap: 10px;
}

.content-page .hero-ctas .btn {
        width: 100%;
}

.content-page .map-address-card .pill-list {
        margin-top: 18px;
        padding-top: 0;
}

.content-page .map-address-socials {
        margin-top: 18px;
}

.content-page .calc-field select,
.content-page .form-field select {
        padding-right: 44px;
        background-position: right 16px center;
}







.content-page .address-actions {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
        -webkit-overflow-scrolling: touch;
}

.content-page .address-pill {
        flex: 0 0 auto;
}
}


@media (max-width: 540px) {
.content-page .tariff-discount {
        padding: 10px 24px;
}
}



.content-page .u-mt-20 {
      margin-top: 20px;
}

.content-page .inline-links-row {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: auto;
}

.content-page .audience-link {
      margin-top: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 30px;
      padding: 5px 10px;
      border-radius: 999px;
      border: 1px solid #e2e8f0;
      background: #F5F8F9;
      color: #445254;
      font-size: 13px;
      font-weight: 600;
}

.content-page .audience-link:hover {
      background: #186b6c;
      border: 1px solid #186b6c;
      color: #fff;
      text-decoration: none;
}

/* [ОБЩЕЕ] Шаги и FAQ */
.content-page .content-details {
      margin-top: 20px;
      overflow: hidden;
      background: #FFFFFF;
      border: 1px solid #d9e4e5;
      border-radius: 12px;
}

.content-page .content-details > summary {
      position: relative;
      display: flex;
      align-items: center;
      min-height: 64px;
      padding: 18px 64px 18px 24px;
      color: #2c2c2c;
      font-size: 17px;
      font-weight: 700;
      line-height: 1.35;
      cursor: pointer;
      list-style: none;
}

.content-page .content-details > summary::-webkit-details-marker {
      display: none;
}

.content-page .content-details > summary::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 26px;
      width: 10px;
      height: 10px;
      border-right: 2px solid #218A8B;
      border-bottom: 2px solid #218A8B;
      transform: translateY(-70%) rotate(45deg);
      transition: transform 0.2s ease;
}

.content-page .content-details[open] > summary::after {
      transform: translateY(-30%) rotate(225deg);
}

.content-page .content-details__body {
      padding: 0 24px 24px;
}

.content-page .content-details__body > :first-child {
      margin-top: 0;
}

.content-page .content-details .compare-table-wrap {
      margin-top: 20px;
}

.content-page .checklist-block {
      background: #FFFFFF;
      border-radius: 16px;
      padding: 0;
      box-shadow: 0 2px 8px rgba(33, 138, 139, 0.06);
}

.content-page .reliability-content {
      display: grid;
      gap: 24px;
}

.content-page .reliability-intro {
      margin: 0;
      padding: 18px 20px;
      background: #f5f9f9;
      border-left: 4px solid #218A8B;
      border-radius: 0 12px 12px 0;
}

.content-page .reliability-section {
      margin: 0;
}

.content-page .reliability-section h3 {
      margin: 0 0 14px;
      font-size: 20px;
      line-height: 1.3;
}

.content-page .reliability-questions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 16px;
      margin: 0;
      padding: 0;
      list-style: none;
}

.content-page .reliability-questions li {
      position: relative;
      margin: 0;
      padding: 12px 14px 12px 38px;
      background: #f8fbfb;
      border: 1px solid #e1ebec;
      border-radius: 10px;
      font-size: 14px;
      line-height: 1.45;
}

.content-page .reliability-questions li::before {
      content: "?";
      position: absolute;
      top: 10px;
      left: 14px;
      display: block;
      width: 18px;
      color: #218A8B;
      font-size: 18px;
      line-height: 1;
      font-weight: 700;
      text-align: center;
}

.content-page .reliability-warning {
      padding: 18px 20px;
      background: #fff8ed;
      border: 1px solid #f1dfbf;
      border-radius: 12px;
}

.content-page .reliability-warning h3 {
      color: #7a531a;
}

.content-page .reliability-warning p {
      margin: 0;
}

.content-page .checklist-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 16px;
      list-style: none;
      padding: 0;
      margin: 0;
}

.content-page .checklist-grid li {
      position: relative;
      margin: 0;
      padding: 12px 14px 12px 38px;
      background: #f8fbfb;
      border: 1px solid #e1ebec;
      border-radius: 10px;
      font-size: 14px;
      line-height: 1.45;
}

.content-page .checklist-grid li::before {
      content: "✓";
      position: absolute;
      top: 50%;
      left: 14px;
      display: flex;
      width: 18px;
      height: 18px;
      align-items: center;
      justify-content: center;
      transform: translateY(-50%);
      color: #218A8B;
      font-size: 15px;
      line-height: 1;
      font-weight: 700;
}

.content-page .compare-table thead th.our {
      background: #218A8B;
      color: #FFFFFF;
}

/* [ОБЩЕЕ] Футер */
.content-page .site-footer {
      padding: 44px 0 30px;
      background: #eef3f4;
      color: #333333;
}

.content-page .site-footer__grid {
      display: grid;
      grid-template-columns: 1.25fr 1fr 1fr 1fr 1fr;
      gap: 34px;
      margin-bottom: 36px;
}

.content-page .site-footer h3 {
      margin-bottom: 14px;
      font-size: 16px;
}

.content-page .footer-links {
      display: grid;
      gap: 10px;
}

.content-page .footer-links a {
      color: #333333;
      font-size: 15px;
      font-weight: 400;
      text-decoration: none;
}

.content-page .footer-links a:hover {
      color: #218A8B;
}

.content-page .site-footer__bottom {
      display: grid;
      grid-template-columns: 1fr 1.4fr 1fr;
      gap: 26px;
      padding-top: 26px;
      border-top: 1px solid #d9e4e5;
      color: #6b7c7d;
      font-size: 14px;
      font-weight: 400;
}

.content-page .rating-box {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      gap: 12px;
}

@media (max-width: 1024px) {
.content-page .site-footer__grid {
        grid-template-columns: 1fr 1fr 1fr;
}
}


@media (max-width: 640px) {
.content-page .checklist-grid {
        grid-template-columns: 1fr;
}

.content-page .site-footer__grid {
        text-align: center;
}

.content-page .footer-links {
        justify-items: center;
}

.content-page .site-footer__grid,
.content-page .site-footer__bottom {
        grid-template-columns: 1fr;
}

.content-page .inline-links-row {
        gap: 7px;
}
}


/* [ОБЩЕЕ] Аккордеоны блока выбора пансионата */
@media (max-width: 760px) {
.content-page .content-details {
            margin-top: 16px;
            border-radius: 12px;
      }

      .content-page .content-details > summary {
            min-height: 56px;
            padding: 15px 48px 15px 16px;
            font-size: 16px;
            line-height: 1.35;
      }

      .content-page .content-details > summary::after {
            right: 20px;
            width: 9px;
            height: 9px;
      }

      .content-page .content-details__body {
            padding: 0 16px 18px;
      }

      .content-page .content-details .compare-table-wrap {
            margin: 16px -16px 0;
            border-radius: 0;
      }

      .content-page .compare-table {
            min-width: 720px;
      }

      .content-page .compare-table caption {
            padding: 16px;
            font-size: 16px;
      }

      .content-page .reliability-content {
            gap: 18px;
      }

      .content-page .reliability-intro,
.content-page .reliability-warning {
            padding: 14px 15px;
      }

      .content-page .reliability-section h3 {
            margin-bottom: 10px;
            font-size: 18px;
      }

      .content-page .reliability-questions,
.content-page .checklist-grid {
            grid-template-columns: 1fr;
            gap: 8px;
      }

      .content-page .reliability-questions li,
.content-page .checklist-grid li {
            min-height: 0;
            padding-top: 10px;
            padding-bottom: 10px;
      }
}


@media (max-width: 767px) {
.content-page .staff-carousel {
            margin-top: 24px;
            margin-bottom: 36px;
      }

      .content-page .staff-carousel .content-carousel__header--controls-only {
            display: none;
      }

      .content-page .staff-carousel .staff-grid {
            padding: 0;
            overflow: visible;
      }

      .content-page .staff-body {
            grid-template-rows: minmax(48px, auto) minmax(58px, auto) 1fr;
            padding: 16px;
      }

      .content-page .daily-care-carousel__intro {
            margin: 0 16px 18px 0;
      }

      .content-page .daily-care-card {
            min-height: 235px;
      }

      .content-page .monitoring-grid {
            display: flex;
            flex-wrap: nowrap;
            gap: 14px;
            margin-right: -16px;
            padding-right: 16px;
            overflow-x: auto;
            overscroll-behavior-x: contain;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
      }

      .content-page .monitoring-grid::-webkit-scrollbar {
            display: none;
      }

      .content-page .monitoring-card {
            flex: 0 0 min(84vw, 340px);
            scroll-snap-align: start;
      }
}


/* [ОБЩЕЕ] Карусель отзывов */








/* [ОБЩЕЕ] Оформление в пансионат */
.content-page .transport-banner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      margin: 8px 0 34px;
      padding: 16px 18px;
      border: 1px solid #cfe1e2;
      border-radius: 12px;
      background: #FFFFFF;
      box-shadow: 0 2px 8px rgba(33, 138, 139, 0.06);
}

.content-page .transport-banner__content {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
}

.content-page .transport-banner__icon,
.content-page .enrollment-document-card__icon {
      display: grid;
      flex: 0 0 auto;
      place-items: center;
      border-radius: 50%;
      background: #e6f4f4;
}

.content-page .transport-banner__icon {
      width: 42px;
      height: 42px;
}

.content-page .transport-banner__icon img {
      width: 26px;
      height: 26px;
      object-fit: contain;
}

.content-page .transport-banner h3 {
      margin: 0 0 3px;
      font-size: 18px;
}

.content-page .transport-banner p {
      margin: 0;
      color: #5f7072;
      font-size: 14px;
      line-height: 1.5;
}

.content-page .transport-banner__button {
      flex: 0 0 auto;
      white-space: nowrap;
}

.content-page .enrollment-documents {
      padding: 28px;
      border-radius: 14px;
      background: #FFFFFF;
}

.content-page .enrollment-documents > h3 {
      margin-bottom: 8px;
}

.content-page .enrollment-documents > p:first-of-type {
      margin: 0 0 22px;
}

.content-page .enrollment-documents__track {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: stretch;
      gap: 14px;
}

.content-page .enrollment-document-card {
      min-width: 0;
      padding: 18px;
      border: 1px solid #d9e4e5;
      border-radius: 12px;
      background: #FFFFFF;
      box-shadow: 0 2px 8px rgba(33, 138, 139, 0.05);
}

.content-page .enrollment-document-card__heading {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
}

.content-page .enrollment-document-card__heading h3 {
      margin: 0;
      font-size: 18px;
      line-height: 1.3;
}

.content-page .enrollment-document-card__icon {
      width: 34px;
      height: 34px;
      background: #218A8B;
}

.content-page .enrollment-document-card__icon img {
      width: 21px;
      height: 21px;
      object-fit: contain;
      filter: brightness(0) invert(1);
}

.content-page .enrollment-document-card ul {
      margin: 0;
      padding: 0;
      list-style: none;
}

.content-page .enrollment-document-card li {
      margin: 0;
      padding: 9px 0;
      border-bottom: 1px solid #d9e4e5;
      color: #556668;
      font-size: 14px;
      line-height: 1.45;
}

.content-page .enrollment-document-card li:last-child {
      padding-bottom: 0;
      border-bottom: 0;
}

.content-page .enrollment-documents__note {
      margin: 18px 0 0;
      color: #5f7072;
      font-size: 14px;
}

.content-page .enrollment-documents__actions {
      display: flex;
      justify-content: center;
      gap: 12px;
      margin-top: 22px;
}

@media (max-width: 900px) {
.content-page .transport-banner {
            align-items: flex-start;
      }

      .content-page .enrollment-documents__track {
            grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .content-page .enrollment-document-card:last-child {
            grid-column: 1 / -1;
      }
}


@media (max-width: 767px) {
.content-page .enrollment-section {
            overflow: hidden;
      }

      .content-page .audience-grid {
            width: auto;
            margin-right: -16px;
            padding-right: 16px;
      }

      .content-page .enrollment-section .steps-list {
            gap: 12px;
            margin-bottom: 20px;
            margin-right: -16px;
            padding-right: 16px;
            scroll-padding-right: 16px;
      }

      .content-page #prices .tariff-grid {
            width: auto;
            margin-right: -16px;
            padding-right: 16px;
            scroll-padding-right: 16px;
      }

      .content-page .transport-banner {
            align-items: stretch;
            flex-direction: column;
            gap: 14px;
            margin: 0 0 28px;
            padding: 14px;
      }

      .content-page .transport-banner__content {
            flex-direction: column;
            align-items: center;
            text-align: center;
      }

      .content-page .transport-banner__button {
            width: 100%;
      }

      .content-page .enrollment-documents {
            padding: 22px 0 22px 18px;
            margin-right: -16px;
            border-radius: 12px 0 0 12px;
      }

      .content-page .enrollment-documents > h3,
.content-page .enrollment-documents > p,
.content-page .enrollment-documents__note {
            padding-right: 16px;
      }

      .content-page .enrollment-documents__track {
            display: flex;
            flex-wrap: nowrap;
            gap: 12px;
            padding-right: 16px;
            overflow-x: auto;
            overscroll-behavior-x: contain;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
      }

      .content-page .enrollment-documents__track::-webkit-scrollbar,
.content-page .enrollment-documents__actions::-webkit-scrollbar {
            display: none;
      }

      .content-page .enrollment-document-card,
.content-page .enrollment-document-card:last-child {
            grid-column: auto;
            flex: 0 0 min(84vw, 340px);
            scroll-snap-align: start;
      }

      .content-page .enrollment-documents__actions {
            justify-content: flex-start;
            margin-right: 0;
            padding-right: 16px;
            overflow-x: auto;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
      }

      .content-page .enrollment-documents__actions .btn {
            flex: 0 0 auto;
            width: auto;
            white-space: nowrap;
      }
}


/* [ОБЩЕЕ] Переопределения компонентов */
.content-page #prices .tariff .price {
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      font-size: 27px !important;
}

.content-page #prices .tariff .btn,
.content-page #prices .tariff.featured .btn {
      border-color: #218A8B !important;
      background: #218A8B !important;
      color: #FFFFFF !important;
}

.content-page #prices .tariff .btn:hover,
.content-page #prices .tariff.featured .btn:hover {
      border-color: #186b6c !important;
      background: #186b6c !important;
      color: #FFFFFF !important;
}

.content-page #prices .tariff ul li::before {
      content: "✓" !important;
      display: block !important;
      top: 6px !important;
      color: #218A8B !important;
      line-height: 1.65 !important;
}

.content-page #prices .include-block li {
      margin-bottom: 0 !important;
}

.content-page #prices .calc-fieldset,
.content-page #prices .calc-fieldset legend {
      border: 0 !important;
      border-bottom: 0 !important;
}

.content-page #prices .calc-result,
.content-page #prices .calc-result-label,
.content-page #prices .calc-result-value,
.content-page #prices .calc-result-value small,
.content-page #prices .calc-result-note {
      color: #FFFFFF !important;
}

.content-page .cta-section > .container > p,
.content-page .cta-section > .cta-section__inner > p {
      color: #FFFFFF !important;
}

/* [ОБЩЕЕ][АДАПТИВ] Мобильные переопределения компонентов */
@media (max-width: 640px) {
body.content-page,
      .content-page.content-page--home {
            font-size: 14px;
      }

      .content-page h1 {
            font-size: 29px;
      }

      .content-page h2,
.content-page .section-title h2 {
            font-size: 24px;
      }

      .content-page h3 {
            font-size: 17px;
      }

      .content-page .section-subtitle {
            font-size: 21px;
      }

      .content-page p {
            font-size: 15px;
      }

      .content-page .section {
            padding: 36px 0;
      }

      .content-page .section-title {
            margin-bottom: 20px;
      }

      .content-page .section-title h2 {
            margin-bottom: 8px;
      }

      .content-page .section-title p {
            font-size: 15px;
      }

      .content-page .hero {
            margin-bottom: 0;
            padding: 28px 0 24px;
      }

      .content-page .hero + .section {
            padding-top: 32px;
      }

      .content-page .hero-grid {
            gap: 24px;
      }

      .content-page .hero-left {
            padding-top: 0;
      }

      .content-page .hero-badges {
            gap: 8px;
            margin: 16px 0 18px;
            margin-right: 0;
            padding-right: 0;
            flex-wrap: wrap;
            overflow: visible;
            scroll-snap-type: none;
      }

      .content-page .hero-ctas {
            gap: 10px;
            margin: 16px 0 18px;
      }

      .content-page .hero-meta {
            gap: 8px 16px;
            margin-top: 0;
            padding-top: 14px;
            line-height: 1.45;
      }

      .content-page .hero-video {
            border-radius: 12px;
      }

      .content-page .btn,
.content-page .btn-outline {
            padding: 12px 18px;
            border-radius: 10px;
            font-size: 14px;
      }

      .content-page .hero-ctas .btn:not(.btn-outline),
      .content-page--home .pricing-section__actions .btn {
            border: 2px solid #218A8B;
      }

      .content-page .audience-card {
            padding: 20px;
      }

      .content-page .audience-card h3 {
            font-size: 17px;
      }

      .content-page .audience-card p {
            font-size: 15px;
            line-height: 1.55;
      }

      .content-page .audience-icon {
            width: 48px;
            height: 48px;
            flex-basis: 48px;
            margin-bottom: 14px;
      }

      .content-page .audience-icon__image {
            width: 30px;
            height: 30px;
      }

      .content-page .quiz-block,
.content-page .docs-block {
            gap: 18px;
            padding: 22px 18px;
      }

      .content-page .quiz-block h3 {
            margin-bottom: 8px;
            font-size: 21px;
      }

      .content-page .quiz-block p {
            margin-bottom: 16px;
            font-size: 15px;
      }

      .content-page #prices .tariff {
            height: auto;
            min-height: 0;
            padding: 20px 18px;
      }

      .content-page #prices .tariff .price {
            margin: 8px 0 2px;
            font-size: 25px !important;
      }

      .content-page .calculator-wrap {
            gap: 20px;
            margin: 24px 0;
            padding: 20px 18px;
      }

      .content-page .calc-title {
            font-size: 20px;
      }

      .content-page .calc-sub {
            margin-bottom: 18px;
      }

      .content-page .calc-field,
.content-page .calc-fieldset {
            margin-bottom: 14px;
      }

      .content-page .calc-result {
            padding: 22px 18px;
      }

      .content-page .calc-result-value {
            font-size: 30px;
      }

      .content-page .expert-note {
            gap: 14px;
            margin-top: 24px;
            padding: 18px;
      }

      .content-page .expert-avatar {
            width: 64px;
            height: 64px;
      }

      .content-page .content-details {
            margin-top: 10px;
      }

      .content-page .content-details > summary {
            min-height: 52px;
            padding: 13px 44px 13px 16px;
            font-size: 15px;
      }

      .content-page .content-details > summary::after {
            right: 18px;
      }

      .content-page .content-details__body {
            padding: 0 16px 16px;
      }

      .content-page .enrollment-documents {
            margin-right: 0;
            padding-top: 20px;
            padding-right: 18px;
            padding-bottom: 20px;
            border-radius: 12px;
      }

      .content-page .enrollment-documents > p:first-of-type {
            margin-bottom: 18px;
      }

      .content-page .enrollment-document-card,
.content-page .enrollment-document-card:last-child {
            flex-basis: min(70vw, 280px);
            padding: 16px;
      }

      .content-page .enrollment-document-card__heading h3 {
            font-size: 17px;
      }

      .content-page .enrollment-document-card li {
            font-size: 13px;
      }

      .content-page .enrollment-documents__note {
            font-size: 14px;
      }

      .content-page .enrollment-documents__actions {
            align-items: stretch;
            flex-direction: column;
            margin-top: 18px;
            padding-right: 0;
            overflow: visible;
      }

      .content-page .enrollment-documents__actions .btn {
            width: 100%;
            padding: 11px 16px;
            font-size: 13px;
            white-space: normal;
      }

      .content-page .cta-section {
            padding: 40px 0;
      }

      .content-page .cta-grid {
            gap: 20px;
            margin-top: 18px;
      }

      .content-page .cta-form {
            padding: 18px;
      }

      .content-page .cta-form h3 {
            font-size: 20px;
      }

      .content-page .cta-contact {
            gap: 14px;
      }

      .content-page .cta-contact-card {
            padding: 18px;
      }

      .content-page #prices .tariff-grid {
            gap: 14px;
            margin-top: 14px;
            padding-top: 14px;
      }

      .content-page #prices .tariff .for-whom {
            min-height: 0;
            margin-bottom: 6px;
      }

      .content-page #prices .tariff ul {
            flex: 0 0 auto;
            margin: 12px 0 14px;
      }

      .content-page #prices .tariff ul li {
            padding-top: 4px;
            padding-bottom: 4px;
      }

      .content-page #prices .tariff ul li::before {
            top: 4px !important;
      }

      .content-page #prices .tariff-discount {
            margin-top: 14px;
      }

      .content-page #prices .includes-grid {
            display: flex;
            flex-wrap: nowrap;
            align-items: stretch;
            gap: 12px;
            margin-top: 24px;
            margin-right: -16px;
            padding-right: 16px;
            overflow-x: auto;
            overscroll-behavior-x: contain;
            scroll-padding-right: 16px;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
      }

      .content-page #prices .includes-grid::-webkit-scrollbar {
            display: none;
      }

      .content-page #prices .include-block {
            flex: 0 0 min(84vw, 340px);
            scroll-snap-align: start;
      }

      

      .content-page .docs-toggle,
.content-page .cta-form-toggle {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin: 0;
            padding-right: 28px;
            cursor: pointer;
      }

      

      .content-page .cta-form-toggle {
            font-size: 20px;
      }

      .content-page .docs-toggle::after,
.content-page .cta-form-toggle::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 4px;
            width: 10px;
            height: 10px;
            border-right: 2px solid #218A8B;
            border-bottom: 2px solid #218A8B;
            transform: translateY(-70%) rotate(45deg);
            transition: transform 0.2s ease;
      }

      .content-page [data-mobile-collapsible].is-expanded .docs-toggle::after,
.content-page [data-mobile-collapsible].is-expanded .cta-form-toggle::after {
            transform: translateY(-30%) rotate(225deg);
      }

      .content-page .docs-block:not(.is-expanded) .docs-info-content,
.content-page .docs-block:not(.is-expanded) .docs-visuals,
.content-page .cta-form:not(.is-expanded) .cta-form-content {
            display: none;
      }

      

      .content-page .cta-form.is-expanded .cta-form-toggle {
            margin-bottom: 6px;
      }

      

      .content-page .enrollment-documents__track {
            scroll-padding-right: 16px;
      }

      .content-page .cta-form-sub {
            margin: 6px 0 0;
            padding-right: 28px;
      }

      .content-page .cta-form.is-expanded .cta-form-content {
            margin-top: 18px;
      }

      .content-page #map .section__head {
            margin-bottom: 14px;
      }

      .content-page #map .section__head h2 {
            margin-bottom: 0;
      }

      .content-page .address-pill,
      .content-page .map-address-card .pill-list a {
            padding: 10px 15px;
      }
}



/* observation-section (из new_src/observation-section.css) */

/* Наблюдение, безопасность и контроль лекарств */

.observation-section {
    margin: 0;
}

.observation-section .section-title {
    margin-bottom: 12px;
}

.content-page .observation-section__intro {
    max-width: 980px;
    margin: -4px 0 20px;
    color: #5a6273;
    font-size: 16px;
    line-height: 1.55;
}

.content-page .observation-carousel {
    margin-bottom: 44px;
}

.content-page .observation-card {
    min-height: 220px;
    padding: 20px;
    border: 1px solid #e1eaeb;
    border-radius: 14px;
    background: #FFFFFF;
    box-shadow: 0 4px 14px rgba(33, 138, 139, 0.06);
    box-sizing: border-box;
}

.content-page .observation-card .standards-card__title {
    min-height: 44px;
    margin: 0 0 10px;
    color: #18233f;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.content-page .observation-card p {
    margin: 0;
    color: #6b748e;
    font-size: 15px;
    line-height: 1.55;
}

@media screen and (max-width: 767px) {
    .content-page .observation-section__intro {
        margin: 0 0 18px;
    }

    .content-page .observation-card {
        min-height: 200px;
    }
}