* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: Arial, sans-serif;
    line-height: 1.6;

    /* line-height: 1.15; */
    /* -webkit-text-size-adjust: 100%; */
}

body {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
   }

@font-face {
    font-family: 'Lora';
    src: url('../fnt/Lora-Regular.eot');
    src: url('../fnt/Lora-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lora-Regular.woff2') format('woff2'),
        url('../fnt/Lora-Regular.woff') format('woff'),
        url('../fnt/Lora-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-Black.eot');
    src: url('../fnt/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-Black.woff2') format('woff2'),
        url('../fnt/Lato-Black.woff') format('woff'),
        url('../fnt/Lato-Black.ttf') format('truetype'),
        url('../fnt/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-LightItalic.eot');
    src: url('../fnt/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-LightItalic.woff2') format('woff2'),
        url('../fnt/Lato-LightItalic.woff') format('woff'),
        url('../fnt/Lato-LightItalic.ttf') format('truetype'),
        url('../fnt/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-Light.eot');
    src: url('../fnt/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-Light.woff2') format('woff2'),
        url('../fnt/Lato-Light.woff') format('woff'),
        url('../fnt/Lato-Light.ttf') format('truetype'),
        url('../fnt/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-Italic.eot');
    src: url('../fnt/Lato-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-Italic.woff2') format('woff2'),
        url('../fnt/Lato-Italic.woff') format('woff'),
        url('../fnt/Lato-Italic.ttf') format('truetype'),
        url('../fnt/Lato-Italic.svg#Lato-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-Heavy.eot');
    src: url('../fnt/Lato-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-Heavy.woff2') format('woff2'),
        url('../fnt/Lato-Heavy.woff') format('woff'),
        url('../fnt/Lato-Heavy.ttf') format('truetype'),
        url('../fnt/Lato-Heavy.svg#Lato-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fnt/Lato-Hairline.eot');
    src: url('../fnt/Lato-Hairline.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-Hairline.woff2') format('woff2'),
        url('../fnt/Lato-Hairline.woff') format('woff'),
        url('../fnt/Lato-Hairline.ttf') format('truetype'),
        url('../fnt/Lato-Hairline.svg#Lato-Hairline') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-HeavyItalic.eot');
    src: url('../fnt/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-HeavyItalic.woff2') format('woff2'),
        url('../fnt/Lato-HeavyItalic.woff') format('woff'),
        url('../fnt/Lato-HeavyItalic.ttf') format('truetype'),
        url('../fnt/Lato-HeavyItalic.svg#Lato-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fnt/Lato-HairlineItalic.eot');
    src: url('../fnt/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-HairlineItalic.woff2') format('woff2'),
        url('../fnt/Lato-HairlineItalic.woff') format('woff'),
        url('../fnt/Lato-HairlineItalic.ttf') format('truetype'),
        url('../fnt/Lato-HairlineItalic.svg#Lato-HairlineItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-Regular.eot');
    src: url('../fnt/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-Regular.woff2') format('woff2'),
        url('../fnt/Lato-Regular.woff') format('woff'),
        url('../fnt/Lato-Regular.ttf') format('truetype'),
        url('../fnt/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-MediumItalic.eot');
    src: url('../fnt/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-MediumItalic.woff2') format('woff2'),
        url('../fnt/Lato-MediumItalic.woff') format('woff'),
        url('../fnt/Lato-MediumItalic.ttf') format('truetype'),
        url('../fnt/Lato-MediumItalic.svg#Lato-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-BlackItalic.eot');
    src: url('../fnt/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-BlackItalic.woff2') format('woff2'),
        url('../fnt/Lato-BlackItalic.woff') format('woff'),
        url('../fnt/Lato-BlackItalic.ttf') format('truetype'),
        url('../fnt/Lato-BlackItalic.svg#Lato-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-BoldItalic.eot');
    src: url('../fnt/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-BoldItalic.woff2') format('woff2'),
        url('../fnt/Lato-BoldItalic.woff') format('woff'),
        url('../fnt/Lato-BoldItalic.ttf') format('truetype'),
        url('../fnt/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-Bold.eot');
    src: url('../fnt/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-Bold.woff2') format('woff2'),
        url('../fnt/Lato-Bold.woff') format('woff'),
        url('../fnt/Lato-Bold.ttf') format('truetype'),
        url('../fnt/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-Medium.eot');
    src: url('../fnt/Lato-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-Medium.woff2') format('woff2'),
        url('../fnt/Lato-Medium.woff') format('woff'),
        url('../fnt/Lato-Medium.ttf') format('truetype'),
        url('../fnt/Lato-Medium.svg#Lato-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-SemiboldItalic.eot');
    src: url('../fnt/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-SemiboldItalic.woff2') format('woff2'),
        url('../fnt/Lato-SemiboldItalic.woff') format('woff'),
        url('../fnt/Lato-SemiboldItalic.ttf') format('truetype'),
        url('../fnt/Lato-SemiboldItalic.svg#Lato-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-Thin.eot');
    src: url('../fnt/Lato-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-Thin.woff2') format('woff2'),
        url('../fnt/Lato-Thin.woff') format('woff'),
        url('../fnt/Lato-Thin.ttf') format('truetype'),
        url('../fnt/Lato-Thin.svg#Lato-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-Semibold.eot');
    src: url('../fnt/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-Semibold.woff2') format('woff2'),
        url('../fnt/Lato-Semibold.woff') format('woff'),
        url('../fnt/Lato-Semibold.ttf') format('truetype'),
        url('../fnt/Lato-Semibold.svg#Lato-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fnt/Lato-ThinItalic.eot');
    src: url('../fnt/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Lato-ThinItalic.woff2') format('woff2'),
        url('../fnt/Lato-ThinItalic.woff') format('woff'),
        url('../fnt/Lato-ThinItalic.ttf') format('truetype'),
        url('../fnt/Lato-ThinItalic.svg#Lato-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "FA";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url('../fnt/fa-solid-900.eot') format("embedded-opentype"),
        url('../fnt/fa-solid-900.woff2') format("woff2"),
        url('../fnt/fa-solid-900.woff') format("woff"),
        url('../fnt/fa-solid-900.ttf') format("truetype"),
        url('../fnt/fa-solid-900.svg') format("svg")
}

@font-face {
    font-family: "Mi";
    src:url("../fnt/MIAMANUEVA.eot");
    src:url("../fnt/MIAMANUEVA.eot?#iefix") format("embedded-opentype");
    src:url("../fnt/MIAMANUEVA.otf") format("opentype");
    src:url("../fnt/MIAMANUEVA.svg") format("svg");
    src:url("../fnt/MIAMANUEVA.ttf") format("truetype");
    src:url("../fnt/MIAMANUEVA.woff") format("woff");
    src:url("../fnt/MIAMANUEVA.woff2") format("woff2");
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:"Th";
    src:url("../fnt/tahoma.eot");
    src:url("../fnt/tahoma.eot?#iefix") format("embedded-opentype");
    src:url("../fnt/tahoma.otf") format("opentype");
    src:url("../fnt/tahoma.svg") format("svg");
    src:url("../fnt/tahoma.ttf") format("truetype");
    src:url("../fnt/tahoma.woff") format("woff");
    src:url("../fnt/tahoma.woff2") format("woff2");
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'Commissioner';
    src: url('../fnt/Commissioner-Regular.eot');
    src: url('../fnt/Commissioner-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fnt/Commissioner-Regular.woff2') format('woff2'),
        url('../fnt/Commissioner-Regular.woff') format('woff'),
        url('../fnt/Commissioner-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.overFlowHidden {
    overflow: hidden;
}

.coverSiteWrapper {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    font-size: 300%;
    font-style: italic;
}

.coverSiteWrapperText {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
}

.onSelfPlace {
    transform: translate(0);
    opacity: 1;
    transition: all 0.5s ease;
    transition-delay: 0.1s;
} 

.testViewBlock {
    border: 1px solid #000;
}

.container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0px;
}

.content {
    display: block;
    width: 100%;
}

.contentBlock {
    display: block;
    width: 100%;
    /* height: 670px; */
    overflow: hidden;
    margin-top: 50px;
}

.elementsContainer {
    max-width: 1200px;
    margin: 0 auto;
}

.elementsContainerFullWidth {
    max-width: 100%;
    margin: 0 auto;
}

.siteWrapper {
	max-width: 1920px;
	/* min-width: 1200px; */
    width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* ЗАГОЛОВОК */

.header {
    display: block;
    overflow: hidden;
}

/* ШАПКА */

.hat {
    background-color: #f7f7f7;
    padding: 5px 0px 0px 0px;
    display: block;
    color: #4c5057;
    padding: 10px 0 10px 0;
}

.hat.notOnSelfPlace {
    transform: translateY(-50px);
    opacity: 0;
}

.hatFontProperty {
    font-family: 'Lato';
    font-weight: 200;
    font-size: 13px;
}

.hatWrapForElements {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
}

.containersElement {
    margin: 0px;
}

.hatMotto {
    flex: 0 0 60%;
    font-weight: 300;
}

.hatAddress {
    flex: 0 0 20%;
    font-weight: 300;
    text-align: right;
}

.hatAddress:before {
    color: #6d5a9c;
    font-family: 'FA';
    content: "\f3c5";
    padding-right: 7px;
}

.hatPhone {
    flex: 0 0 20%;
    font-weight: 300;
    text-align: right;
}

.hatPhone:before {
    color: #6d5a9c;
    font-family: 'FA';
    content: "\f879";
    padding-right: 7px;
}

/* ЛОГО + навигация + кнопка записи на прием */

/* ЛОГОТИП */
.logoNavAppointment {
    display: flex;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
    font-family: 'Lato';
    font-weight: 400;
}

.logoNavAppointmentWrapForElements {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    width: 100%;
}

.logoNavAppointmentElement {
    margin: 0;
    display: block;
}

.logoWrap {
    display: flex;
    justify-content: center;
    flex: 0 0 20%;
    padding: 0;
}

.logoWrap.notOnSelfPlace {
    transform: translateX(-50px);
    opacity: 0;
}

.imgLogo {
    padding-top: 10px;
    padding-left: 20px;
    height: 90px;
}

.logoImgAndFamilyWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline; 
    gap: 0;
}

/* МЕНЮ НАВИГАЦИИ */
.navMenuWrap {
    display: flex;
    flex: 0 0 60%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 0;
    color:#2b2b2b;
    font-family: "Lato", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    letter-spacing: .7px;
}

.navMenuBtn {
    padding: 8px 15px;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.navMenuBtn:hover {
    color: #73bfa6;
}

/* КНОПКА ЗАПИСИ НА ПРИЕМ */

.appointmentBtnWrap {
    display: flex;
    flex: 0 0 20%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 0;
}

.appointmentBtnWrap.notOnSelfPlace {
    transform: translateX(50px);
    opacity: 0;
}

.appointmentBtn {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    font-family: "Lato", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    fill: #ffffff;
    color: #ffffff;
    background-color: #73bfa6;
    border-radius: 50px 50px 50px 50px;
    padding: 14px 48px 14px 48px;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.appointmentBtn:hover {
    background-color: #6d5a9c;
}

.mobileMenuOpenBtn {
    display: none;
    color:#797979;
    font-family: 'FA';
    flex: 0 0 40%;
    justify-content: flex-end;
    align-items: anchor-center;
    font-size: xx-large;
}

.mobileMenuOpenBtn::before {
    content: "\f0c9";
}

.mobileNavMenuWrap {
    display: none;
    position: fixed;
    flex: 0 0 60%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3vh;
    padding: 0;
    color:#2b2b2b;
    font-family: "Lato", Sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    letter-spacing: .7px;
    z-index: 500;
    background-color: #ffffff;
    width: 70%;
    height: 100%;
    top: 0;
    right: 0;
    transform: translateX(0);
    transition: transform 0.3s;
}

.mobileNavMenuWrapClosed {
    transform: translateX(100%);
}



.mobileNavMenuBtn {
    padding: 8px 15px;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.mobileNavMenuBtn:hover {
    color: #73bfa6;
}

.mobileNavMenuBtnPointer {
    font-weight: 400;
    color: #477e6b;
}

.mobileNavMenuCloseBtn {
    display: block;
    position: absolute;
    top: 12vh;
    right: 10%;
    color:#797979;
    font-family: 'FA';
    flex: 0 0 30%;
    justify-content: flex-end;
    align-items: anchor-center;
    font-size: xx-large;
}

.mobileNavMenuCloseBtn::before {
    content: "\f00d";
}


/* БЛОК СМЕННЫХ КАРТИНОК */

/* .slider {
    margin-top: 5px;
} */

.slider {
    display: block;
    position: relative;
    width: 100%;
    height: 600px;
    overflow:hidden;
    margin-top: 0px;
}

.slider .img {
    display: flex;
    justify-content: center;
    align-items: center;
/*    align-self: center;*/
    position: absolute;
    z-index: 50;
    opacity: 0;
    transition-duration: 2s;
    width: 100%;
    height: inherit;
}

.slider > .img > img {
    width: auto;
    height: 600px;
}

.slider .img .sliderPhrase {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 80%;
    font-family: "Mi";
    font-size: 80px;
    color: #e4f0e3;
    letter-spacing: normal;
    text-align: center;
}

.slider .img .sliderPhrase span:nth-child(1) {
    margin-right: 30%;
    text-shadow: 5px 5px 5px black;
}

.slider .img .sliderPhrase span:nth-child(3) {
    margin-left: 30%;
    text-shadow: 5px 5px 5px black;
}

.slider .current {
    transition-duration: 2s;
    opacity: 1;
}


/* блок ABOUT */
.about {
    height: auto;
}

.aboutWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: end; 
    gap: 10%;
    /* margin-top: 50px; */
    background-image: url(../img/bgMounts.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'Lato';
    color: #4c5057;
    /* overflow: hidden; */
}

.aboutElementImg {
    flex: 0 0 45%;
    padding: 0;
}
.aboutElementImg img {
    height: 60%;
    width: 100%;
}

.aboutElementText {
    flex: 0 0 45%;
    /* padding: 50px; */
}

.aboutElementText.notOnSelfPlace {
    transform: translateY(-50px);
    opacity: 0;
}

.line {
    height: 2px;
    background-color: #6d5a9c;
    width: 200px;
    max-width: 20vw;
    margin: 1em;
}

.aboutTitle {
    font-size: 48px;
    font-weight: 400;
    line-height: 63px;
    padding-bottom: 20px;
}

.aboutHeader {
    font-family: "Mi";
    text-align: right;
    padding-top: 20px;
}

.aboutText {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    justify-content: space-between;
    font-size: 16px;
}

.aboutText > p {
    text-align: justify;
    padding-top: 10px;
}


/* МЕДИТАТИВНЫЙ БЛОК */

.meditationWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    gap: 0;
    /* margin-top: 50px; */
}

.meditationElementImg {
    display: flex;
    flex: 0 0 auto;
    width: 50%;
    z-index: 60;
}

.meditationElementImg.notOnSelfPlace {
    transform: translateX(-400px);
    opacity: 0;
}


.aboutElementImg.notOnSelfPlace {
    transform: translateY(50px);
    opacity: 0;
}


.meditationElementText {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    padding: 5%;
    background-image: url(../img/greenhill.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Lato';
    color: #ffffff;
    width: 50%;
    z-index: 61;
}

.meditationElementText.notOnSelfPlace {
    transform: translateX(400px);
    opacity: 0;
}

.meditationElementText > div:nth-child(3) {
    width: 40vw;
    font-size: 43px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}
.meditationElementText > div:nth-child(2) {
    width: 40vw;
    font-size: 58px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
}
.meditationElementText > div:nth-child(1) {
    width: 40vw;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: none;
    font-style: normal;
}

.appointmentBtnMeditationWrap {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    gap: 0;
    padding: 0;
    margin-top: 30px;
}

.appointmentBtnMeditation {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    line-height: 1em;
    fill: #73bfa6;
    color: #6d5a9c;
    background-color: #ffffff;
    border-radius: 50px 50px 50px 50px;
    padding: 14px 48px 14px 48px;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.appointmentBtnMeditation:hover {
    background-color: #6d5a9c;
    color: #ffffff;
    border-width: 0px 0px 0px 0px;
}

/* БЛОК ЭТАПЫ ПРОЦЕДУРЫ */

.procedure {
    height: auto;
}

.procedureWrap {
    font-family: "Lato";
    font-size: 16px;
    color: #2b2b2b;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    gap: 50px;
    margin-top: 0px;
}

.procedureHeader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end; 
    gap: 0px;
    margin-top: 0px;
    width: 100%;
    color: #2b2b2b;
}

.procedureHeaderElementH2 {
    font-size: 38px;
}

.procedureHeaderElementSpan {
    width: 60%;
    font-size: 16px;
}

.procedureContent {
    font-family: "Lato";
    font-size: 16px;
    color: #f7f7f7;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    gap: 0;
    margin-top: -60px;
    width: 100%;
}

.imgLeft {
    display: flex;
    flex: 0 0 30%;
    /* width: 30%; */
    justify-content: left;
    opacity: 0.2;
    z-index: 59;
}

.imgLeft.notOnSelfPlace {
    transform: translateX(-500px);
    opacity: 0;
}

.imgRight {
    display: flex;
    flex: 0 0 30%;
    /* width: 30%; */
    justify-content: right;
    opacity: 0.2;
    z-index: 59;
}

.imgRight.notOnSelfPlace {
    transform: translateX(500px);
    opacity: 0;
}

.imgLeft > img, .imgRight > img {
    width: 100%;
}

.proceduresCardListing {
    display: flex;
    z-index: 69;
    flex: 0 0 40%;
    justify-content: center;
    font-family: "Lato";
    font-size: 16px;
    /* color: #f7f7f7; */
    color: #282828;
    flex-direction: column;
    align-items: center; 
    gap: 30px;
    margin-top: 30px;
    width: 90%;
}

.procedureCard {
    display: flex;
    z-index: 100;
    flex-direction: row;
    justify-content: normal;
    align-items: center; 
    gap: 0;
    width: 100%;
    line-height: 1.8em;
    /* flex: 0 0 50%; */
    background-color: #f7f7f7;
    color: #2b2b2b;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    fill: #73bfa6;
    color: #6d5a9c;
    background-color: #ececec;
    border-radius: 15px 15px 15px 15px;
    padding: 10px 10px 10px 10px;
    /* cursor: pointer; */
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

/* .procedureCard:nth-child(1).notOnSelfPlace {
    transform: translateX(-50px);
    opacity: 0;
}

.procedureCard:nth-child(2).notOnSelfPlace {
    transform: translateX(50px);
    opacity: 0;
}

.procedureCard:nth-child(3).notOnSelfPlace {
    transform: translateX(-50px);
    opacity: 0;
}

.procedureCard:nth-child(4).notOnSelfPlace {
    transform: translateX(50px);
    opacity: 0;
} */


.procedureCard:hover {
    background-color: #6d5a9c;
    color: #ffffff;
    border-width: 0px 0px 0px 0px;
}

/* .procedureCard:hover .procedureCardIco1, .procedureCard:hover .procedureCardIco2, .procedureCard:hover .procedureCardIco3, .procedureCard:hover .procedureCardIco4, .procedureCard:hover .procedureCardIco5, .procedureCard:hover .procedureCardIco6{
    flex: 0 0 10%;
    text-align: center;
    font-family: 'FA';
    font-size: 60px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 50px;
    background-color: #73bfa6;
    color: #ffffff;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    fill: #73bfa6;
    border-radius: 15px 15px 15px 15px;
    padding: 25px 25px 25px 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
 */

.procedureCardIco1, .procedureCardIco2, .procedureCardIco3, .procedureCardIco4, .procedureCardIco5, .procedureCardIco6 { 
    flex: 0 0 auto;
    text-align: center;
    font-family: 'FA';
    font-size: 40px;
    font-weight: 400;
    line-height: normal;
    /* padding-bottom: 50px; */
    background-color: #6d5a9c;
    color: #f7f7f7;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    fill: #73bfa6;
    border-radius: 15px 15px 15px 15px;
    padding: 10px 10px 10px 10px;
    width: 15%;
}

/* .procedureCardIco1:hover, .procedureCardIco2:hover, .procedureCardIco3:hover, .procedureCardIco4:hover, .procedureCardIco5:hover, .procedureCardIco6:hover { 
    flex: 0 0 10%;
    text-align: center;
    font-family: 'FA';
    font-size: 60px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 50px;
    background-color: #73bfa6;
    color: #ffffff;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    fill: #73bfa6;
    border-radius: 15px 15px 15px 15px;
    padding: 25px 25px 25px 25px;
} */

.procedureCardIco1:before {
    content: "\f304";
}

.procedureCardIco2:before {
    content: "\f021";
}

.procedureCardIco3:before {
    content: "\f06e";
}

.procedureCardIco4:before {
    content: "\f023";
}

.procedureCardIco5:before {
    content: "\21";
}

.procedureCardIco6:before {
    content: "\f164";
}

.procedureCardText {
    flex: 0 0 80%;
    font-size: larger;
    padding-left: 10%;
    /* padding-top: 20px; */
    /* border-bottom: 1px solid #8d7aBc; */
}



/* ЭТАПЫ ПРОЦЕДУРЫ */

.workStages {
    height: auto;
}

.workStagesWrap {
    font-family: "Lato";
    font-size: 16px;
    color: #2b2b2b;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    gap: 0px;
    margin-top: 0px;
}

.workStagesHeader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    gap: 0px;
    margin-top: 0px;
    width: 100%;
    color: #4c5057;
}

.workStagesHeaderElementH {
    width: 50%;
    font-weight: 500;
    text-align: center;
    font-size: 48px;
}

.workStagesHeaderElementSpan {
    text-align: center;
    font-size: 16px;
}

.workStagesCardsWrap {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    /* gap: 30px; */
    width: 100%;
    height: 400px;
    margin-top: 30px;
    background-image: url(../img/greenhill.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.chevronLeft {
    display: block;
    position: absolute;
    font-family: 'FA';
    font-size: 50px;
    color: #ffffff;
    left: 2%;
}
.chevronLeft::before {
    content: "\f053";
}

.chevronRight {
    display: block;
    position: absolute;
    font-family: 'FA';
    font-size: 50px;
    color: #ffffff;
    right: 2%;
}
.chevronRight::before {
    content: "\f054";
}

.chevronLeft:hover, .chevronRight:hover {
    cursor: pointer;
}

.workStagesCard {
    display: flex;
    position: absolute;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    width: 60%;
    height: 350px;
    background-color: #f3f3f3;
    color: #4c5057;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ffffff;
    border-radius: 15px 15px 15px 15px;
    padding: 10px 10px 10px 10px;
    -webkit-transition: transform 0.4s ease-in-out, z-index 0.4s ease-in;
    -moz-transition: transform 0.4s ease-in-out, z-index 0.4s ease-in;
    -o-transition: transform 0.4s ease-in-out, z-index 0.4s ease-in;
    transition: transform 0.4s ease-in-out, z-index 0.4s ease-in;
    z-index: 30;
}

.workStagesCardPositionLeft {
    transform: translateX(-30%) scale(0.8);
    z-index: 20;
}

.workStagesCardPositionLeftLeft {
    transform: translateX(-50%) scale(0.5);
    z-index: 10;
}

.workStagesCardPositionRight {
    transform: translateX(30%) scale(0.8);
    z-index: 20;
}

.workStagesCardPositionRightRight {
    transform: translateX(50%) scale(0.5);
    z-index: 10;
}

.tryJerkLeft {
    animation: jerkLeft 0.3s ease-in-out 1;
}

.tryJerkRight {
    animation: jerkRight 0.3s ease-in-out 1;
}

.tryJerkLeftLeft {
    animation: jerkLeftLeft 0.3s ease-in-out 1;
}

.tryJerkRightRight {
    animation: jerkRightRight 0.3s ease-in-out 1;
}

.tryJerkLeftLeftLeft {
    animation: jerkLeftLeftLeft 0.3s ease-in-out 1;
}

.tryJerkRightRightRight {
    animation: jerkRightRightRight 0.3s ease-in-out 1;
}


@keyframes jerkLeft {
    0%, 100% { transform: translateX(0); } /* Начальная и конечная позиция */
    50% { transform: translateX(-5%); } /* Середина анимации */
   }

@keyframes jerkLeftLeft {
    0%, 100% { transform: translateX(-30%) scale(0.8); } /* Начальная и конечная позиция */
    50% { transform: translateX(-33%) scale(0.8); } /* Середина анимации */
   }

@keyframes jerkLeftLeftLeft {
    0%, 100% { transform: translateX(-50% scale(0.5)); } /* Начальная и конечная позиция */
    50% { transform: translateX(-51%) scale(0.5); } /* Середина анимации */
   }

@keyframes jerkRight {
    0%, 100% { transform: translateX(0); } /* Начальная и конечная позиция */
    50% { transform: translateX(5%); } /* Середина анимации */
   }

@keyframes jerkRightRight {
    0%, 100% { transform: translateX(30%) scale(0.8); } /* Начальная и конечная позиция */
    50% { transform: translateX(33%) scale(0.8); } /* Середина анимации */
   }

@keyframes jerkRightRightRight {
    0%, 100% { transform: translateX(50% scale(0.5)); } /* Начальная и конечная позиция */
    50% { transform: translateX(51%) scale(0.5); } /* Середина анимации */
   }

.workStagesCardActive {
    transform: translateX(100%);
}

.workStagesCardImg {
    flex: 0 0 33%;
}

.workStagesCardImgStepOne {
    display: block;
    height: 100%;
    width: 100%;
    background-image: url(../img/stepOne.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 0px 0px 0px 0px;
    border-radius: 15px 15px 15px 15px;
    padding: 10px 10px 10px 10px;
}

.workStagesCardImgStepTwo {
    display: block;
    background-image: url(../img/stepTwo.jpg);
    height: 100%;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 0px 0px 0px 0px;
    border-radius: 15px 15px 15px 15px;
    padding: 10px 10px 10px 10px;
}

.workStagesCardImgStepThree {
    display: block;
    height: 100%;
    width: 100%;
    background-image: url(../img/stepThree.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 0px 0px 0px 0px;
    border-radius: 15px 15px 15px 15px;
    padding: 10px 10px 10px 10px;
}

.workStagesCardText {
    flex: 0 0 66%;
    padding: 20px 20px 20px 20px;
}

.workStagesCardText {
    width: 100%;

}

.workStagesCardTextTitleLine {
    text-align: center;
    height: 2px;
    background-color: #6d5a9c;
    width: 90%;
    /* max-width: 20vw; */
    margin: 1em;
}

.workStagesCardTextContent {
    text-align: left;
    font-size: 14px;
}

.workStagesCardTextContent li {
    margin-left: 40px;
}

/* ВАЖНЫЕ МОМЕНТЫ */

.importantPoints {
    overflow: visible;
}

.importantPointsWrap {
    font-family: "Lato";
    font-size: 16px;
    color: #4c5057;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    gap: 0px;
    margin-top: 0px;
    z-index: 100;
    overflow: hidden;
}

.importantPointsTitle {
    width: 50%;
    font-weight: 500;
    text-align: center;
    font-size: 48px;
}

.importantPointBlock {
    padding-top: 30px;
    width: 50%;
    transition: transform 0.2s ease-in-out;
}

.importantPointBlockLine {
    text-align: center;
    height: 2px;
    background-color: #73bfa6;
    width: 100%;
    /* max-width: 20vw; */
    margin: 1em;
}

.importantPointBlock:nth-child(2n) {
    text-align: right;
}

.importantPointBlock:hover {
    transform: scale(1.2);
}




/* ВЫХОДИМ НА КОНТАКТ */

.getInTouch {
    margin-top: 50px;
    height: 620px;
}

.getInTouchWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    gap: 0;
    background-image: url(../img/getInTouchBackground.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Lora';
    font-size: 48px;
    color: #ffffff;
    height: 100%;
}

.getInTouchElementForm {
    width: 50%;
    text-align: center;
    height: 80%;
    /* padding-top: -2em; */
}

#getInTouchForm {
    height: 100%;
}

.getInTouchLine {
    height: 2px;
    background-color: #ffffff;
    width: 200px;
    max-width: 20vw;
    margin: 0.7em auto 0.5em auto;
}

.divider {
    display: flex;
    gap: 1%;
    flex-grow: 1;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 50%;
}

.partLeft {
    display: flex;
    flex-direction: column;
    flex: 0 0 45%;
    flex-grow: 1;
    height: 100%;
}

.partLeft.notOnSelfPlace {
    transform: translateY(-50px);
    opacity: 0;
}

.partRight {
    display: block;
    flex: 0 0 45%;
    flex-grow: 1;
    height: 100%;
}

.partRight.notOnSelfPlace {
    transform: translateY(-50px);
    opacity: 0;
}

.getInTouchElementFormElement {
    font-family: 'Lato';
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    height: 100%;
    background-color: #6d5a9c;
    color: #ffffff;
    outline: none;
    border: none;
}

.getInTouchElementFormElementWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 25px 13px 25px;
    width: 100%;
    height: 33%;
}

.getInTouchElementFormElementTextAreaWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 25px 13px 25px;
    width: 100%;
    height: 100%;
}

.getInTouchElementFormElement:hover {
    outline: none;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.2);
}

.getInTouchElementFormElement:active {
    outline: none;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.2);
}

.getInTouchBtnSend {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    fill: #73bfa6;
    color: #6d5a9c;
    background-color: #ffffff;
    border-radius: 50px 50px 50px 50px;
    padding: 14px 48px 14px 48px;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.getInTouchBtnSend:hover {
    background-color: #73bfa6;
    color: #6d5a9c;
    border-width: 0px 0px 0px 0px;
}

textarea {
    position: static;
    resize: none;
}

input::placeholder,
textarea::placeholder {
    color: #ffffff; /* Цвет текста placeholder */
    opacity: 1; /* Прозрачность (по умолчанию 0.75) */
}

/* Chrome, Firefox, Opera, Safari */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ffffff;
}

/* Mozilla Firefox */
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

/* Internet Explorer 10-11 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ffffff;
}

/* Microsoft Edge */
input::placeholder,
textarea::placeholder {
    color: #ffffff;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    width: 100%;
    padding: 10px;
    /* border: 1px solid #ffffff; */
    border-radius: 4px;
}


/* КАРТА и АДРЕС */
.contactMap {
    background-color: #2b2b2b;
    color: #f7f7f7;
    margin-top: 0;
}

.contactMapWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: anchor-center; 
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Lato';
    width: 100%;
    height: 450px;
}

.mapElement {
    flex: 0 0 50%;
    justify-content: center;
    align-items: center;
    width: 50%;
}

.addressCardElement {
    display: flex;
    flex: 0 0 50%;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-image: url(../img/blackhill.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.addressCardWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: normal; 
    gap: 5%;
    font-family: 'Lato';
    width: 80%;
}

.doctorNameWrap, .phoneWrap, .emailWrap, .addressWrap {
    font-family: 'Lato';
    font-size: 20px;
    letter-spacing: 0.4px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    gap: 30px;
}

.doctorNameWrap.notOnSelfPlace, .phoneWrap.notOnSelfPlace, .emailWrap.notOnSelfPlace, .addressWrap.notOnSelfPlace {
    transform: translateY(150px);
    opacity: 0;
}

.whatField {
    flex: 0 0 20%;
}

.phoneWrap {
    flex: 0 0 80%;
}

.emailWrap {
    flex: 0 0 80%;
}

.addressWrap {
    flex: 0 0 80%;
}

/* ABOUT METHOT */

.navPosition {
    background-color: #f7f7f7;
    padding: 5px 0px 0px 0px;
    display: block;
    color: #4c5057;
    padding: 10px;
    margin-top: 0;
}

.wrapNavPositionelements {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    gap: 10px;
}

.navPositionRuller {
    flex: 0 0 auto;
    font-weight: 300;
}

.navFontProperity {
    font-family: 'Lato';
    font-weight: 300;
    font-size: 13px;
}

.navFontProperityBold {
    font-weight: 600;
}

.aboutMethodText1Wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    gap: 10%;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'Lato';
    color: #4c5057;
    width: 70%;
}

.aboutMethodText1Wrap .aboutTitle {
    width: 50%;
    font-weight: 500;
    text-align: center;
}

.aboutMethodText1Wrap .aboutText {
    width: 80%;
    font-weight: 400;
    text-align: justify;
}

.aboutMethodText1Wrap .aboutText .aboutTextBlock {
    padding: 20px 30px 20px 30px;
    background-color: #ffffff;
    -webkit-transition: border-left 0.4s ease-in-out;
    -moz-transition: border-left 0.4s ease-in-out;
    -o-transition: border-left 0.4s ease-in-out;
    transition: border-left 0.4s ease-in-out;
}

.aboutMethodText1Wrap .aboutText .aboutTextBlock h3 {
    padding-left: -20px;
}

.aboutMethodText1Wrap .aboutText .aboutTextBlock p {
    padding-top: 10px;
}

.aboutMethodText1Wrap .aboutText .aboutTextBlock ul{
    padding-left: 50px;
    padding-top: 10px;
}

.verticalLine {
    border-left: 4px solid #73bfa6;
    margin-left: 20px;
    padding-left: 15px;
    -webkit-transition:  0.2s ease-in-out;
    -moz-transition: border-left 0.2s ease-in-out;
    -o-transition: border-left 0.2s ease-in-out;
    transition: border-left 0.2s ease-in-out;
}

.verticalLine:hover {
    border-left: 4px solid #6d5a9c;
    /* box-shadow: #477e6b; */
    /* box-shadow: inset; */
}





.docDovjenkoWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    gap: 10%;
    width: 100%;
    background-image: url(../img/dovjenkoLandScapeBG.jpg);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    height: auto;
    color: #ececec;
    padding: 50px 100px 50px 100px;
}

.elementsContainer .docDovjenkoWrap{
    max-width: 100%;
}

.docDovjenkoText {
    width: 90%;
}

.docDovjenkoText h2 {
    text-align: right;
}

.docDovjenkoText p {
    margin-top: 20px;
    font-family: 'Lato';
    font-size: 14px;
    letter-spacing: 1rm;
    text-align: justify;
}


/* АДАПТИВКА */

/* @media screen and (max-width: 1920px) {
    .siteWrapper {
        max-width: 1920px;
        min-width: 1200px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
} */

@media (max-width: 1600px) {
    .siteWrapper {
        max-width: 1600px;
        min-width: 1201px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .hat {
        padding: 0 10px 0 10px;
    }

    .hatFontProperty {
        font-size: 13px;
    }

    .elementsContainer {
        max-width: 1200px;
        margin: 0 auto;
    }

    .imgLogo {
        height: 90px;
    }

    .navMenuWrap {
        font-size: 13px;
    }

    .appointmentBtn {
        font-size: 13px;
        font-weight: 300;
        border-radius: 50px 50px 50px 50px;
        padding: 10px 40px 10px 40px;
    }

    .slider {
        margin-top: 2px;
        height: 470px;
    }

    .slider > .img > img {
        width: auto;
        height: 550px;
    }

    .slider .img .sliderPhrase {
        width: 90%;
        font-size: 60px;
    }

    .aboutWrap {
        gap: 5%;
        margin-top: 30px;
        overflow: hidden;
    }

    .aboutElementImg {
        flex: 0 0 30%;
    }

    .aboutElementImg img {
        height: 60%;
        width: 100%;
    }
    
    .aboutElementText {
        flex: 0 0 65%;
        /* padding: 20px; */
    }

    .aboutTitle {
        font-size: 38px;
        font-weight: 400;
        line-height: 46px;
        padding-bottom: 14px;
    }

    .aboutText {
        line-height: 1.5;
        font-size: 14px;
    }

    .procedureHeaderElementH2 {
        font-size: 28px;
    }

    .procedureHeaderElementSpan {
        width: 60%;
        font-size: 13px;
    }

    .imgLeft {
        flex: 0 0 30%;
        justify-content: left;
        opacity: 0.2;
        z-index: 59;
    }
    
    .imgRight {
        display: flex;
        flex: 0 0 30%;
        justify-content: right;
        opacity: 0.2;
        z-index: 59;
    }

    .imgLeft > img, .imgRight > img {
        width: 140%;
    }

    .proceduresCardListing {
        font-size: 14px;
        gap: 30px;
        margin-top: 30px;
        width: 80%;
    }

    .procedureCard {
        /* line-height: 1.8em; */
        /* flex: 0 0 50%; */
        font-size: 13px;
        font-weight: 400;
        padding: 5px 5px 5px 5px;
    }

    .procedureCardIco1, .procedureCardIco2, .procedureCardIco3, .procedureCardIco4, .procedureCardIco5, .procedureCardIco6 { 
        font-size: 30px;
        font-weight: 400;
        line-height: normal;
        /* padding-bottom: 50px; */
        border-radius: 15px 15px 15px 15px;
        padding: 7px 7px 7px 7px;
        width: 13%;
    }

    /* GET IN TOUCH */

    .getInTouch {
        margin-top: 30px;
        height: 500px;
    }
    
    .getInTouchWrap {
        font-size: 38px;
    }
    
    .getInTouchElementForm {
        width: 65%;
        text-align: center;
        height: 70%;
        /* padding-top: -2em; */
    }
    
    #getInTouchForm {
        height: 100%;
    }
    
    .divider {
        height: 60%;
    }
    
    
    
    .getInTouchLine {
        height: 2px;
        background-color: #ffffff;
        width: 200px;
        max-width: 20vw;
        margin: 0.3em auto 0.3em auto;
    }
    
    .divider {
        display: flex;
        gap: 1%;
        flex-grow: 1;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 50%;
    }
    
    .partLeft {
        display: block;
        flex: 0 0 45%;
        flex-grow: 1;
        height: 100%;
    }
    
    .partRight {
        display: block;
        flex: 0 0 45%;
        flex-grow: 1;
        height: 100%;
    }
    
    .getInTouchElementFormElement {
        font-family: 'Lato';
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        height: 100%;
        background-color: #6d5a9c;
        color: #ffffff;
        outline: none;
        border: none;
    }
    
    .getInTouchElementFormElementWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 13px 25px 13px 25px;
        width: 100%;
        height: 33%;
    }
    
    .getInTouchElementFormElementTextAreaWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 13px 25px 13px 25px;
        width: 100%;
        height: 100%;
    }
    
    .getInTouchElementFormElement:hover {
        outline: none;
    }
    
    .getInTouchElementFormElement:active {
        outline: none;
    }
    
    /* .partRight > textarea {
        font-family: 'Lato';
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        background-color: #6d5a9c;
        color: #ffffff;
        padding: 13px 25px 13px 25px;
        outline: none;
        border: none;
        margin-top: 26px;
        height: 80%;
        padding-bottom: 10%;
    } */
    
    .getInTouchBtnSend {
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        font-family: "Lato", Sans-serif;
        font-size: 16px;
        font-weight: 400;
        text-transform: none;
        font-style: normal;
        text-decoration: none;
        line-height: 1em;
        fill: #73bfa6;
        color: #6d5a9c;
        background-color: #ffffff;
        border-radius: 50px 50px 50px 50px;
        padding: 14px 48px 14px 48px;
        cursor: pointer;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
        margin-top: 10px;
    }
    
    .getInTouchBtnSend:hover {
        background-color: #73bfa6;
        color: #6d5a9c;
        border-width: 0px 0px 0px 0px;
    }
    

/* FOOTER */


    .contactMap {
        margin-top: 0;
    }
    
    .addressCardElement {
        flex: 0 0 50%;
        justify-content: center;
        align-items: center;
        padding-left: 20px;
    }
    
    .addressCardWrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: normal; 
        gap: 5%;
        font-family: 'Lato';
    }
    
    .doctorNameWrap, .phoneWrap, .emailWrap, .addressWrap {
        font-family: 'Lato';
        font-size: 13px;
        letter-spacing: 0.4px;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        gap: 30px;
    }
    
    .whatField {
        flex: 0 0 20%;
    }
    
    .phoneWrap {
        flex: 0 0 80%;
    }
    
    .emailWrap {
        flex: 0 0 80%;
    }
    
    .addressWrap {
        flex: 0 0 80%;
    }


}


/* !! */
/* !!!! */
/* О МЕТОДЕ */
/* !!!! */
/* !! */


.aboutMethodText1Wrap {
    width: 80%;
}

.aboutMethodText1Wrap .aboutText {
    width: 80%;
    font-weight: 400;
    text-align: justify;

}

.docDovjenkoWrap {
    padding: 50px 50px 50px 50px;
}









@media (max-width: 1200px) {

    .siteWrapper {
        max-width: 1200px;
        min-width: 992px;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .hat {
        padding: 0 10px 0 10px;
    }

    .hatFontProperty {
        font-size: 12px;
        letter-spacing: 1.5;
    }

    .elementsContainer {
        max-width: 1160px;
        min-width: 992px;
        margin: 0 auto;
    }

    .imgLogo {
        height: 90px;
    }

    .navMenuWrap {
        font-size: 13px;
    }

    .appointmentBtn {
        font-size: 13px;
        font-weight: 300;
        border-radius: 50px 50px 50px 50px;
        padding: 10px 40px 10px 40px;
    }

    .slider {
        margin-top: 2px;
        height: 470px;
    }

    .slider > .img > img {
        width: auto;
        height: 550px;
    }

    .slider .img .sliderPhrase {
        width: 90%;
        font-size: 60px;
    }

    .aboutWrap {
        gap: 4%;
        margin-top: 20px;
    }

    .aboutElementImg img {
        height: 60%;
        width: 100%;
    }

    .aboutElementText {
        flex: 0 0 60%;
        padding: 5px;
    }

    .aboutTitle {
        font-size: 38px;
        font-weight: 400;
        line-height: 46px;
        padding-bottom: 14px;
    }

    .aboutText {
        line-height: 1.5;
        font-size: 14px;
    }

    .procedureHeader {
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: center; */
        align-items: center; 
        gap: 0px;
        margin-top: 0px;
        width: 100%;
        color: #2b2b2b;
    }

    .procedureHeaderElementH2 {
        font-size: 28px;
    }

    .procedureHeaderElementSpan {
        width: 60%;
        font-size: 13px;
    }

    .imgLeft {
        flex: 0 0 30%;
        justify-content: left;
        opacity: 0.2;
        z-index: 59;
    }
    
    .imgRight {
        display: flex;
        flex: 0 0 30%;
        justify-content: right;
        opacity: 0.2;
        z-index: 59;
    }

    .imgLeft > img, .imgRight > img {
        width: 140%;
    }

    .proceduresCardListing {
        font-size: 14px;
        gap: 30px;
        margin-top: 30px;
        width: 80%;
    }

    .procedureCard {
        /* line-height: 1.8em; */
        /* flex: 0 0 50%; */
        font-size: 13px;
        font-weight: 400;
        padding: 5px 5px 5px 5px;
    }

    .procedureCardIco1, .procedureCardIco2, .procedureCardIco3, .procedureCardIco4, .procedureCardIco5, .procedureCardIco6 { 
        font-size: 30px;
        font-weight: 400;
        line-height: normal;
        /* padding-bottom: 50px; */
        border-radius: 15px 15px 15px 15px;
        padding: 7px 7px 7px 7px;
        width: 13%;
    }

    /* GET IN TOUCH */

    .getInTouch {
        margin-top: 30px;
        height: 500px;
    }
    
    .getInTouchWrap {
        font-size: 38px;
    }
    
    .getInTouchElementForm {
        width: 65%;
        text-align: center;
        height: 70%;
        /* padding-top: -2em; */
    }
    
    #getInTouchForm {
        height: 100%;
    }
    
    .divider {
        height: 60%;
    }
    
    
    
    .getInTouchLine {
        height: 2px;
        background-color: #ffffff;
        width: 100px;
        max-width: 20vw;
        margin: 0.3em auto 0.3em auto;
    }
    
    .divider {
        display: flex;
        gap: 1%;
        flex-grow: 1;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 50%;
    }
    
    .partLeft {
        display: block;
        flex: 0 0 45%;
        flex-grow: 1;
        height: 100%;
    }
    
    .partRight {
        display: block;
        flex: 0 0 45%;
        flex-grow: 1;
        height: 100%;
    }
    
    .getInTouchElementFormElement {
        font-family: 'Lato';
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        height: 100%;
        background-color: #6d5a9c;
        color: #ffffff;
        outline: none;
        border: none;
    }
    
    .getInTouchElementFormElementWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 13px 25px 13px 25px;
        width: 100%;
        height: 33%;
    }
    
    .getInTouchElementFormElementTextAreaWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 13px 25px 13px 25px;
        width: 100%;
        height: 100%;
    }
    
    .getInTouchElementFormElement:hover {
        outline: none;
    }
    
    .getInTouchElementFormElement:active {
        outline: none;
    }
    
    /* .partRight > textarea {
        font-family: 'Lato';
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        background-color: #6d5a9c;
        color: #ffffff;
        padding: 13px 25px 13px 25px;
        outline: none;
        border: none;
        margin-top: 26px;
        height: 80%;
        padding-bottom: 10%;
    } */
    
    .getInTouchBtnSend {
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        font-family: "Lato", Sans-serif;
        font-size: 16px;
        font-weight: 400;
        text-transform: none;
        font-style: normal;
        text-decoration: none;
        line-height: 1em;
        fill: #73bfa6;
        color: #6d5a9c;
        background-color: #ffffff;
        border-radius: 50px 50px 50px 50px;
        padding: 14px 48px 14px 48px;
        cursor: pointer;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
        margin-top: 10px;
    }
    
    .getInTouchBtnSend:hover {
        background-color: #73bfa6;
        color: #6d5a9c;
        border-width: 0px 0px 0px 0px;
    }
    

/* FOOTER */


    .contactMap {
        margin-top: 0;
    }
    
    .mapElement {
        flex: 0 0 60%;
        justify-content: center;
        align-items: center;
        width: 50%;
    }

    .addressCardElement {
        flex: 0 0 40%;
        justify-content: center;
        align-items: center;
        padding-left: 20px;
    }
    
    .addressCardWrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: normal; 
        gap: 5%;
        font-family: 'Lato';
    }
    
    .doctorNameWrap, .phoneWrap, .emailWrap, .addressWrap {
        font-family: 'Lato';
        font-size: 13px;
        letter-spacing: 0.4px;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        gap: 30px;
    }
    
    .namefield {
        text-align: center;
    }

    .whatField {
        flex: 0 0 20%;
    }
    
    .phoneWrap {
        flex: 0 0 80%;
    }
    
    .emailWrap {
        flex: 0 0 80%;
    }
    
    .addressWrap {
        flex: 0 0 80%;
    }


/* !! */
/* !!!! */
/* О МЕТОДЕ */
/* !!!! */
/* !! */


    .aboutMethodText1Wrap {
        width: 100%;
    }

    .aboutMethodText1Wrap .aboutText {
        width: 80%;
        font-weight: 400;
        text-align: justify;

    }

    .docDovjenkoText {
        width: 100%;
    }

    .docDovjenkoWrap {
        padding: 30px 20px 30px 20px;
    }
    


    .getInTouchElementForm {
        width: 85%;
        text-align: center;
        height: 70%;
    }







}

@media (max-width: 992px) {
    .siteWrapper {
        max-width: 992px;
        min-width: 768px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .elementsContainer {
        max-width: 992px;
        min-width: 768px;
        margin: 0 auto;
    }

    .logoWrap {
        flex: 0 0 30%;
        padding: 0;
    }

    .navMenuWrap {
        flex: 0 0 70%;
        font-size: 14px;
        letter-spacing: .6px;
    }

    .appointmentBtnWrap {
        display: none;
    }

    .slider {
        height: 270px;
    }

    .slider > .img > img {
        width: auto;
        height: 350px;
    }

    .slider .img .sliderPhrase {
        width: 90%;
        font-size: 40px;
      }


    .aboutElementImg {
        display: none;
    }


    .meditation {
        margin-top: 30px;
    }

    .meditationElementImg > img {
        height: 360px;
    }


    .meditationElementText > div:nth-child(3) {
        width: 40vw;
        font-size: 26px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1;
    }
    .meditationElementText > div:nth-child(2) {
        width: 40vw;
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1;
    }
    .meditationElementText > div:nth-child(1) {
        width: 40vw;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0;
        text-transform: none;
        font-style: normal;
    }
    
    .appointmentBtnMeditationWrap {
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        gap: 0;
        padding: 0;
        margin-top: 20px;
    }
    
    .appointmentBtnMeditation {
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        font-family: "Lato", Sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
        font-style: normal;
        text-decoration: none;
        line-height: 1em;
        fill: #73bfa6;
        color: #6d5a9c;
        background-color: #ffffff;
        border-radius: 30px 30px 30px 30px;
        padding: 10px 40px 10px 40px;
        cursor: pointer;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
    }


}


@media (max-width: 768px) {
    .siteWrapper {
        max-width: 768px;
        min-width: 200px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .elementsContainer {
        max-width: 760px;
        min-width: 200px;
        margin: 0 auto;
    }

    .contentBlock {
        margin-top: 2vh;
    }

    .hatWrapForElements {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .hatMotto {
        flex: 0 0 auto;
        font-weight: 400;
        text-align: center;
    }
    
    .hatAddress {
        flex: 0 0 auto;
        font-weight: 400;
        text-align: center;
    }
    
    .hatPhone {
        flex: 0 0 auto;
        font-weight: 400;
        text-align: center;
    }

    .logoWrap {
        flex: 0 0 70%;
        padding: 0;
        justify-content: flex-start;
    }

    .navMenuWrap {
        display: none;
    }

    .mobileMenuOpenBtn {
        display: flex;
        flex: 0 0 30%;
        align-self: center;
        padding-right: 5vw;
    }

    .mobileNavMenuWrap {
        display: flex;
    }


    .navPosition {
        margin-top: 0;
    }

    .navFontProperityBold {
        font-weight: 600;
        width: 100%;
    }

    .slider .img .sliderPhrase {
        width: 95%;
        font-size: 1.6rem;
    }

    .aboutTitle {
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 46px;
        padding-bottom: 14px;
    }
    
    .aboutText {
        padding-top: 0;
        font-size: 1em;
    }

    .aboutMethodText1Wrap {
        padding-bottom: 30px;
    }

    .aboutMethodText1Wrap .aboutTitle {
        width: 90%;
        font-weight: 500;
    }

    .aboutElementText {
        flex: 0 0 90%;
        padding: 5px;
    }

    .verticalLine {
        margin-left: 0px;
        padding-left: 15px;
    }

    .aboutMethodText1Wrap .aboutText .aboutTextBlock {
        padding: 30px 0px 20px 20px;
    }

    .aboutMethodText1Wrap .aboutText {
        width: 85%;
        font-weight: 400;
        text-align: justify;
    }

    .meditationWrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; 
        gap: 0;
        /* margin-top: 50px; */
    }
    
    .meditationElementImg {
        /* flex: 0 0 auto; */
        width: 100%;
        z-index: 60;
    }

    .meditationElementImg > img {
        height: 100%;
        width: 100%;
      }

    .meditationElementText {
        padding: 5%;
        background-image: url(../img/greenhill.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        font-family: 'Lato';
        color: #ffffff;
        width: 100%;
        z-index: 61;
    }

    .meditationElementText > div:nth-child(3) {
        width: 70%;
        font-size: 36px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1;
        align-self: flex-end;
        text-align: right;
    }
    .meditationElementText > div:nth-child(2) {
        width: 90%;
        font-size: 46px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1;
        align-self: flex-start;
        text-align: left;
    }
    .meditationElementText > div:nth-child(1) {
        width: 80%;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0;
        text-transform: none;
        font-style: normal;
        align-self: flex-end;
        text-align: right;
    }
    
    .appointmentBtnMeditationWrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 0;
        padding: 0;
        margin-top: 30px;
    }
    
    .procedureWrap {
        padding-bottom: 30px;
    }

    .procedureHeaderElementH2 {
        font-size: 1.1rem;
    }

    .procedureHeaderElementSpan {
        width: 90%;
        font-size: 0.9rem;
        text-align: justify;
    }

    .imgLeft {
        display: none;
    }
    
    .imgRight {
        display: none;
    }
    
    .proceduresCardListing {
        flex: 0 0 auto;
        font-size: 16px;
        gap: 30px;
        margin-top: 30px;
        width: 90%;
    }

    .procedureCardIco1, .procedureCardIco2, .procedureCardIco3, .procedureCardIco4, .procedureCardIco5, .procedureCardIco6 { 
        font-size: 30px;
        font-weight: 400;
        line-height: normal;
        /* padding-bottom: 50px; */
        border-radius: 13px 13px 13px 13px;
        padding: 7px 7px 7px 7px;
        width: 3rem;
    }

    .importantPointsWrap {
        padding-bottom: 30px;
    }

    .getInTouch {
        margin-top: 0;
        height: auto;
    }

    .getInTouchWrap {
        font-size: 38px;
        padding: 50px 0 50px 0;
    }

    .getInTouchElementForm {
        width: 85%;
        text-align: center;
        height: 80%;
        padding-top: -2em;
    }
    
    .getInTouchLine {
        height: 3px;
        background-color: #ffffff;
        width: 150px;
        max-width: 30vw;
        margin: 0.3em auto 0.3em auto;
    }

    .divider {
        display: flex;
        gap: 1%;
        flex-grow: 1;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 95%;
    }

    .getInTouchElementFormElementWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px 5px 5px 5px;
        width: 100%;
        height: 33%;
    }

    .getInTouchElementFormElement {
        width: 80vw;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea {
        width: 80vw;
        padding: 10px;
        /* border: 1px solid #ffffff; */
        border-radius: 4px;
    }


    .contactMapWrap {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .mapElement {
        flex: 0 0 auto;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .addressCardElement {
        /* flex: 0 0 40%; */
        /* justify-content: center; */
        /* align-items: center; */
        padding-left: 0;
    }

    .doctorNameWrap, .phoneWrap, .emailWrap, .addressWrap {
        font-family: 'Lato';
        font-size: 1rem;
        letter-spacing: 0.4px;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        gap: 30px;
    }




    .workStagesHeaderElementH {
        width: 50%;
        font-weight: 500;
        text-align: center;
        font-size: 48px;
    }

    .workStagesHeaderElementH {
        width: 80%;
        font-weight: 500;
        text-align: center;
        font-size: 1.8rem;
    }

    .workStagesCardsWrap {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        width: 100%;
        height: auto;
        margin-top: 30px;
        padding: 3vh 0 3vh 0;
    }

    .chevronLeft, .chevronRight {
        display: none;
    }

    .workStagesCard {
        display: flex;
        position: inherit;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        width: 90%;
        height: 100%;
        border-width: 3px;
        border-radius: 10px 10px 10px 10px;
        padding: 8px 8px 8px 8px;
    }

    .workStagesCardPositionRight, .workStagesCardPositionRightRight, .workStagesCardPositionLeft, .workStagesCardPositionLeftLeft {
        transform: translateX(0);
    }

    .workStagesCardImg {
        flex: 0 0 30%;
        padding: 1rem 1rem 1rem 1rem;
    }

    .workStagesCardImg > div {
        height: 15rem;
        border-radius: 10px 10px 10px 10px;
    }

    .workStagesCardText {
        flex: 0 0 70%;
        padding: 1rem 1rem 1rem 1rem;
    }

    .workStagesCardImgStepOne {
        height: 100%;
        width: 100%;
    }

    .importantPointsTitle {
        width: 80%;
        font-weight: 500;
        text-align: center;
        font-size: 1.8rem;
    }

    .importantPointBlock {
        padding-top: 10vh;
        width: 85%;
        transition: transform 0.2s ease-in-out;
    }

    .importantPointBlock:hover {
        transform: scale(1.1);
    }

    .contactMap {
        margin-top: 0;
        /* height: 200px; */
    }

    .mapElement {
        height: 50vh;
    }

    .addressCardElement {
        padding: 10vh 1vh 10vh 1vh;
    }

    .doctorNameWrap, .phoneWrap, .emailWrap, .addressWrap {
        font-family: 'Lato';
        font-size: 1rem;
        letter-spacing: 0.4px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1vh;
        padding: 2vh 0 2vh 0;
    }



}

@media (max-width: 300px) {

    .siteWrapper {
        max-width: 768px;
        min-width: 150px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .logoNavAppointmentWrapForElements {
        flex-direction: column;
    }
    
    .imgLogo {
        height: auto;
        width: 100%;
        padding: 0;
    }

    .mobileNavMenuWrap {
        font-size: 7vw;
    }

    .mobileMenuOpenBtn {
        align-self: center;
        padding-right: 0;
    }

    

    .aboutMethodText1Wrap .aboutText .aboutTextBlock ul {
        padding-left: 20px;
        padding-top: 10px;
    }

    .procedureCardIco1, .procedureCardIco2, .procedureCardIco3, .procedureCardIco4, .procedureCardIco5, .procedureCardIco6 {
        flex: 0 0 25%; 
        font-size: 30px;
        font-weight: 400;
        line-height: normal;
        /* padding-bottom: 50px; */
        border-radius: 13px 13px 13px 13px;
        padding: 7px 7px 7px 7px;
        width: 3rem;
    }

    .procedureCardText {
        flex: 0 0 75%;
        font-size: 5vw;
    }

    .workStagesCard {
        word-break: break-all;
    }

    .workStagesCardTextContent li {
        margin-left: 20px;
    }

    .addressCardElement {
        padding: 10vw 1vw 10vw 1vw;
    }

    .doctorNameWrap, .phoneWrap, .emailWrap, .addressWrap {
        font-family: 'Lato';
        font-size: 1rem;
        letter-spacing: 0.4px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1vw;
        padding: 2vw 0 2vw 0;
    }

}