@charset 'UTF-8';

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    overflow: visible;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: none;
    -webkit-text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color: inherit
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
   margin: 0 -6px;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
   margin: 0 6px;
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@-webkit-keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@-webkit-keyframes plyr-popup {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: .5
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes plyr-popup {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: .5
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-width: 200px;
    max-width: 100%;
    -webkit-transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    text-shadow: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    direction: ltr;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    font-variant-numeric: tabular-nums
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    width: 100%;
    height: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.plyr__badge {
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px;
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464)
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-animation: plyr-fade-in .3s ease;
    animation: plyr-fade-in .3s ease;
    text-align: center
}

.plyr__captions span:empty {
    display: none
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    -webkit-transform: translateY(-40px);
    -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4));
    -ms-transform: translateY(-40px);
    -ms-transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4));
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    border-radius: 2px;
    background: rgba(0, 0, 0, .8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    position: relative;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: inherit;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    background: 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.plyr__control svg {
    display: block;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px);
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    fill: currentColor
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    outline: 3px dotted #00b3ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.plyr__controls .plyr__progress__container {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-right: auto;
    margin-left: 0
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plyr__menu .plyr__control svg {
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    position: absolute;
    z-index: 3;
    right: -3px;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-animation: plyr-popup .2s ease;
    animation: plyr-popup .2s ease;
    text-align: left;
    white-space: nowrap;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    border-radius: 4px;
    background: rgba(255, 255, 255, .9);
    background: var(--plyr-menu-background, rgba(255, 255, 255, .9));
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15))
}

.plyr__menu__container>div {
    overflow: hidden;
    -webkit-transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
    -o-transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    position: absolute;
    top: 100%;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/ 2);
    width: 0;
    height: 0;
    content: '';
    border: 4px solid transparent;
    border: var(--plyr-menu-arrow-size, 4px) solid transparent;
    border-top-color: rgba(255, 255, 255, .9);
    border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, .9))
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plyr__menu__container .plyr__control>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit
}

.plyr__menu__container .plyr__control:after {
    position: absolute;
    top: 50%;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 4px solid transparent;
    border: var(--plyr-menu-item-arrow-size, 4px) solid transparent
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px));
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197)
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--back:after {
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px));
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197)
}

.plyr__menu__container .plyr__control--back:before {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    overflow: hidden;
    height: 1px;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    content: '';
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    -webkit-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff)
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    content: '';
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: rgba(0, 0, 0, .1);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    top: 50%;
    left: 12px;
    width: 6px;
    height: 6px;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
    border: 0;
    background: #fff
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b3ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__menu__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-right: calc(-7px - -2);
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);
    margin-left: auto;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plyr--full-ui input[type=range] {
    display: block;
    width: 100%;
    min-width: 0;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    padding: 0;
    -webkit-transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    color: #00b3ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: box-shadow .3s ease;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    background: 0 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), color-stop(0, transparent));
    background-image: linear-gradient(90deg, currentColor 0, transparent 0);
    background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    position: relative;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: -4px;
    margin-top: calc(var(--plyr-range-thumb-height, 13px)/ 2*-1 - var(--plyr-range-track-height, 5px)/ 2*-1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 0;
    border-radius: 100%;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    -webkit-box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2);
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    -webkit-appearance: none;
    appearance: none
}

.plyr--full-ui input[type=range]::-moz-range-track {
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-user-select: none;
    user-select: none;
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    background: 0 0
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    position: relative;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    border: 0;
    border-radius: 100%;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2))
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    background: currentColor
}

.plyr--full-ui input[type=range]::-ms-track {
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-user-select: none;
    user-select: none;
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    background: 0 0
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-user-select: none;
    user-select: none;
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    background: 0 0;
    background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
    position: relative;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    border: 0;
    border-radius: 100%;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2))
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline: 3px dotted #00b3ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline: 3px dotted #00b3ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline: 3px dotted #00b3ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
    outline-offset: 2px
}

.plyr__poster {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: 0;
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    content: '⁄'
}

.plyr__tooltip {
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.3;
    position: absolute;
    z-index: 2;
    bottom: 100%;
    left: 50%;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    -webkit-transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    -o-transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    -webkit-transform: translate(-50%, 10px) scale(.8);
    -ms-transform: translate(-50%, 10px) scale(.8);
    transform: translate(-50%, 10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    border-radius: 3px;
    border-radius: var(--plyr-tooltip-radius, 3px);
    background: rgba(255, 255, 255, .9);
    background: var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15))
}

.plyr__tooltip:before {
    position: absolute;
    z-index: 2;
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    left: 50%;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 4px solid rgba(255, 255, 255, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    -webkit-transform: translate(-50%) scale(1);
    -ms-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
    opacity: 1
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    -webkit-transform: translateY(10px) scale(.8);
    -ms-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    right: 0;
    left: auto;
    -webkit-transform: translateY(10px) scale(.8);
    -ms-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7);
    left: auto;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

.plyr__progress {
    position: relative;
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px)
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px));
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5)
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    left: 0
}

.plyr__progress__buffer {
    position: absolute;
    top: 50%;
    left: 0;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    margin-top: -2.5px;
    margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
    padding: 0;
    border: 0;
    border-radius: 100px;
    background: 0 0;
    -webkit-appearance: none
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
    border-radius: 100px;
    background: currentColor
}

.plyr__progress__buffer::-moz-progress-bar {
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease;
    border-radius: 100px;
    background: currentColor
}

.plyr__progress__buffer::-ms-fill {
    -ms-transition: width .2s ease;
    transition: width .2s ease;
    border-radius: 100px
}

.plyr--loading .plyr__progress__buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    color: transparent;
    background-image: -o-linear-gradient(135deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
    background-image: -o-linear-gradient(135deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px)
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, .25);
    background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr__volume {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    min-width: 80px;
    max-width: 110px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plyr__volume input[type=range] {
    position: relative;
    z-index: 2;
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr--is-ios .plyr__volume {
    width: auto;
    min-width: 0
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    border-radius: inherit;
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff)
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff);
    background: #00b3ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1));
    box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, .6);
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr--video {
    overflow: hidden;
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000))
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: auto;
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000))
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio:16/9) {

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        position: relative;
        height: 0;
        padding-bottom: 56.25%
    }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    position: relative;
    padding-bottom: 240%;
    -webkit-transform: translateY(-38.28125%);
    -ms-transform: translateY(-38.28125%);
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .75)));
    background: -o-linear-gradient(transparent, rgba(0, 0, 0, .75));
    background: linear-gradient(transparent, rgba(0, 0, 0, .75));
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)))
}

.plyr--video.plyr--hide-controls .plyr__controls {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    pointer-events: none;
    opacity: 0
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff);
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
}

.plyr__control--overlaid {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: none;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .9;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    border: 0;
    border-radius: 100%;
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
}

.plyr__control--overlaid svg {
    position: relative;
    left: 2px
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    visibility: hidden;
    opacity: 0
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255, 255, 255, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255, 255, 255, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5));
    box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}

.plyr--video .plyr__progress__buffer {
    color: rgba(255, 255, 255, .25);
    color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
}

.plyr:-webkit-full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0 !important;
    background: #000
}

.plyr:-ms-fullscreen {
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0 !important;
    background: #000
}

.plyr:fullscreen {
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0 !important;
    background: #000
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr--fullscreen-fallback {
    position: fixed;
    z-index: 10000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0 !important;
    background: #000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

.plyr__ads {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    cursor: pointer;
    border-radius: inherit
}

.plyr__ads>div,
.plyr__ads>div iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.plyr__ads:after {
    font-size: 11px;
    position: absolute;
    z-index: 3;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    padding: 2px 6px;
    content: attr(data-badge-text);
    pointer-events: none;
    color: #fff;
    border-radius: 2px;
    background: #23282f
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 0;
    display: block;
    width: 3px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .8;
    background: currentColor
}

.plyr__preview-thumb {
    position: absolute;
    z-index: 2;
    bottom: 100%;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    padding: 3px;
    padding: var(--plyr-tooltip-radius, 3px);
    -webkit-transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    -o-transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    -webkit-transform: translateY(10px) scale(.8);
    -ms-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    pointer-events: none;
    opacity: 0;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .9);
    background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15))
}

.plyr__preview-thumb--is-shown {
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    opacity: 1
}

.plyr__preview-thumb:before {
    position: absolute;
    z-index: 2;
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    left: 50%;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 4px solid rgba(255, 255, 255, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent
}

.plyr__preview-thumb__image-container {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 2px;
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    background: #c1c8d1
}

.plyr__preview-thumb__image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none
}

.plyr__preview-thumb__time-container {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 6px;
    left: 0;
    white-space: nowrap
}

.plyr__preview-thumb__time-container span {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    padding: 3px 6px;
    color: #fff;
    border-radius: 2px;
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    background-color: rgba(0, 0, 0, .55)
}

.plyr__preview-scrubbing {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: auto;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    pointer-events: none;
    opacity: 0;
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    -o-object-fit: contain;
    object-fit: contain
}

.plyr--no-transition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.plyr__sr-only {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important
}

.plyr [hidden] {
    display: none !important
}

@-webkit-keyframes selectAnimation {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes selectAnimation {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

:root {
    --plyr-color-main: #2c9eae
}

body {
    font-family: Montserrat, sans-serif;
font-display: swap;
    font-size: 14px;
    line-height: normal;
    overflow-x: hidden;
    width: 100%;
    color: #000;
    background: #fff
}

html {
    overflow-x: hidden
}

img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    flex-direction: column;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.wrapper__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

a {
    text-decoration: none;
    color: #2c9eae
}

a:focus,
a:hover {
    text-decoration: none;
    color: #2c9eae
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.container {
    width: 100%;
    max-width: 1210px;
    margin: 0 auto;
    padding: 0 15px
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

:root {
    --litepicker-button-prev-month-color-hover: #176bff;
    --litepicker-button-next-month-color-hover: #176bff;
    --litepicker-day-color-hover: #176bff;
    --litepicker-is-in-range-color: rgba(165, 197, 255, .4);
    --litepicker-is-start-color-bg: #176bff;
    --litepicker-is-end-color-bg: #176bff;
    --litepicker-button-apply-color-bg: #176bff;
    --litepicker-button-reset-color-hover: #176bff
}

.text-nowrap {
    white-space: nowrap
}

.secondary-link {
    text-decoration: underline;
    color: #7c8a8d
}

.row {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 20px
}

.col-1 {
    grid-column: span 1
}

.col-2 {
    grid-column: span 2
}

.col-3 {
    grid-column: span 3
}

.col-4 {
    grid-column: span 4
}

.col-5 {
    grid-column: span 5
}

.col-6 {
    grid-column: span 6
}

.col-7 {
    grid-column: span 7
}

.col-8 {
    grid-column: span 8
}

.col-9 {
    grid-column: span 9
}

.col-10 {
    grid-column: span 10
}

.col-11 {
    grid-column: span 11
}

.col-12 {
    grid-column: span 12
}

.btn-default {
    font-size: 12px;
    line-height: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 30px;
    padding: 5px 12px;
    cursor: pointer;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border: 1px solid #9cc1c9;
    border-radius: 15px;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-default--lg {
    min-height: 40px;
    border-radius: 20px
}

.btn-default--lg-accent {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    min-height: 50px;
    padding: 10px 20px;
    color: #2c9eae;
    border-radius: 25px
}

.btn-default--lg-accent .btn-default__arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.btn-default--lg-accent .btn-default__arrow:last-child {
    margin-left: 8px
}

.btn-default--lg-accent .btn-default__arrow svg {
    width: 5px;
    height: 10px;
    fill: #2c9eae
}

.btn-default:hover {
    border-color: #d1f0f4;
    background: #d1f0f4
}

.btn-default--white {
    color: #fff;
    border: 1px solid #fff
}

.btn-default--white:hover {
    border-color: #fff;
    background: 0 0
}

.btn-with-icon {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 44px;
    padding: 6px 22px 6px 7px;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 22px;
    background: -webkit-gradient(linear, left top, right top, color-stop(-2.78%, #259bab), to(#76d2de));
    background: -o-linear-gradient(left, #259bab -2.78%, #76d2de 100%);
    background: linear-gradient(90deg, #259bab -2.78%, #76d2de 100%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-with-icon:hover {
    background: #229bab;
    -webkit-box-shadow: 0 2px 16px rgba(95, 183, 193, .75);
    box-shadow: 0 2px 16px rgba(95, 183, 193, .75)
}

.btn-with-icon i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 15px;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px
}

.btn-with-icon i svg {
    width: 15px;
    height: 15px;
    fill: #259bab
}

.btn-accent {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 219px;
    height: 50px;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, color-stop(-2.78%, #259bab), to(#76d2de));
    background: -o-linear-gradient(left, #259bab -2.78%, #76d2de 100%);
    background: linear-gradient(90deg, #259bab -2.78%, #76d2de 100%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-accent:hover {
    color: #fff;
    background: #229bab;
    -webkit-box-shadow: 0 2px 16px rgba(95, 183, 193, .75);
    box-shadow: 0 2px 16px rgba(95, 183, 193, .75)
}

.btn-accent--md {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    min-height: 50px;
    padding: 10px 25px;
    border-radius: 25px
}

.btn-accent--sm {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    min-height: 40px;
    padding: 5px 18px;
    border-radius: 20px
}

.btn-action {
    font-size: 12px;
    font-weight: 500;
    line-height: 106.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 19px 25px;
    cursor: pointer;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    text-align: center;
    color: #9cc1c9;
    border: none;
    border-radius: 10px;
    background: #f3fbfd;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-action:hover {
    color: #7aaeb9
}

.btn-white {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 40px;
    padding: 5px 18px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.checkbox input {
    display: none
}

.checkbox span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    border: 1px solid #2c9eae;
    border-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px
}

.checkbox span svg {
    visibility: hidden;
    width: 17px;
    height: 17px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    fill: #2c9eae
}

.checkbox input:checked+span svg {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.header {
    position: relative;
    z-index: 10;
}

.header__top {
    background: #f9feff
}

.header__top-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__top-left,
.header__top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__location {
    margin-right: 42px
}

.header__phone {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 22px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: inherit
}

.header__cabinet,
.header__zoom {
    font-size: 12px;
    line-height: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    cursor: pointer;
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__cabinet svg,
.header__zoom svg {
    margin-right: 12.5px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    fill: #9cc1c9
}

.header__cabinet:hover svg,
.header__zoom:hover svg {
    fill: #7aaeb9
}

.header__zoom svg {
    width: 23px;
    height: 10px
}

.header__cabinet {
    margin: 0 26px
}

.header__cabinet svg {
    width: 11px;
    height: 14px
}

.header__search-wrap {
    position: relative;
    margin: 0 24px 0 30px
}

.header__search-input {
    position: absolute;
    top: 50%;
    right: -10px;
    visibility: hidden;
    width: 467px;
    margin-top: -15px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 0
}

.header__search-input.is-active {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.header__search-input input {
    font-size: 11px;
    line-height: 13px;
    width: 100%;
    height: 30px;
    padding: 0 50px 0 15px;
    border: 1px solid #9cc1c9;
    border-radius: 15px;
    background: #f9feff
}

.header__search-input input:focus {
    border-color: #7aaeb9
}

.header__search-input input::-webkit-input-placeholder {
    color: #6e9ca6
}

.header__search-input input::-moz-placeholder {
    color: #6e9ca6
}

.header__search-input input:-ms-input-placeholder {
    color: #6e9ca6
}

.header__search-input input::-ms-input-placeholder {
    color: #6e9ca6
}

.header__search-input input::placeholder {
    color: #6e9ca6
}

.header__search {
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    cursor: pointer;
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__search svg {
    width: 18px;
    height: 18px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    fill: #9cc1c9
}

.header__search:hover svg {
    fill: #7aaeb9
}

.header__top-divider {
    height: 70px;
    border-left: 1px solid #e9f5f8
}

.header__bottom-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__logo-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 271px;
    flex: 0 0 271px
}

.header__menu {
    margin-right: auto
}

.header__menu-btn-wrap {
    display: none
}

.submenu {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    visibility: hidden;
    margin-top: 1px;
    padding: 20px 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0;
    background: #f9feff
}

.submenu__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 62px 0 271px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.submenu__links {
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.submenu__links>:not(:first-child) {
    margin-left: 26px
}

.submenu__links a {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: inherit
}

.submenu__links a:hover {
    color: #2c9eae
}

.submenu__cards {
    display: grid;
    margin-top: 28px;
    padding: 0 36px 0 263px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

.menu-card {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px 20px 26px;
    color: #259bab;
    border-radius: 10px;
    background: #e9f5f8;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.menu-card--align-img-bottom img {
    position: relative;
    bottom: -20px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.is-active>.submenu {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.location-btn {
    font-size: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    cursor: pointer;
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.location-btn svg {
    width: 18px;
    height: 18px;
    margin-right: 11px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    fill: #9cc1c9
}

.location-btn:hover svg {
    fill: #7aaeb9
}

.location-btn--white {
    color: #fff
}

.location-btn--white svg {
    fill: #fff
}

.location-btn--white:hover svg {
    fill: #fff
}

.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.menu__item:not(:last-child) {
    margin-right: 26px
}

.menu__item>a {
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__item.has-submenu>a svg {
    width: 8px;
    height: 6px;
    margin-left: 5px;
    fill: #000
}

.menu__item.more>a svg {
    width: 15px;
    height: 3px;
    margin-left: 5px;
    fill: #000
}

.menu__item.is-active>a {
    color: #2c9eae
}

.menu__item.is-active>a svg {
    fill: #2c9eae
}

.banner {
    position: relative
}

.banner__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.banner__img-wrapper {
    position: absolute;
overflow: hidden;
    right: -145px;
    top: 11%;
    border-radius: 50%;
    width: 660px;
    height: 660px;
    border: 5px solid #2C9EAE;
background: #2C9EAE;
}

.banner__img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.banner__content {
    position: relative;
    z-index: 1;
    height: 580px;
    //padding: 175px 15px 169px 76px;
    padding: 70px 15px 100px 75px;
    overflow: hidden;
    background-color: #EDF8FA !important;
    border-radius: 10px;
}

.banner__title {
    font-size: 40px;
    font-weight: 600;
    line-height: 73px;
    max-width: 660px;
    color: #026371
}

.banner__text {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    max-width: 543px;
    margin-top: 8px;
    color: #4d4d4d
}

.banner__text-secondary {
   color: #2C9EAE
}

.banner__btn {
    margin-top: 38px
}

.banner__notation {
    position: absolute;
    font-weight: 400;
    font-size: 9px;
    left: 76px;
    bottom: 42px;
    max-width: 340px;
}

.banners-slider {
   padding-top: 36px;
}

.banners-slider .slick-prev {
    font-size: 0;
    position: absolute;
    z-index: 3;
    bottom: 25px;
    left: -64px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    cursor: pointer;
    border: none;
    top: calc(50% - 50px);
    background: #2C9EAE;
}

.banners-slider .slick-prev::before {
    content: '';
    position: absolute;
    z-index: 4;
    width: 15px;
    height: 15px;
    border-right: 3px solid #ffffff;
    border-top: 3px solid #fff;
    transform: rotate(-135deg);
    top: 35%;
    right: 29%;
    border-radius: 2px;
}

.banners-slider .slick-next {
    font-size: 0;
    position: absolute;
    z-index: 3;
    right: -64px;
    bottom: 25px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    cursor: pointer;
    border: none;
    top: calc(50% - 50px);
    background: #2C9EAE;
}

.banners-slider .slick-next::before {
    content: '';
    position: absolute;
    z-index: 4;
    width: 15px;
    height: 15px;
    border-right: 3px solid #ffffff;
    border-top: 3px solid #fff;
    transform: rotate(45deg);
    top: 35%;
    left: 29%;
    border-radius: 2px;
}

@media(max-width: 1340px) {
.banners-slider .slick-next {
right: 20px;
top: calc(80% - 50px);
}
.banners-slider .slick-prev {
left: 20px;
top: calc(80% - 50px);
}
}

.banners-slider .slick-dots {
    position: initial;
    z-index: 2;
    right: 130px;
    bottom: 0;
    left: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banners-slider .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.banners-slider .slick-dots li:not(:last-child) {
    margin-right: 20px
}

.banners-slider .slick-dots button {
    font-size: 0;
    width: 15px;
    height: 15px;
    padding: 0;
    border: 1px solid #2c9eae;
    background: #fff;
    border-radius: 50%;
}

.banners-slider .slick-dots .slick-active button {
    background: #2c9eae;
}

.section-pt {
    padding-top: 150px
}

.section-pb {
    padding-bottom: 150px
}

.section-mt {
    margin-top: 150px
}

.section-mb {
    margin-bottom: 150px
}

.section-title {
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 52px;
color: #3C3C3C;
}
@media ( max-width: 1209px) {
    .section-title {
        font-size: 28px;
    }
}
@media ( max-width: 768px) {
    .section-title {
        font-size: 21px;
        line-height: 24px;
        text-align: center
    }
}

.programms-wrap {
    position: relative
}

.programms-wrap::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 1211px;
    height: 633px;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .6;
    background: #e5f6f9;
    -webkit-filter: blur(204px);
    filter: blur(204px)
}

.programms {
    margin-top: 75px
}

.programm-card {
    height: 100%;
    padding: 50px 50px 74px;
    border-radius: 10px;
    background: #fff
}

.programm-card__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 93px;
    height: 93px;
    margin-bottom: 23px
}

.programm-card__icon img {
    width: 100%;
    height: 100%
}

.programm-card__title {
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 20px;
    color: #2c9eae
}

.programm-card__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #4d4d4d
}

.section-with-circle {
    position: relative;
    overflow: hidden
}

.section-with-circle::before {
    position: absolute;
    top: 100%;
    left: 145px;
    width: 492.86px;
    height: 376.19px;
    margin-top: -87px;
    content: '';
    -webkit-transform: rotate(53.04deg);
    -ms-transform: rotate(53.04deg);
    transform: rotate(53.04deg);
    opacity: .2;
    background: #6dccd9;
    -webkit-filter: blur(204px);
    filter: blur(204px)
}

.directions {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 77px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.directions__title {
    grid-column: span 8;
    grid-row-start: 1
}

.directions__btn {
    grid-row-start: 1;
    grid-column: span 4
}

.directions__content {
    grid-row-start: 2;
    grid-column: span 12
}

.directions__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.directions__list li:not(:first-child) {
    margin-top: 25px
}

.directions__list a {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: #4d4d4d
}

.directions__list a:hover {
    color: #2c9eae
}

.capture-1 {
    position: relative;
    color: #4d4d4d
}

.capture-1__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: #fafafa
}

.capture-1__bg img {
    position: absolute;
    top: -8px;
    right: 50%;
    width: 485px;
    margin-right: 641px;
    opacity: .5
}

.capture-1__grid {
    display: grid;
    grid-template-columns: 5fr 7fr;
    grid-gap: 20px
}

.capture-1__content {
    padding: 115px 0
}

.capture-1__title {
    color: #026371;
    font-size: 46px;
    font-weight: 600;
    line-height: 129%;
    margin: 0 0 26px;
}

.capture-1__text {
    color: #3C3C3C;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    max-width: 475px;
    margin: 0 0 48px;
}

.capture-1__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 73px
}

.capture-1__photo {
    position: relative;
    height: 100%
}

.capture-1__photo-1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.capture-1__photo-2 {
    position: absolute;
    right: 126px;
    bottom: 0;
    width: 538px
}

.capture-2 {
    position: relative;
    overflow: hidden;
    padding: 94px 0 107px;
    background: #EDF8FA;
}

.capture-2__container {
    position: relative;
    z-index: 2
}

.capture-2__bg {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.capture-2__title {
    color: #026371;
    font-size: 46px;
    font-weight: 600;
    line-height: 129%;
    margin: 0 0 26px;
}

.capture-2__text {
    color: #3C3C3C;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    max-width: 475px;
    margin: 0 0 48px;
}

@media (max-width: 768px) {
    .capture-2__title {
          font-size: 27px;
text-align: center;
margin: 0 auto 20px;
    }
    .capture-2__text {
          font-size: 14px;
text-align: center;
margin: 0 auto 30px;
    }
.capture-2 button {
          display: block;
margin: 0 auto;
    }
}

.contacts {
    padding: 79px 0 85px;
}

.contacts .row {
      margin-top: 27px;
}

@media (max-width: 768px) {
.contacts .row > .col-6 {
         grid-column: span 12;
}
}

.contacts .row > .col-6:nth-child(1) {
     display: flex;
      align-items: center;
margin-right: 40px;
}

@media (max-width: 768px) {
.contacts .row > .col-6:nth-child(1) {
     justify-content: center;
}
}


.contacts__map {
    position: relative;
    overflow: hidden;
    height: 350px;
}

.contacts__map > ymaps {
    height: 350px !important;
}

.contacts__map>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.contacts__card > .foot45 {
   align-items: center;
}
.contacts__card > .foot45:not(:last-child) {
    margin-bottom: 48px; 
}

.contacts__card-ic {
width: 33px !important;
height: 33px !important;
}

.contacts__card-ic > svg {
width: 33px !important;
height: 33px !important;
}

.contacts__card-address {
    font-weight: 400;
font-size: 20px;
line-height: 129%;
color: #000000;
}

.contacts__card-address a {

font-weight: 400;
    font-size: 20px;
    line-height: 129%;
    color: #000000;
}

.contacts__card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 36px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contacts__card-phone {
    font-size: 26px;
    font-weight: 500;
    line-height: 32px;
    color: #2c9eae
}

.contacts__card-worktime {
display: flex;
    font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 129%;
color: #000000;
}

@media (max-width: 450px) {

.contacts__card-worktime {
    flex-direction: column;
    gap: 30px;
}
.contacts__card-worktime > div {
    gap: 30px;
    display: flex;
    justify-content: space-between;
     margin: 0 !important;
}
.contacts__card-worktime > div > p {
      margin: 0;
}
}

@media (min-width: 769px) and (max-width: 1209px) {

.contacts__card-worktime {
    flex-direction: column;
    gap: 30px;
}
.contacts__card-worktime > div {
    gap: 30px;
    display: flex;
    justify-content: space-between;
     margin: 0 !important;
}
.contacts__card-worktime > div > p {
      margin: 0;
}
}




@media (max-width: 768px) {
.contacts .row > .col-6:nth-child(1) {
    margin-right: 0px;
}
.contacts__card > .foot45 {
    justify-content: center;
}
.contacts__card-ic {
    position: absolute;
    left: 33px;
}
.contacts__card-address {
  margin-left: 0px !important;
text-align: center;
}
.contacts__card-worktime > div {
   text-align: center;
}
}

@media (max-width: 450px) {
.contacts__card-worktime {
flex-direction: column
}
.contacts__card-ic {
    left: -24px;
}
.contacts__card-address, .contacts__card-address > a {
    font-size: 16px;
}
}

.contacts__card-worktime>:not(:last-child) {
    margin-right: 40px
}

.contacts__card-worktime p {
    margin: 20px 0 0 0
}

.contacts__card-worktime p:first-child {
    margin-top: 0
}

.footer {
    color: #fff;
    background: #035a6b
}

.footer__top {
    padding: 46px 0 37px;
    border-bottom: 1px solid #63c6d3
}

.footer__top-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 20px
}

.footer__logo {
    grid-column: span 4
}

.footer__logo a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.footer__logo a svg {
    width: 200px
}

.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 43px;
    grid-column: span 6;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__menu div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.footer__menu div>:not(:first-child) {
    margin-top: 16px
}

.footer__menu a {
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: #fff
}

.footer__menu a:hover {
    color: #2c9eae
}

.footer__bottom {
    padding: 39px 0 24px
}

.footer__bottom-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 33px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer__voting {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1
}

.footer__bottom-center-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: span 6;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer__bottom-menu {
    font-size: 12px;
    line-height: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 258px;
    flex: 0 0 258px
}

.footer__bottom-menu li:not(:first-child) {
    margin-top: 16px
}

.footer__bottom-menu a {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: #fff
}

.footer__bottom-menu a:hover {
    color: #2c9eae
}

.footer__bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.footer__phone {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: #fff
}

.footer__location {
    margin-bottom: 17px
}

.footer__copyright {
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    grid-column: span 4
}

.footer__top-btn {
    grid-column: span 2
}

.footer__top-btn>* {
    width: 100%
}

.footer__zoom {
    grid-column: span 4
}

.footer__zoom-btn {
    font-size: 12px;
    line-height: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__zoom-btn svg {
    width: 22px;
    height: 9px;
    margin-right: 13px;
    fill: #fff
}

.footer__socials {
    font-size: 14px;
    line-height: 17px;
    grid-column: span 2
}

.footer__socials p {
    margin: 0 0 13px
}

.footer__socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__socials ul a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.footer__socials ul a img {
    width: 34px;
    height: 34px
}

.voting {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.voting__img {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 28px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.voting__img img {
    width: 67px
}

.voting__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    max-width: 277px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.voting__text p {
    margin: 0 0 10px
}

.voting__text a {
    color: #9cc1c9
}

.m-menu {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow-y: auto;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background: #fff
}

.m-menu__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 22px 0 78px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.m-menu__close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    cursor: pointer;
    border: none;
    background: 0 0
}

.m-menu__close svg {
    width: 18px;
    height: 18px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    fill: #9cc1c9
}

.m-menu__close:hover svg {
    fill: #7aaeb9
}

.m-menu__nav {
    font-size: 14px;
    line-height: 17px;
    margin-top: 35px
}

.m-menu__nav a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-menu__nav a svg {
    width: 8px;
    height: 6px;
    margin-left: 5px;
    fill: #000
}

.m-menu__nav>li:not(:first-child) {
    margin-top: 27px
}

.m-menu__nav ul {
    font-size: 12px;
    margin-top: 16px
}

.m-menu__nav ul li:not(:first-child) {
    margin-top: 15px
}

.m-menu__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    max-width: 215px;
    margin-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.m-menu__cards>:not(:first-child) {
    margin-top: 15px
}

.m-menu__location,
.m-menu__zoom {
    font-size: 12px;
    line-height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 0;
    border: none;
    background: 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.m-menu__location svg,
.m-menu__zoom svg {
    margin-bottom: 10px;
    fill: #9cc1c9
}

.m-menu__zoom {
    margin-top: 28px
}

.m-menu__zoom svg {
    width: 22px;
    height: 9px
}

.m-menu__location {
    margin-top: 16px
}

.m-menu__location svg {
    width: 9px;
    height: 12px
}

.m-menu__btn {
    margin-top: 35px
}

.m-menu__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 10px
}

.m-menu__phone {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: inherit
}

.inner-header {
    padding-top: 32px
}

.inner-header--lightblue {
    background: #e9f5f8
}

.inner-header__title {
    font-size: 65px;
    font-weight: 300;
    line-height: 69px;
    margin: 0
}

.inner-header__title--sm {
    font-size: 35px;
    line-height: 43px;
    max-width: 720px
}

.inner-header__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    max-width: 543px;
    margin: 30px 0 0 0
}

.inner-header__row {
    display: grid;
    grid-template-columns: 4fr 8fr;
    grid-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inner-header__search {
    width: 100%
}

.inner-header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 39px
}

.inner-header__btn {
    font-size: 18px;
    line-height: 22px;
    min-width: 177px;
    min-height: 60px;
    padding: 0 20px;
    border-radius: 30px
}

.inner-header__with-photo {
    display: grid;
    grid-template-columns: 7fr 5fr;
    grid-gap: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.inner-header__with-photo-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.inner-header__with-photo-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inner-header__with-photo-img img {
    width: 309px
}

.inner-header__with-photo-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px
}

.inner-header__with-photo-2-left {
    padding-bottom: 35px
}

.inner-header__with-photo-2-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inner-header__with-photo-2-img img {
    width: 432px
}

.inner-header__params {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.inner-header__param {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    color: #4d4d4d
}

.inner-header__param strong {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    display: block;
    margin-top: 6px
}

.inner-header__param:not(:last-child) {
    margin-right: 28px;
    padding-right: 28px;
    border-right: 1px solid #d6e8ec
}

.inner-header__action-btn {
    margin-top: 30px
}

.breadcrumbs {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    color: #6b6b6b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 4px
}

.breadcrumbs a {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: #2c9eae
}

.breadcrumbs a:hover {
    opacity: .8
}

.breadcrumbs li:not(:last-child) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

/* .breadcrumbs li:not(:last-child)::after {
    margin-left: 4px;
    content: '/';
    color: #c4c4c4
} */

span.separator::after {
    margin-left: 4px;
    content: '/';
    color: #c4c4c4 
}

.cards-section {
    margin: 107px 0
}

.cards-section__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

.cards-section__bottom-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 109px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cards-section__bottom-button>* {
    min-width: 180px
}

.article-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    border: 1px solid #9cc1c9;
    border-radius: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.article-card__img {
    height: 168px;
    margin: -1px -1px 0;
    border-radius: 10px 10px 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.article-card__content {
    padding: 17px 39px 26px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.article-card__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
    color: #2c9eae
}

.article-card__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #4d4d4d
}

.article-card__line {
    margin-top: 18px
}

.article-card__line+.article-card__line {
    margin-top: 32px
}

.play-btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    cursor: pointer;
    color: #2c9eae;
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.play-btn__ic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    border: 1px solid #9cc1c9;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px
}

.play-btn__ic svg {
    width: 12px;
    height: 9px;
    fill: #2c9eae
}

.author {
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.author__photo {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    border: 1px solid #9cc1c9;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px
}

.author__photo--md {
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

.author__photo--lg {
    width: 78px;
    height: 78px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 78px;
    flex: 0 0 78px
}

.author__photo:last-child {
    margin-right: 0
}

.author__action {
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
    padding: 0;
    cursor: pointer;
    text-align: left;
    color: #6b6b6b;
    border: none;
    background: 0 0
}

.author__info {
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    color: #6b6b6b
}

.modal {
    font-size: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow-y: auto;
    padding: 15px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    background: rgba(25, 50, 53, .32)
}

.modal.is-active {
    visibility: visible;
    opacity: 1
}

.modal::before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle
}

.modal__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.modal__content {
    font-size: 1rem;
    position: relative;
    z-index: 2;
    display: inline-block;
    max-width: 100%;
    padding: 47px 42px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    text-align: left;
    vertical-align: middle;
    white-space: initial;
    border: 1px solid #9cc1c9;
    border-radius: 10px;
    background: #fff
}

.modal__content--width-1 {
    width: 384px
}

.modal__content--width-2 {
    width: 643px
}

.modal__content--width-3 {
    width: 1021px
}

.modal.is-active .modal__content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.modal__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    max-width: 380px;
    margin-bottom: 18px;
    padding-right: 20px
}

.modal__subtitle {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

.modal__close {
    position: absolute;
    top: 30px;
    right: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 10px;
    cursor: pointer;
    border: none;
    background: 0 0
}

.modal__close svg {
    width: 13px;
    height: 13px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    fill: #9cc1c9
}

.modal__close:hover svg {
    fill: #7aaeb9
}

.modal__form {
    width: 100%;
    max-width: 290px;
    margin-top: 35px
}

.modal__bottom-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 26px
}

.modal__form-wrap.show-result .modal__form-main {
    display: none
}

.modal__form-result {
    display: none
}

.modal__form-wrap.show-result .modal__form-result {
    display: initial
}

.modal-opened {
    overflow: hidden
}

.form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.form__field+.form__field {
    margin-top: 20px
}

.form__field>* {
    width: 100%
}

.form__section:not(:first-child) {
    margin-top: 25px
}

.form__section-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 15px
}

.form__bottom-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px
}

.form__bottom-buttons>* {
    min-width: 195px
}

.textfield {
    font-size: 12px;
    font-weight: 500;
    line-height: 106.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    padding: 0 22px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    border: 1px solid #9cc1c9;
    border-radius: 10px
}

.textfield:focus {
    border-color: #7aaeb9
}

.textfield::-webkit-input-placeholder {
    color: #9cc1c9
}

.textfield::-moz-placeholder {
    color: #9cc1c9
}

.textfield:-ms-input-placeholder {
    color: #9cc1c9
}

.textfield::-ms-input-placeholder {
    color: #9cc1c9
}

.textfield::placeholder {
    color: #9cc1c9
}

textarea.textfield {
    height: 113px;
    padding: 17px 22px;
    resize: none
}

.select-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 6px
}

.select-btns__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.select-btns__item input {
    display: none
}

.select-btns__item span {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 35px;
    padding: 0 14px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    border: 1px solid #9cc1c9;
    border-radius: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.select-btns__item span:hover {
    border-color: #7aaeb9
}

.select-btns__item input:checked+span {
    color: #fff;
    border-color: #259bab;
    background: #259bab
}

.search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search__input {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 55px;
    padding: 0 94px 0 24px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    border: 1px solid #9cc1c9;
    border-radius: 10px
}

.search__input:focus {
    border-color: #7aaeb9
}

.search__input::-webkit-input-placeholder {
    color: #6e9ca6
}

.search__input::-moz-placeholder {
    color: #6e9ca6
}

.search__input:-ms-input-placeholder {
    color: #6e9ca6
}

.search__input::-ms-input-placeholder {
    color: #6e9ca6
}

.search__input::placeholder {
    color: #6e9ca6
}

.search__btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 73px;
    cursor: pointer;
    border: none;
    border-radius: 0 10px 10px 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(-2.78%, #259bab), to(#76d2de));
    background: -o-linear-gradient(left, #259bab -2.78%, #76d2de 100%);
    background: linear-gradient(90deg, #259bab -2.78%, #76d2de 100%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: #fff
}

.search__btn:hover {
    background: #229bab;
    -webkit-box-shadow: 0 2px 16px rgba(95, 183, 193, .75);
    box-shadow: 0 2px 16px rgba(95, 183, 193, .75)
}

.search__btn svg {
    width: 21px;
    height: 21px;
    fill: inherit
}

.search-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 700px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-2:not(:first-child) {
    margin-top: 40px
}

.search-2__input {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    height: 50px;
    margin-right: 20px;
    padding: 0 19px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    text-transform: uppercase;
    border: 1px solid #9cc1c9;
    border-radius: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.search-2__input::-webkit-input-placeholder {
    color: #9cc1c9
}

.search-2__input::-moz-placeholder {
    color: #9cc1c9
}

.search-2__input:-ms-input-placeholder {
    color: #9cc1c9
}

.search-2__input::-ms-input-placeholder {
    color: #9cc1c9
}

.search-2__input::placeholder {
    color: #9cc1c9
}

.search-2__input:focus {
    border-color: #7aaeb9
}

.search-2__btn {
    min-width: 195px
}

.catalog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    border-top: 1px solid rgba(156, 193, 201, .25);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.catalog__mobile-top-container {
    display: none
}

.catalog__container {
    display: grid;
    grid-template-columns: 335px 1fr;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.catalog__sidebar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    background: #f4fdff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.catalog__sidebar>:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.catalog__sidebar::before {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: calc(50vw - 605px + 16px);
    margin-right: -1px;
    content: '';
    background: #f4fdff
}

.catalog__menu {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-top: 27px 0 12px
}

.catalog__menu a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 10px 22px 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: #4d4d4d
}

.catalog__menu a:hover {
    color: #2c9eae
}

.catalog__menu a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -42px;
    visibility: hidden;
    content: '';
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: 0;
    background: #fff
}

.catalog__menu a span {
    position: relative;
    z-index: 2
}

.catalog__menu .is-active>a::before {
    visibility: visible;
    opacity: 1
}

.catalog__main {
    padding: 41px 0 41px 70px
}

.catalog__main-back {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    display: none;
    margin: -5px;
    padding: 5px;
    cursor: pointer;
    color: #2c9eae;
    border: none;
    background: 0 0
}

.catalog__main-menu--with-scrollbar {
    overflow-y: auto;
    max-height: 100vh
}

.catalog__main-menu--with-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #d6e8ec #f0f9fb
}

.catalog__main-menu--with-scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.catalog__main-menu--with-scrollbar::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #f0f9fb
}

.catalog__main-menu--with-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #d6e8ec
}

.catalog__mobile-capture {
    display: none
}

.sidebar-capture {
    position: relative;
    padding: 73px 43px 72px 0;
    color: #fff
}

.sidebar-capture::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(50vw - 605px + 350px);
    content: '';
    background: -o-linear-gradient(161.74deg, #026371 0, #2c9eae 79.25%);
    background: linear-gradient(288.26deg, #026371 0, #2c9eae 79.25%)
}

.sidebar-capture__content {
    position: relative;
    z-index: 1
}

.sidebar-capture__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px
}

.sidebar-capture__text {
    font-size: 14px;
    line-height: 20px
}

.sidebar-capture__btn {
    min-width: 180px;
    max-width: 100%;
    margin-top: 45px;
    background: -webkit-gradient(linear, right top, left top, color-stop(-2.78%, #259bab), to(#76d2de));
    background: -o-linear-gradient(right, #259bab -2.78%, #76d2de 100%);
    background: linear-gradient(-90deg, #259bab -2.78%, #76d2de 100%)
}

.sidebar-capture__btn:hover {
    background: -webkit-gradient(linear, right top, left top, color-stop(-50%, #259bab), to(#76d2de));
    background: -o-linear-gradient(right, #259bab -50%, #76d2de 100%);
    background: linear-gradient(-90deg, #259bab -50%, #76d2de 100%)
}

.sidebar-capture__btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.categories-menu {
    display: none
}

.categories-menu.is-active {
    display: block
}

.categories-menu__section:not(:first-child) {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid rgba(156, 193, 201, .25)
}

.categories-menu__section-2 .prices-table {
    margin-bottom: 0
}

.categories-menu__section-2:not(:first-child) {
    margin-top: 55px
}

.categories-menu__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 29px;
    color: #2c9eae
}

.categories-menu__list {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: -13px;
    word-break: keep-all;
    color: #4d4d4d;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
}

.categories-menu__list>li {
    padding: 13px
}

.categories-menu__list a {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: inherit
}

.categories-menu__list a:hover {
    color: #2c9eae
}

.service {
    margin: 70px 0;
    border-top: 1px solid rgba(156, 193, 201, .25)
}

.service__content {
    margin-top: 43px
}

.service__online-capture {
    margin-top: 177px
}

.service__section {
    margin-top: 70px
}

.service__section-title {
    font-size: 35px;
    font-weight: 300;
    line-height: 43px;
    margin: 0 0 35px
}

.page-tabs {
    border-bottom: 1px solid rgba(156, 193, 201, .25)
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    margin: 0 -15px;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tabs::after,
.tabs::before {
    min-width: 15px;
    height: 1px;
    content: ''
}

.tabs>:not(:last-child) {
    margin-right: 37px
}

.tabs a {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 35px 0;
    cursor: pointer;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    color: #6b6b6b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tabs a:hover {
    color: #000
}

.tabs a::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    content: '';
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-bottom: 1px solid #2c9eae
}

.tabs .is-active a {
    font-weight: 600;
    color: #000
}

.tabs .is-active a::before {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.tab {
    display: none
}

.tab.is-active {
    display: initial
}

.article {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    max-width: 780px;
    color: #4d4d4d
}

.article>:first-child {
    margin-top: 0
}

.article h2 {
    font-size: 45px;
    font-weight: 300;
    line-height: 55px;
    margin: 0 0 43px
}

.article h3 {
    font-size: 35px;
    font-weight: 300;
    line-height: 43px;
    margin: 69px 0 35px
}

.article p {
    margin: 25px 0 20px;
}

.article strong {
    font-weight: 600
}

.online-capture__container {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.online-capture__image {
    border-radius: 10px 0 0 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.online-capture__content {
    padding: 52px 185px 51px 113px;
    color: #fff;
    border-radius: 0 10px 10px 0;
    background: -o-linear-gradient(161.74deg, #026371 0, #2c9eae 79.25%);
    background: linear-gradient(288.26deg, #026371 0, #2c9eae 79.25%)
}

.online-capture__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 20px
}

.online-capture__text {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

.online-capture__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-top: 27px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    grid-gap: 16px
}

.online-capture__buttons>* {
    width: 175px
}

.cards-grid .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 14px
}

.cards-grid .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.cards-grid .slick-dots button {
    font-size: 0;
    width: 8px;
    height: 8px;
    padding: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    border: none;
    border-radius: 50%;
    background: #e5eced;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8px;
    flex: 0 0 8px
}

.cards-grid .slick-dots .slick-active button {
    background: #2c9eae
}

.cards-grid-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

@media (max-width: 450px) {
 .cards-grid-2 {
        grid-template-columns: 1fr !important;
    }
}

.person-card {
    padding: 33px 37px 48px 42px;
    border: 1px solid #9cc1c9;
    border-radius: 10px
}
@media (max-width: 768px) {
.person-card {
    padding: 22px 18px !important;
}
}
.person-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 15px
}

.person-card__name {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.person-card__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #4d4d4d;
    min-height: 60px
}

.person-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 15px
}

.person-card__footer-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #4d4d4d
}

.person-card-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    height: 324px;
    padding: 32px 46px 68px 42px;
    border: 1px solid #9cc1c9;
    border-radius: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}
@media (max-width: 450px) {
.person-card-2 {
height: unset !important;
}
}

.person-card-2::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 193px;
    content: '';
    background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #fff), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, #fff 20%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(360deg, #fff 20%, rgba(255, 255, 255, 0) 100%)
}

.person-card-2__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px
}

.person-card-2__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.person-card-2__btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 41px;
    padding: 0;
    cursor: pointer;
    color: #2c9eae;
    border: none;
    background: 0 0
}

.prices-table {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
    max-width: 680px;
    color: #4d4d4d
}

.prices-table strong {
    font-weight: 600;
    color: #000
}

.prices-table li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0 30px;
    border-bottom: 1px solid rgba(156, 193, 201, .25);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px
}

.prices-table li:first-child {
    padding-top: 0
}

.prices-table li>:last-child {
    text-align: right;
    white-space: nowrap
}

.page-mt {
    margin-top: 55px
}

.page-content {
    margin-bottom: 200px;
    border-top: 1px solid rgba(156, 193, 201, .25)
}

.page-content__inner {
    padding-top: 60px
}

.page-content__section:not(:first-child) {
    margin-top: 70px
}

.page-content__section-title {
    font-size: 35px;
    font-weight: 300;
    line-height: 43px;
    margin: 69px 0 35px
}

.page-content__section-title:first-child {
    margin-top: 0
}

.docs-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: auto;
    margin: 35px -15px 0
}

.docs-row::after,
.docs-row::before {
    min-width: 15px;
    height: 1px;
    content: ''
}

.docs-row__item {
    width: 80px;
    height: 99px;
    border: 1px solid #9cc1c9;
    background-color: #e9f5f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 4px 5px rgba(2, 99, 113, .04);
    box-shadow: 0 4px 5px rgba(2, 99, 113, .04);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px
}

.docs-row__item>* {
    max-width: 100%;
    max-height: 100%
}

.docs-row__item:not(:first-child) {
    margin-left: 20px
}

.list-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 35px;
    grid-column-gap: 20px
}

.list-cards:not(:first-child) {
    margin-top: 40px
}

.list-cards__item {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.list-cards__item img {
    width: 33px;
    height: 33px;
    margin-bottom: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33px;
    flex: 0 0 33px
}

.list-cards__item p {
    max-width: 330px;
    margin: 0
}

.personal-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 35px
}

@media (max-width: 450px) {
 .personal-cards {
        grid-template-columns: 1fr !important;
    }
}

.personal-cards:not(:first-child) {
    margin-top: 57px
}

.review__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 30px;
    color: #4d4d4d
}

.review__footer {
    font-size: 13px;
    font-weight: 600;
    line-height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.review__date {
    color: #9cc1c9
}

.vacancies-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

.vacancy-card {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    padding: 32px 40px;
    border: 1px solid #9cc1c9;
    border-radius: 10px
}

.vacancy-card p {
    margin: 19px 0 0
}

.vacancy-card p:first-child {
    margin-top: 0
}

.vacancy-card__btn {
    margin-top: 19px;
    padding: 0;
    cursor: pointer;
    color: #2c9eae;
    border: none;
    background: 0 0
}

.vacancy-question {
    display: grid;
    margin-top: 92px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

.form-card {
    padding: 50px 50px 40px;
    color: #4d4d4d;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 74px rgba(43, 102, 111, .15);
    box-shadow: 0 4px 74px rgba(43, 102, 111, .15)
}

.form-card__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px
}

.form-card__subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.form-card__form {
    margin-top: 32px
}

.form-card__bottom-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 17px
}

.vacancy {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.vacancy__desc {
    height: 100%;
    padding: 0 40px 30px 0;
    border-right: 1px solid #9cc1c9
}

.vacancy__form-wrap {
    padding: 0 39px 30px
}

.vacancy__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 34px
}

.vacancy__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #4d4d4d
}

.vacancy__text strong {
    font-weight: 600
}

.vacancy__text p {
    margin: 20px 0 0 0
}

.vacancy__text p:first-child {
    margin-top: 0
}

.vacancy__form-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 8px
}

.vacancy__form-subtitle {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

.vacancy__form {
    margin-top: 15px
}

.vacancy__form-bottom-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 26px;
    color: #4d4d4d
}

.file-input {
    font-size: 10px;
    font-weight: 500;
    line-height: 106.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #6b6b6b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.file-input__input {
    display: none
}

.file-input__btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 106.5%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 36px;
    margin-right: 14px;
    padding: 0 17px;
    cursor: pointer;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    white-space: nowrap;
    color: #9cc1c9;
    border: 1px solid #9cc1c9;
    border-radius: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.file-input__btn:hover {
    color: #7aaeb9;
    border-color: #7aaeb9
}

.dates-list {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    max-width: 612px;
    color: #4d4d4d
}

.dates-list strong {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 3px
}

.dates-list>li {
    padding: 20px 0 32px;
    border-bottom: 1px solid rgba(156, 193, 201, .25)
}

.dates-list>li:first-child {
    padding-top: 0
}

.webinar {
    margin: 43px 0 200px
}

.webinar__container {
    display: grid;
    grid-template-columns: 8fr 4fr;
    grid-gap: 20px
}

.webinar__main {
    padding-right: 37px
}

.webinar__video {
    position: relative;
    background: #c4c4c4
}

.webinar__video-container {
    padding-top: 49.79%
}

.webinar__video-container>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.webinar__video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 65px;
    height: 65px;
    margin: -32.5px 0 0 -32.5px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border: none;
    background: 0 0
}

.webinar__video-play:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.webinar__video-play svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

.webinar__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    max-width: 680px;
    margin: 0;
    color: #4d4d4d
}

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

.webinar__text ul {
	list-style-type: disc;
list-style-position: inside;
}

.webinar__text:not(:first-child) {
    margin-top: 47px
}

.webinar__author:not(:first-child) {
    margin-top: 47px
}

.contacts-page {
    margin: 57px 0 200px
}

.contacts-page__map {
    position: relative;
    overflow: hidden;
    height: 400px;
    background: #c4c4c4
}

.contacts-page__map>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.contacts-page__section:not(:first-child) {
    margin-top: 51px
}

.contacts-page__section-title {
    font-size: 35px;
    font-weight: 300;
    line-height: 43px;
    margin-bottom: 24px;
    color: #4d4d4d
}

.contacts-page__card {
    width: 50%;
    padding-right: 10px
}

.contacts-page__card-ic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 12px;
    width: 33px; 
    height: 33px;
}

.contacts-page__card-ic svg {
    fill: #9cc1c9
}

.contacts-page__card-address {
    font-size: 24px;
    line-height: 29px
}

.contacts-page__card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 36px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contacts-page__card-phone {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    color: #2c9eae
}

.contacts-page__card-worktime {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.contacts-page__card-worktime>:not(:last-child) {
    margin-right: 20px
}

.contacts-page__card-worktime p {
    margin: 20px 0 0 0
}

.contacts-page__card-worktime p:first-child {
    margin-top: 0
}

.contacts-page__requisites {
    margin-top: 45px
}

.contacts-page__requisites-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 25px;
    color: #4d4d4d
}

.contacts-page__requisites-container {
    display: grid;
    grid-template-columns: 8fr 4fr;
    grid-gap: 20px
}

.contacts-page__requisites-main {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #4d4d4d
}

.contacts-page__requisites-links>li:not(:first-child) {
    margin-top: 17px
}

.contacts-page__requisites-links a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #2c9eae;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts-page__requisites-links a svg {
    width: 21px;
    height: 26px;
    margin-right: 23px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21px;
    flex: 0 0 21px;
    fill: #9cc1c9
}

.contacts-page__requisites-links a:hover svg {
    fill: #7aaeb9
}

.contacts-page__services {
    font-size: 14px;
    line-height: 21px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px
}

.contacts-page__services p {
    margin: 25px 0 0 0
}

.contacts-page__services p:first-child {
    margin-top: 0
}

.contacts-page__services strong {
    font-weight: 600
}

.catalog-cards-grid {
    display: grid;
    width: 100%;
    max-width: 580px;
    margin-bottom: 56px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px
}

.error-page {
    margin-bottom: 200px
}

.error-page__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.error-page__img {
    width: 100%;
    max-width: 737px
}

.error-page__title {
    font-size: 65px;
    font-weight: 300;
    line-height: 69px;
    margin-top: 25px;
    color: #4d4d4d
}

.error-page__btn {
    min-width: 195px;
    margin-top: 55px
}

.search-res {
    margin: 33px 0 200px
}

.search-res__total {
    font-size: 14px;
    line-height: 17px;
    padding-left: 20px;
    color: #4d4d4d
}

.search-res__text {
    font-size: 18px;
    line-height: 22px;
    margin-top: 66px;
    color: #4d4d4d
}

.search-res__text strong {
    font-weight: 600
}

.search-res__text ul {
    margin-top: 20px
}

.search-res__text ul li {
    position: relative;
    padding-left: 26px
}

.search-res__text ul li::before {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 3px;
    height: 3px;
    content: '';
    border-radius: 50%;
    background: #4d4d4d
}

.search-res__text ul li:not(:first-child) {
    margin-top: 20px
}

.search-res__content {
    display: grid;
    margin-top: 45px;
    grid-template-columns: 9fr 3fr;
    grid-gap: 20px
}

.search-res__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    grid-gap: 20px
}

.search-res__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    padding-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    grid-gap: 20px
}

.search-res__filter-item {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-res__filter-item>:not(:last-child) {
    margin-right: 20px
}

.search-res__filter-item label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.search-res__load-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.search-card {
    padding: 36px 39px;
    border-radius: 3px;
    background: #f3fbfd
}

.search-card__tag {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 22px;
    text-transform: uppercase
}

.search-card__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.search-card__link {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    color: #2c9eae
}

.search-card__text {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    margin-top: 16px
}

.search-card__text strong {
    font-weight: 600
}

.specialists {
    margin: 40px 0 200px
}

.d-none {
    display: none
}

@media (min-width:480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }

    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

@media (min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

@media screen and (min-width:1210px) {
    .cards-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px
    }
}

@media screen and (max-width:1209px) {
    .container {
        max-width: 767px
    }

    .col-1-md {
        grid-column: span 1
    }

    .col-2-md {
        grid-column: span 2
    }

    .col-3-md {
        grid-column: span 3
    }

    .col-4-md {
        grid-column: span 4
    }

    .col-5-md {
        grid-column: span 5
    }

    .col-6-md {
        grid-column: span 6
    }

    .col-7-md {
        grid-column: span 7
    }

    .col-8-md {
        grid-column: span 8
    }

    .col-9-md {
        grid-column: span 9
    }

    .col-10-md {
        grid-column: span 10
    }

    .col-11-md {
        grid-column: span 11
    }

    .col-12-md {
        grid-column: span 12
    }

    .btn-default--lg-accent {
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        min-height: 42px;
        padding: 5px 25px;
        border-radius: 21px
    }

    .btn-with-icon {
        font-size: 12px;
        min-height: 36px;
        padding: 4px 15px 4px 6px;
        border-radius: 18px
    }

    .btn-with-icon i {
        width: 24px;
        height: 24px;
        margin-right: 8px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
        flex: 0 0 24px
    }

    .btn-with-icon i svg {
        width: 12px;
        height: 12px
    }

    .header__top {
        background: 0 0
    }

    .header__top-container {
        display: grid;
        height: auto;
        padding-top: 13px;
        grid-template-columns: 1fr auto 1fr;
        grid-gap: 20px
    }

    .header__menu-btn-wrap {
        display: block
    }

    .header__menu-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        margin: -10px;
        padding: 10px;
        cursor: pointer;
        border: none;
        background: 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .header__menu-btn::after,
    .header__menu-btn::before {
        content: ''
    }

    .header__menu-btn span,
    .header__menu-btn::after,
    .header__menu-btn::before {
        width: 20px;
        height: 2px;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        background: #9cc1c9
    }

    .header__menu-btn:hover span,
    .header__menu-btn:hover::after,
    .header__menu-btn:hover::before {
        background: #7aaeb9
    }

    .header__menu-btn span {
        margin: 5px 0
    }

    .header__bottom-container {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__phone {
        font-size: 13px;
        margin: 0 0 0 20px
    }

    .header__top-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header__search-wrap {
        margin: 0
    }

    .header__search-input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100vw;
        max-width: 767px;
        height: 58px;
        margin-top: -29px;
        padding-left: 20px;
        background: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__search {
        margin: -10px;
        padding: 10px
    }

    .header__search svg {
        width: 16px;
        height: 16px
    }

    .header__logo-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__logo {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .header__logo img {
        width: auto;
        height: 40px
    }

    .menu-card--align-img-bottom img {
        bottom: -15px
    }

    .menu-card {
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        padding: 15px
    }

    .menu-card img {
        max-width: 80px;
        max-height: 63px
    }

    .banner__content {
        min-height: 0;
        padding: 40px 15px 134px;
        height: 480px;
    }

    .banner__title {
        font-size: 25px;
        font-weight: 700;
        line-height: 30px
    }

    .banner__text {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        max-width: 400px;
        margin-top: 25px
    }

   .banner__img-wrapper {
        right: -52px;
    top: 56%;
    width: 260px;
    height: 260px;
    }

    .banner__btn {
        margin-top: 30px
    }

    .banner__notation {
        left: 15px;
        font-size: 6px;
        max-width: 94px;
    }

    .banners-slider .slick-prev {
        display: none !important;
    }

    .banners-slider .slick-next {
        display: none !important;
    }

    .banners-slider .slick-dots {
        right: 0;
        left: 0;
        height: 60px !important;
    }

    .banners-slider .slick-dots li:not(:last-child) {
        margin-right: 10px
    }

    .banners-slider .slick-dots button {
        width: 16px;
        height: 16px
    }

    .section-pt {
        padding-top: 55px
    }

    .section-pb {
        padding-bottom: 55px
    }

    .section-mt {
        margin-top: 55px
    }

    .section-mb {
        margin-bottom: 55px
    }

    .programms-wrap {
        margin: 25px -15px 0
    }

    .programms {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        margin-top: 0;
        grid-gap: 0
    }

    .programms::after,
    .programms::before {
        min-width: 9px;
        height: 1px;
        content: ''
    }

    .programms__item {
        min-width: 214px;
        padding: 0 6px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%
    }

    .programm-card {
        padding: 18px 29px 29px 29px
    }

    .programm-card__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 13px
    }

    .programm-card__title {
        font-size: 14px;
        line-height: 15px;
        margin: 0 0 18px
    }

    .programm-card__text {
        font-size: 12px;
        line-height: 18px
    }

    .directions {
        display: block
    }

    .directions__title {
        margin-bottom: 26px
    }

    .directions__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .directions__content {
        margin-bottom: 23px
    }

    .directions__list {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .directions__list li:not(:first-child) {
        margin-top: 16px
    }

    .directions__list a {
        font-size: 14px;
        line-height: 20px
    }

    .capture-1 {
        overflow: hidden
    }

    .capture-1__grid {
        display: block
    }

    .capture-1__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        padding: 28px 0 46px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .capture-1__title {
        font-size: 21px;
        line-height: 24px;
        margin: 0 0 28px;
        text-align: center
    }

    .capture-1__text {
        font-size: 12px;
        line-height: 20px;
        margin: 0 auto;
        text-align: center
    }

    .capture-1__btn {
        margin-top: 28px
    }

    .capture-1__photo {
        height: 306px
    }

    .capture-1__photo-1 {
        right: auto;
        left: 50%
    }

    .capture-1__photo-2 {
        right: 50%;
        width: auto;
        height: 335px;
        margin-right: -106px
    }

    .capture-2 {
        padding: 47px 0 53px;
    }

    .capture-2__bg {
        display: none;
    }

    .contacts {
        padding-bottom: 56px
    }

    .contacts__map {
        height: 350px;
        border-radius: 0
    }


    .footer__top {
        padding: 41px 0 28px
    }

    .footer__top-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 0
    }

    .footer__logo {
        margin-bottom: 34px
    }

    .footer__menu {
        flex-direction: column;
        padding: 0;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .footer__menu>:not(:first-child) {
        margin-top: 14px
    }

    .footer__menu div>:not(:first-child) {
        margin-top: 14px
    }

    .footer__bottom {
        padding: 30px 0 58px
    }

    .footer__bottom-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 0
    }

    .footer__voting {
        margin-top: 27px
    }

    .footer__bottom-center-column {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .footer__bottom-menu {
        text-align: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .footer__bottom-contacts {
        margin-top: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__copyright {
        margin-top: 22px;
        text-align: center
    }

    .footer__top-btn {
        margin-top: 30px
    }

    .footer__zoom {
        margin-top: 11px
    }

    .footer__socials {
        margin-top: 32px;
        text-align: center
    }

    .voting {
        font-size: 11px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .voting__img {
        margin-right: 22px
    }

    .voting__img img {
        width: 50px
    }

    .voting__text {
        max-width: 218px
    }

    .voting__text p {
        margin-bottom: 5px
    }

    .m-menu-active {
        overflow: hidden
    }

    .m-menu-active .m-menu {
        visibility: visible;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .inner-header {
        padding-top: 23px
    }

    .inner-header__title {
        font-size: 21px;
        line-height: 24px
    }

    .inner-header__text {
        font-size: 12px;
        line-height: 20px;
        margin-top: 23px
    }

    .inner-header__row {
        display: block
    }

    .inner-header__row>:not(:first-child) {
        margin-top: 13px
    }

    .inner-header__buttons {
        width: 100%;
        max-width: 280px;
        margin-top: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-gap: 30px
    }

    .inner-header__btn {
        font-size: 12px;
        line-height: 15px;
        min-width: 118px;
        min-height: 40px;
        border-radius: 20px
    }

    .inner-header__with-photo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .inner-header__with-photo-left {
        width: 100%;
        padding-top: 0
    }

    .inner-header__with-photo-img img {
        width: 155px
    }

    .inner-header__with-photo-2 {
        display: block
    }

    .inner-header__with-photo-2-left {
        padding-bottom: 13px
    }

    .inner-header__with-photo-2-img img {
        max-width: 100%
    }

    .breadcrumbs {
        margin-bottom: 13px
    }

    .breadcrumbs li:not(:last-child).d-none-md {
        display: none
    }

    .breadcrumbs li:not(:last-child)::after {
        display: none
    }

    .cards-section {
        margin: 24px 0 193px
    }

    .cards-section__cards {
        grid-template-columns: 1fr;
        grid-gap: 24px
    }

    .cards-section__bottom-button {
        margin-top: 56px
    }

    .article-card__content {
        padding: 17px 15px 28px
    }

    .article-card__text {
        font-size: 12px;
        line-height: 18px
    }

    .article-card__line {
        margin-top: 14px
    }

    .article-card__line+.article-card__line {
        margin-top: 17px
    }

    .author__photo--lg {
        width: 59px;
        height: 59px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 59px;
        flex: 0 0 59px
    }

    .modal__content {
        padding: 28px 25px 37px
    }

    .modal__content--width-1 {
        width: 290px
    }

    .modal__content--width-2 {
        width: 290px
    }

    .modal__content--width-3 {
        width: 290px
    }

    .modal__title {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 12px
    }

    .modal__close {
        top: 5px;
        right: 5px
    }

    .modal__form {
        margin-top: 16px
    }

    .modal__bottom-text {
        font-size: 11px;
        line-height: 16px;
        margin-top: 14px
    }

    .form__field+.form__field {
        margin-top: 14px
    }

    .form__section:not(:first-child) {
        margin-top: 14px
    }

    .form__bottom-buttons>* {
        min-width: 100%
    }

    .form__bottom-buttons {
        flex-direction: column;
        margin-top: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .textfield {
        height: 40px;
        padding: 0 20px
    }

    .select-btns__item span {
        padding: 0 12px
    }

    .search__input {
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
        height: 43px;
        padding: 0 55px 0 15px
    }

    .search__btn svg {
        width: 17px;
        height: 17px
    }

    .search__btn {
        width: 40px
    }

    .search-2 {
        flex-direction: column;
        max-width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .search-2:not(:first-child) {
        margin-top: 26px
    }

    .search-2__input {
        font-size: 11px;
        width: 100%;
        height: 42px;
        margin: 0
    }

    .search-2__btn {
        min-width: 140px;
        margin-top: 20px
    }

    .catalog {
        margin-top: 23px;
        border: none;
        background: #f4fdff
    }

    .catalog.menu-screen-active {
        background: 0 0
    }

    .catalog__mobile-top-container {
        display: block;
        padding-bottom: 17px;
        background: #fff
    }

    .catalog__container {
        display: block
    }

    .catalog__sidebar::before {
        display: none
    }

    .catalog.menu-screen-active .catalog__sidebar {
        display: none
    }

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

    .catalog__menu li:first-child>a::before {
        display: none
    }

    .catalog__menu a {
        padding: 16px 27px 16px 0
    }

    .catalog__menu a::after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 6px;
        height: 10px;
        margin-top: -5px;
        content: '';
        background: url(../img/icons/chevron-right.svg) center no-repeat;
        background-size: 100%
    }

    .catalog__menu a::before {
        right: auto;
        bottom: auto;
        left: 50%;
        visibility: visible;
        width: 100vw;
        height: 1px;
        margin-left: -50vw;
        opacity: 1;
        background: #e6f0f1
    }

    .catalog__main {
        display: none;
        padding: 0 0 50px
    }

    .catalog.menu-screen-active .catalog__main {
        display: block
    }

    .catalog__main-back {
        display: initial
    }

    .catalog__main-menu--with-scrollbar {
        max-height: initial
    }

    .catalog__main-menu {
        margin-top: 23px
    }

    .catalog__mobile-capture {
        display: block;
        background: -o-linear-gradient(161.74deg, #026371 0, #2c9eae 79.25%);
        background: linear-gradient(288.26deg, #026371 0, #2c9eae 79.25%)
    }

    .sidebar-capture {
        padding: 50px 0
    }

    .sidebar-capture::before {
        display: none
    }

    .categories-menu__section:not(:first-child) {
        margin-top: 15px;
        padding-top: 15px
    }

    .categories-menu__section-2:not(:first-child) {
        margin-top: 35px
    }

    .categories-menu__section-2 .categories-menu__title {
        margin-bottom: 30px
    }

    .categories-menu__title {
        margin-bottom: 13px
    }

    .categories-menu__list {
        font-size: 13px;
        margin: 0;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1
    }

    .categories-menu__list>li {
        padding: 0
    }

    .categories-menu__list>li:not(:first-child) {
        margin-top: 16px
    }

    .service {
        margin-top: 39px
    }

    .service__online-capture {
        margin-top: 76px
    }

    .service__section-title {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 23px
    }

    .tabs>:not(:last-child) {
        margin-right: 20px
    }

    .tabs a {
        font-size: 13px;
        padding: 14px 0
    }

    .article {
        font-size: 12px;
        line-height: 21px
    }

    .article h2 {
        font-size: 21px;
        line-height: 24px;
        margin: 0 0 23px
    }

    .article h3 {
        font-size: 21px;
        line-height: 24px;
        margin: 50px 0 23px
    }

    .online-capture__container {
        display: block
    }

    .online-capture__image {
        height: 190px;
        border-radius: 10px 10px 0 0
    }

    .online-capture__content {
        padding: 35px 30px 55px;
        border-radius: 0 0 10px 10px
    }

    .online-capture__text {
        max-width: 320px
    }

    .online-capture__buttons {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row
    }

    .cards-grid-2 {
        grid-template-columns: 1fr 1fr
    }

    .person-card {
        padding: 22px 35px 35px
    }

    .person-card__header {
        flex-direction: column-reverse;
        margin-bottom: 18px;
        grid-gap: 14px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .person-card__name {
        font-size: 14px;
        line-height: 21px
    }

    .person-card__footer {
        margin-top: 20px;
        grid-gap: 5px
    }

    .person-card__footer-text {
        font-size: 12px;
        line-height: 20px
    }

    .person-card-2 {
        height: 304px;
        padding: 20px 16px 49px 16px
    }

    .person-card-2__head {
        margin-bottom: 12px
    }

    .person-card-2__text {
        font-size: 12px
    }

    .person-card-2__btn {
        font-size: 12px;
        bottom: 26px;
        left: 16px
    }

    .prices-table {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 60px
    }

    .prices-table li {
        padding: 15px 0
    }

    .page-mt {
        margin-top: 38px
    }

    .page-content__inner {
        padding-top: 25px
    }

    .page-content__section:not(:first-child) {
        margin-top: 50px
    }

    .page-content__section-title {
        font-size: 21px;
        line-height: 24px;
        margin: 50px 0 23px
    }

    .list-cards {
        grid-template-columns: 1fr
    }

    .list-cards__item {
        font-size: 12px
    }

    .list-cards__item img {
        width: 25px;
        height: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
        flex: 0 0 25px
    }

    .list-cards__item p {
        max-width: 575px
    }

    .personal-cards {
        grid-template-columns: 1fr 1fr;
        grid-gap: 24px
    }

    .personal-cards:not(:first-child) {
        margin-top: 46px
    }

    .review__text {
        margin-top: 12px
    }

    .review__footer {
        display: block;
        margin-top: 27px
    }

    .vacancies-cards {
        grid-template-columns: 1fr;
        grid-gap: 24px
    }

    .vacancy-card {
        font-size: 12px;
        line-height: 18px;
        padding: 22px 25px
    }

    .vacancy-card p {
        margin: 7px 0 0
    }

    .vacancy-card__btn {
        font-size: 12px;
        margin-top: 7px
    }

    .vacancy-question {
        display: block;
        margin-top: 34px
    }

    .form-card {
        padding: 28px 25px
    }

    .form-card__title {
        font-size: 12px;
        line-height: 18px
    }

    .form-card__subtitle {
        font-size: 12px;
        line-height: 18px
    }

    .form-card__form {
        margin-top: 20px
    }

    .form-card__bottom-text {
        margin-top: 14px
    }

    .vacancy {
        display: block
    }

    .vacancy__desc {
        height: auto;
        margin-bottom: 20px;
        padding: 0 0 20px;
        border-right: none;
        border-bottom: 1px solid #9cc1c9
    }

    .vacancy__form-wrap {
        padding: 0
    }

    .vacancy__title {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 12px
    }

    .vacancy__text {
        font-size: 12px
    }

    .vacancy__text p {
        margin: 15px 0 0 0
    }

    .vacancy__form-title {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 12px
    }

    .dates-list>li {
        padding-bottom: 20px
    }

    .webinar {
        margin-top: 28px;
        margin-bottom: 2%;
    }

    .webinar__container {
        display: block
    }

    .webinar__main {
        padding-right: 0
    }

    .webinar__video-play {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px
    }

    .webinar__text {
        font-size: 12px
    }

    .webinar__text:not(:first-child) {
        margin-top: 42px
    }

    .webinar__author:not(:first-child) {
        margin-top: 40px
    }

    .webinar__sidebar {
        margin-top: 42px
    }

    .contacts-page {
        margin-top: 24px
    }

    .contacts-page__map {
        height: 266px
    }

    .contacts-page__section:not(:first-child) {
        margin-top: 46px
    }

    .contacts-page__section-title {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 19px
    }

    .contacts-page__card {
        width: 100%;
        max-width: 575px;
        padding-right: 0
    }

    .contacts-page__card-ic {
        margin-bottom: 15px
    }

    .contacts-page__card-address {
        font-size: 16px;
        line-height: 20px
    }

    .contacts-page__card-row {
        display: block;
        margin-top: 22px
    }

    .contacts-page__card-phone {
        font-size: 18px;
        line-height: 22px
    }

    .contacts-page__card-worktime {
        font-size: 13px;
        line-height: 16px;
        margin-top: 23px
    }

    .contacts-page__requisites {
        margin-top: 35px
    }

    .contacts-page__requisites-title {
        font-size: 12px
    }

    .contacts-page__requisites-container {
        display: block
    }

    .contacts-page__requisites-main {
        font-size: 12px
    }

    .contacts-page__services {
        font-size: 12px;
        grid-template-columns: 1fr;
        grid-gap: 25px
    }

    .contacts-page__services p {
        margin-top: 15px
    }

    .catalog-cards-grid {
        max-width: 400px;
        margin-bottom: 0;
        grid-template-columns: 1fr;
        grid-gap: 17px
    }

    .error-page__title {
        font-size: 30px;
        line-height: 1.2
    }

    .error-page__btn {
        min-width: 0;
        margin-top: 25px
    }

    .search-res__total {
        font-size: 11px;
        line-height: 13px;
        padding-left: 0
    }

    .search-res__text {
        font-size: 14px;
        margin-top: 40px
    }

    .search-res__text ul {
        margin-top: 10px
    }

    .search-res__text ul li::before {
        top: 9px
    }

    .search-res__text ul li:not(:first-child) {
        margin-top: 10px
    }

    .search-res__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column-reverse;
        margin-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        grid-gap: 0
    }

    .search-res__list {
        margin-top: 30px
    }

    .search-res__filter {
        overflow-y: auto;
        flex-direction: row;
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        grid-gap: 0
    }

    .search-res__filter-item>:not(:last-child) {
        margin-right: 8px
    }

    .search-res__filter-item {
        font-size: 12px;
        line-height: 15px
    }

    .search-res__filter-item:not(:first-child) {
        margin-left: 17px
    }

    .search-res__load-more {
        margin-top: 30px
    }

    .search-card {
        padding: 27px 15px 36px
    }

    .search-card__tag {
        font-size: 12px;
        margin-bottom: 3px
    }

    .search-card__title {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 11px
    }

    .search-card__link {
        font-size: 11px;
        line-height: 13px
    }

    .search-card__text {
        font-size: 12px;
        line-height: 15px;
        margin-top: 15px
    }

    .d-none-md {
        display: none
    }

    .d-block-md {
        display: block
    }

    .d-initial-md {
        display: initial
    }

    .d-flex-md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

@media screen and (max-width:767px) {
    .col-1-sm {
        grid-column: span 1
    }

    .col-2-sm {
        grid-column: span 2
    }

    .col-3-sm {
        grid-column: span 3
    }

    .col-4-sm {
        grid-column: span 4
    }

    .col-5-sm {
        grid-column: span 5
    }

    .col-6-sm {
        grid-column: span 6
    }

    .col-7-sm {
        grid-column: span 7
    }

    .col-8-sm {
        grid-column: span 8
    }

    .col-9-sm {
        grid-column: span 9
    }

    .col-10-sm {
        grid-column: span 10
    }

    .col-11-sm {
        grid-column: span 11
    }

    .col-12-sm {
        grid-column: span 12
    }

    .service {
        margin: 70px 0 0
    }

    .online-capture__container {
        padding: 0
    }

    .online-capture__image {
        border-radius: 0
    }

    .online-capture__content {
        padding: 27px 15px 56px;
        border-radius: 0
    }

    .online-capture__buttons {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .webinar__video {
        margin-right: -15px;
        margin-left: -15px
    }

    .contacts-page__map {
        margin-right: -15px;
        margin-left: -15px
    }

    .search-res__filter {
        margin: 0 -15px
    }

    .search-res__filter::after,
    .search-res__filter::before {
        min-width: 15px;
        height: 1px;
        content: ''
    }

    .d-none-sm {
        display: none
    }

    .d-initial-sm {
        display: initial
    }
}

.feedback_block {
padding-top: 119px;
}
.feedback_block .title_inner {
display: flex;
justify-content: space-between;
aling-items: center;
}
.feedback_block .title_inner  h3{
margin: 0px
}
@media (max-width: 768px) {
.feedback_block {
padding-top: 50px
}
.feedback_block .title_inner {
display: flex;
align-items: center;
flex-direction: column;
gap: 30px;
}
.feedback_block .person-card-2:not(:nth-child(-n+4)) {
display: none;
}
}
@media (max-width: 450px) {
.feedback_block .person-card-2:not(:nth-child(-n+3)) {
display: none;
}
}

.programm_block  {
padding: 62px 0;
background: #edf8fa;
}
@media (max-width: 768px) {
.programm_block  {
padding: 50px 0 36px;
}
}
.programm_block .title_inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.programm_block .title_inner h2 {
margin: 0
}

@media (max-width: 768px) {
.programm_block .title_inner {
display: flex;
align-items: center;
flex-direction: column;
gap: 30px;
}
}

button.outline {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 129%;
color: #fff;
height: 48px;
width: 266px;
border: 1px solid #fff;
background: transparent;
}

.specialists_block {
padding: 106px 0 60px;
}

.specialists_block .title_inner {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.specialists_block {
padding: 50px 0 50px;
}
.specialists_block .title_inner {
display: flex;
align-items: center;
flex-direction: column;
gap: 30px;
}
.specialists_block .cards-grid__item:not(:nth-child(-n+4)) {
display: none;
}
}
@media (max-width: 450px) {
.specialists_block .cards-grid__item:not(:nth-child(-n+3)) {
display: none;
}
}
.specialists_block .title_inner h2 {
margin: 0
}


.capture-0 {
padding-top: 80px;
}
.capture-0__inner {
background: linear-gradient(90deg, #086B79 -10.4%, #2C9EAE 100%);
border-radius: 10px;
display: flex;
justify-content: space-between;
min-height: 328px;
overflow: hidden;
}

.capture-0__inner .left {
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 66px;
}

.capture-0__inner .right img {
height: 100%;
}

@media (max-width: 768px) {
.capture-0__inner {
justify-content: center;
}
.capture-0__inner .left {
text-align: center;
}
}

@media (max-width: 1209px) {
.capture-0 {
padding-top: 50px;
}
.capture-0__inner .left {
padding: 20px;
margin-left: 0px;
}
.capture-0__inner .right{
display: none;
}
}

.capture-0 button {
width: 213px !important;
}

.capture-0__title {
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 116.5%;
color: #FFFFFF;
margin-bottom: 14px;
margin-top: 0px;
}

.capture-0__text {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 129%;
color: #FFFFFF;
margin-bottom: 32px;
max-width: 582px
}

@media (max-width: 1209px) {
.capture-0__title {
font-size: 24px;
}

.capture-0__text {
font-size: 14px;
}
}

.services-wrapper {
        display: flex;
    flex-direction: row;
    gap: 22px;
    flex-wrap: wrap;
}

.services-wrapper__item{
position: relative;
    width: 378px;
    height: 212px;
    border-radius: 10px;
    display: flex;
    align-items: flex-end;
    padding: 0 0 40px 33px;
    font-size: 21px;
overflow: hidden;
font-weight: 500;
-webkit-box-shadow: 0px 0px 0px 1px #2c9eae;
-moz-box-shadow: 0px 0px 0px 1px #2c9eae;
box-shadow: 0px 0px 0px 1px #2c9eae;
}

.services-wrapper__item:hover{
background-color: #d1f0f4;
border-color: #d1f0f4;
}

.services-wrapper__link{
    max-width: 172px;
}

.services-wrapper__img-wrap {
    position: absolute;
    top: -37px;
    right: -16px;
    width: 172px;
    height: 172px;
    border-radius: 50%;
    overflow: hidden;
}

.services-wrapper__img-wrap img {
    width: 100%;
    height: 100%;
}

@media (max-width: 1209px) {
.services-wrapper {
       justify-content: center;
}
.services-wrapper__item{
width: 357px;
height: 154px;
padding: 0 0 20px 15px;
}
.services-wrapper__img-wrap{
top: -21px;
    right: -16px;
    width: 130px;
    height: 130px;
}
}
.site-map-list {
font-weight: bold;
}
.site-map-list__list ul{
margin-left:20px;
margin-bottom: 10px;
}

.school_block  {
}
.school_block__description {
font-size: 16px;
margin: 1.8em 0;
}
.school_block__description--light-blue {
color: #2C9EAE;
}
@media (max-width: 768px) {
.school_block  {
padding: 50px 0 36px;
}
.school_block__title {
text-align: left;
}
.school_block__description {
font-size: 14px;
}

.school_block .section_title {
display: flex;
justify-content: space-between;
align-items: center;
}
.school_block .title_inner h2 {
margin: 0
}
}

@media (max-width: 768px) {
.school_block .section_title {
display: flex;
align-items: center;
flex-direction: column;
gap: 30px;
}
}

.school-wrap {
    position: relative
}

.school-wrap::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 1211px;
    height: 633px;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .6;
    background: #e5f6f9;
    -webkit-filter: blur(204px);
    filter: blur(204px)
}

.school{
    margin-top: 38px
}

.school-card {
}

.school-card__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 542px;
   max-height: 448px;
    margin-bottom: 23px;
}

.school-card__icon img {
    width: 100%;
    height: 100%;
border-radius: 20px;
}

.school-card__title {
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 20px;
    color: #2c9eae
}

.school-card__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #4d4d4d
}

@media screen and (max-width:1209px) {
.school-wrap {
        margin: 25px -15px 0
    }
    .school{
        margin: 0;
    padding: 0 20px;
    }

    .school::after,
    .school::before {
        min-width: 9px;
        height: 1px;
        content: ''"
    }

    .school__item {
display: flex;
    flex-direction: column;
    align-items: center;
    }

    .school-card {
    }

}

@media (max-width: 768px) {
   .school__item:nth-child(odd) {
      margin-bottom: 24px;
    }
}