.header__clinics {
margin-left: 0;
max-width: fit-content;
}
.button_tall-long {
max-width: 300px;
}
.page-header-slider__dots {
bottom: 30px;
}
@media screen and (max-width: 1199px) {
.header__clinics {
margin-left: 0px;
max-width: fit-content;
min-width: 230px;
}
}
@media screen and (max-width: 1023px) {
.button_tall-long {
max-width: 250px;
}
.page-header-slider__dots {
bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.page-header__ratings-wrapper {
display: none;
}
.page-header-slider__image {
display: block;
position: static;
margin: 0;
width: 50%;
}
.page-header-slider__content {
margin: 0;
width: 50%;
text-align: left;
}
}
@media screen and (max-width: 580px) {
.page-header-slider__item.--last-element .page-header-slider__image {
position: absolute;
left: unset;
right: -24px;
}
.page-header-slider__item.--last-element .page-header-slider__content,
.page-header-slider__item.--last-element .page-header-slider__title {
width: 100%;
}
.page-header-slider__item.--last-element .page-header-slider__title {
max-width: 100%;
}
.page-header-slider__item.--last-element .page-header-slider__title,
.page-header-slider__item.--last-element .page-header-slider__accent {
font-size: 20px;
}
}
.new-employee__wrapper {
position: relative;
width: 100%;
padding-bottom: 125.92592592592592%;
background-color: #f3f3f1;
}
.new-employee__wrapper img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.new-employee__wrapper figure {
position: absolute;
left: 0;
bottom: 0;
height: 100% !important;
width: 100%;
}
.new-employee__medal {
width: 2.5rem;
height: 2.5rem;
/* display: block; */
display: none;
position: absolute;
z-index: 1;
right: 1.25rem;
top: 1.25rem;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml,');
}
.new-employee__medal.--crown {
background-image: url('data:image/svg+xml,');
}
.new-employee__medal.--cup {
background-image: url('data:image/svg+xml,');
}
.new-employee__wrap {
height: calc(100% - 2.69rem);
width: 100%;
display: block;
z-index: 1;
position: absolute;
bottom: 0;
}
.new-employee__body {
padding-top: 1.25rem;
}
.new-employee__name {
color: #464744;
font-family: 'Proxima Nova';
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.05625rem;
text-transform: uppercase;
}
.new-employee__profession {
margin-top: 0.5rem;
color: var(--6B6C68, #6b6c68);
font-family: 'Proxima Nova';
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.new-employee__item {
position: relative;
}
.new-employee__desc {
position: absolute;
opacity: 0;
right: 3.63rem;
top: calc(-100% + 2.69rem);
padding: 1.25rem;
background: #fff;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
z-index: -1;
width: 100%;
max-width: 16.875rem;
transition: ease-in-out 0.3s;
}
.new-employee__desc-item {
position: relative;
padding-left: 1.37rem;
padding-bottom: 0.63rem;
margin-bottom: 0.63rem;
border-bottom: 1px solid #e8e8e8;
}
.new-employee__desc-item:before {
position: absolute;
left: 0.31rem;
top: 0.31rem;
width: 0.4375rem;
height: 0.4375rem;
background: linear-gradient(130deg, #feae6f -173.85%, #d4784b 160.42%);
border-radius: 100%;
content: '';
}
.new-employee__desc-item:last-child {
margin-bottom: 0;
border-bottom: unset;
padding-bottom: 0;
}
.popup {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
z-index: 100;
height: 100%;
width: 100%;
opacity: 0;
left: 0;
top: 0;
z-index: -100;
}
.popup.active {
z-index: 1000;
opacity: 1;
}
.popup-shade {
height: 100%;
width: 100%;
background-color: #00000040;
}
.popup-body {
position: absolute;
width: 100%;
max-width: 16.875rem;
background: #fff;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
padding: 1.25rem;
}
.popup-close {
width: 1.5rem;
height: 1.5rem;
margin-left: auto;
margin-top: -0.5rem;
margin-right: -0.5rem;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml,');
}
@media screen and (min-width: 768px) {
/* .new-employee__medal:hover + .new-employee__desc {
opacity: 1;
z-index: 2;
transition: ease-in-out 0.3s;
} */
}
@media screen and (max-width: 768px) {
.new-employee__wrap {
max-height: 331px;
}
.new-employee__wrapper {
padding-bottom: 109.925926%;
}
.new-employee__wrapper figure {
transform: translateX(-50%);
left: 50%;
}
.employees-list__grid > * {
margin-top: 50px;
}
.new-employee__body {
padding-top: .75rem;
}
}
@media screen and (max-width: 414px) {
.new-employee__item:first-child {
margin-top: 0;
}
}
.header__services {
display: none;
}
.header__services-wrapper {
padding: 2.5rem 0;
display: grid;
grid-template-columns: minmax(18.875rem, 18.875rem) auto;
gap: 6rem;
}
.header__services-main {
display: flex;
flex-direction: column;
border-right: 1px solid #e8e8e8;
}
.header__services-link {
padding: 0.75rem 1.25rem;
color: #464744;
font-size: 0.875rem;
font-style: normal;
font-weight: 700;
line-height: 140%;
position: relative;
transition: ease-in-out 0.3s;
text-transform: uppercase;
}
.header__services-link:after {
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 0.125rem;
background-color: transparent;
transition: ease-in-out 0.3s;
}
.header__services-link.active {
background-color: #f3f3f1;
transition: ease-in-out 0.3s;
}
.header__services-link.active:after,
.header__services-link:hover:after {
background-color: #ffaf70;
transition: ease-in-out 0.3s;
}
.header__services-sub-wrapper {
display: none;
}
.header__services-sub-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.37rem;
}
.header__services-sublink {
color: var(--6B6C68, #6b6c68);
font-size: 0.925rem;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.01875rem;
text-transform: uppercase;
transition: ease-in-out 0.3s;
}
.header__services-sublink:hover {
color: #ffaf70;
transition: ease-in-out 0.3s;
}
@media screen and (min-width: 768px) {
.header-menu__section:hover .header-menu__section__submenu {
display: none;
}
}
@media screen and (max-width: 1100px) {
.header__services-sub-grid {
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.header__services-wrapper {
gap: 2rem;
}
}
@media screen and (max-width: 767px) {
.header-menu_mobile__submenu {
max-height: 100vh;
height: 100vh;
max-width: 100vw;
width: 100vw;
}
.small-submenu__content {
height: 80%;
overflow: hidden;
overflow-y: scroll;
}
.header-menu__dropdown__item_main {
border-bottom: none;
}
.header-menu__dropdown__item_main {
padding: 10px 0;
}
.header-menu__dropdown__item_main > ul > li {
padding-left: 0;
}
.header-menu__dropdown__link {
font-size: 16px;
}
.header-menu__dropdown__item_main > ul > li > .header-menu__dropdown__link {
border-left: none;
padding: 7px 0px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.3px;
}
.full__small-menu {
display: none;
padding-top: 8px;
width: 100%;
min-height: 100vh;
color: #464744;
font-family: Proxima Nova, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase;
margin-left: -12px;
line-height: 2.5;
background-color: white;
position: absolute;
height: 100vh;
overflow: auto;
padding-bottom: 300px;
}
.full__small-menu li {
list-style-type: none;
border-bottom: 1px solid #e8e8e8;
padding: 8px 0;
}
.link__back span {
border: 1px solid #ffaf70;
padding: 8px 25px;
}
.header-menu__dropdown__item.open > ul {
display: none;
}
.header-menu__dropdown__item.open
.header-menu__dropdown__link_main.has-submenu:after,
.header-menu__dropdown__link_main.opened:after {
transform: rotate(0deg);
}
.header-menu__dropdown__item.header-menu__dropdown__item_main .open {
display: none !important;
}
}
.bio-faq__top {
padding: 12px 24px;
background: var(--gray-2, #F7F7F7);
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.bio-faq__heading {
color: #4D4D4C;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 26px */
text-transform: uppercase;
}
.bio-faq__toggler {
width: 40px;
height: 40px;
flex: 0 1 40px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
transition: ease-in-out .3s;
background-image: url('data:image/svg+xml,');
}
.bio-faq__top.open .bio-faq__toggler {
transform: rotate(180deg);
transition: ease-in-out .3s;
}
.bio-faq__body {
display: none;
color: var(--6B6C68, #6B6C68);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 24px;
background: var(--gray-2, #F7F7F7);
margin-top: 8px;
}
.bio-faq__item {
margin-bottom: 12px;
}
.bio-faq__item:last-child {
margin-bottom: 0;
}
.bio-faq__body ul li::marker {
color: #FFAF70;
}