/* Start:/local/templates/mkclinic/css/main.css?174765016992335*/
:root {
--dark: #1C252D;
--gray: #F3EEE7;
--beige: #E0C5AC;
--white: #FFFFFF;
--text: #647788;
--black: #000000;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth;
}
*,
*::after,
*::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
/*html,*/
body {
position: relative;
overflow-x: hidden;
}
ul,
ol {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
form,
dl,
dd {
margin: 0;
}
img {
display: block;
border: 0;
width: 100%;
height: auto;
}
input,
button,
textarea,
select {
padding: 0;
font: inherit;
}
button {
border: none;
background-color: transparent;
cursor: pointer;
}
a {
display: inline-block;
text-decoration: none;
color: inherit;
}
@font-face {
font-family: "Manrope";
src: url("/local/templates/mkclinic/css/../fonts/Manrope-ExtraLight.woff2") format("woff2"), url("/local/templates/mkclinic/css/../fonts/Manrope-ExtraLight.woff") format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/local/templates/mkclinic/css/../fonts/Manrope-Light.woff2") format("woff2"), url("/local/templates/mkclinic/css/../fonts/Manrope-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Vetrino";
src: url("/local/templates/mkclinic/css/../fonts/VetrinoRegular.woff2") format("woff2"), url("/local/templates/mkclinic/css/../fonts/VetrinoRegular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/local/templates/mkclinic/css/../fonts/Manrope-Regular.woff2") format("woff2"), url("/local/templates/mkclinic/css/../fonts/Manrope-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/local/templates/mkclinic/css/../fonts/Manrope-SemiBold.woff2") format("woff2"), url("/local/templates/mkclinic/css/../fonts/Manrope-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/local/templates/mkclinic/css/../fonts/Manrope-Medium.woff2") format("woff2"), url("/local/templates/mkclinic/css/../fonts/Manrope-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/local/templates/mkclinic/css/../fonts/Manrope-ExtraBold.woff2") format("woff2"), url("/local/templates/mkclinic/css/../fonts/Manrope-ExtraBold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/local/templates/mkclinic/css/../fonts/Manrope-Bold.woff2") format("woff2"), url("/local/templates/mkclinic/css/../fonts/Manrope-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
html {
height: 100%;
}
body {
position: relative;
margin: 0;
padding: 0;
height: 100%;
font-family: "Manrope", sans-serif;
line-height: 1.75;
color: var(--dark);
font-size: 16px;
font-weight: 300;
}
body.lock {
overflow: hidden;
height: 100vh;
}
.container {
margin: 0 auto;
padding: 0 20px;
width: 100%;
max-width: 1440px;
}
@media (max-width: 350px) {
.container {
padding: 0 15px;
}
}
.container--max {
margin: 0 auto;
width: 100%;
max-width: 1920px;
padding: 0;
}
.link {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.link--underline {
text-decoration: underline;
text-underline-offset: 2px;
}
@media (max-width: 470px), (hover: hover) {
.link:hover {
opacity: 0.6;
}
}
.main {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.section {
margin-bottom: 144px;
}
@media (max-width: 1320px) {
.section {
margin-bottom: 120px;
}
}
.title {
color: var(--dark);
font-family: "Vetrino", sans-serif;
font-size: 70px;
font-weight: 400;
line-height: 1.3;
letter-spacing: 6px;
text-transform: uppercase;
}
.title__span {
font-size: 40px;
margin-bottom: 2px;
display: block;
}
@media (max-width: 1450px) {
.title__span {
font-size: 32px;
letter-spacing: 4.8px;
}
}
@media (max-width: 1320px) {
.title__span {
font-size: 24px;
letter-spacing: 3.6px;
line-height: normal;
margin-bottom: 16px;
}
}
@media (max-width: 350px) {
.title__span {
font-size: 22px;
letter-spacing: 2.2px;
line-height: normal;
margin-bottom: 6px;
}
}
@media (max-width: 1450px) {
.title {
font-size: 60px;
letter-spacing: 2.4px;
}
}
@media (max-width: 1320px) {
.title {
font-size: 45px;
letter-spacing: 4.5px;
}
}
@media (max-width: 1000px) {
.title {
font-size: 48px;
}
}
@media (max-width: 470px) {
.title {
font-size: 36px;
letter-spacing: 3.6px;
}
}
@media (max-width: 350px) {
.title {
font-size: 32px;
}
}
@media (orientation: landscape) and (max-height: 700px) {
.title {
font-size: 36px;
}
}
.btn {
cursor: pointer;
padding: 13px 40px;
font-family: "Vetrino", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1;
letter-spacing: 4.5px;
text-transform: uppercase;
border: 1px solid rgba(28, 37, 45, 0.2);
background-color: rgba(204, 204, 204, 0.2);
position: relative;
-webkit-transition: border 0.5s, background-color 0.5s;
transition: border 0.5s, background-color 0.5s;
color: inherit;
}
a.btn {
text-decoration: none;
}
@media (max-width: 470px), (hover: hover) {
.btn:hover {
border: 1px solid rgba(28, 37, 45, 0.5);
background-color: rgba(209, 209, 209, 0.4);
}
.btn:hover::after {
border-color: rgba(28, 37, 45, 0.5);
}
}
.btn::after {
content: "";
position: absolute;
top: -6px;
right: 5px;
bottom: -6px;
left: 5px;
border: 1px solid rgba(28, 37, 45, 0.2);
-webkit-transition: border 0.5s;
transition: border 0.5s, background-color 0.5s;
}
.btn--white {
color: var(--gray, #F3EEE7);
border: 1px solid var(--gray, #F3EEE7);
}
.btn--white::after {
border: 1px solid var(--gray, #F3EEE7);
}
@media (max-width: 470px), (hover: hover) {
.btn--white:hover {
border: 1px solid var(--gray, #F3EEE7);
background-color: rgba(209, 209, 209, 0.4);
}
.btn--white:hover::after {
border: 1px solid var(--gray, #F3EEE7);
}
}
.btn--blue {
color: var(--white, #FFFFFF);
border: 1px solid var(--dark, #1C252D);
background-color: var(--dark, #1C252D);
}
.btn--blue::after {
border: 1px solid var(--dark, #1C252D);
}
@media (max-width: 470px), (hover: hover) {
.btn--blue:hover {
background-color: rgba(28, 37, 45, 0.8);
}
}
.burger {
position: relative;
right: 0;
top: 0;
z-index: 999;
display: none;
width: 30px;
height: 23px;
}
.burger::after, .burger::before {
content: "";
position: absolute;
right: 0;
border-radius: 4px;
height: 3px;
background-color: var(--dark);
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}
.burger::before {
top: 0;
width: 24px;
}
.burger::after {
bottom: 0;
width: 18px;
}
.burger__line {
position: absolute;
right: 0;
top: 50%;
border-radius: 4px;
width: 100%;
height: 3px;
background-color: var(--dark);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.burger.active::before {
top: 50%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 100%;
background-color: var(--white);
}
.burger.active::after {
opacity: 0;
}
.burger.active .burger__line {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: var(--white);
}
@media (max-width: 1000px) {
.burger {
display: block;
}
}
.swiper .swiper-wrapper {
padding-bottom: 60px;
}
@media (max-width: 600px) {
.swiper .swiper-wrapper {
padding-bottom: 50px;
}
}
@media (max-width: 470px) {
.swiper .swiper-wrapper {
padding-bottom: 40px;
}
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
width: 54px;
bottom: 0;
top: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after {
display: none;
}
@media (max-width: 470px), (hover: hover) {
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
opacity: 0.5;
}
}
.swiper .swiper-navigation {
position: absolute;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 3;
align-self: flex-end;
}
.swiper .swiper-button-prev {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
rotate: 180deg;
position: static;
margin-right: 30px;
}
.swiper .swiper-button-next {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
position: static;
}
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
--animate-duration: 1s;
--animate-delay: 0.1s;
--animate-repeat: 1;
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay) * 2);
animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay) * 3);
animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay) * 4);
animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay) * 5);
animation-delay: calc(var(--animate-delay) * 5);
}
@media (prefers-reduced-motion: reduce), print {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*=Out] {
opacity: 0;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUpBig {
animation-name: fadeInUpBig;
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInDown {
animation-name: zoomInDown;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__slideInDown {
animation-name: slideInDown;
}
.header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 4;
color: var(--gray);
/*height: 100px;*/
}
@media (max-width: 1000px) {
.header {
margin-top: 0;
height: auto;
}
}
.header-top {
background-color: var(--dark);
padding: 20px 0;
}
@media (max-width: 1000px) {
.header-top {
display: none;
}
}
.header-top__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-top__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-top__item {
margin-right: 40px;
}
.header-top__location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-top__location-arrow {
margin-left: 3px;
margin-top: 2px;
}
.header-top__location-arrow.active {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-top__location-icon {
margin-right: 8px;
}
.header-top__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.header-bottom {
position: absolute;
width: 100%;
margin-top: 68px;
-webkit-transition: background-color 0.5s, margin-top 0.5s;
transition: background-color 0.5s, margin-top 0.5s;
color: var(--dark);
}
@media (max-width: 1000px) {
.header-bottom {
margin-top: 0;
height: 76px;
}
}
.header-bottom.scroll-down {
position: fixed;
opacity: 0;
}
.header-bottom.scroll {
position: fixed;
margin-top: 0;
background-color: var(--dark);
z-index: 9;
opacity: 1;
}
.header-bottom.scroll .header-bottom__wrapper {
border-bottom: 1px solid transparent;
}
.header-bottom .logo {
margin-right: 42px;
max-width: 37px;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
@media (max-width: 470px), (hover: hover) {
.header-bottom .logo:hover {
opacity: 0.6;
}
}
@media (max-width: 1320px) {
.header-bottom .logo {
margin-right: 42px;
}
}
.header-bottom__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 24px;
padding-bottom: 15px;
border-bottom: 1px solid var(--dark);
position: relative;
margin-right: 17px;
}
.header-bottom__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 30px;
position: relative;
}
@media (max-width: 1420px) {
.header-bottom__info {
margin-right: 20px;
}
}
@media (max-width: 1000px) {
.header-bottom__info {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.header-bottom__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 26px;
}
@media (max-width: 1420px) {
.header-bottom__menu {
margin-right: 10px;
}
}
@media (max-width: 1000px) {
.header-bottom__menu {
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
padding: 80px 44px 44px 32px;
max-width: 308px;
width: 100%;
margin-right: 0;
position: absolute;
top: -27px;
right: -78px;
bottom: 0;
min-height: 100vh;
overflow-y: auto;
background-color: var(--dark);
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
}
@media (max-width: 350px) {
.header-bottom__menu {
padding: 54px 30px 30px;
width: auto;
}
}
.header-bottom__menu.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
color: var(--gray);
}
.header-bottom__item:not(:last-child) {
margin-right: 40px;
}
@media (max-width: 1420px) {
.header-bottom__item:not(:last-child) {
margin-right: 30px;
}
}
@media (max-width: 1320px) {
.header-bottom__item:not(:last-child) {
margin-right: 20px;
}
}
@media (max-width: 1000px) {
.header-bottom__item:not(:last-child) {
margin-right: 0;
margin-bottom: 40px;
}
}
@media (max-width: 350px) {
.header-bottom__item:not(:last-child) {
margin-bottom: 25px;
}
}
.header-bottom__item--mobile {
display: none;
}
@media (max-width: 1000px) {
.header-bottom__item--mobile {
display: block;
}
}
.header-bottom__item--contacts {
bottom: 40px;
margin-top: auto
}
.header-bottom__link {
color: inherit;
font-size: 14px;
font-weight: 500;
letter-spacing: 3.57px;
text-transform: uppercase;
transition: opacity 0.5s;
}
.header-bottom__link:hover {
opacity: 0.6;
}
@media (max-width: 1000px) {
.header-bottom__link {
font-size: 18px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 1.8px;
}
}
@media (max-width: 1000px) {
.header-bottom__contacts {
display: none;
}
}
.header-bottom__phone {
color: inherit;
font-size: 18px;
font-weight: 500;
letter-spacing: 1.8px;
margin-right: 23px;
transition: opacity 0.5s;
}
@media (max-width: 1200px) {
.header-bottom__phone {
display: none;
}
}
@media (max-width: 1000px) {
.header-bottom__phone {
display: block;
}
}
.header-bottom__phone:hover, .header-top__phone:hover {
opacity: 0.6;
}
.header-top__phone {
display: none;
margin: 0;
}
@media (max-width: 1200px) {
.header-top__phone {
display: block;
}
}
@media (max-width: 1000px) {
.header-top__phone {
display: none;
}
}
.header-top__item a {
transition: opacity 0.5s;
color: inherit;
}
.header-top__item a:hover {
opacity: 0.6;
}
@media (max-width: 1320px) {
.header-bottom__phone {
font-size: 16px;
letter-spacing: 2px;
margin-right: 15px;
}
.header-bottom__info {
margin-right: 10px;
}
}
@media (max-width: 1000px) {
.header-bottom__phone {
margin-bottom: 26px;
}
}
.header-bottom__btn {
padding: 10px 26px;
color: inherit;
font-family: "Vetrino", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
letter-spacing: 3.5px;
text-transform: uppercase;
border: 1px solid var(--dark);
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
}
@media (max-width: 470px), (hover: hover) {
.header-bottom__btn:hover {
background-color: rgba(209, 209, 209, 0.4);
}
}
@media (max-width: 1320px) {
.header-bottom__btn {
padding: 10px 15px;
letter-spacing: 3px;
}
}
.form-search__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*position: relative;*/
cursor: pointer;
}
@media (max-width: 1000px) {
.form-search__label {
position: static;
}
}
.form-search__img {
width: 20px;
height: 20px;
margin-right: 10px;
}
@media (max-width: 1320px) {
.form-search__img {
margin-right: 0;
}
}
@media (max-width: 1000px) {
.form-search__img {
width: 30px;
height: 30px;
}
}
.form-search__img, .logo img {
filter: brightness(0) saturate(100%) invert(6%) sepia(5%) saturate(7124%) hue-rotate(167deg) brightness(94%) contrast(82%);
}
.form-search__input {
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 100px;
border: none;
background-color: var(--gray);
color: var(--dark);
font-size: 14px;
font-weight: 500;
position: absolute;
max-width: 100%;
left: 0;
right: 0;
bottom: -67px;
padding: 0;
-webkit-transform: translateX(-1000%);
-ms-transform: translateX(-1000%);
transform: translateX(-1000%);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.form-search__input:focus, .form-search__input.focus {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
width: 100%;
max-width: 100%;
padding: 10px;
outline: none;
}
.footer {
position: relative;
z-index: 9;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-color: var(--dark);
color: var(--gray);
font-weight: 500;
}
.footer a {
color: inherit;
}
.footer__wrapper {
max-width: 1320px;
width: 100%;
margin: 0 auto;
padding: 50px 20px;
}
.footer__item {
margin-bottom: 20px;
}
.footer__item.visually {
margin-top: auto;
}
.footer__item.visually .footer__link {
@media (max-width: 1000px) {
margin-top: 20px;
justify-content: center;
}
}
.footer__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 43px;
border-bottom: 1px solid rgba(243, 238, 231, 0.3);
}
@media (max-width: 470px) {
.footer__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.footer__logo {
max-width: 98px;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
@media (max-width: 767px) {
.footer__logo {
max-width: 70px;
}
}
@media (max-width: 470px) {
.footer__logo {
max-width: 52px;
margin-bottom: 22px;
}
}
@media (max-width: 470px), (hover: hover) {
.footer__logo:hover {
opacity: 0.6;
}
}
.footer__text {
max-width: 334px;
width: 100%;
text-align: right;
}
@media (max-width: 470px) {
.footer__text {
text-align: center;
}
}
.footer__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 0;
border-bottom: 1px solid rgba(243, 238, 231, 0.3);
margin-bottom: 26px;
}
@media (max-width: 1320px) {
.footer__info {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 180px;
grid-template-columns: 1fr 180px;
}
}
@media (max-width: 1000px) {
.footer__info {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media (max-width: 470px) {
.footer__info {
padding: 36px 0;
}
}
.footer__menu {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
column-gap: 48px;
margin-right: 30px;
}
@media (max-width: 1320px) {
.footer__menu {
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px;
margin-right: 25px;
}
}
@media (max-width: 1000px) {
.footer__menu {
margin-right: 0;
margin-bottom: 40px;
font-size: 15px;
}
}
@media (max-width: 767px) {
.footer__menu {
-webkit-column-count: initial;
-moz-column-count: initial;
column-count: initial;
margin-bottom: 0;
order: 1;
display: flex;
flex-direction: column;
}
.footer__contacts {
margin-bottom: 30px;
}
.footer__info {
gap: 30px;
}
.footer__item {
display: none;
}
.footer__item.required {
display: block;
}
.footer__item.visually {
order: 1;
}
.footer__link {
justify-content: center;
}
.footer__item {
margin-bottom: 7px;
}
}
.footer__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__link-icon {
max-width: 28px;
margin-right: 8px;
}
@media (max-width: 1000px) {
.footer__link-icon {
max-width: 22px;
margin-right: 6px;
}
}
@media (max-width: 1320px) {
.footer__contacts {
max-width: 300px;
width: 100%;
}
}
@media (max-width: 1000px) {
.footer__contacts {
max-width: 100%;
margin: 0 auto;
text-align: center;
}
}
@media (max-width: 470px) {
.footer__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}
}
.footer__social {
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.footer__social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 470px) {
.footer__social {
margin-bottom: 0;
}
}
.footer__address {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-style: normal;
}
@media (max-width: 1000px) {
.footer__address {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 470px) {
.footer__address {
margin-bottom: 24px;
}
}
.footer__phone {
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.footer__phone {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
.footer__place {
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.footer__place {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
.footer__time {
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.footer__time {
margin-bottom: 0;
}
}
@media (max-width: 1320px) {
.footer__time-name {
display: block;
}
}
@media (max-width: 1000px) {
.footer__time-name {
display: inline-block;
}
}
.footer__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.footer__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.footer__bottom-info {
margin-right: 30px;
font-size: 14px;
font-weight: 400;
opacity: 0.4;
}
@media (max-width: 767px) {
.footer__bottom-links {
text-align: center;
}
.footer__bottom-info {
text-align: center;
margin-right: 0;
border-top: 1px solid rgba(243, 238, 231, 0.3);
padding-top: 30px;
width: 100%;
}
}
.footer__bottom-link {
opacity: 0.4;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
@media (max-width: 470px), (hover: hover) {
.footer__bottom-link:hover {
opacity: 0.7;
}
}
@media (max-width: 767px) {
.footer__bottom-link {
margin-bottom: 20px;
}
}
.footer__bottom-link:not(:last-child) {
margin-right: 30px;
}
.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social__item:not(:last-child) {
margin-right: 24px;
}
.social__img {
width: 20px;
height: 20px;
}
@media (max-width: 767px) {
.social__img {
width: 34px;
height: 34px;
}
}
.home-banner {
margin-top: -33px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--white);
position: relative;
overflow: hidden;
}
@media (max-width: 1000px) {
.home-banner {
margin-top: 0;
padding-top: 120px;
min-height: 100vh;
}
}
.home-banner__wrapper {
z-index: 1;
margin: 0 auto;
max-width: 1300px;
width: 100%;
position: absolute;
padding: 40px 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 1000px) {
.home-banner__wrapper {
text-align: center;
position: relative;
padding-top: 0;
}
}
.home-banner__video {
display: block;
position: relative;
height: calc(100vh - 66px);
background: rgba(0, 0, 0, 0.5);
-webkit-filter: brightness(55%);
filter: brightness(55%);
right: 0;
left: 0;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1000px) {
.home-banner__video {
/*width: auto;*/
/*height: 100vh;*/
position: absolute;
top: 0;
bottom: 0;
height: 100%;
}
}
.home-banner__info {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1000px) {
.home-banner__info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.home-banner__title {
font-family: "Vetrino", sans-serif;
font-size: 100px;
font-weight: 400;
letter-spacing: 9.5px;
line-height: normal;
max-width: 620px;
width: 100%;
margin-right: 60px;
}
@media (max-width: 1320px) {
.home-banner__title {
font-size: 72px;
}
}
@media (max-width: 1000px) {
.home-banner__title {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 48px;
text-align: left;
}
}
.home-banner__title-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home-banner__title-name {
display: block;
}
.home-banner__subtitle {
font-family: "Manrope", sans-serif;
font-size: 24px;
font-weight: 300;
letter-spacing: 6.12px;
text-transform: uppercase;
margin-top: 32px;
}
@media (max-width: 1320px) {
.home-banner__subtitle {
font-size: 20px;
letter-spacing: 5px;
margin-top: 17px;
}
}
.home-banner__text {
display: -ms-grid;
display: grid;
width: 100%;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 1000px) {
.home-banner__text {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media (max-width: 1000px) {
.home-banner__text-item {
margin: 0 auto 36px;
/* max-width: 196px;*/
text-wrap: balance;
}
& nbsp
;
}
<
span style
=
"font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));"
> & nbsp
;
@media (orientation: landscape) and (max-height: 700px)
& nbsp
;
{
.home-banner__text {
display: none;
}
.home-banner__info {
margin-bottom: 30px;
}
.home-banner__title {
font-size: 50px;
}
.home-banner__subtitle {
font-size: 12px;
}
.header-bottom__wrapper {
padding: 10px;
}
}
.home-info {
padding-top: 64px;
position: relative;
}
.home-info::before {
content: "";
position: absolute;
width: 100%;
height: 582px;
background-image: url(/local/templates/mkclinic/css/../img/info-bg.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
top: 0;
z-index: -1;
right: 0;
left: 0;
}
@media (max-width: 767px) {
.home-info::before {
height: 354px;
}
}
.home-info__decor {
width: 600px;
-webkit-transform: translateX(12%);
-ms-transform: translateX(12%);
transform: translateX(12%);
position: absolute;
right: -5%;
top: -32%;
}
@media (max-width: 1320px) {
.home-info__decor {
width: 44%;
top: -18%;
}
}
@media (max-width: 767px) {
.home-info__decor {
display: none;
}
}
.home-info__wrapper {
max-width: 1320px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 29% 84px 1fr;
grid-template-columns: 29% 1fr;
-ms-grid-rows: auto 76px auto;
grid-template-areas: "title title" "img descr";
-webkit-column-gap: 84px;
-moz-column-gap: 84px;
column-gap: 84px;
row-gap: 76px;
}
@media (max-width: 1320px) {
.home-info__wrapper {
row-gap: 40px;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
-ms-grid-columns: 39% 1fr;
grid-template-columns: 39% 1fr;
}
}
@media (max-width: 767px) {
.home-info__wrapper {
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
-ms-grid-columns: 1fr 0;
grid-template-columns: 1fr;
grid-template-areas: "title" "img" "descr";
}
}
@media (max-width: 470px) {
.home-banner__title {
font-size: 54px;
letter-spacing: 5px;
margin-bottom: 30px;
}
.home-banner__subtitle {
font-size: 14px;
}
.home-banner__info {
margin-bottom: 0px;
}
.home-info__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.home-info__title {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: title;
}
.home-info__title-clinic {
white-space: nowrap;
}
.home-info__title-clinic br {
display: none;
}
@media (max-width: 767px) {
.home-info__title {
text-align: center;
}
}
@media (max-width: 767px) {
.home-info__title-clinic br {
display: block;
}
}
.home-info__img {
-ms-grid-row: 3;
-ms-grid-column: 1;
grid-area: img;
}
@media (max-width: 767px) {
.home-info__img {
position: relative;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
}
.home-info__description {
-ms-grid-row: 3;
-ms-grid-column: 3;
-ms-grid-row-align: end;
align-self: end;
grid-area: descr;
}
@media (max-width: 767px) {
.home-info__title {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
}
.home-info__img {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.home-info__description {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
}
}
.home-info__text {
max-width: 483px;
color: var(--dark, #1C252D);
font-size: 24px;
font-weight: 300;
line-height: 1.2;
letter-spacing: 2.4px;
margin-bottom: 75px;
}
@media (max-width: 767px) {
.home-info__text {
max-width: 100%;
margin-bottom: 36px;
}
}
@media (max-width: 1320px) {
.home-info__text {
font-size: 20px;
}
}
.home-info__text ul li {
padding-left: 30px;
position: relative;
margin-bottom: 20px;
}
.home-info__text ul li:after {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--dark);
position: absolute;
left: 10px;
top: 14px;
}
@media (max-width: 1320px) {
.home-info__text ul li:after {
top: 12px;
}
}
@media (max-width: 767px) {
.home-info__btn {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
}
@media (max-height: 600px) {
.header-bottom .logo {
max-width: 32px;
}
.home-banner__text-item {
margin-bottom: 25px;
}
.home-banner__title {
font-size: 38px;
}
.home-banner__subtitle {
font-size: 12px;
letter-spacing: 2px;
margin-top: 4px;
}
.home-banner__text-item {
line-height: 1.5;
}
}
.home-services {
text-align: center;
}
.home-services__title {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.home-services__title {
margin-bottom: 16px;
}
}
.home-services__text {
max-width: 728px;
width: 100%;
margin: 0 auto 67px;
}
@media (max-width: 1320px) {
.home-services__text {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.home-services__text {
text-align: left;
}
}
.home-services__list {
margin-bottom: 30px;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [ 3 ];
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
@media (max-width: 1000px) {
.home-services__list {
gap: 20px;
}
}
@media (max-width: 767px) {
.home-services__list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 17px;
margin-bottom: 0;
}
}
.home-services__item {
overflow: hidden;
}
.home-services__item img {
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
@media (max-width: 470px), (hover: hover) {
.home-services__item:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.home-services__item:hover .home-services__link-inner {
border-radius: 0;
}
}
.home-services__link {
position: relative;
}
@media (max-width: 767px) {
.home-services__link {
height: 300px;
}
}
@media (max-width: 470px) {
.home-services__link {
height: 260px;
}
}
.home-services__link-inner {
padding: 20px 30px;
/* border-radius: 50% 50% 0 0;*/
border-radius: 200px 200px 0 0;
border: 2px solid var(--gray, #F3EEE7);
position: absolute;
bottom: 20px;
top: 20px;
left: 30px;
right: 30px;
-webkit-transition: border-radius 0.5s;
transition: border-radius 0.5s;
}
@media (max-width: 1320px) {
.home-services__link-inner {
left: 20px;
right: 20px;
}
}
@media (max-width: 1000px) {
.home-services__link-inner {
padding: 15px;
left: 15px;
right: 15px;
}
}
@media (max-width: 767px) {
.home-services__link-inner {
bottom: 14px;
top: 14px;
left: 20px;
right: 20px;
}
}
.home-services__name {
color: var(--white);
font-family: "Vetrino", sans-serif;
font-size: 32px;
letter-spacing: 4.8px;
text-transform: uppercase;
position: absolute;
bottom: 60px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 1320px) {
.home-services__name {
font-size: 22px;
letter-spacing: 3.8px;
bottom: 25px;
}
}
@media (max-width: 1000px) {
.home-services__name {
font-size: 17px;
bottom: 20px;
}
}
@media (max-width: 767px) {
.home-services__name {
font-size: 24px;
bottom: 20px;
}
}
@media (max-width: 767px) {
.home-services__btn {
display: none;
}
}
.home-specialists .swiper {
overflow-y: visible;
}
.home-specialists .swiper-navigation {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
right: 0;
left: auto;
}
@media (min-width: 1930px) {
.home-specialists {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 767px) {
.home-specialists {
padding: 0 20px;
}
}
.home-specialists__title {
text-align: center;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.home-specialists__title {
margin-bottom: 24px;
text-align: left;
}
}
.home-specialists__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
margin-bottom: 58px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "Vetrino", sans-serif;
font-weight: 400;
line-height: normal;
letter-spacing: 2.4px;
text-transform: uppercase;
height: 30px;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.home-specialists__link-icon {
width: 54px;
margin-left: 23px;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
@media (max-width: 470px), (hover: hover) {
.home-specialists__link:hover .home-specialists__link-icon {
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
}
}
@media (max-width: 767px) {
.home-specialists__link {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media (max-width: 767px) {
.home-specialists__btn {
margin-bottom: 54px;
}
}
.home-specialists__list.swiper {
max-width: 1920px;
margin-right: 80px;
/*margin-left: -120px;*/
width: calc(100% - 455px);
}
@media (max-width: 1320px) {
.home-specialists__list.swiper {
/*max-width: 900px;*/
margin-left: -100px;
margin-right: 50px;
/*width: 100%;*/
width: calc(100% - 335px);
}
}
@media (max-width: 1000px) {
.home-specialists__list.swiper {
margin: 0;
width: 100%;
}
}
@media (max-width: 767px) {
.home-specialists__list.swiper {
margin: 0;
}
}
@media (max-width: 767px) {
.home-specialists__list.swiper .swiper-wrapper {
padding-bottom: 60px;
}
}
@media (max-width: 470px) {
.home-specialists__list.swiper .swiper-wrapper {
padding-bottom: 40px;
}
}
.home-specialists__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.home-specialists__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.home-specialists .swiper-slide-next + .home-specialists__item .home-specialists__info {
display: block;
}
.home-specialists__item.swiper-slide .home-specialists__photo {
opacity: 0.4;
}
.home-specialists .swiper-slide-next + .swiper-slide .home-specialists__photo {
opacity: 1;
}
@media (max-width: 1000px) {
.home-specialists .swiper-slide-next + .swiper-slide .home-specialists__photo {
opacity: 0.4;
}
}
@media (max-width: 1139px) {
.home-specialists .swiper-slide-next .home-specialists__photo {
opacity: 1;
}
}
@media (max-width: 767px) {
.home-specialists .swiper-slide-next .home-specialists__photo {
opacity: 0.4;
}
}
@media (max-width: 900px) {
.home-specialists .swiper-slide-active .home-specialists__photo {
opacity: 1;
}
}
.home-specialists__photo {
display: inline-block;
text-align: center;
width: 100%;
}
@media (max-width: 900px) {
.home-specialists__photo {
width: 100%;
}
}
.home-specialists__img {
max-width: 350px;
width: 100%;
margin: 0 auto 32px;
max-height: 400px;
object-fit: contain;
}
.home-specialists__name {
color: rgba(0, 0, 0, 0.75);
font-family: "Vetrino", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
display: block;
margin-bottom: 12px;
}
@media (max-width: 1600px) {
.home-specialists__name {
font-size: 35px;
}
}
@media (max-width: 1500px) {
.home-specialists__name {
font-size: 28px;
}
}
@media (max-width: 1175px) {
.home-specialists__name {
font-size: 26px;
}
}
@media (max-width: 767px) {
.home-specialists__name {
font-size: 24px;
}
}
.home-specialists__prof {
color: rgba(0, 0, 0, 0.5);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 2.25px;
text-transform: uppercase;
}
@media (max-width: 1320px) {
.home-specialists__prof {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.home-specialists__prof {
padding: 0 20px;
}
}
@media (max-width: 767px) {
.home-specialists__prof {
font-size: 18px;
padding: 0;
}
}
.home-specialists__info {
max-width: 375px;
margin-right: 30px;
}
@media (max-width: 1320px) {
.home-specialists__info {
max-width: 335px;
margin-right: 0;
}
}
/* Если текст станет отличаться от профессии, то убрать этот стиль*/
@media (max-width: 1000px) {
.home-specialists__info {
display: none;
}
}
@media (max-width: 767px) {
.home-specialists__info {
max-width: 100%;
margin-right: 0;
text-align: center;
}
}
.home-specialists__text p {
-webkit-line-clamp: 5;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 767px) {
.home-specialists__text p {
-webkit-line-clamp: 3;
}
}
@media (max-width: 767px) {
.home-specialists__text {
margin-bottom: 40px;
}
}
.home-specialists__more {
margin-bottom: 15px;
/* margin-left: auto;*/
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.home-specialists__rating {
margin-bottom: 15px;
}
@media (max-width: 767px) {
.home-specialists__rating {
display: none;
}
}
.home-specialists__number {
font-size: 20px;
line-height: 1.5;
margin-right: 5px;
}
.home-specialists__reviews {
font-size: 14px;
}
.home-specialists__additional {
font-size: 14px;
line-height: 1.5;
opacity: 0.7;
margin-bottom: 64px;
}
@media (max-width: 1320px) {
.home-specialists__additional {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.home-specialists__additional {
display: none;
}
}
.home-about {
position: relative;
}
.home-about__decor {
position: absolute;
right: 0;
top: -42%;
width: 30%;
}
@media (max-width: 1320px) {
.home-about__decor {
top: -32%;
}
}
@media (max-width: 1000px) {
.home-about__decor {
width: 40%;
top: -30%;
}
}
@media (max-width: 767px) {
.home-about__decor {
display: none;
}
}
.home-about__top {
max-width: 1368px;
width: 100%;
padding: 0 20px;
margin: 0 auto 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1320px) {
.home-about__top {
margin-bottom: 30px;
}
}
@media (max-width: 1000px) {
.home-about__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 1000px) {
.home-about__title {
margin-bottom: 16px;
}
}
.home-about__description {
width: 50%;
}
@media (max-width: 1320px) {
.home-about__description {
width: 53%;
}
}
@media (max-width: 1000px) {
.home-about__description {
width: 100%;
}
}
.home-about__text {
margin-bottom: 46px;
}
@media (max-width: 1320px) {
.home-about__text {
margin-bottom: 26px;
}
}
.home-about__link {
font-family: "Vetrino", sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2.4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home-about__link-icon {
width: 54px;
margin-left: 23px;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
@media (max-width: 470px), (hover: hover) {
.home-about__link:hover .home-specialists__link-icon {
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
}
}
.home-news {
padding-bottom: 80px;
position: relative;
}
@media (max-width: 1000px) {
.home-news {
padding-bottom: 0;
}
}
.home-news::before {
content: "";
position: absolute;
width: 100%;
height: 320px;
background-image: url(/local/templates/mkclinic/css/../img/news-bg.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
bottom: 0;
z-index: -1;
right: 0;
left: 0;
}
@media (max-width: 1000px) {
.home-news::before {
bottom: auto;
top: 140px;
}
}
.home-news__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1000px) {
.home-news__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.home-news__info {
max-width: 360px;
width: 100%;
margin-right: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1000px) {
.home-news__info {
max-width: 100%;
}
}
.home-news__titles {
margin-bottom: 33px;
}
@media (max-width: 1000px) {
.home-news__titles {
margin-bottom: 20px;
}
}
.home-news__title {
margin-bottom: 33px;
}
@media (max-width: 1320px) {
.home-news__title {
margin-bottom: 20px;
}
}
@media (max-width: 1000px) {
.home-news__title {
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.home-news__title.title {
font-size: 36px;
letter-spacing: 3.6px;
}
}
@media (max-width: 470px) {
.home-news__title.title {
font-size: 27px;
letter-spacing: 2.6px;
}
}
@media (max-width: 767px) {
.home-news__descr {
position: absolute;
bottom: 23px;
left: 23px;
right: 23px;
}
.home-news__descr .home-news__link-name {
position: static;
}
}
.home-news__text {
position: relative;
z-index: 2;
margin-bottom: 28px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.home-news__links {
display: -ms-grid;
display: grid;
-ms-grid-columns: 0.9fr 1.1fr;
grid-template-columns: 0.9fr 1.1fr;
-ms-grid-rows: (180px) [ 3 ];
grid-template-rows: repeat(3, 180px);
max-width: 750px;
gap: 30px;
}
@media (max-width: 1320px) {
.home-news__links {
-ms-grid-rows: (160px) [ 3 ];
grid-template-rows: repeat(3, 160px);
gap: 20px;
}
}
@media (max-width: 1000px) {
.home-news__links {
margin: 0 auto;
}
}
@media (max-width: 767px) {
.home-news__links {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
}
.home-news__link {
color: var(--gray);
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
position: relative;
padding: 20px 30px;
}
.home-news__link:not(:last-child) {
padding: 20px;
}
.home-news__link-img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
-webkit-filter: brightness(70%);
filter: brightness(70%);
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.home-news__link-img {
position: static;
}
}
@media (max-width: 470px), (hover: hover) {
.home-news__link:hover .home-news__link-icon {
margin-left: 20px;
}
.home-news__link:hover .home-news__link-img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (max-width: 1320px) {
.home-news__link {
padding: 15px 20px;
}
}
@media (max-width: 1320px) {
.home-news__link:not(:last-child) {
padding: 15px;
}
}
@media (max-width: 1100px) {
.home-news__link:not(:last-child) {
padding: 15px 12px;
}
}
@media (max-width: 767px) {
.home-news__link:not(:last-child) {
padding: 0;
}
}
.home-news__link--first {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2/3;
}
@media (max-width: 1000px) {
.home-news__link--first {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
}
}
@media (max-width: 767px) {
.home-news__link--first {
grid-row: auto;
}
}
.home-news__link--second {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3/4;
}
@media (max-width: 1000px) {
.home-news__link--second {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2/3;
}
}
@media (max-width: 767px) {
.home-news__link--second {
grid-row: auto;
}
}
.home-news__link--third {
-ms-grid-row: 1;
-ms-grid-row-span: 3;
grid-row: 1/4;
}
@media (max-width: 767px) {
.home-news__link--third {
grid-row: auto;
padding: 32px;
}
}
@media (max-width: 767px) {
.home-news__link--third .home-news__link-img {
position: absolute;
}
}
@media (max-width: 767px) {
.home-news__link--third .home-news__descr {
position: static;
}
}
.home-news__link-name {
font-family: "Vetrino", sans-serif;
font-size: 24px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
position: relative;
z-index: 2;
line-height: 1.3;
}
.home-news__link-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1210px) {
.home-news__link-name {
font-size: 20px;
letter-spacing: 2px;
}
}
@media (max-width: 767px) {
.home-news__link-name {
position: absolute;
bottom: 32px;
left: 32px;
}
}
.home-news__link-icon {
width: 46px;
margin-left: 10px;
-webkit-transition: margin 0.5s;
transition: margin 0.5s;
}
@media (max-width: 1210px) {
.home-news__link-icon {
width: 34px;
}
}
.home-news__head {
position: relative;
z-index: 2;
margin-bottom: 20px;
font-size: 24px;
font-weight: 400;
line-height: 1.3;
& nbsp
; /*letter-spacing: 0.84px;*/
}
.home-reviews__title {
text-align: center;
margin-bottom: 90px;
}
@media (max-width: 1320px) {
.home-reviews__title {
margin-bottom: 40px;
}
}
.home-reviews .swiper-wrapper {
margin-bottom: 57px;
}
.home-reviews__slide {
padding-top: 74px;
padding-bottom: 30px;
}
@media (max-width: 1320px) {
.home-reviews__slide {
padding-top: 63px;
}
}
.home-reviews__slide::after {
content: "";
background-image: url(/local/templates/mkclinic/css/../img/icons/quotes.svg);
background-repeat: no-repeat;
background-size: cover;
width: 38px;
height: 42px;
position: absolute;
top: 0;
left: 30px;
}
@media (max-width: 470px) {
.home-reviews__slide::after {
left: 20px;
}
}
.home-reviews__slide::before {
content: "";
position: absolute;
height: 92%;
width: 1px;
background-color: #AFAFAF;
right: 0;
top: 26px;
bottom: 0;
}
.home-reviews__descr {
margin-bottom: 46px;
padding: 0 30px;
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
@media (max-width: 1320px) {
.home-reviews__descr {
margin-bottom: 30px;
}
}
@media (max-width: 470px) {
.home-reviews__descr {
padding: 0 20px;
}
}
.home-reviews__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 30px;
}
@media (max-width: 470px) {
.home-reviews__author {
padding: 0 20px;
}
}
.home-reviews__photo {
border-radius: 50%;
width: 67px;
height: 67px;
margin-right: 16px;
}
.home-reviews__name {
margin-bottom: 5px;
font-size: 24px;
line-height: 1.2;
display: block;
}
.home-reviews__text {
font-size: 14px;
font-weight: 400;
letter-spacing: 2.73px;
text-transform: uppercase;
opacity: 0.5;
}
.home-partners {
min-height: 588px;
position: relative;
}
@media (max-width: 1320px) {
.home-partners {
min-height: 520px;
}
}
.home-partners__flower {
position: absolute;
width: 405px;
height: 578px;
top: 0;
left: -5%;
-webkit-animation: leaves 5s infinite ease-in-out 1s;
animation: leaves 5s infinite ease-in-out 1s;
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
@media (max-width: 1320px) {
.home-partners__flower {
width: 300px;
height: 470px;
}
}
@media (max-width: 767px) {
.home-partners__flower {
width: 220px;
height: auto;
left: -50px;
top: 150px;
-webkit-animation: leaves 3s infinite ease-in-out 1s;
animation: leaves 3s infinite ease-in-out 1s;
}
}
.home-partners__leaves {
position: absolute;
width: 16%;
top: 0;
right: -24px;
-webkit-animation: leaves 3s infinite ease-in-out 1s;
animation: leaves 3s infinite ease-in-out 1s;
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
@media (max-width: 1320px) {
.home-partners__leaves {
top: -28%;
width: 18%;
}
}
@media (max-width: 1000px) {
.home-partners__leaves {
width: 21%;
}
}
@media (max-width: 767px) {
.home-partners__leaves {
width: 175px;
right: auto;
left: -20px;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
top: 400px;
}
}
@-webkit-keyframes leaves {
from {
rotate: 0;
}
50% {
rotate: 2deg;
}
to {
rotate: 0;
}
}
@keyframes leaves {
from {
rotate: 0;
}
50% {
rotate: 2deg;
}
to {
rotate: 0;
}
}
.home-partners__wrapper {
max-width: 1270px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.home-partners__title {
margin-right: 60px;
margin-bottom: 90px;
position: relative;
}
@media (max-width: 1000px) {
.home-partners__title {
margin-right: 0;
margin-bottom: 25px;
}
}
.home-partners__title::after {
content: "";
background-image: url(/local/templates/mkclinic/css/../img/partner-bg.png);
background-image: -webkit-image-set(url("/local/templates/mkclinic/css/../img/partner-bg.webp") 1x, url("/local/templates/mkclinic/css/../img/partner-bg.png") 1x);
background-image: image-set("../img/partner-bg.webp" 1x, "../img/partner-bg.png" 1x);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: contain;
position: absolute;
width: 690px;
height: 588px;
left: -33%;
top: -78px;
z-index: -1;
}
@media (max-width: 1320px) {
.home-partners__title::after {
width: 63%;
height: 570px;
top: -50px;
}
}
.home-partners__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [ 2 ];
grid-template-columns: repeat(2, 1fr);
gap: 90px;
max-width: 800px;
width: 100%;
margin-left: auto;
}
@media (max-width: 1320px) {
.home-partners__list {
gap: 40px;
max-width: 650px;
}
}
@media (max-width: 1000px) {
.home-partners__list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
max-width: 60%;
}
}
.home-partners__logo {
height: 71px;
/* kiva44 width:auto - > width:100% */
width: 100%;
margin-bottom: 37px;
}
.home-contacts__title {
text-align: center;
margin-bottom: 74px;
}
@media (max-width: 1000px) {
.home-contacts__title {
margin-bottom: 40px;
}
}
.home-contacts__map {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 774px;
padding: 30px 0;
}
@media (max-width: 1000px) {
.home-contacts__map {
min-height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.home-contacts__info {
max-width: 620px;
background-color: var(--white);
padding: 50px 35px;
}
@media (max-width: 1320px) {
.home-contacts__info {
max-width: 50%;
/*padding: 30px;*/
}
}
@media (max-width: 1000px) {
.home-contacts__info {
max-width: 100%;
text-align: center;
}
}
@media (max-width: 767px) {
.home-contacts__info {
padding: 0;
}
}
.home-contacts__contacts {
font-family: "Vetrino", sans-serif;
font-weight: 400;
font-style: normal;
}
.home-contacts__address {
font-size: 40px;
line-height: 1.2;
margin-bottom: 10px;
}
@media (max-width: 1320px) {
.home-contacts__address {
font-size: 30px;
margin-bottom: 16px;
}
}
@media (max-width: 1000px) {
.home-contacts__address br {
display: none;
}
}
.home-contacts__phone {
font-size: 24px;
margin-bottom: 58px;
}
.home-contacts__text {
max-width: 282px;
margin-bottom: 17px;
opacity: 0.7;
}
@media (max-width: 1320px) {
.home-contacts__text {
margin-bottom: 20px;
}
}
@media (max-width: 1000px) {
.home-contacts__text {
margin: 0 auto 30px;
}
}
.home-contacts__inner {
max-width: 1320px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
position: relative;
}
.home-contacts__iframe {
position: absolute;
}
@media (max-width: 1000px) {
.home-contacts__iframe {
position: static;
height: 400px;
}
}
.home-contacts__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1320px) {
.home-contacts__form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.home-contacts__label {
margin-right: 60px;
}
@media (max-width: 1320px) {
.home-contacts__label {
margin-right: 0;
}
}
.home-contacts__input {
padding: 15px 10px;
max-width: 254px;
width: 100%;
border: none;
border-bottom: 1px solid #B8B8B8;
font-size: 18px;
font-weight: 400;
line-height: normal;
letter-spacing: 1.17px;
}
@media (max-width: 1320px) {
.home-contacts__input {
margin-bottom: 30px;
max-width: 355px;
}
}
@media (max-width: 1000px) {
.home-contacts__input {
text-align: center;
}
}
.home-contacts__btn {
padding: 13px 30px;
}
@media (max-width: 1000px) {
.home-contacts__btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 44px;
}
}
/*Прелоадер скрыть*/
div[id^="wait_comp_"] {
display: none;
}
img.home-partners__logo {
object-fit: contain;
width: auto;
max-width: 100%;
overflow-clip-margin: unset;
}
.home-reviews__slide {
height: auto;
}
.home-reviews__blockquote {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.home-specialists .swiper-navigation {
justify-content: center;
width: 33%;
}
@media (max-width: 1000px) {
.home-specialists .swiper-navigation {
width: 100%;
}
}
@media (max-width: 1139px) {
.getcallform table.form-table {
align-items: center;
}
}
@media (max-width: 899px) {
.specialist-spec {
width: 100%;
}
.home-specialists__more {
margin: auto;
}
/* kiva44: max-width to width overflow-y align-items*/
.home-about__slider.swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
/* width: 1920px;*/
}
.container-max {
overflow-y: auto;
}
.getcallform table.form-table {
align-items: center;
}
}
.home-specialists__info {
min-height: 100px;
position: relative;
}
.headpopup {
top: 0;
width: 100%;
left: 0;
text-align: center;
background: black;
color: white;
padding: 10px 20px;
z-index: 999;
position: relative;
}
.headpopup .close {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
width: 25px;
height: 25px;
position: absolute;
padding: 0;
border: 2px solid #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
/* font: 13px/20px 'Tahoma', Arial, sans-serif;*/
font-weight: bold;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
color: white;
font-weight: normal;
}
.headpopup .close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
.headpopup .close:hover {
background-color: rgba(252, 20, 0, 0.8);
-webkit-transform: translateY(-50%) rotate(360deg);
-moz-transform: translateY(-50%) rotate(360deg);
-ms-transform: translateY(-50%) rotate(360deg);
-o-transform: translateY(-50%) rotate(360deg);
transform: translateY(-50%) rotate(360deg);
}
.headpopup.hidden {
display: none;
}
.swiper-slide .about-slide {
display: flex;
flex-wrap: wrap;
gap: 10px;
max-width: 700px;
margin: auto;
}
.home-about__slide:nth-child(even) .first-slide {
/*order:3;*/
}
.first-slide {
width: 100%;
overflow: hidden;
max-height: 400px;
}
.second-slide {
width: calc(50% - 5px);
overflow: hidden;
max-height: 200px;
aspect-ratio: 3/2;
}
.third-slide {
width: calc(50% - 5px);
overflow: hidden;
max-height: 200px;
aspect-ratio: 3/2;
}
.first-slide img {
height: 100%;
object-fit: cover;
transition: transform 0.5s, -webkit-transform 0.5s;
animation-delay: calc(var(--animate-delay) * 2);
}
.second-slide img, .third-slide img {
object-fit: cover;
height: 100%;
width: 100%;
transition: transform 0.5s, -webkit-transform 0.5s;
cursor: pointer;
}
.swiper-slide.home-about__slide a {
width: 100%;
aspect-ratio: 3/2;
}
.swiper-slide.home-about__slide img:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.main-wrapper {
position: relative;
overflow-x: hidden;
}
.section-top {
margin-top: 135px;
}
@media (max-width: 1450px) {
.section-top {
margin-top: 115px;
}
}
/*@media (max-width: 1320px) {*/
/* .section-top {*/
/* margin-top: 92px;*/
/* }*/
/*}*/
/*@media (max-width: 1000px) {*/
/* .section-top {*/
/* margin-top: 174px;*/
/* }*/
/*}*/
@media (max-width: 767px) {
.section-top {
margin-top: 137px;
}
}
select.select-css::-webkit-scrollbar {
width: 10px;
background-color: #D9D9D9BF;
height: 5px;
}
select.select-css::-webkit-scrollbar-thumb {
background-color: #7e7a7a;
}
.not-found__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
text-align: center;
padding-top: 120px;
padding-bottom: 100px;
}
@media (max-width: 1000px) {
.not-found__wrapper {
padding-top: 140px;
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.not-found__wrapper {
padding-top: 90px;
padding-bottom: 60px;
}
}
@media (orientation: landscape) and (max-height: 700px) {
.not-found__wrapper {
padding-top: 80px;
}
}
@media (orientation: landscape) and (max-height: 550px) {
.not-found__wrapper {
padding-bottom: 20px;
}
}
.not-found__number {
font-family: "Vetrino", sans-serif;
font-size: 256px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 25.6px;
text-transform: uppercase;
margin-bottom: 24px;
}
@media (max-width: 1450px) {
.not-found__number {
font-size: 200px;
}
}
@media (max-width: 1000px) {
.not-found__number {
font-size: 180px;
}
}
@media (max-width: 767px) {
.not-found__number {
font-size: 120px;
margin-bottom: 15px;
}
}
@media (max-width: 470px) {
.not-found__number {
font-size: 100px;
}
}
.not-found__title {
font-family: "Vetrino", sans-serif;
font-size: 55px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 5.5px;
text-transform: uppercase;
margin-bottom: 44px;
}
@media (max-width: 1450px) {
.not-found__title {
font-size: 48px;
}
}
@media (max-width: 1000px) {
.not-found__title {
font-size: 40px;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.not-found__title {
font-size: 30px;
}
}
@media (max-width: 470px) {
.not-found__title {
font-size: 22px;
}
}
.not-found__text {
font-size: 24px;
font-weight: 300;
margin-bottom: 44px;
}
@media (max-width: 1000px) {
.not-found__text {
font-size: 18px;
}
}
@media (max-width: 470px) {
.not-found__text {
font-size: 16px;
}
}
@media (max-width: 350px) {
.not-found__text {
font-size: 14px;
}
}
.not-found__text a {
text-decoration: underline;
text-underline-offset: 5px;
}
@media (max-width: 470px) {
.not-found__text a {
text-underline-offset: 3px;
}
}
.main-wrapper {
position: relative;
overflow-x: hidden;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Vetrino", sans-serif;
font-weight: 400;
line-height: normal;
letter-spacing: 2.4px;
text-transform: uppercase;
}
.more__icon {
width: 54px;
margin-left: 23px;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
@media (max-width: 470px), (hover: hover) {
.more:hover .more__icon {
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
}
}
.cookie-page {
padding-top: 100px;
margin-bottom: 72px;
justify-content: center;
}
@media (max-width: 1000px) {
.cookie-page {
padding-top: 80px;
}
}
.cookie-page h3 {
margin-top: 40px;
margin-bottom: 20px;
}
.legacy-cookie img {
width: 20px;
}
.legacy-cookie > div {
padding: 15px 20px 15px;
}
@media (max-width: 767px) {
.legacy-cookie {
bottom: auto;
top: 0;
}
}
.c-button-go-top {
position: fixed;
bottom: 90px;
right: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 2;
width: 64px;
height: 64px;
border-radius: 50%;
background-color: transparent;
border: 1px solid var(--text);
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
visibility: hidden;
will-change: transform;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.c-button-go-top svg {
fill: var(--text);
-webkit-transition: fill 0.3s ease-in-out;
transition: fill 0.3s ease-in-out;
}
.c-button-go-top--show {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.c-button-go-top:hover {
border-color: rgba(var(--dark), 0.7);
}
.c-button-go-top:hover svg {
fill: rgba(var(--dark), 0.7);
}
.vkpost__title {
color: var(--dark);
font-family: "Vetrino", sans-serif;
font-size: 70px;
font-weight: 400;
line-height: 1.3;
letter-spacing: 6px;
text-transform: uppercase;
}
@media (max-width: 1450px) {
.vkpost__title {
font-size: 60px;
letter-spacing: 2.4px;
}
}
@media (max-width: 1320px) {
.vkpost__title {
font-size: 45px;
letter-spacing: 4.5px;
}
}
@media (max-width: 1000px) {
.vkpost__title {
font-size: 48px;
}
}
@media (max-width: 470px) {
.vkpost__title {
font-size: 36px;
letter-spacing: 3.6px;
}
}
@media (max-width: 350px) {
.vkpost__title {
font-size: 32px;
}
}
@media (orientation: landscape) and (max-height: 700px) {
.vkpost__title {
font-size: 36px;
}
}
.vkpost__title, .vkpost__more {
margin-left: auto;
margin-right: auto;
padding: 0 20px;
width: 100%;
max-width: 1440px;
}
@media (max-width: 350px) {
.vkpost__title, .vkpost__more {
padding: 0 15px;
}
}
.vkpost .swiper .swiper-wrapper {
padding-bottom: 60px;
}
.popup-info {
display: flex;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100dvh;
z-index: -5;
justify-content: center;
align-items: center;
transition: opacity 0.5s;
opacity: 0;
padding: 20px;
}
.popup-info:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.popup-info__title {
color: var(--dark);
font-family: "Vetrino", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 1.3;
letter-spacing: 2.4px;
text-transform: uppercase;
margin-bottom: 20px;
}
@media (max-width: 900px) {
.popup-info__title {
font-size: 20px;
}
}
.popup-info__wrapper {
position: relative;
max-width: 800px;
width: 100%;
margin: 0 auto;
background-color: #fff;
color: var(--dark);
z-index: 1;
max-height: 90dvh;
overflow-y: auto;
}
.popup-info.active {
opacity: 1;
z-index: 5;
}
.popup-info__text {
padding: 40px;
}
@media (max-width: 500px) {
.popup-info__text {
padding: 25px;
}
}
.popup-info__close {
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
}
.popup-info__close::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 3px;
padding: 2px;
border-radius: 10px;
box-shadow: 0px 0px 2px black;
background-color: var(--white);
transform: translate(-50%, -50%) rotate(45deg);
}
.popup-info__close::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 3px;
border-radius: 10px;
padding: 2px;
box-shadow: 0px 0px 2px black;
background-color: var(--white);
transform: translate(-50%, -50%) rotate(-45deg);
}
.popup-info__close svg {
display: none;
width: 30px;
height: 30px;
fill: white;
}
.popup-info__btn {
margin-top: 40px;
text-align: center;
}
@media (max-width: 900px) {
.popup-info__btn.btn {
padding: 13px 20px;
}
}
[data-showmore-button] span:last-child {
display: none;
}
._showmore-active [data-showmore-button] span {
display: none;
}
._showmore-active [data-showmore-button] span:last-child {
display: block;
}
.c-showmore__content.is-shadow {
position: relative;
}
.c-showmore__content.is-shadow::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
height: 100px;
background: linear-gradient(0deg, #fff 0px, transparent);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
._showmore-active .c-showmore__content.is-shadow::after {
opacity: 0;
visibility: hidden;
}
.button-showmore {
color: var(--dark);
font-weight: 500;
position: relative;
padding-right: 30px;
}
.button-showmore::before {
content: '';
display: inline-block;
background-color: currentColor;
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjU4OTMgMTEuMTY2N0MxMC40MzMgMTEuMzIyOSAxMC4yMjExIDExLjQxMDcgMTAuMDAwMSAxMS40MTA3QzkuNzc5MTIgMTEuNDEwNyA5LjU2NzIgMTEuMzIyOSA5LjQxMDkzIDExLjE2NjdMNS41ODkyNiA3LjM0NTgzQzUuNDMyMDkgNy4xOTQwMyA1LjIyMTU5IDcuMTEwMDMgNS4wMDMwOSA3LjExMTkzQzQuNzg0NiA3LjExMzgzIDQuNTc1NTkgNy4yMDE0NyA0LjQyMTA4IDcuMzU1OThDNC4yNjY1NyA3LjUxMDQ5IDQuMTc4OTMgNy43MTk1IDQuMTc3MDMgNy45Mzc5OUM0LjE3NTEzIDguMTU2NDkgNC4yNTkxMyA4LjM2Njk5IDQuNDEwOTMgOC41MjQxNkw4LjIzMjU5IDEyLjM0MjVDOC43MDE0MSAxMi44MTEyIDkuMzM3MTggMTMuMDc0NSAxMC4wMDAxIDEzLjA3NDVDMTAuNjYzIDEzLjA3NDUgMTEuMjk4OCAxMi44MTEyIDExLjc2NzYgMTIuMzQyNUwxNS41ODkzIDguNTIwODNDMTUuNzQxMSA4LjM2MzY2IDE1LjgyNTEgOC4xNTMxNiAxNS44MjMyIDcuOTM0NjZDMTUuODIxMyA3LjcxNjE2IDE1LjczMzYgNy41MDcxNSAxNS41NzkxIDcuMzUyNjVDMTUuNDI0NiA3LjE5ODE0IDE1LjIxNTYgNy4xMTA1IDE0Ljk5NzEgNy4xMDg2QzE0Ljc3ODYgNy4xMDY3IDE0LjU2ODEgNy4xOTA3IDE0LjQxMDkgNy4zNDI1TDEwLjU4OTMgMTEuMTY2N1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjU4OTMgMTEuMTY2N0MxMC40MzMgMTEuMzIyOSAxMC4yMjExIDExLjQxMDcgMTAuMDAwMSAxMS40MTA3QzkuNzc5MTIgMTEuNDEwNyA5LjU2NzIgMTEuMzIyOSA5LjQxMDkzIDExLjE2NjdMNS41ODkyNiA3LjM0NTgzQzUuNDMyMDkgNy4xOTQwMyA1LjIyMTU5IDcuMTEwMDMgNS4wMDMwOSA3LjExMTkzQzQuNzg0NiA3LjExMzgzIDQuNTc1NTkgNy4yMDE0NyA0LjQyMTA4IDcuMzU1OThDNC4yNjY1NyA3LjUxMDQ5IDQuMTc4OTMgNy43MTk1IDQuMTc3MDMgNy45Mzc5OUM0LjE3NTEzIDguMTU2NDkgNC4yNTkxMyA4LjM2Njk5IDQuNDEwOTMgOC41MjQxNkw4LjIzMjU5IDEyLjM0MjVDOC43MDE0MSAxMi44MTEyIDkuMzM3MTggMTMuMDc0NSAxMC4wMDAxIDEzLjA3NDVDMTAuNjYzIDEzLjA3NDUgMTEuMjk4OCAxMi44MTEyIDExLjc2NzYgMTIuMzQyNUwxNS41ODkzIDguNTIwODNDMTUuNzQxMSA4LjM2MzY2IDE1LjgyNTEgOC4xNTMxNiAxNS44MjMyIDcuOTM0NjZDMTUuODIxMyA3LjcxNjE2IDE1LjczMzYgNy41MDcxNSAxNS41NzkxIDcuMzUyNjVDMTUuNDI0NiA3LjE5ODE0IDE1LjIxNTYgNy4xMTA1IDE0Ljk5NzEgNy4xMDg2QzE0Ljc3ODYgNy4xMDY3IDE0LjU2ODEgNy4xOTA3IDE0LjQxMDkgNy4zNDI1TDEwLjU4OTMgMTEuMTY2N1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
/*background-image: url(/local/templates/mkclinic/css/../img/icons/arrow-down.svg);*/
/*background-image: url(/local/templates/mkclinic/css/);*/
height: 20px;
width: 24px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
top: 5px;
/*color: red;*/
/*transform: translateY(-50%);*/
}
._showmore-active .button-showmore::before {
rotate: 180deg;
}
.before-list__item .beer-handle {
width: 9px;
height: 46px;
border-radius: 20px;
background-color: #fff;
transform: translate3d(-5px, -50%, 0);
-webkit-transform: translate3d(-5px, -50%, 0);
}
.before-list__item .beer-handle:after, .before-list__item .beer-handle:before {
border: none;
}
.beer-reveal {
border-right: 2px solid #ffffff;
}
.content-text a {
text-decoration: underline;
text-underline-offset: 2px;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.content-text a:hover {
opacity: 0.6;
}
.content-text blockquote {
margin-top: 40px;
margin-bottom: 40px;
padding: 56px 0 5px 30px;
border-left: 7px solid var(--gray);
font-style: italic;
position: relative;
}
@media (max-width: 470px) {
.content-text blockquote {
padding-left: 20px;
}
}
.content-text blockquote cite {
opacity: 0.6;
}
.content-text blockquote:after {
content: "";
position: absolute;
background-image: url(/local/templates/mkclinic/css/./img/quotes-gray.svg);
background-size: cover;
background-repeat: no-repeat;
font-size: 60px;
width: 42px;
height: 42px;
color: var(--gray);
line-height: 1;
-webkit-transform: skewX(-12deg);
-ms-transform: skewX(-12deg);
transform: skewX(-12deg);
}
.content-text blockquote:after {
left: 35px;
top: 0;
}
@media (max-width: 470px) {
.content-text blockquote:after {
left: 26px;
}
}
.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6 {
margin-top: 40px;
margin-bottom: 10px;
}
.content-text h2 {
font-family: "Vetrino", sans-serif;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
font-size: 1.4rem;
}
.content-text h3 {
font-size: 1.2rem;
}
.content-text h4 {
font-size: 1.1rem;
}
.content-text h5 {
font-size: 1rem;
}
.content-text h6 {
font-size: 0.9rem;
}
.content-text p {
margin-bottom: 20px;
}
.content-text ul {
margin-left: 20px;
margin-bottom: 20px;
}
@media (max-width: 470px) {
.content-text ul {
margin-left: 0;
}
}
.content-text ol {
margin-left: 40px;
margin-bottom: 20px;
}
@media (max-width: 470px) {
.content-text ol {
margin-left: 20px;
}
}
.content-text ol li {
margin-bottom: 10px;
}
.content-text ul li {
padding-left: 20px;
position: relative;
margin-bottom: 10px;
}
.content-text ul li:after {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--dark);
position: absolute;
left: 8px;
top: 12px;
}
@media (max-width: 1320px) {
.content-text ul li:after {
top: 12px;
}
}
@media (max-width: 350px) {
.content-text ul li:after {
top: 8px;
}
}
.custom-scrollbar {
overflow: auto;
scrollbar-color: #BBC7D1 transparent;
scrollbar-width: thin;
}
.custom-scrollbar::-webkit-scrollbar {
margin: 1px;
width: 10px;
height: 10px;
}
.custom-scrollbar::-webkit-scrollbar-track {
-webkit-border-radius: 100px;
border-radius: 100px;
background-color: transparent;
cursor: pointer;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
border: 2px solid transparent;
-webkit-border-radius: 100px;
border-radius: 100px;
background: #BBC7D1;
background-clip: content-box;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: #BBC7D1;
background-clip: content-box;
}
.spinner-icon {
--offset: 187;
--duration: 1.4s;
}
.spinner-icon {
width: 50px;
height: 50px;
/*position: absolute;*/
animation: rotator var(--duration) linear infinite;
}
@keyframes rotator {
0% { transform: rotate(0deg); }
100% { transform: rotate(270deg); }
}
.spinner-icon .path {
stroke-dasharray: var(--offset);
stroke-dashoffset: 0;
transform-origin: center;
animation:
dash var(--duration) ease-in-out infinite,
colors 5.6s ease-in-out infinite;
}
@keyframes colors {
0% { stroke: #1C252D; }
25% { stroke: #647788; }
50% { stroke: #E0C5AC; }
75% { stroke: #647788; }
100% { stroke: #1C252D; }
}
@keyframes dash {
0% { stroke-dashoffset: var(--offset); }
50% {
stroke-dashoffset: var(--offset)/4;
transform:rotate(135deg);
}
100% {
stroke-dashoffset: var(--offset);
transform:rotate(450deg);
}
}
.beer-range ~ .beer-handle {
top: 85%;
}
/* End */
/* Start:/local/templates/mkclinic/css/jquery.fancybox.min.css?170038634612826*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background: rgba(0, 0, 0, .5);/* opacity:0; *//* transition-duration:inherit; *//* transition-property:opacity; */transition-timing-function:cubic-bezier(.47,0,.74,.71);}.fancybox-is-open .fancybox-bg{opacity: 1;transition-timing-function:cubic-bezier(.22,.61,.36,1);}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* Start:/local/templates/mkclinic/css/swiper.min.css?171958455226820*/
/** * Swiper 10.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2023 */ /* FONT_START */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :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; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .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 { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -ms-scroll-snap-type: none; 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: ""; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; 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 { -webkit-margin-start: var(--swiper-centered-offset-before); 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 { -webkit-margin-before: var(--swiper-centered-offset-before); 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); } /* Slide styles start */ /* 3D Shadows */ .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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); 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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); 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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); 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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); 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; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; 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 { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Slide styles end */ .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; 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; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; 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; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; -ms-touch-action: none; touch-action: none; } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } /* Cube slide shadows start */ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube slide shadows end */ .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Flip slide shadows start */ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Flip slide shadows end */ .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transition-property: opacity, height, -webkit-transform; transition-property: opacity, height, -webkit-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }
/* End */
/* Start:/local/templates/mkclinic/css/BeerSlider.css?17195846463000*/
.beer-slider { display: inline-block; overflow: hidden; position: relative; } .beer-slider *, .beer-slider:after, .beer-slider :after, .beer-slider:before, .beer-slider :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .beer-slider img, .beer-slider svg { vertical-align: bottom; } .beer-slider > * { height: 100%; } .beer-slider > img { height: auto; max-width: 100%; } .beer-reveal { left: 0; opacity: 0; overflow: hidden; position: absolute; right: 50%; top: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; z-index: 1; } .beer-reveal > :first-child { height: 100%; max-width: none; width: 200%; } .beer-reveal > img:first-child { height: auto; } .beer-range { -moz-appearance: none; -ms-touch-action: auto; -webkit-appearance: slider-horizontal !important; bottom: 0; cursor: pointer; height: 100%; left: -1px; margin: 0; opacity: 0; position: absolute; top: 0; touch-action: auto; width: calc(100% + 2px); z-index: 2; } .beer-range::-webkit-slider-thumb { -webkit-appearance: none; height: 300vh; } .beer-range::-moz-range-thumb { -webkit-appearance: none; height: 300vh; } .beer-range::-ms-tooltip { display: none; } .beer-handle { background: hsla(0, 0%, 100%, 0.5); border-radius: 50%; -webkit-box-shadow: 0 0 6px transparent; box-shadow: 0 0 6px transparent; color: #000; height: 48px; left: 50%; opacity: 0; pointer-events: none; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: background 0.3s, opacity 0.5s 0.25s, -webkit-box-shadow 0.3s; transition: background 0.3s, opacity 0.5s 0.25s, -webkit-box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s; transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s, -webkit-box-shadow 0.3s; width: 48px; z-index: 2; } .beer-handle:after, .beer-handle:before { border-left: 2px solid; border-top: 2px solid; content: ""; height: 10px; position: absolute; top: 50%; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 10px; } .beer-handle:before { left: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .beer-handle:after { right: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .beer-range:focus ~ .beer-handle { background: hsla(0, 0%, 100%, 0.85); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } .beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after { background: hsla(0, 0%, 100%, 0.75); border-radius: 0.125rem; content: attr(data-beer-label); line-height: 1; padding: 0.5rem; position: absolute; top: 1.5rem; } .beer-slider[data-beer-label]:after { right: 1.5rem; } .beer-reveal[data-beer-label]:after { left: 1.5rem; } .beer-reveal[data-beer-label=""]:after, .beer-slider[data-beer-label=""]:after { content: none; } .beer-ready .beer-handle, .beer-ready .beer-reveal { opacity: 1; }
/* End */
/* Start:/local/templates/mkclinic/components/bitrix/sale.basket.basket/small/style.css?174179350511232*/
.product-basket {
rotate: -180deg;
/*max-width: 50px;*/
/*min-height: 248px;*/
/*max-height: 248px;*/
position: fixed;
right: 0;
top: 185px;
display:none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
z-index: 2;
/*padding-left: 48px;*/
/*-webkit-transform: translateX(calc(100% - 48px));*/
/* -ms-transform: translateX(calc(100% - 48px));*/
/* transform: translateX(calc(100% - 48px));*/
-webkit-transition: background-color 0.4s ease, max-width 0.4s ease, -webkit-transform 0.6s ease;
transition: background-color 0.4s ease, max-width 0.4s ease, -webkit-transform 0.6s ease;
transition: transform 0.6s ease, background-color 0.4s ease, max-width 0.4s ease;
transition: transform 0.6s ease, background-color 0.4s ease, max-width 0.4s ease, -webkit-transform 0.6s ease;
}
.product-basket__title {
padding: 16px;
color: var(--black);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
}
@media screen and (any-hover: none) {
.product-basket {
right: 0;
}
}
@media (max-width: 550px) {
.product-basket {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
min-height: 248px;
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content;
top: 92px;
right: 0;
padding-left: 0;
padding-top: 48px;
-webkit-transform: translateY(-500%);
-ms-transform: translateY(-500%);
transform: translateY(-500%);
background-color: var(--grey);
}
}
.product-basket.active {
display:flex;
/*-webkit-transform: translateY(0);*/
/* -ms-transform: translateY(0);*/
/* transform: translateY(0);*/
-webkit-transform: translate3d(-274px, 0, 0);
-ms-transform: translate3d(-274px, 0, 0);
transform: translate3d(-274px, 0, 0);
transition: transform 0.5s;
}
/*.product-basket.notification .product-basket__btn {*/
.product-basket.notification {
transform: translateX(0);
}
@media (max-width: 550px) {
.product-basket.active {
display:flex;
}
}
.product-basket__btn {
border: 1px solid var(--dark);
background-color: #ffffff;
position:relative;
right: 0;
/*top: 92px;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
/*transform: translateX(-274px);*/
transition: transform 0.5s;
}
.product-basket__btn:hover {
background-color: rgba(209, 209, 209, 0.4);
}
.product-basket__btn-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row-reverse;
background-color: var(--dark);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-basket__add-text {
color: white;
rotate: 180deg;
width: 100%;
padding: 16px 15px;
}
@media (max-width: 550px) {
.product-basket__btn {
left: 0;
top: 0;
rotate: 0deg;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
}
.product-basket__btn-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
writing-mode: vertical-lr;
padding: 16px 10px;
background-color: var(--white);
}
.product-basket__btn-basket {
fill: var(--white);
rotate: 90deg;
}
.product-basket__btn-arrow {
display: block;
fill: var(--white);
rotate: 90deg;
-webkit-transition: rotate 0.4s ease;
transition: rotate 0.4s ease;
}
@media (max-width: 550px) {
.product-basket__btn-arrow {
display: none;
}
}
.product-basket__btn-close {
fill: var(--white);
display: none;
}
@media (max-width: 550px) {
.product-basket__btn-close {
display: block;
}
}
.product-basket__btn.active {
background-color: var(--black-grey);
}
.product-basket__btn.active .product-basket__btn-arrow {
rotate: -90deg;
}
.product-basket__product-count-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-basket__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 16px 16px 16px 0;
max-width: 100%;
max-height: 100%;
height: 100%;
visibility: hidden;
}
@media (max-width: 550px) {
.product-basket__content {
padding: 16px;
visibility: visible;
}
}
.product-basket__content.active {
visibility: visible;
}
.product-basket__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
overflow: scroll;
max-height: calc(100vh - 450px);
}
@media (max-width: 550px) {
.product-basket__list {
gap: 10px;
max-height: calc(100vh - 310px);
}
}
.product-basket__list-item {
position: relative;
}
.product-basket__list-title {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[10];
grid-template-columns: repeat(10, 1fr);
gap: 16px;
padding: 8px 16px;
}
@media (max-width: 640px) {
.product-basket__list-title {
gap: 8px;
}
}
@media (max-width: 550px) {
.product-basket__list-title {
display: none;
}
}
.product-basket__list-title-item {
color: var(--black);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
}
.product-basket__list-title-item:nth-child(1) {
-ms-grid-column-span: 1;
grid-column: 1 span;
}
.product-basket__list-title-item:nth-child(2) {
-ms-grid-column-span: 5;
grid-column: 5 span;
}
@media (max-width: 640px) {
.product-basket__list-title-item:nth-child(2) {
-ms-grid-column-span: 4;
grid-column: 4 span;
}
}
.product-basket__list-title-item:nth-child(3) {
-ms-grid-column-span: 2;
grid-column: 2 span;
}
@media (max-width: 640px) {
.product-basket__list-title-item:nth-child(3) {
text-align: center;
}
}
.product-basket__list-title-item:nth-child(4) {
-ms-grid-column-span: 2;
grid-column: 2 span;
}
@media (max-width: 640px) {
.product-basket__list-title-item:nth-child(4) {
-ms-grid-column-span: 3;
grid-column: 3 span;
text-align: center;
}
}
.product-basket__list-item:not(:first-child):nth-child(n+2)::after {
content: "";
position: absolute;
left: 52%;
background-color: var(--dark-grey);
width: calc(100% - 117px);
height: 1px;
translate: -50% 0;
}
@media (max-width: 550px) {
.product-basket__list-item:not(:first-child):nth-child(n+2)::after {
display: none;
}
}
.product-basket__list-item:not(:first-child) ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[10];
grid-template-columns: repeat(10, 1fr);
gap: 16px;
padding: 8px 16px;
}
@media (max-width: 550px) {
.product-basket__list-item:not(:first-child) ul {
-ms-grid-columns: -webkit-max-content;
-ms-grid-columns: max-content;
grid-template-columns: -webkit-max-content;
grid-template-columns: max-content;
gap: 16px 20px;
}
}
.product-basket__list-item:not(:first-child) ul li {
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;
}
.product-basket__list-item:not(:first-child) ul li:nth-child(1) {
-ms-grid-column-span: 1;
grid-column: 1 span;
}
@media (max-width: 550px) {
.product-basket__list-item:not(:first-child) ul li:nth-child(1) {
-ms-grid-row: 1;
grid-row-start: 1;
}
}
.product-basket__list-item:not(:first-child) ul li:nth-child(2) {
-ms-grid-column-span: 5;
grid-column: 5 span;
}
@media (max-width: 640px) {
.product-basket__list-item:not(:first-child) ul li:nth-child(2) {
-ms-grid-column-span: 4;
grid-column: 4 span;
}
}
@media (max-width: 550px) {
.product-basket__list-item:not(:first-child) ul li:nth-child(2) {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column-span: 1;
grid-column: 1 span;
}
}
.product-basket__list-item:not(:first-child) ul li:nth-child(3) {
-ms-grid-column-span: 2;
grid-column: 2 span;
}
@media (max-width: 550px) {
.product-basket__list-item:not(:first-child) ul li:nth-child(3) {
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-column-span: 1;
grid-column: 1 span;
padding: 0 5px;
border-bottom: 4px solid var(--red);
}
}
.product-basket__list-item:not(:first-child) ul li:nth-child(3) span {
color: var(--black);
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
}
.product-basket__list-item:not(:first-child) ul li:nth-child(4) {
-ms-grid-column-span: 2;
grid-column: 2 span;
}
@media (max-width: 640px) {
.product-basket__list-item:not(:first-child) ul li:nth-child(4) {
-ms-grid-column-span: 3;
grid-column: 3 span;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
}
}
@media (max-width: 550px) {
.product-basket__list-item:not(:first-child) ul li:nth-child(4) {
-ms-grid-column-span: 1;
grid-column: 1 span;
-ms-grid-row: 2;
grid-row-start: 2;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.product-basket__list-item:not(:first-child) ul li span {
color: var(--black);
/* font-family: "Ubuntu", sans-serif;*/
font-size: 16px;
font-weight: 400;
line-height: 1.2;
ont-family: "Google Sans",sans-serif;
}
.product-basket__total-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding-left: 65px;
padding-right: 40px;
}
.product-basket__total-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 16px 0;
}
.product-basket__total-list li {
color: var(--black);
font-size: 20px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.6px;
}
@media (max-width: 550px) {
.product-basket__total-list li {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.48px;
}
}
.product-basket__total-buy-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 550px) {
.product-basket__total-buy-block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.product-basket__list-item-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* End */
/* Start:/local/templates/mkclinic/components/bitrix/form/mk_feedback/bitrix/form.result.new/.default/style.min.css?17222509225716*/
table.form-table {width:100%;background-color:white;border-collapse:collapse;font-size:100%;font-weight:normal;line-height:160%;}table.form-table th, table.form-table td {border:1px solid #ADC3D5;padding: 5px 5px;vertical-align:top;}table.form-table th {background-image:url(/local/templates/mkclinic/components/bitrix/form/mk_feedback/bitrix/form.result.new/.default/images/table_head.gif);background-repeat:repeat-x;text-align: left;color:#25639A;}table.form-table td {padding: 15px 5px;}.form-required {color: red;}.error-fld {display: block;float: left;height: 13px;width: 15px;background-repeat: no-repeat;background-image: url(/local/templates/mkclinic/components/bitrix/form/mk_feedback/bitrix/form.result.new/.default/images/icon_warn.gif);}.feedback {width: 100%;min-height: 100vh;height: 100vh;display: none;overflow-y: scroll;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 100;}.feedback-active {display: flex;}.feedback .modal__shadow {width: 100%;height: 100%;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 101;background-color: rgba(0,0,0,.5);backdrop-filter: blur(3px);}.feedback .modal-content {width: 100%;max-width: 628px;background-color: #fff;padding: 50px 40px;z-index: 102;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;margin: auto;background: #1C252D;}.modal__content__close {width: 27px;height: 27px;display: inline-block;position: absolute;top: 20px;right: 20px;fill: #F3EEE7;cursor: pointer;}.modal__content__close__icon {width: 100%;height: 100%;display: inline-block;vertical-align: top;}.noscroll {overflow: hidden;}.feedback table.form-table {background: none;}.feedback .btn {border: 1px solid #F3EEE7;color:#F3EEE7;}.feedback .btn:after {border-color: linear-gradient(0deg, #F3EEE7, #F3EEE7), linear-gradient(0deg, rgba(204, 204, 204, 0.2), rgba(204, 204, 204, 0.2));}.feedback table.form-table th, .feedback table.form-table td {border: 0px solid #ADC3D5;background: none;}.feedback form{color: #F8F3ED80;padding: 0 70px;}.feedback input{font-family: Manrope;font-size: 18px;font-weight: 400;line-height: 21px;letter-spacing: 0.1em;outline: none;color: #F8F3ED80;background: none;border:none;border-bottom: 1px solid #FFFFFF;width: 100%;padding: 10px;}.feedback input::placeholder{text-transform: uppercase;}.feedback table.form-table tr {display:flex;flex-direction: column;}.feedback table.form-table td {padding: 0px 0px 15px 0px;display: flex;}.feedback label{font-family: Manrope;font-size: 13px;font-weight: 400;text-align: left;color: #F8F3ED80;background: none;border:none;width: 100%;padding: 10px;}.feedback input[type="checkbox"]{width:auto;background: #D9D9D9BF;}.feedback table.form-tabl thead{display:none;}.feedback textarea{resize: none;font-family: Manrope;font-size: 18px;font-weight: 400;line-height: 21px;letter-spacing: 0.1em;outline: none;color:#1C252D;padding: 10px;background: #D9D9D9BF;border:none;border-bottom: 1px solid #FFFFFF;width: 100%;}.feedback textarea::placeholder{color: #1C252D;text-transform: uppercase;}.feedback select{}.select-css {font-family: Manrope;font-size: 18px;font-weight: 400;line-height: 21px;letter-spacing: 0.1em;color: #F8F3ED80;text-transform: uppercase;display: block;line-height: 1.3;padding: 10px;width: 100%;max-width: 100%;box-sizing: border-box;margin: 0;border:none;border-bottom: 1px solid #FFFFFF;box-shadow: 0 1px 0 1px rgba(0,0,0,.04);-moz-appearance: none;-webkit-appearance: none;appearance: none;background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #1C252D 0%,#1C252D 100%);background-repeat: no-repeat, repeat;background-position: right 0em top 50%, 0 0;background-size: .65em auto, 100%;outline:none;}.select-css::-ms-expand {display: none;}.select-css option {font-weight:400;background: #1C252D;}.select-css option:disabled {font-weight:400;background: #1C252D;display: none;}*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {background-position: left .7em top 50%, 0 0;padding: .6em .8em .5em 1.4em;}.feedback input[type=checkbox]{display: none;}.feedback input[type=checkbox]+label{display: flex;align-items: center;gap: 10px;;}.feedback input[type=checkbox]+label::before {flex-shrink: 0;content: "\00A0";display: block;height: 30px;width: 30px;box-sizing: border-box;background-color: #D9D9D9BF;border: none;border-radius: 4px;margin-right: 6px;vertical-align: baseline;text-align: center;font-size: 24px;line-height: 24px;font-weight: 700;color: #f4f7fc;}.feedback input[type=checkbox]:checked+label::before {content: "\2713";color: #1C252D;border: 2px solid #1C252D;}font.errortext {display:none;}.feedback input[name=form_text_3]{display:none;}.witherrors label{color: red;}.witherrors input::placeholder, .witherrors .select-css {color: red;}.witherrors .select-css option{color: #F8F3ED80;}.feedback .error-fld{display:none;}.feedback input[type=checkbox]+label .link {text-decoration: underline;text-underline-offset: 2px;transition: opacity 0.5s;}@media (max-width: 470px), (hover: hover){.feedback input[type=checkbox]+label .link :hover {opacity: 0.6;}.feedback.specialist-modal .specialist__form-bottom {font-size: 24px;font-weight: 400;line-height: 1.5;letter-spacing: 0.84px;margin-bottom: 30px;text-align: center;}.feedback.specialist-modal .specialist__form-span {color: #F3EEE7;display: block;text-transform: uppercase;}.feedback.specialist-modal .specialist__form-name {color: #F8F3ED80;}
/* End */
/* /local/templates/mkclinic/css/main.css?174765016992335 */
/* /local/templates/mkclinic/css/jquery.fancybox.min.css?170038634612826 */
/* /local/templates/mkclinic/css/swiper.min.css?171958455226820 */
/* /local/templates/mkclinic/css/BeerSlider.css?17195846463000 */
/* /local/templates/mkclinic/components/bitrix/sale.basket.basket/small/style.css?174179350511232 */
/* /local/templates/mkclinic/components/bitrix/form/mk_feedback/bitrix/form.result.new/.default/style.min.css?17222509225716 */