@font-face {
    font-family: Montserrat Bold;
    src: url(/fonts/Montserrat/static/Montserrat-Bold.ttf);
}

@font-face {
    font-family: Montserrat Semi Bold;
    src: url(/fonts/Montserrat/static/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: Montserrat Regular;
    src: url(/fonts/Montserrat/static/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat Medium;
    src: url(/fonts/Montserrat/static/Montserrat-Medium.ttf);
}

@font-face {
    font-family: Montserrat Extra Bold;
    src: url(/fonts/Montserrat/static/Montserrat-Black.ttf);
}

html, body{
    margin: 0px;
    display: flex;
    flex-direction: column;
    /* background: #ececf6; */
    background: #f6fafa;
}

header {
    display: flex;
    width: 100vw;
    height: 9vw;
    background: #f6fafa;
}

a {
    text-decoration: none;
}

a:visited {
  text-decoration: none;
}

.header_icon {
    background-image: url(/img/logoklinikabig.png);
    width: 5vw;
    height: 5vw;
    background-size: cover;
    /* margin: auto 1.5vw auto 3vw; */
    cursor: pointer;
}

.header_icon_a {
    margin: auto 1.5vw auto 3vw;
}

.header_info {
    margin: auto 1vw auto 0vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header_company_title {
    font-size: 1.8vw;
    font-family: Montserrat Bold;
}

.header_company_location {
    font-size: 1vw;
    font-family: Montserrat Regular;
    color: #666;
}

.header_adress {
    display: flex;
    color: #666;
    margin: auto 0 auto 13vw;
    font-size: 1vw;
    font-family: Montserrat Regular;
    align-items: center;
}

.geoicon {
    border-radius: 0.5vw;
    background-image: url(/img/geo.png);
    background-size: 1.2vw 1.2vw;
    background-repeat: no-repeat;
    background-position: center;
    width: 2vw;
    height: 2vw;
    background-color: #e1e7fd;
    margin-right: 1vw;
}

.phoneicon {
    border-radius: 0.5vw;
    background-image: url(/img/phone.png);
    background-size: 1.2vw 1.2vw;
    background-repeat: no-repeat;
    background-position: center;
    width: 2vw;
    height: 2vw;
    background-color: #e1e7fd;
    margin-right: 1vw;
}

.header_contacts {
    width: 15vw;
    height: 5vw;
    margin: auto 1vw auto auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header_phone {
    font-family: Montserrat Medium;
    font-size: 1.5vw;
    color: #5E6DBA;
    transition: 0.5s ease;
    cursor: pointer;
}

.header_phone:hover {
    color: #c4d1ff;
}

.header_hours {
    font-size: 1vw;
    font-family: Montserrat Regular;
    color: #666;
}

.arrowcontacts {
    width: 2vw;
    height: 2vw;
    background-color: #e1e7fd;
    background-image: url(/img/arrowcontacts.png);
    background-size: 1.5vw;
    background-position: center;
    background-repeat: no-repeat;
    border: 0.11vw solid #5E6DBA;
    border-radius: 0.5vw;
    margin: auto 3vw auto 0;
    cursor: pointer;
    transition: 0.5s ease;
}

.arrowcontacts:hover {
    transform: rotate(180deg);
}

.arrowcontacts:hover + .popup_contacts{
    visibility: visible;
    opacity: 1;
}

.popup_contacts {
    position: absolute;
    right: 0;
    top: 5.8vw;
    z-index: 1;
    width: 25vw;
    border-radius: 2vw;
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    flex-direction: column;
    background: #fff;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
}

.popup_contacts:hover {
    opacity: 1;
    visibility: visible;
}

.popup_contacts a {
    width: fit-content;
}

.popup_header {
    font-size: 2vw;
    font-family: Montserrat Bold;
    color: #5E6DBA;
    margin: 2vw;
}

.popup_txt_side {
    font-size: 1.5vw;
    font-family: Montserrat Bold;
    color: #5E6DBA;
    margin: 0.5vw 2vw;
}

.popup_txt_main {
    font-size: 1vw;
    font-family: Montserrat Regular;
    color: #5E6DBA;
    margin: 0 2vw 1.5vw 2vw;
}

.popup_txt_phone {
    font-size: 1vw;
    font-family: Montserrat Semi Bold;
    color: #5E6DBA;
    margin: 0 2vw 1.5vw 2vw;
}

.popup_soc_container {
    width: 10vw;
    height: 3vw;
    display: flex;
    flex-direction: row;
    margin: 0 2vw 2.5vw 2vw;
    justify-content: space-between;
}

.nav_popup {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 999;
    width: 100vw;
    height: 6vw;
    background: #fff;
    color: #5E6DBA;
    margin: 0 auto 0 auto;
    display: flex;
    flex-direction: row;
    border-bottom: 0.2vw solid #e1e7fd;
    border-radius: 0;
}

.nav_popup.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.nav_popup .header_icon {
    width: 3vw;
    height: 3vw;
}

.nav_popup_item {
    color: #2b2b2b;
    font-size: 1.1vw;
    font-family: Montserrat Semi Bold;
    border-radius: 1.5vw;
    border: 0.15vw solid transparent;
    padding: 1vw 1.5vw 1vw 1.5vw;
    margin: auto 1.5vw auto 0;
    transition: 0.5s ease;
    cursor: pointer;
}

.nav_popup_item:hover {
    color: #5E6DBA;
    border: 0.15vw solid #5E6DBA;
}

.nav_popup_call {
    font-size: 1.1vw;
    font-family: Montserrat Semi Bold;
    color: #5E6DBA;
    border-radius: 1.5vw;
    border: 0.15vw solid #5E6DBA;
    padding: 1vw 1.5vw 1vw 1.5vw;
    align-items: center;
    margin: auto 2.5vw auto auto;
    transition: 0.5s ease;
    cursor: pointer;
}

.nav_popup_call:hover {
    color: #fff;
    background-color: #79bf60;
    border: 0.15vw solid #79bf60;
}

nav {
    width: 94vw;
    height: 6vw;
    background: #5E6DBA;
    margin: 0 auto 0 auto;
    border-radius: 2vw;
    display: flex;
    flex-direction: row;
}

.nav_item {
    font-size: 1.1vw;
    font-family: Montserrat Semi Bold;
    color: #fff;
    border-radius: 1.5vw;
    border: 0.15vw solid transparent;
    padding: 1vw 1.5vw 1vw 1.5vw;
    margin: auto 1.5vw auto 0;
    transition: 0.5s ease;
    cursor: pointer;
}

nav a:nth-child(1) {
    margin-left: 1.5vw;
}

.nav_popup a:nth-child(1) {
    margin-left: 3vw;
}

.nav_popup a:nth-child(2) {
    margin-left: 1.5vw;
}

.nav_item:hover {
    border: 0.15vw solid white;
}

nav a {
    margin-top: auto;
    margin-bottom: auto;
}
nav a:nth-last-child(1) {
    margin: auto 1.5vw auto auto;
}

.nav_call {
    font-size: 1.1vw;
    font-family: Montserrat Semi Bold;
    color: #fff;
    margin: auto 1.5vw auto auto;
    border-radius: 1.5vw;
    border: 0.15vw solid white;
    padding: 1vw 1.5vw 1vw 1.5vw;
    align-items: center;
    transition: 0.5s ease;
    cursor: pointer;
}

.nav_call:hover {
    background-color: #79bf60;
    border: 0.15vw solid #79bf60;
}

.section_mobile_title {
    display: none;
}

.section_mobile_info {
    display: none;
}

.section_banner {
    width: 94vw;
    height: 48vw;
    border-radius: 2vw;
    margin: 2vw auto 2vw auto;
    background-image: url(img/bg2doc.JPG);
    background-size: cover;
    background-position: 0vw -9vw;
    position: relative;
}

.banner_txt {
    width: 35vw;
    border-radius: 2vw;
    background: #fff;
    position: absolute;
    bottom: 5vw;
    left: 5vw;
    display: flex;
    flex-direction: column;
    padding: 2vw;
    justify-content: center;
}

.banner_txt2 {
    width: 35vw;
    border-radius: 2vw;
    background: #fff;
    position: absolute;
    bottom: 5vw;
    right: 5vw;
    display: flex;
    flex-direction: column;
    padding: 2vw;
    justify-content: center;
}

.banner_txt_main {    
    font-size: 2vw;
    font-family: Montserrat Bold;
    margin-bottom: 1vw;
}

.banner_txt_side {
    font-size: 1.5vw;
    font-family: Montserrat Regular;
    color: #666;
    margin-bottom: 1vw;
}

.banner_call {
    display: flex;
    font-size: 1.3vw;
    font-family: Montserrat Semi Bold;
    background-color: #5E6DBA;
    width: fit-content;
    color: #fff;
    border-radius: 1.5vw;
    border: 0.15vw solid white;
    padding: 1vw 1.5vw 1vw 1.5vw;
    align-items: center;
    transition: 0.5s ease;
    cursor: pointer;
}

.banner_call:hover {
    background-color: #79bf60;
}

.section_about {
    display: flex;
    flex-direction: column;
    margin-top: 2vw;
    width: 94vw;
    margin: 4vw auto 0 auto;
}

.mobile_banner_txt1 {
    display: none;
}

.mobile_banner_txt2 {
    display: none;
}

.section_mobile_banner_txt {
    display: none;
}

.header {
    font-size: 3vw;
    font-family: Montserrat Bold;
    color: #2b2b2b;
    margin-bottom: 2vw;
    margin-left: 2vw;
    margin-right: 2vw;
}

.about_txt_main {
    font-size: 1.5vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    margin-bottom: 3.5vw;
    margin-left: 2vw;
    margin-right: 2vw;
}

.about_txt_side {
    font-size: 1.5vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin-bottom: 2vw;
    margin-left: 2vw;
    margin-right: 2vw;
}

.about_table {
    width: 90vw;
    display: flex;
    justify-content: space-between;
    margin: 3vw auto 0 auto;
}

.about_table_item {
    width: 25vw;
}

.about_table_num {
    font-family: Montserrat Extra Bold;
    font-size: 5vw;
    color: #5E6DBA;
}

.about_table_info {
    font-size: 1.5vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
}

.section_plus {
    width: 94vw;
    display: flex;
    justify-content: space-between;
    margin: 3vw auto 3vw auto;
}

#plus_header {
    display: none;
}

.plus_container {
    width: 94vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.plus_item {
    width: 30vw;
    background: #fff;
    border-radius: 2vw;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
}

.plus_txt_main {
    font-size: 1.8vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    margin: 1.5vw 1vw 1vw 1.5vw;
}

.plus_txt_side {
    font-size: 1.3vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin: 1.5vw 1vw 1.5vw 1.5vw;
}

.plus_img {
    width: 30vw;
    height: 25vw;
    background-size: cover;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
}

.plus_item:nth-child(1) .plus_img {
    background-image: url(/img/experts.png);
}

.plus_item:nth-child(2) .plus_img {
    background-image: url(/img/child.JPG);
    background-position: center;
}

.plus_item:nth-child(3) .plus_img {
    background-image: url(/img/pregnant.JPG);
    background-position: 0vw -5vw;
}

.section_experts {
    width: 94vw;
    margin: 4vw auto 2vw auto;
    display: flex;
    flex-direction: column;
}

.experts_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.experts_page_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.track {
    display: flex;
    transition: transform 0.3s ease;
}

.card {
    flex: 0 0 19%;
    margin: 1%;
    width: 14vw;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 2vw;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
}

.card a {
    margin: auto 1.5vw 1.5vw 1.5vw;
    width: fit-content;
}

.expert_card {
    width: 22vw;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 2vw;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    margin: 1vw;
}

.expert_card a {
    margin: auto 1.5vw 1.5vw 1.5vw;
    width: fit-content;
}

.experts_page_container:nth-child(2) .expert_card:nth-child(1) .expert_img {
    background-image: url(/img/sveta.JPG);
}

.experts_page_container:nth-child(2) .expert_card:nth-child(2) .expert_img {
    background-image: url(/img/alex.png);
    background-position: 0vw -3vw;
}

.experts_page_container:nth-child(2) .expert_card:nth-child(3) .expert_img {
    background-image: url(/img/irina.JPG);
    background-position: 0vw -3vw;
}

.experts_page_container:nth-child(2) .expert_card:nth-child(4) .expert_img {
    background-image: url(/img/vladimir.JPG);
}

.experts_page_container:nth-child(3) .expert_card:nth-child(1) .expert_img {
    background-image: url(/img/rufat.JPG);
    background-position: 0vw -4vw;
}

.experts_page_container:nth-child(3) .expert_card:nth-child(2) .expert_img {
    background-image: url(/img/julia.JPG);
    background-position: top;
}

.experts_page_container:nth-child(3) .expert_card:nth-child(3) .expert_img {
    background-image: url(/img/ekaterina.JPG);
    background-position: top;
}

.experts_page_container:nth-child(3) .expert_card:nth-child(4) .expert_img {
    background-image: url(/img/max.JPG);
    background-position: top;
}


.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5vw;
    width: 3vw;
    height: 3vw;
    color: #fff;
    background: #5E6DBA;
    border: none;
    cursor: pointer;
    border-radius: 2vw;
    z-index: 1;
}

.arrow.left {
    left: 0;
}

.arrow.right {
    right: 0;
}

.dots {
    margin: 1vw auto 0 auto;
    width: fit-content;
}

.dots span {
    display: inline-block;
    width: 1vw;
    height: 1vw;
    margin: 0.2vw;
    background: #e1e7fd;
    border-radius: 2vw;
    cursor: pointer;
}

.dots span.active {
    background: #5E6DBA;
}

.expert_img {
    width: 100%;
    height: 20vw;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
}

.card:nth-child(1) .expert_img {
    background-image: url(/img/sveta.JPG);
}

.card:nth-child(2) .expert_img {
    background-image: url(/img/alex.png);
    background-position: 0vw -3vw;
}

.card:nth-child(3) .expert_img {
    background-image: url(/img/irina.JPG);
    background-position: 0vw -3vw;
}

.card:nth-child(4) .expert_img {
    background-image: url(/img/vladimir.JPG);
}

.card:nth-child(5) .expert_img {
    background-image: url(/img/rufat.JPG);
    background-position: 0vw -4vw;
}

.card:nth-child(6) .expert_img {
    background-image: url(/img/julia.JPG);
    background-position: top;
}

.card:nth-child(7) .expert_img {
    background-image: url(/img/ekaterina.JPG);
    background-position: top;
}

.card:nth-child(8) .expert_img {
    background-image: url(/img/max.JPG);
    background-position: top;
}

.expert_name {
    font-size: 1.8vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    padding: 1.5vw 1.5vw 0 1.5vw;
}

.expert_info {
    font-size: 1.3vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin-top: 1.5vw;
    padding: 0 1.5vw 1.5vw 1.5vw;
}

.expert_readmore_link {
    font-size: 1.1vw;
    width: fit-content;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    border: 0.12vw solid transparent;
    border-radius: 1.5vw;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    padding: 1vw 1.5vw 1vw 1.5vw;
    transition: all 0.5s ease;
    cursor: pointer;
}

.expert_readmore_link:hover {
    border: 0.12vw solid #5E6DBA;
    box-shadow: 0.2vw 0.2vw 0.4vw #5E6DBA, -0.2vw -0.2vw 0.4vw #ffffff;
    color: #5E6DBA;
}

.section_reviews {
    margin: 2vw auto 2vw auto;
    width: 94vw;
    display: flex;
    flex-direction: column;
}

.carousel_reviews {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.track_reviews_wrapper {
    overflow: hidden;
    /* width: 100%; */
}

.track_reviews {
    display: flex;
    transition: transform 0.3s ease;
}

.review_card {
    flex: 0 0 41.5%;
    margin: 2vw;
    background: #fff;
    padding: 2vw;
    border-radius: 2vw;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    text-align: left;
}

.review_card p {
    font-size: 1.3vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin: 1vw;
    display: flex;
    flex-direction: column;
}

.review_card p span {
    font-size: 1.3vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    margin-top: 1vw;
    /* margin: 1vw; */
}

.review_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5vw;
    border: none;
    cursor: pointer;
    z-index: 1;
    color: #333;
    padding: 0 1vw;
    width: 3vw;
    height: 3vw;
    color: #fff;
    background: #5E6DBA;
    border-radius: 2vw;
}

.review_arrow.left {
    left: 0;
}

.review_arrow.right {
    right: 0;
}

.dots_reviews {
    margin: 1vw auto 0 auto;
    width: fit-content;
}

.dots_reviews span {
    display: inline-block;
    width: 1vw;
    height: 1vw;
    margin: 0.2vw;
    background: #e1e7fd;
    border-radius: 2vw;
    cursor: pointer;
    transition: background-color 0.3s;
}

.dots_reviews .active {
    background: #5E6DBA;
}

.prodoc {
    margin: 2vw auto 2vw auto;
    width: 22vw;
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 2vw;
    align-items: center;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    transition: box-shadow 0.15s, transform 0.15s;
}

.prodoc a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    padding: 1vw;
}

.prodoc_txt {
    font-size: 1.3vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    margin: auto 1.5vw auto 1.5vw;
    text-decoration: none;
}

.prodoc_img {
    background-image: url(/img/prodoctorov2.png);
    width: 6vw;
    height: 6vw;
    background-size: cover;
    margin: 0 auto 0 auto;
}

.prodoc:hover {
    transform: translateY(-0.2vw);
    box-shadow: 0.2vw 0.2vw 0.4vw #5E6DBA, -0.4vw -0.4vw 0.8vw #ffffff;;
}

.prodoc:active {
    box-shadow: #D6D6E7 0 0.2vw 0.5vw inset;
    transform: translateY(0.2vw);
}

.section_articles {
    width: 94vw;
    margin: 0 auto;
    /* background: #fff; */
    display: flex;
    flex-direction: column;
}

.section_articles a {
    width: fit-content;
    height: fit-content;
    margin: 3vw auto 3vw auto;
}

.articles_container {
    display: flex;
    flex-direction: row;
    width: 90vw;
    margin: 3vw auto 0 auto;
    justify-content: space-between;
}

.articles_card {
    width: 28vw;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    border-radius: 2vw;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.articles_card a {
    width: fit-content;
    height: fit-content;
    margin: auto 1.5vw 1.5vw 1.5vw;
}

.articles_img {
    width: 28vw;
    height: 25vw;
    background-size: cover;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
}

.articles_card:nth-child(1) .articles_img {
    background-image: url(/img/bg3.JPG);
}

.articles_card:nth-child(2) .articles_img {
    background-image: url(/img/23_osteopat-lica.jpg);
}

.articles_card:nth-child(3) .articles_img {
    background-image: url(/img/5bf44423ad392.jpeg);
}

.articles_header {
    font-size: 1.5vw;
    font-family: Montserrat Bold;
    color: #2b2b2b;
    margin: 1.5vw 1vw 1.5vw 1vw;
}

.articles_preview_txt {
    font-size: 1vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin: 0 1vw 1.5vw 1vw;
    line-height: 1.4vw;
}

.articles_readmore_link {
    font-size: 1.1vw;
    width: fit-content;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    border: 0.12vw solid transparent;
    border-radius: 1.5vw;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    padding: 1vw 1.5vw 1vw 1.5vw;
    /* margin: auto 1.5vw 1.5vw 1.5vw; */
    transition: all 0.5s ease;
    cursor: pointer;
}

.articles_readmore_link:hover {
    border: 0.12vw solid #5E6DBA;
    box-shadow: 0.2vw 0.2vw 0.4vw #5E6DBA, -0.2vw -0.2vw 0.4vw #ffffff;
    color: #5E6DBA;
}

.articles_more_btn {
    width: fit-content;
    background: #fff;
    border-radius: 2vw;
    display: flex;
    padding: 2vw;
    justify-content: center;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    transition: box-shadow 0.15s, transform 0.15s;
    font-size: 1.3vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    text-decoration: none;
    cursor: pointer;
}

.articles_more_btn:hover {
    transform: translateY(-0.2vw);
    box-shadow: 0.2vw 0.2vw 0.4vw #5E6DBA, -0.4vw -0.4vw 0.8vw #ffffff;;
}

.section_contacts {
    width: 100vw;
    background: #5E6DBA;
    display: flex;
    flex-direction: row;
}

.contacts_info {
    width: 30vw;
    display: flex;
    flex-direction: column;
}

.contacts_info a {
    width: fit-content;
}

.contacts_header {
    font-size: 3vw;
    font-family: Montserrat Bold;
    color: #fff;
    margin: 5vw 5vw 2vw 5vw;
}

.contacts_txt_side {
    font-size: 1vw;
    font-family: Montserrat Regular;
    color: #ccc;
    margin: 0 5vw 0.5vw 5vw;
}

.contacts_txt_phone {
    font-size: 1.5vw;
    font-family: Montserrat Semi Bold;
    color: #fff;
    margin: 0 5vw 2.5vw 5vw;
}

.contacts_txt_main {
    font-size: 1vw;
    font-family: Montserrat Regular;
    color: #fff;
    margin: 0 5vw 2.5vw 5vw;
}

.contacts_soc_container {
    width: 10vw;
    display: flex;
    flex-direction: row;
    margin: 0 5vw 2.5vw 5vw;
    justify-content: space-between;
}

.instagram {
    background-image: url(/img/instagram.png);
    width: 3vw;
    height: 3vw;
    border-radius: 2vw;
    background-size: cover;
    cursor: pointer;
}

.whatsapp {
    background-image: url(/img/wa.png);
    width: 3vw;
    height: 3vw;
    background-size: cover;
    cursor: pointer;
}

.vk {
    background-image: url(/img/vk.png);
    width: 3vw;
    height: 3vw;
    border-radius: 2vw;
    background-size: cover;
    cursor: pointer;
}

.contacts_map {
    margin: auto;
    display: flex;
    border-radius: 2vw;
}

#map_container {
    width: 60vw; 
    height: 30vw;
}

#map_iframe {
    width: 60vw; 
    height: 40vw;
}

.section_contacts_page {
    width: 100vw;
    display: flex;
    flex-direction: row;
}

.contacts_header_page {
    font-size: 3vw;
    font-family: Montserrat Bold;
    color: #2b2b2b;
    margin: 4vw 5vw 2vw 5vw;
}

.contacts_txt_side_page {
    font-size: 1vw;
    font-family: Montserrat Regular;
    color: #666;
    margin: 0 5vw 0.5vw 5vw;
}

.contacts_txt_phone_page {
    font-size: 1.5vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    margin: 0 5vw 2.5vw 5vw;
}

.contacts_txt_main_page {
    font-size: 1vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin: 0 5vw 2.5vw 5vw;
}



footer {
    width: 100vw;
    /* height: 5vw; */
    background: #3a478c;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
}

.footer_oferta {
    display: flex;
    flex-direction: column;
    font-size: 0.8vw;
    font-family: Montserrat Regular;
    color: #fff;
    margin: 1.5vw auto 1.5vw 5vw;
}

.footer_dev {
    display: flex;
    flex-direction: column;
    font-size: 0.8vw;
    font-family: Montserrat Regular;
    color: #fff;
    margin: auto 5vw auto auto;
    text-decoration: none;
}

.footer_dev a {
    color: #fff;
    text-decoration: none;
}

.section_expert_page {
    display: flex;
    flex-direction: column;
    margin-top: 2vw;
    width: 94vw;
    margin: 4vw auto 0 auto;
}

.expert_page_container {
    display: flex;
    flex-direction: row;
    width: 90vw;
    margin: 0 auto 2vw auto;
    background: #fff;
    border-radius: 2vw;
}

.expert_page_img {
    width: 40vw;
    height: 40vw;
    background-size: cover;
    background-position: center;
    border-radius: 2vw;
}

#expert_img_svetlana {
    background-image: url(/img/sveta.JPG);
}

#expert_img_alexander {
    background-image: url(/img/alex.png);
    background-position: 0vw -4vw;
}

#expert_img_irina {
    background-image: url(/img/irina.JPG);
    background-position: 0vw -4vw;
}

#expert_img_rufat {
    background-image: url(/img/rufat.JPG);
    background-position: 0vw -8vw;
}

#expert_img_julia {
    background-image: url(/img/julia.JPG);
    background-position: top;
}

#expert_img_ekaterina {
    background-image: url(/img/ekaterina.JPG);
    background-position: top;
}

#expert_img_vladimir {
    background-image: url(/img/vladimir.JPG);
    background-position: top;
}

.expert_page_info {
    display: flex;
    flex-direction: column;
    margin: 2vw 0 2vw 2vw;
    width: 40vw;
}

.expert_page_name {
    font-size: 3.5vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    padding: 1.5vw 1.5vw 0 1.5vw;
}

.expert_page_speciality {
    font-size: 1.5vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin-top: 1.5vw;
    padding: 0 1.5vw 1.5vw 1.5vw;
}

.expert_page_txt_main {
    font-size: 1.8vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    padding: 1.5vw 1.5vw 0 1.5vw;
}

.expert_page_txt_side {
    font-size: 1.5vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin-top: 1.5vw;
    padding: 0 1.5vw 1.5vw 1.5vw;
}

.expert_page_separator {
    width: 90vw;
    height: 0.12vw;
    background: #5E6DBA;
    margin: 3vw auto 3vw auto;
    border-radius: 2vw;
}

.section_expert_services {
    margin: 2vw auto 2vw auto;
    width: 94vw;
    display: flex;
    flex-direction: column;
}

.expert_page_services_container {
    width: 90vw;
    margin: 2vw auto 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.expert_page_services_card {
    width: 44vw;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    border-radius: 2vw;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.services_name {
    font-size: 2vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    padding: 2.5vw 1.5vw 0 2.5vw;
}

.services_txt_side {
    font-size: 1.3vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin-top: 1.5vw;
    padding: 0 1.5vw 1.5vw 2.5vw;
}

.services_price {
    font-size: 1.8vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    padding: 0 1.5vw 1.5vw 2.5vw;
}

.expert_page_services_card a {
    margin: 0 2.5vw 2.5vw 2.5vw;
    width: fit-content;
    height: fit-content;
}

.services_call {
    font-size: 1.1vw;
    width: fit-content;
    font-family: Montserrat Semi Bold;
    color: #5E6DBA;
    border-radius: 1.5vw;
    border: 0.15vw solid #5E6DBA;
    padding: 1vw 1.5vw 1vw 1.5vw;
    align-items: center;
    transition: 0.5s ease;
    cursor: pointer;
}

.services_call:hover {
    color: #fff;
    background-color: #79bf60;
    border: 0.15vw solid #79bf60;
}

.section_expert_education {
    margin: 2vw auto 6vw auto;
    width: 94vw;
    display: flex;
    flex-direction: column;
}

.education_card {
    display: flex;
    flex-direction: row;
    margin: 1.8vw 0 0 0;
}

.education_icon {
    width: 3vw;
    height: 3vw;
    background-image: url(/img/education.png);
    background-size: cover;
    margin: 0 0 0 2.5vw;
}

.education_info {
    display: flex;
    flex-direction: column;
}

.eductaion_txt_main {
    font-size: 1.2vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    padding: 0 1.5vw 0 2.5vw;
    margin-bottom: 1vw;
}

.education_txt_year {
    font-size: 1.2vw;
    font-family: Montserrat Regular;
    color: #666;
    padding: 0 0 0 2.5vw;
    margin-bottom: 1vw;
}

.education_txt_side {
    font-size: 1.2vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    padding: 0 0 0 2.5vw;
    margin-bottom: 1vw;
}

.education_txt_qualification {
    font-size: 1.2vw;
    font-family: Montserrat Regular;
    color: #666;
    padding: 0 0 0 2.5vw;
    margin-bottom: 2vw;
}

.section_docs {
    margin: 2vw auto 2vw auto;
    width: 94vw;
    display: flex;
    flex-direction: column;
}

.docs_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90vw;
    margin: 2vw auto;
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    overflow: hidden;
}

.docs_container.collapsed {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
}

.docs_doc {
    background-size: cover;
    width: 43vw;
    height: 24vw;
    border-radius: 2vw;
    cursor: zoom-in;
}

#doc_sveta1 {
    background-image: url(/img/docs/svetlana/522740-490410-svetlana_l.jpg);
}

#doc_sveta2 {
    background-image: url(/img/docs/svetlana/522741-490410-svetlana_l.jpg);
}

#doc_sveta3 {
    background-image: url(/img/docs/svetlana/522740-490410-svetlana_l.jpg);
}

#doc_sveta4 {
    background-image: url(/img/docs/svetlana/522741-490410-svetlana_l.jpg);
}

#doc_vladimir1 {
    background-image: url(/img/docs/vladimir/2474013-394868-shirokov_l.jpg);
}

#doc_vladimir2 {
    background-image: url(/img/docs/vladimir/2474014-394868-shirokov_l.jpg);
}

#doc_vladimir3 {
    background-image: url(/img/docs/vladimir/2474013-394868-shirokov_l.jpg);
}

#doc_vladimir4 {
    background-image: url(/img/docs/vladimir/2474014-394868-shirokov_l.jpg);
}


.docs_more_btn {
    margin: 3vw auto 3vw auto;
    width: fit-content;
    background: #fff;
    border-radius: 2vw;
    display: flex;
    padding: 1.5vw;
    justify-content: center;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    transition: box-shadow 0.15s, transform 0.15s;
    font-size: 1.3vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    text-decoration: none;
    cursor: pointer;
}

.docs_more_btn:hover {
    transform: translateY(-0.2vw);
    box-shadow: 0.2vw 0.2vw 0.4vw #5E6DBA, -0.4vw -0.4vw 0.8vw #ffffff;;
}

.invisible {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.image_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  cursor: zoom-out;
}

.image_modal_img {
  max-width: 90vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  border-radius: 1vw;
  box-shadow: 0 0 2vw rgba(0, 0, 0, 0.4);
  object-fit: contain;
  cursor: default;
}

/* Контейнер с картинкой */
.image_modal_content {
  width: 75vw;
  height: 40vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 1vw;
  box-shadow: 0 0 2vw rgba(0, 0, 0, 0.4);
}

.image_modal.active {
  opacity: 1;
  visibility: visible;
}

.section_services {
    width: 94vw;
    margin: 4vw auto 2vw auto;
    display: flex;
    flex-direction: column;
}

.services_expert_container {
    width: 90vw;
    margin: 2vw auto 2vw auto;
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 2vw;
    /* box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw; */
}

.services_expert_img {
    width: 10vw;
    height: 10vw;
    background-size: cover;
    background-position: center;
    border-radius: 2vw;
}

.services_expert_header {
    margin-left: 2vw;
    display: flex;
    flex-direction: column;
}

.services_page_expert_name {
    font-size: 2.5vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    padding: 1.5vw 1.5vw 0 1.5vw;
}

.services_page_speciality {
    font-size: 1vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin-top: 1.5vw;
    padding: 0 1.5vw 1.5vw 1.5vw;
}

.services_page_services_container {
    width: 90vw;
    margin: 2vw auto 2vw auto;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
}

.services_page_services_card {
    width: 28vw;
    box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    border-radius: 2vw;
    display: flex;
    background: #fff;
    flex-direction: column;
    margin-right: 3vw;
    justify-content: space-between;
}

.services_page_services_card:nth-last-child(1) {
    margin-right: 0;
}

.services_page_services_card a {
    margin: auto 2.5vw 2.5vw 2.5vw;
    width: fit-content;
    height: fit-content;
}

#services_img_alexander {
    background-image: url(/img/alex.png);
    background-position: 0vw -2vw;
}

#services_img_irina {
    background-image: url(/img/irina.JPG);
    background-position: 0vw -1vw;
}

#services_img_vladimir {
    background-image: url(/img/vladimir.JPG);
    background-position: center;
}

#services_img_rufat {
    background-image: url(/img/rufat.JPG);
    background-position: center;
}

#services_img_julia {
    background-image: url(/img/julia.JPG);
    background-position: top;
}

#services_img_ekaterina {
    background-image: url(/img/ekaterina.JPG);
    background-position: top;
}

.services_page_name {
    font-size: 1.5vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    padding: 2.5vw 1.5vw 0 2.5vw;
}

.services_page_name_small {
    font-size: 1.2vw;
    font-family: Montserrat Semi Bold;
    color: #2b2b2b;
    padding: 2.5vw 1.5vw 0 2.5vw;
}

.services_page_txt_side {
    font-size: 1vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin-top: 1.5vw;
    padding: 0 1.5vw 1.5vw 2.5vw;
}

.services_page_price {
    font-size: 1.5vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    padding: 0 1.5vw 1.5vw 2.5vw;
}

.services_page_call {
    font-size: 1vw;
    width: fit-content;
    font-family: Montserrat Semi Bold;
    color: #5E6DBA;
    border-radius: 1.5vw;
    border: 0.15vw solid #5E6DBA;
    padding: 1vw 1.5vw 1vw 1.5vw;
    align-items: center;
    transition: 0.5s ease;
    cursor: pointer;
}

.services_page_call:hover {
    color: #fff;
    background-color: #79bf60;
    border: 0.15vw solid #79bf60;
}

.section_page_articles {
    width: 94vw;
    margin: 4vw auto 4vw auto;
    display: flex;
    flex-direction: column;
}

.section_articlepage {
    width: 94vw;
    margin: 4vw auto 4vw auto;
    display: flex;
    flex-direction: column;
}

.articlepage_header {
    width: 35vw;
    border-radius: 2vw;
    background: #fff;
    position: absolute;
    top: 25vw;
    left: 5vw;
    display: flex;
    flex-direction: column;
    padding: 2vw;
    justify-content: center;
}

.articlepage_container_with_photo {
    width: 90vw;
    margin: 0 auto 2vw auto;
    display: flex;
    flex-direction: row;
}

.articlepage_container {
    width: 90vw;
    margin: 0 auto 0 auto;
    display: flex;
    flex-direction: row;
}

.acticlepage_banner {
    width: 48vw;
    height: 48vw;
    border-radius: 2vw;
    margin: 2vw 2vw 2vw auto;
    background-size: cover;
}

#acticlepage_1_img {
    background-image: url(/img/bg3.JPG);
}

#acticlepage_2_img {
    background-image: url(/img/23_osteopat-lica.jpg);
}

#acticlepage_3_img {
    background-image: url(/img/5bf44423ad392.jpeg);
}

.articlepage_txt_container {
    width: 48vw;
    margin: 2vw auto 2vw auto;
    display: flex;
    flex-direction: column;
}

.articlepage_txt {
    font-size: 1.5vw;
    font-family: Montserrat Regular;
    color: #2b2b2b;
    margin-bottom: 2vw;
}

.section_articlepage a {
    width: fit-content;
    height: fit-content;
    margin: 1.5vw auto 0 auto;
}

.mobile_menu {
    display: none;
}
@media (max-width: 768px) {
    nav,
    .nav_popup {
        display: none !important;
    }

    .header_adress,
    .header_contacts,
    .arrowcontacts,
    .banner_txt,
    .banner_txt2 {
        display: none;
    }

    header {
        height: 18vw;    
    }

    .header_icon {
        width: 8vw;
        height: 8vw;
        margin: auto 2vw auto 0;
    }

    .section_mobile_title {
        display: flex;
        flex-direction: column;
        height: 25vw; 
    }

    .mobile_separator {
        width: 94vw;
        height: 0.18vw;
        background: #e1e7fd;
        margin: 0 auto 0 auto;
        border-radius: 2vw;
        transition: 0.5s ease;
    }

    .header_company_title {
        font-size: 4.5vw;
    }

    .header_company_location {
        font-size: 3vw;
    }

    .section_banner {
        height: 88vw;
        background-size: 150vw;
        background-position: center -10vw;
        margin: 0 auto 0 auto;
    }

    .section_mobile_banner_txt {
        width: 94vw;
        display: flex;
        flex-direction: column;
        margin: 10vw auto 10vw auto;
        /* padding: 4.5vw; */
        background: #fff;
        border-radius: 2vw;
        box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
    }

    .mobile_banner_txt1 {
        width: 40vw;
        /* height: 8vw; */
        border-radius: 2vw;
        background: #fff;
        position: absolute;
        bottom: 5vw;
        left: 5vw;
        display: flex;
        flex-direction: column;
        padding: 2.5vw;
        justify-content: center;
    }

    .mobile_banner_txt2 {
        width: 30vw;
        /* height: 8vw; */
        border-radius: 2vw;
        background: #fff;
        position: absolute;
        bottom: 5vw;
        right: 5vw;
        display: flex;
        flex-direction: column;
        padding: 2.5vw;
        justify-content: center;
    }

    .mobile_banner_txt_main {
        font-size: 3vw;
        margin-bottom: 1vw;
        font-family: Montserrat Bold;
    }

    .mobile_banner_txt_side {
        font-size: 2.5vw;
        font-family: Montserrat Regular;
        color: #666;
    }

    .banner_txt_main {
        font-size: 4vw;
        /* margin-top: 3vw; */
        /* margin-bottom: 2vw; */
        padding: 4.5vw;
    }

    .banner_txt_side {
        font-size: 2.8vw;
        /* margin-bottom: 2vw; */
        padding: 0 4.5vw 0 4.5vw;

    }

    .banner_call {
        font-size: 3vw;
        padding: 2vw 2.5vw 2vw 2.5vw;
        border-radius: 2vw;
        margin: 4.5vw;
        /* padding: 4.5vw; */
    }

    .popup_contacts {
        display: none;
    }

    .section_mobile_info {
        height: 18vw;
        width: 100vw;
        margin: 2vw auto 2vw auto;
        display: flex;
        flex-direction: column;
        background: #f6fafa;
        justify-content: space-evenly;
        transition: 0.5s ease;
    }

    .mobile_info_container_big {
        display: flex;
        justify-content: space-evenly;
        /* margin-right: 7vw; */
    }

    .mobile_info_container {
        /* width: 47vw; */
        display: flex;
        margin-right: 7vw;
    }

    .geoicon {
        background-size: 4vw 4vw;
        width: 8vw;
        height: 8vw;
        margin: auto 0 auto 0;
        border-radius: 2vw;
    }

    .phoneicon {
        background-size: 4vw 4vw;
        width: 8vw;
        height: 8vw;
        margin: auto 0 auto 0;
        border-radius: 2vw;
    }

    .mobile_header_adress {
        display: flex;
        color: #666;
        margin: auto 0 auto 3vw;
        font-size: 2.3vw;
        font-family: Montserrat Regular;
        align-items: center;
    }

    .mobile_phone_container {
        display: flex;
        flex-direction: column;
        margin: auto 0 auto 3vw;
    }

    .header_phone, .header_hours {
        font-size: 2.3vw;
    }

    .header {
        font-size: 6.5vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }

    .about_txt_main {
        font-size: 4vw;
        margin-bottom: 6vw;
        line-height: 4.5vw;
    }

    .about_txt_side {
        font-size: 3.5vw;
        margin-bottom: 5vw;
        line-height: 4.5vw;
    }

    .about_table_item {
        width: 28vw;
    }

    .about_table_num {
        font-size: 9.5vw;
    }

    .about_table_info {
        font-size: 3.5vw;
    }

    .section_plus {
        margin-top: 10vw;
        flex-direction: column;
    }

    #plus_header {
        display: flex;
    }

    .plus_container {
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
    }

    .plus_item {
        width: 92vw;
        margin: 5vw auto 5vw auto;
        box-shadow: #bebebe 0.1vw 0.1vw 1vw, #fff -0.2vw -0.2vw 0.4vw;
        border-radius: 2vw;
        background: #fff;
        display: flex;
        flex-direction: column;
    }

    .plus_img {
        width: 92vw;
        height: 65vw;
        margin: 0 auto 4vw auto;
        border-top-left-radius: 2vw;
        border-top-right-radius: 2vw;
        border-bottom-left-radius: 0vw;
        border-bottom-right-radius: 0vw;
    }

    .plus_item:nth-child(1) .plus_img {
        background-position: 0vw -6vw;
    }

    .plus_item:nth-child(2) .plus_img {
        background-position: 0vw -40vw;
    }

    .plus_item:nth-child(3) .plus_img {
        background-position: 0vw -20vw;
    }

    .plus_txt_main {
        font-size: 4.8vw;
        margin: 0 0 4vw 4vw;
        line-height: 4.5vw;
    }

    .plus_txt_side {
        font-size: 3.5vw;
        margin: 0 0 4vw 4vw;
        line-height: 4.5vw;
    }

    .card {
        flex: 0 0 82%;
    }

    .card a {
        margin-left: 4vw;
        margin-top: 2vw;
        margin-bottom: 4vw;
    }

    .expert_img {
        height: 90vw;
    }

    #expert_img_alexander {
        background-position: 0vw -8vw;
    }

    .expert_name {
        font-size: 4.5vw;
        margin-left: 2.5vw;
        margin-top: 2vw;
    }

    .expert_info {
        font-size: 3vw;
        margin-left: 2.5vw;
    }

    .expert_readmore_link {
        font-size: 3vw;
        padding: 1.5vw 2vw 1.5vw 2vw;
        
    }

    .card:nth-child(2) .expert_img {
        background-position: 0vw -18vw;
    }

    .card:nth-child(3) .expert_img {
        background-position: 0vw -14vw;
    }

    .card:nth-child(5) .expert_img {
        background-position: 0vw -18vw;
    }

    .review_card {
        flex: 0 0 89.5%;
        padding: 3vw;
    }

    .review_card p {
        /* font-size: 2.5vw; */
        margin: 2vw;
        font-size: 3.5vw;
        /* margin: 0 3vw 3vw 3vw; */
        line-height: 4.5vw;
    }

    .review_card p span {
        font-size: 3.5vw;
        margin-top: 2.5vw;
    }

    .prodoc {
        width: fit-content;
    }

    .prodoc_txt {
        font-size: 2.5vw;
        margin: auto 1.5vw auto 1.5vw;
    }

    .prodoc_img {
        width: 8vw;
        height: 8vw;
    }

    .arrow, .review_arrow {
        width: 5vw;
        height: 5vw;
        border-radius: 5vw;
    }

    .articles_container {
        flex-wrap: wrap;
    }

    .articles_card {
        width: 90vw;
        margin-bottom: 8vw;
    }

    .articles_img {
        width: 90vw;
        height: 40vw;
        background-position: center;
    }

    .articles_header {
        font-size: 3.5vw;
        margin: 3vw;
    }

    .articles_preview_txt {
        font-size: 3.5vw;
        margin: 0 3vw 3vw 3vw;
        line-height: 4.5vw;
    }

    .articles_card a {
        margin: 3vw 4vw 3vw 3vw;
    }

    .section_articles a {
        margin-bottom: 6vw;
    }

    .articles_readmore_link {
        font-size: 3vw;
        padding: 1.5vw 2vw 1.5vw 2vw;
    }

    .articles_more_btn {
        font-size: 3vw;
        padding: 2.5vw 2.5vw 2.5vw 2.5vw;
        margin-bottom: 0;
    }

    .section_contacts {
        flex-wrap: wrap;
    }

    .contacts_info {
        width: 90vw;
    }

    .contacts_header {
        font-size: 5.5vw;
        margin-bottom: 3vw;
    }

    .contacts_txt_side {
        font-size: 3vw;
        margin-bottom: 1.5vw;
    }

    .contacts_txt_phone, .contacts_txt_main {
        font-size: 3vw;
        margin-bottom: 5vw;
    }

    .instagram, .whatsapp, .vk {
        width: 8vw;
        height: 8vw;
    }

    #map_container {
        width: 90vw; 
        height: 60vw;
        margin-bottom: 5vw;
        margin-top: 3vw;
    }

    #map_iframe {
        width: 90vw; 
        height: 60vw;
        margin-bottom: 5vw;
    }

    footer {
        /* height: 20vw; */
        flex-direction: column;
    }

    .footer_oferta {
        font-size: 2vw;
        margin: 5vw auto 5vw 5vw;
    }

    .footer_dev {
        font-size: 2vw;
        margin: 0 auto 5vw 5vw;
    }


    .hamburger {
        display: flex;
        position: fixed;
        flex-direction: column;
        justify-content: space-between;
        width: 6vw;
        height: 4vw;
        cursor: pointer;
        z-index: 1020;
        top: 6vw;
        right: 4vw;
    }

    .hamburger.in-menu {
        position: absolute;
        top: 6vw;
        right: 4vw;
        z-index: 1021;
    }

    .hamburger div {
        height: 0.65vw;
        /* width: 100%; */
        background-color: #5E6DBA;
        border-radius: 0.5vw;
        transition: 0.4s;
    }

    .mobile_menu {
        display: flex;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100vw;
        height: 100vh;
        background-color: white;
        flex-direction: column;
        /* align-items: flex-start; */
        justify-content: center;
        gap: 6vw;
        transition: left 0.3s ease;
        z-index: 999;
    }

    .mobilemenu_item {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: auto;
        margin-right: auto;

    }

    .mobilemenu_icon {
        width: 5vw;
        height: 5vw;
        background-size: cover;
        margin-right: 2vw;
    }

    #mobile_icon_home {
        background-image: url(/img/home.png);
    }

    #mobile_icon_services {
        background-image: url(/img/health.png);
    }

    #mobile_icon_experts {
        background-image: url(/img/people.png);
    }

    #mobile_icon_about {
        background-image: url(/img/about.png);
    }

    #mobile_icon_articles {
        background-image: url(/img/flipchart.png);
    }

    #mobile_icon_contacts {
        background-image: url(/img/socialnetwork.png);
    }

    .mobile_menu a {
        font-size: 6vw;
        font-family: Montserrat Semi Bold;
        color: #5E6DBA;
        text-decoration: none;
    }

    .mobile_menu .mobile_call {
        padding: 2vw 4vw;
        border: 0.5vw solid #5E6DBA;
        border-radius: 2vw;
        color: #5E6DBA;
        font-size: 6vw;
    }

    .mobile_menu.active {
        left: 0;
    }

    .hamburger.active div:nth-child(1) {
        transform: rotate(45deg) translate(1.2vw, 1vw);
    }

    .hamburger.active div:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active div:nth-child(3) {
        transform: rotate(-45deg) translate(1.3vw, -1.2vw);
    }

    .services_expert_container {
        height: 30vw;
    }

    .services_expert_img {
        height: 30vw;
        width: 30vw;
    }

    #services_img_alexander {
        background-position: 0vw -5vw;
    }

    #services_img_irina {
        background-position: 0vw -5vw;
    }
    
    .services_expert_header {
        margin-left: 3vw;
        justify-content: center;
    }

    .services_page_expert_name {
        font-size: 3.6vw;
        padding: 1.5vw 1.5vw 1.5vw 1.5vw;
        width: 40vw;
    }

    .services_page_speciality {
        font-size: 2.8vw;
        width: 40vw;
    }

    .services_page_services_container {
        flex-wrap: wrap;
    }

    #services_container_nomargintop {
        margin-bottom: 0;
    }

    #services_container_nomargin {
        margin-top: 0;
    }

    .services_page_services_card {
        width: 90vw;
        margin-right: 0;
        margin-bottom: 3vw;
    }

    .services_page_name {
        font-size: 3.4vw;
        padding: 3vw 2.5vw 0 3.5vw;
    }

    .services_page_txt_side {
        font-size: 2.8vw;
        padding: 1vw 2.5vw 3vw 3.5vw;
    }

    .services_page_name_small {
        font-size: 3.4vw;
        padding: 3vw 2.5vw 0 3.5vw;
    }

    .services_page_price {
        font-size: 2.8vw;
        padding: 0 2.5vw 3vw 3.5vw;
    }

    .services_page_services_card a {
        margin: auto 2.5vw 3.5vw 3.5vw;
    }

    .services_page_call {
        font-size: 2vw;
        padding: 1.5vw;
    }

    .experts_page_container {
        flex-wrap: wrap;
    }

    .expert_card {
        width: 90vw;
        margin-bottom: 4vw;
    }

    .expert_card a {
        margin: 4vw 1.5vw 4vw 4vw;
    }

    .experts_page_container:nth-child(2) .expert_card:nth-child(2) .expert_img {
        background-position: 0vw -18vw;
    }

    .experts_page_container:nth-child(2) .expert_card:nth-child(3) .expert_img {
        background-position: 0vw -15vw;
    }

    .experts_page_container:nth-child(3) .expert_card:nth-child(1) .expert_img {
        background-position: 0vw -18vw;
    }

    .section_contacts_page {
        flex-wrap: wrap;
    }


    .contacts_header_page {
        font-size: 5.5vw;
        margin-bottom: 3vw;
    }

    .contacts_txt_side_page {
        font-size: 3vw;
        margin-bottom: 1.5vw;
    }

    .contacts_txt_phone_page, .contacts_txt_main_page {
        font-size: 3vw;
        margin-bottom: 5vw;
    }

    .expert_page_img {
        width: 51vw;
        height: 51vw;
    }

    .expert_page_name {
        font-size: 4vw;
    }

    .expert_page_speciality {
        font-size: 2.5vw;
    }

    .expert_page_txt_main {
        font-size: 2.5vw;
    }

    .expert_page_txt_side {
        font-size: 2vw;
    }

    .expert_page_services_container {
        flex-wrap: wrap;
    }

    .expert_page_services_card {
        width: 90vw;
        margin-bottom: 3vw;
    }

    .services_name {
        font-size: 3.4vw;
        padding: 3vw 2.5vw 0 3.5vw;
    }

    .services_txt_side {
        font-size: 2.8vw;
        padding: 1vw 2.5vw 3vw 3.5vw;
    }

    .services_price {
        font-size: 2.8vw;
        padding: 0 2.5vw 3vw 3.5vw;
    }

    .expert_page_services_card a {
        margin: auto 2.5vw 3.5vw 3.5vw;
    }

    .services_call {
        font-size: 2vw;
        padding: 1.5vw;
    }

    .education_card {
        margin-top: 3vw;
    }

    .education_info {
        width: 80vw;
    }

    .education_icon {
        width: 10vw;
        height: 10vw;
    }

    .eductaion_txt_main {
        font-size: 3.7vw;
        margin-bottom: 2vw;
    }

    .education_txt_year {
        font-size: 3.2vw;
        margin-bottom: 2vw;
    }

    .education_txt_side {
        font-size: 3.8vw;
        margin-bottom: 2vw;
    }

    .education_txt_qualification {
        font-size: 3.5vw;
    }

    .docs_more_btn {
        font-size: 3vw;
        padding: 2.5vw;
    }

    .articlepage_container_with_photo {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .acticlepage_banner {
        width: 90vw;
        height: 90vw;
        margin: 0;
    }

    .articlepage_txt_container {
        width: 90vw;
    }

    .articlepage_txt {
        font-size: 3.5vw;
        margin-top: 1.5vw;
        line-height: 4.5vw;
    }

    .section_articlepage a {
        margin-top: 6vw;
        margin-bottom: 6vw;
    }
        
}