@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
font-weight: 400;
font-style: normal;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
overflow: clip;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} body:has(._a11y-gray._active) {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
body:has(._a11y-contrast._active) {
--text-main: var(--blue-dark);
--text-second: var(--cyan);
--text-gray: var(--white);
--text-light: var(--white);
--bg-main: var(--black);
--bg-second: var(--dark);
}
body:has(._a11y-contrast._active) * {
opacity: 1;
}
body:has(._a11y-contrast._active) ._contrast-none {
display: none;
}
body:has(._a11y-negative._active) {
--text-main: var(--yellow);
--text-second: var(--yellow);
--text-gray: var(--white);
--text-light: var(--white);
--bg-main: var(--black);
--bg-second: var(--dark);
}
body:has(._a11y-negative._active) * {
opacity: 1;
}
body:has(._a11y-negative._active) ._contrast-none {
display: none;
}
body:has(._a11y-light._active) {
--text-second: var(--dark);
--main: var(--gray);
--bright: var(--dark);
--blue-dark: var(--dark);
--green-dark: var(--dark);
}
body:has(._a11y-light._active) * {
opacity: 1;
}
body:has(._a11y-light._active) ._light-none {
display: none;
}
body:has(._a11y-underline._active) a {
text-decoration: underline;
}
body:has(._a11y-font._active) {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-weight: 500 !important;
}
body._lock {
overflow: hidden;
}
._section {
width: 100%;
padding: 50px 0;
}
._container {
width: 100%;
margin: 0 auto;
max-width: 1280px; padding-left: 60px;
padding-right: 60px;
}
._block-hidden:not(._active) {
display: none;
}
._swiper-prev,
._swiper-next {
cursor: pointer;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 22px;
}
._swiper-prev.swiper-button-lock,
._swiper-next.swiper-button-lock {
opacity: 0;
visibility: hidden;
}
._swiper-next ._swiper-arrow {
rotate: 180deg;
}
._swiper-next:after {
left: auto;
right: 0;
}
._swiper-arrow {
width: 22px;
height: 22px;
stroke: var(--text-main);
}
._swiper-arrow--white {
stroke: var(--text-second);
}
._swiper-fraction {
font-size: 0.9375em;
font-weight: 300;
display: flex;
justify-content: center;
width: 21px;
}
._checkbox:not(:has(input:checked)) + ._input {
pointer-events: none;
background-color: var(--bg-second);
}
._representative-body:not(._active) {
display: none;
}
[data-item]:not(._active) {
display: none;
}
.breadcrumbs {
font-size: 0.875em;
line-height: 1.2857142857;
font-weight: 300;
padding-top: 20px;
}
.breadcrumbs__item:after {
content: "|";
margin: 0 10px;
}
.breadcrumbs__item--blue {
color: var(--blue-dark);
}
.breadcrumbs__item--blue::after {
color: var(--border);
opacity: 0.5;
}
.breadcrumbs__item--span {
opacity: 0.5;
}
.breadcrumbs__item--span:after {
display: none;
}
._burger {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
width: 32px;
margin-left: 2px;
}
._burger._active ._burger-line:nth-child(1) {
rotate: 45deg;
translate: 0 6px;
}
._burger._active ._burger-line:nth-child(2) {
height: 0;
}
._burger._active ._burger-line:nth-child(3) {
rotate: -45deg;
translate: 0 -6px;
}
._burger-line {
transition-duration: var(--transition);
width: 24px;
height: 2px;
margin: 2.5px auto;
}
._chevron {
display: flex;
align-items: center;
justify-content: space-between;
}
._chevron._active:after {
transform: rotate(-90deg);
}
._chevron:after {
content: "";
transform: rotate(90deg);
flex: 7px 0 0;
height: 13px;
margin-right: 15px;
transition-duration: var(--transition);
background: url(//www.hadassah.moscow/img/chevron.svg) no-repeat center;
background-size: contain;
}
._chevron--white:after {
background-image: url(//www.hadassah.moscow/img/chevron-white.svg);
}
._hr {
border-top: 1px solid var(--border);
}
._hr--padding {
padding-top: 40px;
}
._hr--margin {
margin-top: 60px;
}
.checkbox {
display: block;
margin-bottom: 10px;
}
.checkbox__input {
display: none;
}
.checkbox__input:checked + .checkbox__span::before {
border-color: var(--green);
}
.checkbox__input:checked + .checkbox__span::after {
opacity: 1;
}
.checkbox__span {
position: relative;
font-weight: 300;
display: flex;
}
.checkbox__span::before {
content: "";
flex: 20px 0 0;
width: 20px;
height: 20px;
margin-right: 7px;
border: 2px solid #8795a6;
border-radius: 2px;
transition-duration: 0.2s;
}
.checkbox__span::after {
content: "";
opacity: 0;
position: absolute;
top: 6px;
left: 6px;
width: 8px;
height: 8px;
transition-duration: 0.2s;
background: var(--green);
}
.checkbox__span--tick {
align-items: center;
}
.checkbox__span--tick::before {
content: "";
flex: 15px 0 0;
width: 15px;
height: 15px;
margin-right: 12px;
background-color: var(--white);
border-color: var(--border);
border-width: 1px;
}
.checkbox__span--tick::after {
content: url(https://hadassah.moscow/wp-content/themes/themeh/img/doctors-all/filter-checked.svg);
top: 2px;
left: -1px;
width: 0;
height: 0;
}
.checkbox__span--radio::before {
border-radius: 50%;
}
.checkbox__span--radio::after {
border-radius: 50%;
}
.checkbox__span--agreement {
margin-bottom: 30px;
}
.checkbox__link {
text-decoration: underline;
}
.readmore {
cursor: pointer;
z-index: 1;
transition-duration: var(--transition);
color: var(--text-gray);
font-size: 0.875em;
font-weight: 300;
line-height: 2.2857142857;
position: relative;
display: inline-flex;
align-items: center;
margin-top: auto;
}
.readmore:active:after,
.readmore:focus-visible:after {
background: var(--blue-light);
}
.readmore:after {
content: "";
transition-duration: var(--transition);
z-index: -1;
position: absolute;
top: 50%;
right: -12px;
transform: translateY(-50%);
display: block;
width: 32px;
height: 32px;
background: var(--bg-second);
}
.readmore--hero {
color: var(--text-second);
align-self: flex-start;
margin-top: 40px;
}
.readmore--hero:after {
opacity: 0.5;
}
.readmore--white {
color: var(--text-second);
margin-top: 12px;
}
.readmore--white:after {
opacity: 0.2;
}
.readmore--short {
top: -11px;
}
.readmore--short:after {
right: -7px;
}
.readmore--back {
transform: rotate(180deg);
}
.readmore__svg {
fill: var(--bg-gray);
width: 40px;
height: 8px;
margin-left: 10px;
}
.readmore__svg--white {
fill: var(--text-second);
}
.play {
position: relative;
display: block;
}
.play:active:before,
.play:focus-visible:before {
background-color: var(--mask-light);
}
.play:before {
content: "";
transition-duration: var(--transition);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--mask);
background-image: url(https://hadassah.moscow/wp-content/themes/themeh/img/page_checkup/video_play_button.svg);
background-size: 64px;
background-position: center;
background-repeat: no-repeat;
}
.hero-menu {
overflow-x: auto;
background-color: var(--border);
}
.hero-menu__nav-list {
display: flex;
width: max-content;
}
.hero-menu__nav-link {
transition-duration: var(--transition);
text-transform: uppercase;
font-size: 0.875em;
line-height: 1.4285714286;
display: block;
padding: 13px 20px;
}
.hero-menu__nav-link:hover {
color: var(--text-gray);
}
.head__title {
font-size: 3em;
max-width: none;
margin-top: 40px;
}
.head__text {
max-width: 860px;
margin-bottom: 40px;
}
.head__p {
line-height: 150%;
font-weight: 300;
margin-top: 20px;
margin-bottom: 24px;
}
.head-items__item-name {
font-size: 1.5em;
}
.head-items__item-value {
line-height: 1.5;
font-weight: 300;
margin-top: 10px;
}
.showmore-wrapper {
display: flex;
justify-content: center;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid var(--border);
}
.showmore {
font-weight: 300;
text-transform: uppercase;
text-decoration: underline;
text-underline-offset: 3px;
letter-spacing: 0.02em;
}
.showmore .showmore__hide-text {
display: none;
}
.showmore._active .showmore__show-text {
display: none;
}
.showmore._active .showmore__hide-text {
display: block;
}
.see-all__header {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 40px;
row-gap: 20px;
}
.see-all__title {
margin-bottom: 0;
}
.see-all__navigation {
display: flex;
align-items: center;
column-gap: 40px;
}
.see-all__navigation:has(.see-all__arrows):not(:has(.swiper-button-lock)) .see-all__link-wrapper {
justify-content: center;
}
.see-all__btn {
min-width: 260px;
}
.see-all__link-wrapper {
display: flex;
}
.see-all__arrows {
display: flex;
}
.see-all__arrows:has(.swiper-button-lock) {
display: none;
}
.attention {
margin: 100px 0 50px;
padding: 30px;
background-color: var(--bg-second);
}
.attention__p {
font-weight: 400;
}
.doctor-item {
font-size: 0.875em;
line-height: 1.5;
font-weight: 300;
display: flex;
column-gap: 30px;
}
.doctor-item::before {
content: "";
display: block;
flex: 30px 0 0;
height: 35px;
background-image: url(//www.hadassah.moscow/img/label.svg);
}
.promo {
display: block;
transition-duration: var(--transition);
padding: 20px;
border: 1px solid var(--border);
margin-top: 35px;
}
.promo:active,
.promo:focus-visible {
background-color: var(--bg-second);
}
.promo:active .readmore,
.promo:focus-visible .readmore {
color: var(--text-main);
}
.promo:active .readmore:after,
.promo:focus-visible .readmore:after {
background-color: var(--blue-light);
}
.promo:active .play:before,
.promo:focus-visible .play:before {
background-color: var(--mask-light);
}
.promo--external {
display: block;
border-width: 1px 0;
margin-inline: 20px;
padding-bottom: 35px;
}
.promo__top {
display: flex;
justify-content: space-between;
padding-bottom: 7px;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 10px;
}
.promo__top:not(.promo__top--flag) {
margin-bottom: 20px;
border-bottom: 1px solid var(--border);
}
.promo__news-sign {
color: var(--gray);
text-transform: uppercase;
font-size: 0.875em;
line-height: 120%;
font-weight: 300;
}
.promo__date {
color: var(--text-gray);
text-transform: uppercase;
font-weight: 300;
font-size: 0.875em;
line-height: 120%;
letter-spacing: 0.02em;
margin-bottom: 10px;
}
.promo__date--flag {
color: var(--white);
transform: translateX(-20px);
padding: 2px 20px;
background-color: var(--green);
}
.promo__main {
display: flex;
column-gap: 20px;
}
.promo__image-wrapper {
flex: 50% 1 0;
}
.promo__img {
width: 100%;
object-fit: contain;
}
.promo__text {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-top: 30px;
}
.promo__title {
color: var(--blue-dark);
font-size: 1.25em;
word-break: break-word;
margin-bottom: 10px;
}
.promo__title--underline {
padding-bottom: 20px;
border-bottom: 1px solid var(--border);
}
.promo__title--3-rows {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 78px;
margin-bottom: 0;
}
.promo__action-name {
color: var(--blue-dark);
font-size: 16px;
line-height: 21px;
letter-spacing: -1px;
margin-bottom: 10px;
word-break: break-word;
}
.promo__patient-sign {
margin-bottom: 10px;
}
.promo__notes {
display: flex;
flex-direction: column;
row-gap: 10px;
margin: 10px 0;
}
.promo__note {
font-weight: 300;
}
.promo__excerpt {
font-weight: 300;
margin-bottom: 13px;
}
.promos {
padding-bottom: 50px;
}
.promos__results {
font-size: 1.125em;
font-weight: 400;
}
.promos__title {
margin-bottom: 0;
}
.promos__body {
display: flex;
align-items: stretch;
flex-wrap: wrap;
column-gap: 40px;
margin-top: 35px;
row-gap: 40px;
}
.promos__body--top-line {
margin-top: 70px;
padding-top: 40px;
border-top: 1px solid var(--border);
}
.promos__swiper-wrapper {
width: 100%;
align-items: stretch;
margin-top: 40px;
}
.promos__slide {
display: flex;
height: auto !important;
}
.promos__promo {
display: flex;
flex-direction: column;
width: 100%;
margin-top: 0;
}
.promos__promo--gray {
background-color: var(--bg-second);
}
.promos__promo--gray:active,
.promos__promo--gray:focus-visible {
background-color: #e5f7fd;
}
.promos__promo-main {
min-height: 110px;
flex-grow: 1;
}
.promos__promo-text {
padding: 0;
flex-grow: 1;
}
.promos__promo-date {
display: inline-block;
margin: 0;
}
.promos__promo-image-wrapper {
transition-duration: var(--transition);
font-size: 0;
line-height: 0;
width: 100%;
}
.promos__promo-image-wrapper--logo {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--bg-light);
}
.promos__promo-image-wrapper--full {
transform: translateX(-20px) translateY(-20px);
flex: auto 0 1;
width: calc(100% + 40px);
margin-bottom: -20px;
}
.promos__promo-img {
object-fit: cover;
}
.promos__promo-img--logo {
max-width: 150px;
height: 135px;
padding: 27px 0 28px 0;
object-fit: contain;
}
@media (min-width: 767.95px) {
.promo__image-wrapper {
max-width: 518px;
}
.promos__item {
display: flex;
flex: calc(50% - 20px) 0 0;
}
}
@media (min-width: 991.95px) {
._desk-hide {
display: none;
}
._chevron--desktop:after {
display: none;
}
.readmore--hero {
margin-bottom: 30px;
}
.head-items {
display: grid;
column-gap: 40px;
grid-template: 1fr/repeat(auto-fit, minmax(100px, 1fr));
justify-content: space-between;
}
.showmore-wrapper {
justify-content: flex-end;
}
.see-all__title {
flex-grow: 1;
}
.see-all__navigation {
justify-content: flex-end;
margin-left: auto;
}
.see-all__btn {
margin-left: auto;
}
.see-all__arrows {
margin-left: auto;
}
.promo--external {
display: none;
}
.promo__title--underline {
margin-top: 29px;
}
.promos__item--vertical {
flex: calc(33.3333333333% - 26.6666666667px) 0 0;
}
.promos__promo--slider {
margin-top: 0;
}
.promos__promo-excerpt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.promos__promo-excerpt--spec {
display: block;
}
}
@media (min-width: 1199.95px) {
.see-all__header .see-all__navigation:has(.see-all__link-wrapper + .see-all__btn),
.see-all__header .see-all__navigation:has(.see-all__link-wrapper + .see-all__arrows) {
flex: calc(50% - 20px) 0 0;
}
.see-all__navigation:has(.see-all__arrows):not(:has(.swiper-button-lock)) .see-all__link-wrapper {
flex-basis: calc(50% - 20px);
}
.see-all__arrows {
margin-right: 60px;
}
.promos__item--vertical {
display: flex;
flex: calc(25% - 30px) 0 0;
width: calc(25% - 30px);
}
.promos__promo-main--vertical {
flex-direction: column;
}
.promos__promo-text--vertical {
margin-top: 20px;
}
.promos__promo-image-wrapper {
align-self: flex-start;
flex: 260px 0 0;
}
.promos__promo-image-wrapper--vertical {
flex: content 0 0;
}
}
@media (max-width: 1199.95px) {
.promo__title--underline {
transform: translateX(-20px);
width: calc(100% + 40px);
padding-left: 20px;
}
.promos__promo-main {
flex-direction: column;
}
.promos__promo-text {
margin-top: 20px;
}
.promos__promo-text--gray {
margin: 0;
}
}
@media (max-width: 991.95px) {
._section {
padding: 30px 0;
}
._mob-hide {
display: none;
}
.breadcrumbs__date {
font-size: 0.9375em;
}
._hr--margin {
margin-top: 10px;
}
.head__title--promos {
font-size: 2em;
}
.head-items__item {
margin-top: 20px;
}
.see-all {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.see-all__header {
display: contents;
}
.see-all__title {
margin-bottom: 0;
}
.see-all__navigation {
flex-direction: column;
order: 1;
margin: 0 auto;
}
.see-all__btn {
order: 1;
margin-top: 40px;
}
.see-all__link-wrapper {
order: 1;
margin-top: 40px;
}
.see-all__arrows {
margin-top: 40px;
}
.attention {
margin-top: 60px;
}
.promos {
padding-bottom: 30px;
}
.promos__title {
font-size: 2em;
margin-bottom: 0;
}
.promos__swiper--grid {
display: block;
}
.promos__swiper-wrapper {
margin-top: 35px;
}
}
@media (max-width: 767.95px) {
._container {
padding-left: 10px;
padding-right: 10px;
}
.breadcrumbs__date {
font-size: 0.875em;
}
.play:before {
background-size: 32px;
}
.head__title--promos {
font-size: 1.5em;
}
.promo__main {
flex-direction: column;
}
.promo__image-wrapper {
flex-basis: 100%;
}
.promo__text {
padding-top: 20px;
}
.promo__title {
max-width: 640px;
}
.promos__title {
font-size: 1.5em;
margin-bottom: 0;
}
.promos__promo-text {
padding-top: 0;
}
}
@media (max-width: 575.95px) {
.breadcrumbs__date {
font-size: 0.8125em;
}
.readmore--hero {
transform: translateY(-20px);
}
.promo__top:not(.promo__top--flag) {
flex-direction: column;
}
.promo__news-sign {
margin-top: 10px;
}
.promos__item {
width: 100%;
}
.promos__promo-excerpt--spec {
display: none;
}
}
@media (min-width: 575.95px) and (max-width: 767.95px) {
.promos__promo-main {
flex-direction: row;
}
.promos__promo-main--video {
align-items: flex-start;
}
.promos__promo-text {
margin-top: 0;
}
.promos__promo-image-wrapper {
flex: 260px 0 0;
}
}
@media (hover: hover) {
.readmore:hover:after {
background: var(--blue-light);
}
.play:hover:before {
background-color: var(--mask-light);
}
.promo:hover {
background-color: var(--bg-second);
}
.promo:hover .readmore {
color: var(--text-main);
}
.promo:hover .readmore:after {
background-color: var(--blue-light);
}
.promo:hover .play:before {
cursor: pointer;
background-color: var(--mask-light);
}
.promos__promo--gray:hover {
background-color: #e5f7fd;
}
}