html, body {
     font-family: "Noto Sans", sans-serif;
     font-optical-sizing: auto;
     font-style: normal;
     font-variation-settings: "wdth" 100;
     min-width: 344px;
}
 body {
     border-top: solid 4px #a3cfd1;
}
 .container-xxl {
     padding-right: 2vw;
     padding-left: 2vw;
}
 .navbar {
     height: 8vw;
     background: #e8f5fd;
     min-height: 60px;
     max-height: 120px;
}
 .navbar-nav .nav-item {
     margin-left: 40px;
     color: #000;
}
 .navbar-nav .nav-item.phone a.nav-link {
     margin-left: 20px;
     color: #cc5a24;
     font-weight: normal;
}
 .navbar-nav .nav-item a.nav-link {
     color: #333;
     font-weight: 500;
     border-bottom: solid 2px transparent;
     padding: 0;
     margin: 0;
}
 .navbar-nav .nav-item a:hover {
     border-bottom: solid 2px #cc5a24;
     color: #cc5a24;
}
 .logo-top-full {
     max-width: 180px;
     width: 20vw;
}
 .logo-top-small {
     width: 50px;
}
 .dropdown-item.active, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active, .dropdown-item.active, .dropdown-item:focus {
     background-color: transparent;
}
 .dropdown-menu li, .dropdown-menu li:hover {
     background-color: transparent !important;
}
 .dropdown-toggle.show {
     color: #cc5a24;
}
 .main-top-2 h2 {
     margin-bottom: 3vw;
}
 .static-top-2 h2 {
     margin-bottom: 2vw;
}
 .main-top-3 h2 {
     margin-bottom: 3vw;
}
 .main-tiles h3 {
     margin-right: 15px;
}
 .main-sub-tiles .head.review h4 {
     text-align: center;
     color: #000;
     font-weight: normal;
     font-family: "Playfair Display", serif;
     z-index: 100;
}
 .specialist .info h3 b {
     font-family: "Playfair Display", serif;
}

.specialist .info a {
    text-decoration: none;
    color: #000;
}


/* MEDIA */
 @media only screen and (min-width: 1101px) {
     .main-sub-tiles .head.review h4 {
         padding: 0 4vw;
         margin: 5vw 0;
         font-size: 17px;
         line-height: 1.4;
    }
     .specialists-slider .specialist {
         height: calc(30rem + 0.6vw) !important;
         margin: 0 0.4vw;
    }
     .specialist .info h3 {
         font-size: calc(0.8rem + 0.4vw) !important;
         font-weight: normal;
    }
     .specialist .info h3 b {
         font-family: "Playfair Display", serif;
    }
    .specialist .info h4 {
         font-size: 13px;
         font-weight: normal;
    }
     .specialist .info {
         height: calc(8rem + 0.8vw) !important;
    }
}
 @media only screen and (max-width: 1100px) {
     .main-sub-tiles .head.review h4 {
         padding: 0 5vw;
         margin: 6vw 0;
         font-size: 16px;
         line-height: 1.4;
    }
     .specialist .info {
         height: calc(8rem + 0.5vw) !important;
    }
     .specialists-slider .specialist {
         height: 35vw;
         margin: 0 0.4vw;
    }
     .specialist .info h3 {
         font-size: calc(0.8rem + 0.5vw) !important;
         font-weight: normal;
    }
     .specialist .info h4 {
         font-size: calc(0.4rem + 0.6vw) !important;
         font-weight: normal;
    }
}
 @media only screen and (max-width: 992px) {
     .logo-top-full {
         width: 13vw;
    }
     .offcanvas-title {
         display: none;
    }
     .offcanvas-header {
         position: absolute;
         right: 0;
         top: 0;
         z-index: 1000;
    }
     .offcanvas-body {
         padding-top: 1.2rem;
    }
     .navbar-nav .nav-item {
         margin-bottom: 13px;
    }
     .navbar-nav .nav-item.phone a.nav-link {
         margin-left: 0;
         margin-top: 20px;
    }
     .navbar-nav .nav-link {
         font-size: 18px;
    }
     .navbar-nav .nav-item a.nav-link, .navbar-nav .nav-item a.nav-link:hover {
         border-bottom: 0;
    }
     .navbar-nav .dropdown-menu {
         background-color: #ccc;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none !important;
         padding-top: 0 !important;
    }
     .navbar-nav .dropdown-menu a {
         padding: 10px 0 0 10px !important;
    }
     .offcanvas-header .btn-close {
         width: 1em;
         height: 1em;
         font-size: 1.5em;
         padding: 20px;
         margin: calc(-0.7 * var(--bs-offcanvas-padding-y)) calc(-0.7 * var(--bs-offcanvas-padding-x)) calc(-0.7 * var(--bs-offcanvas-padding-y)) auto;
    }
     .specialists-slider .specialist {
         height: 60vw !important;
         margin: 0 0.4vw;
    }
     .specialist .info h3 {
         font-size: calc(0.7rem + 0.9vw) !important;
         font-weight: normal;
    }
     .specialist .info h4 {
         font-size: calc(0.4rem + 0.9vw) !important;
         font-weight: normal;
    }
     .specialist .info {
         height: 14vw !important;
    }
}
 @media only screen and (max-width: 768px) {
     .sm-text-start {
         text-align: left !important;
    }
     .specialists-slider .specialist {
         height: 70vw;
         margin: 0 0.4vw;
    }
     .specialist .info {
         height: calc(8.5rem + 0.3vw) !important;
    }
     .specialist .info h4 {
         font-size: calc(0.5rem + 0.9vw) !important;
         font-weight: normal;
    }
     .specialist .info h3 {
         font-size: calc(1rem + 0.9vw) !important;
         font-weight: normal;
    }
     .main-top-1 {
         margin: 6vw auto 4vw auto !important;
    }
     .specialist-top-1 {
         margin: 6vw auto 4vw auto !important;
     }
     .static-top-1 {
         margin: 6vw auto 4vw auto !important;
    }
     .main-sub-tiles .item-2 {
         margin-top: 30px;
    }
}
 @media only screen and (max-width: 576px) {
     .logo-top-small {
         width: 9vw;
         margin-left: 5px;
    }
     .specialists-slider .specialist {
         height: 120vw !important;
         margin: 0 0.4vw;
    }
     .specialist .info {
         height: calc(8rem + 0.5vw) !important;
    }
     .specialist .info h4 {
         font-size: calc(0.6rem + 0.9vw) !important;
         font-weight: normal;
    }
     .specialist .info h3 {
         font-size: calc(1rem + 0.9vw) !important;
         font-weight: normal;
    }
     .xs-text-start {
         text-align: left !important;
    }
     .main-top-2 {
         padding-top: 7vw;
         padding-bottom: 7vw;
    }
     .static-top-2 {
         padding-top: 7vw;
         padding-bottom: 7vw;
    }
     .main-top-3 {
         padding-top: 5vw;
         padding-bottom: 5vw;
    }
     .main-top-2 h2 i {
         font-size: calc(1rem + 0.9vw) !important;
    }
     .main-top-2 h2 i, .main-top-2 h2 em {
         font-size: calc(1rem + 0.9vw) !important;
    }
}
/* END MEDIA */
 .dropdown-toggle::after {
     display: none;
}
 .navbar-nav .dropdown-menu {
     border: 0;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     background-color: #fff;
     -webkit-box-shadow: 0px 11px 16px 2px rgba(34, 60, 80, 0.37);
     -moz-box-shadow: 0px 11px 16px 2px rgba(34, 60, 80, 0.37);
     box-shadow: 0px 11px 16px 2px rgba(34, 60, 80, 0.37);
}
 .dropdown-menu[data-bs-popper] {
     top: 118%;
}
 .navbar-nav .dropdown-menu li:hover {
     background-color: #e8f5fd;
}
 .navbar-nav .dropdown-menu a {
     padding: 10px 20px;
}
 .navbar-nav .dropdown-menu a:hover {
     border: 0;
}
 .navbar-toggler:focus {
     box-shadow: none;
}
 .header-contacts {
     margin-right: 25px;
     font-size: 14px;
     text-align: right;
}
 .main-top-1-wrapper {
     background: #e8f5fd;
     width: 100%;
     overflow: hidden;
}

.static-top-1-wrapper {
     width: 100%;
     overflow: hidden;
     margin-top: 2vw;
}

 .page-content-1 {
     vertical-align: middle;
     height: 100%;
     margin: 1vw auto 2vw auto;
     overflow: hidden
}

 .main-top-1 {
     max-height: 180px;
     height: 20vw;
     text-align: center;
     vertical-align: middle;
     height: 100%;
     margin: 1vw auto 2vw auto;
}

 .specialist-top-1 {
     height: 100%;
     margin: 3vw auto 2vw auto;
}

 .static-top-1 {
     max-height: 180px;
     height: 20vw;
     text-align: center;
     vertical-align: middle;
     height: 100%;
     margin: 1vw auto 2vw auto;
}

 .main-top-2, .main-top-3 {
     max-height: 180px;
     height: 20vw;
     text-align: center;
     vertical-align: middle;
     height: 100%;
     margin: 3vw auto 2vw auto;
}

.static-page ul {
    padding-left: 0;
}

.static-page ul li {
    list-style-type: "— ";
    margin-bottom: 15px;

}

.static-page p, .static-page ul li {
     font-size: calc(0.3rem + 0.8vw);
}

.static-top-2 {
     max-height: 180px;
     text-align: center;
     vertical-align: middle;
     margin: 4vw auto 2vw auto;
}

 .main-top-3 h2 i {
     color: #cc5a24;
}
 .main-top-2 h2 i {
     font-family: "Playfair Display", serif;
     font-optical-sizing: auto;
     color: #cc5a24;
     font-size: calc(1rem + 0.9vw);
}
 .static-top-2 h2 {
     font-size: 1.8rem;
 }
 .static-top-2 h2 i,  .static-top-2 h2 em {
     font-family: "Playfair Display", serif;
     font-optical-sizing: auto;
     color: #cc5a24;
     font-size: calc(0.7rem + 0.9vw);
}
 .main-top-1 i {
     font-family: "Playfair Display", serif;
     font-optical-sizing: auto;
     color: #cc5a24;
     font-size: 2.3vw;
}
 .main-top-1 h1 {
     font-size: calc(1.325rem + 0.9vw);
     font-weight: 400;
     line-height: 1.1;
}
 .main-top-1 h1 i {
     font-size: calc(1rem + 0.9vw) !important;
}
 .main-top-1 p {
     margin-top: 2vw;
     font-size: calc(0.6rem + 0.8vw) !important;
     font-weight: normal;
}

 .static-top-1 i {
     font-family: "Playfair Display", serif;
     font-optical-sizing: auto;
     color: #cc5a24;
}
 .static-top-1 h1 {
     font-size: calc(1.325rem + 0.9vw);
     font-weight: 400;
     line-height: 1.1;
}
 .static-top-1 h1 i {
     margin-top: 1vw;
     font-size: calc(0.6rem + 0.9vw) !important;
}
 .static-top-1 p {
     margin-top: 2vw;
     font-size: calc(0.6rem + 0.8vw) !important;
     font-weight: normal;
}

 .specialist {
     position: relative;
}
 .specialist .photo {
     width: 100%;
     height: 100%;
     border-radius: 10px;
}
 .specialist .info {
     display: table-cell;
     vertical-align: bottom;
     border-radius: 10px;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 10px;
     backdrop-filter: blur(1px);
     background: linear-gradient( rgba(232, 245, 253, 0.95), rgba(232, 245, 253, 0.95) );
     background-size: cover;
     background-position: center;
     color: #000;
     padding: 10px 10px;
     overflow: hidden;
     -webkit-box-shadow: 0px 2px 0px 2px rgba(255, 255, 255, 1);
     -moz-box-shadow: 0px 2px 0px 2px rgba(255, 255, 255, 1);
     box-shadow: 0px 2px 0px 2px rgba(255, 255, 255, 1);
}
 .main-specialists-wrapper {
     padding-top: 1.2vw;
     background-image: linear-gradient( to bottom, #e8f5fd, #f0f7fe, #f6f9ff, #fbfcff, #ffffff );
     background: rgb(232, 245, 253);
     background: linear-gradient( 180deg, rgba(232, 245, 253, 1) 0%, rgba(232, 245, 253, 1) 9%, rgba(255, 255, 255, 1) 100% );
}
 .main-sub-tiles .head {
     min-height: 20vw;
     border-radius: 1vw;
     color: #fff;
     position: relative;
}
 .main-sub-tiles .review {
     background-color: #e8f5fd;
     background-image: url("../themes/mirpa-theme//assets/css/img/quotes.png");
     background-position: center top;
     background-size: 20%;
     background-repeat: no-repeat;
     display: flex;
     align-items: center;
     position: relative;
}
 .review span {
     display: block;
     margin-top: 8px;
     color: #000;
     font-weight: bold;
}
 .main-sub-tiles .promo {
     background-color: #cd5a24;
     position: relative;
     background-image: url("../themes/mirpa-theme//assets/css/img/stetho.png");
     background-position: right top;
     background-size: 50%;
     background-repeat: no-repeat;
     text-align: left;
     height: 100%;
     min-height: 180px;
}
 .main-sub-tiles .promo .label {
     background-color: #e8f5fd;
     color: #000;
     display: inline-block;
     margin-left: 20px;
     margin-top: 20px;
     padding: 3px 15px;
     font-size: 20px;
     border-radius: 6px;
}
 .main-sub-tiles .promo .content {
     position: absolute;
     bottom: 20px;
     left: 20px;
     font-size: 2vw;
}
 .main-sub-tiles .promo .content h3 {
     font-weight: bold;
     font-size: calc(1.2rem + 0.9vw);
     padding-right: 15px;
}
 .main-sub-tiles .promo .content .old {
     color: #eee;
     font-size: calc(0.8rem + 0.9vw);
     text-decoration: line-through;
     font-family: "Playfair Display", serif;
}
 .main-sub-tiles .promo .content .new {
     font-size: calc(1rem + 0.9vw);
     line-height: 3vw;
     font-weight: bold;
     margin-bottom: 0.5vw;
     font-family: "Playfair Display", serif;
}
 .main-tiles .head {
     height: 20vw;
     min-height: 140px;
     border-radius: 1vw;
     text-align: left;
     padding-left: 2vw;
     padding-top: 1vw;
     line-height: 1.2;
     font-family: "Playfair Display", serif;
     font-style: italic;
     font-size: 1.8vw;
     color: #fff;
     position: relative;
}


 .main-tiles a {
     text-decoration: none;
 }
 
  .main-tiles a:hover {
     color: #cd5a24;
 }
 

 .main-tiles .item-1, .main-tiles .item-2, .main-tiles .item-3, .main-tiles .item-4, .main-tiles .item-5 {
     position: relative;
}
/*  .main-tiles .estet {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("img/tiles/estet-2.jpg");
    background-size: cover;
    background-position: center;
    color: #fff;
}
.main-tiles .gyne {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("img/tiles/gyne-2.jpg");
    background-size: cover;
    background-position: center;
}
.main-tiles .gen {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("img/tiles/gen.jpg");
    background-size: cover;
    background-position: center;
}
.main-tiles .diag {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("img/tiles/diag.jpg");
    background-size: cover;
    background-position: center;
}
.main-tiles .anlz {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("img/tiles/anlz.jpg");
    background-size: cover;
    background-position: center; */
}
 .main-tiles .gen h3 {
     font-weight: regular;
}
 .main-tiles .sub {
     position: absolute;
     bottom: 2vw;
     left: 2vw;
     color: #fff;
     padding-top: 1vw;
     text-align: left;
     right: 2vw;
     font-size: 14px;
}

.features .f-item {
    margin: 0 auto 45px;
}

.features img {
    width: calc(3.6rem + 0.6vw) !important;
    display: block;
    margin: 0 auto 10px;
}

.features {
    margin-bottom: 2vw;
    line-height: 1.4;
    margin-top: 5vw;
    font-size: calc(0.6rem + 0.6vw) !important;
}

footer .phone:hover {
     color: #cd5a24 !important;
}
 footer a:not(.call-me) {
     color: #000;
}
 footer a:not(.call-me):hover {
     color: #cd5a24;
}
 .c {
     color: #cd5a24 !important;
}
 footer .nav-link {
     display: inline;
     line-height: 1.2;
}
 .animate {
     animation-duration: 0.3s;
     -webkit-animation-duration: 0.3s;
     animation-fill-mode: both;
     -webkit-animation-fill-mode: both;
}
 @keyframes slideIn {
     0% {
         transform: translateY(1rem);
         opacity: 0;
    }
     100% {
         transform: translateY(0rem);
         opacity: 1;
    }
     0% {
         transform: translateY(1rem);
         opacity: 0;
    }
}
 @-webkit-keyframes slideIn {
     0% {
         -webkit-transform: transform;
         -webkit-opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0);
         -webkit-opacity: 1;
    }
     0% {
         -webkit-transform: translateY(1rem);
         -webkit-opacity: 0;
    }
}
 .slideIn {
     -webkit-animation-name: slideIn;
     animation-name: slideIn;
}

table.prices {
    padding: 0;
    width: 100%;
}

table.prices td, table.prices th {
    border: solid 1px #ddd;
    padding: 15px 25px;
}

table.prices tr:nth-child(odd) {
  background-color: #efefef;
}

table.prices th {
    background-color: #edf2ed;
}

table.prices td.type {
    background-color: #efddd2;
    text-transform: uppercase;
}

.page-content-1 h1 {
    font-size: calc(1.2rem + 0.4vw) !important;
    font-weight: bold;
}

 @media only screen and (max-width: 768px) {
     
    table.prices td {
        display: block;
        border: 0;
        padding: 0 0 0 10px;
    }

    table.prices td:nth-child(2) {
        display: none;
    }
    
    table.prices td:nth-child(1) {
        margin-top: 15px;
    }
    
    table.prices td:nth-child(3) {
        margin-bottom: 15px;
    }
    
    table.prices th {
        display: none;    
    }
    
    table.prices td.type {
        margin: 0;
    }
    
 }
 
.static-page h3 {
     font-size: calc(0.8rem + 0.6vw);
}
    
.contacts h4 {
     font-size: calc(0.7rem + 0.6vw); 
}

.contacts h5 {
     font-size: calc(0.5rem + 0.6vw); 
}

.contacts .info p {
     font-size: calc(0.7rem + 0.4vw);
}

.contacts .info a {
    color: #cc5a24;
    text-decoration: none;
    border-bottom: solid 1px #cc5a24;
}
.contact-form input {
    border: solid 1px #ccc;
    border-radius: 3px;
    margin-bottom: 15px;
}

.contact-form button {
    margin-top: 10px;
    background-color: #cc5a24;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 10px 25px;
}

.alert.alert-success.alert-dismissible button {
    display: none;
}

.alert.alert-success.alert-dismissible p {
    padding; 0;
    margin: 0
}

.alert.alert-success.alert-dismissible {
    padding: 10px 20px;
}

.tbl-5 td, .tbl-5 th {
    padding: 5px;
    border: solid 1px #ccc;
}

.tbl-5 tr:nth-child(odd) {
  background-color: #efefef;
}

.tbl-5 th {
  background-color: #fff;
}

.nav-item.active .nav-link {
    color: #cc5a24 !important;
    border-bottom: solid 2px #cc5a24 !important;
}

.dropdown-menu li.active a {
    color: #cc5a24 !important;
}

.modal .btn-primary {
    background-color: #cd5a24;
    border: 0;
}

.modal .btn-secondary {
    background-color: #ccc;
    border: 0;
    color: #000;
}

.modal-header {
    border: 0;
}

.appointment-button-main {
    border-radius: 5vh;
    background-color: #cc5a24;
    border: solid 2px #cc5a24;
    color: #fff;
    padding: 8px 25px;
}

.appointment-button-main:hover {
    background-color: #fff;
    color: #000;
    border: solid 2px #cc5a24;
}

.modal a {
    color: #cc5a24;
    text-decoration: none;
    border-bottom: solid 1px transparent;
}

.modal a:hover {
    border-bottom: solid 1px #cc5a24;
}

.modal h5 {
    position: relative;
    padding-left: 27px;
}
   

.modal h5 i {
    position: absolute;
    left: 0;
    top: 2px;
}
    
.specialist-page h1 {
     font-size: calc(1.125rem + 0.9vw);
     font-weight: 400;
     line-height: 1.1;
}

.specialist-page h2 {
     font-size: calc(0.9rem + 0.1vw);
     font-weight: 400;
     line-height: 1.4;
}

.specialist-page h4 {
     font-size: calc(0.9rem + 0.2vw);
     font-weight: 600;
     line-height: 1.4;
     margin-bottom: 5px;
     margin-top: 15px;
}

.specialist-page .desc {
     font-size: calc(0.9rem + 0.1vw);
     line-height: 1.4;
     margin-top: 1.2vw;
     background-color: #e8f5fd;
     padding: 20px 30px;
}

.specialist-page .desc p {
     font-size: calc(0.9rem + 0.1vw);
    margin: 0;
    padding: 0 0 10px;
}  

.appointment-button {
    border-radius: 5vh;
    background-color: #cc5a24;
    border: solid 2px #cc5a24;
    color: #fff;
    padding: 8px 25px;
    width: 100%;
}

.appointment-button:hover {
    background-color: #fff;
    color: #000;
    border: solid 2px #cc5a24;

}

.specialist-page .background {
    line-height: 1.4;
}

.specialist-page .specialist-photo {
    margin-bottom: 10px;
    width: 100%;
    max-width: 300px;
}

.specialist-page .specialist-photo-small {
    width: 300px;  
    border-radius: 150px;
    margin: 0 auto 10px auto;
}

.specialist-page .background h3 {
     font-size: calc(0.8rem + 0.9vw);
     font-weight: 600;
     line-height: 1.4;
     margin-bottom: 1vw;
}

.specialist-page .background .item {
    margin-bottom: 30px;
}

.specialist-page .background .dates {
    font-weight: bold;
    margin-bottom: 5px;
}

.specialist-page .background .info {
    position: relative;
    padding-top: 4px;
}

.specialist-page .background .info:before {
   content: "";
   width: 20px;
   border-top: #cc5a24 2px solid;
   position: absolute;
   top: 0px;
   left: 0px;
}

.specialist-page .specialist-top-1 .services {
    margin-top: 0;
}

.specialist-page .specialist-top-1 .services a {
    border: solid 1px #cc5a24;
    padding: 5px 10px;
    border-radius: 20px;
    text-decoration: none;
    color: #000;
    margin-right: 10px;
    white-space: nowrap;
    line-height: 3;
}

.specialist-page .specialist-top-1 .services a:hover {
    border: solid 1px #cc5a24;
    background-color: #cc5a24;
    color: #fff;
}

.specialist-page .appointment-button {
    max-width: 250px;
}


.section {
    margin-top: 5vh;
    margin-bottom: 7vh;
    background-color: #e8f5fd;
    padding: 1px 20px 30px 20px;
    border-radius: 3vw;
}

.section p, .section ul li {
    font-size: calc(0.3rem + 0.7vw);
/*     list-style: none; */
}

/* .section ul li:before {
  content: "–";
  padding-right: 5px;
} */

.section ul li {
    margin-bottom: 6px;
    line-height: 1.3;
}

.color-orange {
    color: #cc5a24 !important;
}


.section .sub-service {
    line-height: 1;
    font-size: calc(0.6rem + 0.5vw);
    display: block;
}

.section .num {
    font-size: 1.8rem;
    border-radius: 50%;
    border: solid 1px #cc5a24;
    width: 50px;
    height: 50px;
    line-height: 38px;
    text-align: center;
    margin: 0 auto 10px;
    font-family: "Playfair Display", serif;
}