*{
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none;
    border: none;
    text-decoration: none;
    color: inherit;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html, body {height: 100%;}

body {
	background: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #493D36;
}
body.active {overflow: hidden;}

h1 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.2;
}

h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.2;
    color: #373737;
    margin-bottom: 30px;
} 

h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 30px;
}

img {
    max-width: 100%;
    height: auto;
}

:root {
    --akcent-c: #ff2300;
}

.d-flex {display: flex;}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reception .flex {
    justify-content: space-between;
}

.row {
	display: flex;
	flex-wrap: wrap;
    margin: 0 -15px;
}
.col-2 > div,
.col-2 > ul,
.col-2 > li {width: 50%;}

.col-3 > div,
.col-3 > ul,
.col-3 > li {width: 33.3333%;}

.col-4 > div,
.col-4 > ul,
.col-4 > li {width: 25%;}

.col-5 > div,
.col-5 > ul,
.col-5 > li {width: 20%;}

.col-6 > div,
.col-6 > ul,
.col-6 > li {width: 16.6666%;}

.col-7 > div,
.col-7 > ul,
.col-7 > li {width: 14.2857%;}

.btn {
    display: inline-flex;
    align-items: center;
    padding: 20px 28px;
    line-height: 1;
    font-weight: bold;
    color: #007437;
    /*background: #007437;*/
    /*border-radius: 6px;*/
    text-transform: uppercase;
    font-size: 13px;
    white-space: nowrap;
    background-color: #fae717;
    border-radius: 8px;
    box-shadow: 0 8px 10px rgba(255, 200, 0, .2);
    cursor: pointer;
}

.btn:hover {
    opacity: 0.8;
}

.btn:after {
    content: '';
    min-width: 18px;
    height: 14px;
    background: url(../img/icon/ic-arrow.svg) no-repeat center;
    margin-left: 10px;
    background-size: 100%;
}

.feedback.btn {
    /*background: #007437;*/
    /*color: #fae717;*/
}

.feedback.btn:after, .doctor_btn.btn:after {
    display: none;
}
/*  SLIDER 
------------------------------------------------- */
.swiper-initialized {
    overflow: hidden;
    /*padding: 0 2px;*/
}

.swiper-slide {
    height: auto;
}

.swiper-slide .image img {
    display: block;
    width: 100%;
}

.swiper-pagination {
    bottom: 55px!important;
}

.swiper-pagination-bullet {
    min-width: 16px;
    min-height: 16px;
    margin: 0 5px!important;
    border-radius: 50%;
    border: 1px solid #007437;
    cursor: pointer;
    background: transparent;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #007437;
}

.slide-btn {
    min-width: 26px;
    height: 15px;
    cursor: pointer;
    margin: 0 12px;
    padding: 10px 0;
    transition: all 0.3s ease;
    opacity: 0.2;
}
.slide-btn:hover {opacity: 1;}

.slide-btn.prev,
.review-prev {
    background: url(../img/icon/ic-prev.svg) no-repeat center;
    background-size: contain;
}
.slide-btn.next,
.review-next {
    background: url(../img/icon/ic-next.svg) no-repeat center;
    background-size: contain;
}

/*  POPUP
------------------------------------------------- */
.popup-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -999999;
    background: #777;
    opacity: 0;
}

.popup-overlay.active {
    z-index: 999999;
    opacity: 0.5;
}

.popup {    
    position: fixed;
    left: 50%;
    top: 10%;   
    transform: translateX(-50%);
    z-index: -9999991;
    transition: all 0.3s ease;
    opacity: 0;
}

.popup.active {
    z-index: 9999991;
    opacity: 1;
}

.main-popup {
    box-shadow: 0px 5px 20px rgba(114, 129, 148, 0.2);
    padding: 50px;
    background: #fff;
    width: 100%;
}

.popup-close {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 75px;
    background: url(../img/icon/popup-close.svg) no-repeat center;
    transition: all 0.3s ease;
}
.popup-close:hover {opacity: 0.5;}



/*  POPUP-SEARCH 
------------------------------------------------- */
.popup-search {
    /*display: flex;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
}

.popup-search .popup-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 150px;
}

.popup-search .popup-wrap::-webkit-scrollbar {width: 4px;}
.popup-search .popup-wrap::-webkit-scrollbar-thumb {  
    background: #eee;
    border-radius: 2px;
}

.popup-search .wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.popup-search h3 {
    font-size: 42px;
    margin-bottom: 40px;
    font-weight: 600;
}

.popup-search ul li + li {
    margin-top: 25px;
}

.popup-search ul li a {
    font-size: 20px;
}
.popup-search ul li a:hover {
    text-decoration: underline;
}
.popup-search .link {
    font-size: 22px;
    font-weight: 600;
    color: #007437;
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.popup-search .link:after {
    content: '';
    width: 22px;
    height: 15px;
    background: url(../img/icon/gren-arr.svg) no-repeat center;
    margin-left: 17px;
    margin-top: 3px;

}

.popup-search .link:hover {
    text-decoration: underline;
}

.form-search .box {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 2px solid #E5E5E5;
    align-items: center;
}
.form-search .box:before {
    content: '';
    width: 82px;
    height: 82px;
    margin-right: 25px;
    background: url(../img/icon/ic-search-popup.svg) no-repeat center;
    background-size: contain;
}

.form-search input[type="search"] {
    width: 100%;
    display: block;
    margin: 0;
}

.form-search input[type="search"] {
    font-size: 30px;
    line-height: 40px;
}

.form-style input::-moz-placeholder {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 60px;
    color: #493D36;
}
.form-style input::-webkit-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 60px;
    color: #493D36;
    
}
.form-style input:-moz-placeholder {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 60px;
    color: #493D36;
    
}
.form-style input:-ms-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 60px;
    color: #493D36;
}

.form-search .text {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    opacity: 0.4;
}

.popup-search .wrap {margin-top: 80px;}

.form-search input[type="search"] {
    font-size: 30px;
    line-height: 40px;
}

.form-style input::-moz-placeholder {
    font-size: 30px;
    line-height: 40px;
}
.form-style input::-webkit-input-placeholder {
    font-size: 30px;
    line-height: 40px;
}
.form-style input:-moz-placeholder {
    font-size: 30px;
    line-height: 40px;
}
.form-style input:-ms-input-placeholder {
    font-size: 30px;
    line-height: 40px;
}

.form-search .box:before {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.resume {
    margin: 75px auto;
    max-width: 800px;
}

.resume .text-wrap + .text-wrap {margin-top: 90px;}

.resume .min-title {margin-bottom: 0px;}

.resume .min-title strong,
.resume .min-title a {
    /*font-size: 22px;*/
    font-weight: 600;
}

.resume .lor {
    /*font-size: 22px;*/
    color: #007437;
    background: yellow;
}

.resume-item {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 55px;
    background: #f3f3f3;
    border-radius: 18px;
}

.resume-item .inner {
    display: flex;
}

.resume-item .image {
    flex-shrink: 0;
    margin-right: 40px;
    border-radius: 18px;
}

/*  SELECT 
------------------------------------------------- */
.select {
    position: relative;
    cursor: pointer;
}

.select .view {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 8px;
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
    height: 40px;
    background: #fff;
    transition: all 0.3s;
    border: 1px solid transparent;
}

.select .view:after {
    content: '';
    width: 12px;
    height: 8px;
    background: url(../img/icon/ic-down.svg) no-repeat center;
    background-size: cover;
    opacity: 0.6;
}

.select .view span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    width: 75%;
}

.select .delet {
    width: 15px;
    height: 15px;
    background: #fff url(../img/icon/ic-close.svg) no-repeat center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    display: none;
}
.select .delet.active {display: block;}

.select.open .view:after {transform: rotate(180deg);}

.select.open .view {
    border-radius: 5px 5px 0 0;
}

.select > ul {
    position: absolute;
    width: 100%;
    top: 100%;
    display: none;
    font-size: 15px;
    padding-bottom: 15px;
    background: #fff;
    z-index: 11;
    border-radius: 0 0 5px 5px;
    border-top: 0px;
} 
.select > ul.active {
    display: block;
}

.select > ul li {
    color: #2B2B2B;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid transparent;
    padding: 7px 15px;
}

.select .view:hover {
    border: 1px solid #f7f7f7;
    background: #ffffff;
}

.select > ul li:hover {
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
}
.select > ul li + li {margin-top: 0px;}

/*  TABS
------------------------------------------------- */
.tabs-nav {
    display: flex;
    align-items: center;
}
.tabs-nav > li {
    padding: 5px 0 5px 0px;
    border-left: 3px solid transparent;
    cursor: pointer;
}

.tabs-content > li {display: none;}
.tabs-content > li.active {display: block;}

/*  ACORDEON. 
------------------------------------------------- */
.acordeon .acordeon-wrap {
    width: 100%;
    position: relative;
}

.acordeon-btn {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    transition: all 0.5s ease;
}

.acordeon-btn:after {
    content: '';
    width: 10px;
    height: 10px;
    background: url(../img/icon/ic-accordeon.svg) no-repeat center;
    background-size: cover;
}

.acordeon-btn.active:after {transform: rotate(180deg);}

.acordeon-content {
    height: 0px;
    width: 100%;
    overflow: hidden;
    transition: height 0.3s ease;
}

/*  MAIN-ACORDEON
------------------------------------------------- */
.main-acordeon .acordeon-btn {
    background-color: #fff;
    /*padding: 45px 55px;*/
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid #E5E5E5;
    border-radius: 18px;
    font-weight: 500;
    /*font-size: 32px;*/
}

.main-acordeon .acordeon-btn:after {
    content: '';
    width: 21px;
    height: 11px;
    margin-left: 40px;
    margin-top: 5px;
}

.main-acordeon .acordeon-content .inner {
    background: #fff;
    border-radius: 0 0 18px 18px;
    padding: 45px 30px 20px;
}

.main-acordeon .acordeon-wrap + .acordeon-wrap {
    margin-top: 15px;
}

/*  MOBILE-ACORDEON
------------------------------------------------- */
.mobile-acordeon .acordeon-btn {
    padding: 16px 5px 8px 0;
    font-weight: 600;
    font-size: 17px;
}

.mobile-acordeon .acordeon-btn:hover {color: #007437;}
.mobile-acordeon .acordeon-btn.active {border-bottom: none;}

.mobile-acordeon .acordeon-btn:after {
    width: 14px;
    height: 7px;
    margin-top: 0;
}

.mobile-acordeon .acordeon-wrap {border-bottom: 1px solid #E5E5E5;}
.mobile-acordeon .menu li {margin-bottom: 12px;}
.mobile-acordeon .menu li:first-child {margin-top: 4px;}
.mobile-acordeon .menu li a {transition: all 0.3s ease;}
.mobile-acordeon .menu li a:hover {
    color: #007437;
    text-decoration: underline;
}



.center {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 0 70px;
}

/*  HEADER 
------------------------------------------------- */
.header {
    padding: 25px 0;
    z-index: 20;
    position: relative;
    box-shadow: 0 4px 10px 0px rgba(0,0,0,0.05);
}

.logo {
    min-width: 200px;
    max-width: 200px;
    height: 40px;
    background: url(../img/logo.svg) no-repeat center;
    background-size: contain;
    /*margin-right: 40px;*/
}


.nav {display: flex;}
.nav li + li {margin-left: 45px;}
.nav a {
    font-weight: bold;
    display: block;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    position: relative;
    color: #373737;
}

.nav a:hover {
    color: #007437;
    /*text-decoration: underline;*/
}

.nav a:after {
    content: "";
    display: block;
    height: 3px;
    background-color: #fdda01;
    -webkit-transition: right .2s linear;
    -o-transition: right .2s linear;
    transition: right .2s linear;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 100%;
}

.nav a:hover:after {
    right: 0;
}

.head-btn {
    font-size: 14px;
    color: #493D36;
}
.head-btn:hover {
    color: #007437;
}

.head-btn:after {
    content: '';
    display: inline-flex;
    vertical-align: middle;
    width: 12px;
    height: 6px;
    margin-left: 8px;
    background: url(../img/icon/ic-down-2.svg) no-repeat center;
    background-size: 12px 6px;
}

.head-btn:before {
    content: '';
    display: inline-flex;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin-right: 12px;
    background: url(../img/icon/ic-map.svg) no-repeat center;
    background-size: contain;
}


.head-btn-mob {
    font-size: 14px;
    color: #493D36;
    width: 100%;
    display: inline-block;
}

.head-btn-mob:hover {
    color: #007437;
}

.head-btn-mob:after {
    content: '';
    display: inline-flex;
    vertical-align: middle;
    width: 12px;
    height: 6px;
    margin-left: 8px;
    background: url(../img/icon/ic-down-2.svg) no-repeat center;
    background-size: 12px 6px;
}

.head-btn-mob:before {
    content: '';
    display: inline-flex;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin-right: 12px;
    background: url(../img/icon/ic-map.svg) no-repeat center;
    background-size: contain;
}



.btn-search {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    border-radius: 70px;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    font-weight: 500;
    color: #007437;
    transition: all 0.3s ease;
    height: 40px;
    min-width: 110px;
}
.btn-search:hover {
    opacity: 0.5;
}
.btn-search:before {
    content: '';
    width: 17px;
    height: 17px;
    margin-right: 12px;
    background: url(../img/icon/ic-search.svg) no-repeat center;
    background-size: contain;
}

.btn-social {display: flex;}
.btn-social a {
    display: block;
    min-width: 33px;
    height: 33px;
    margin: 0 5px;
    transition: all 0.3s ease;
}
.btn-social a:hover {opacity: 0.8;}
/*.btn-social a:nth-child(1) {background: url(../img/icon/ic-inst.svg) no-repeat center; background-size: contain;}*/
.btn-social a:nth-child(1) {background: url(../img/icon/ic-vk.svg) no-repeat center; background-size: contain;}

.tel {
    color: #000;
    display: flex;
}

.tel:before {
    content: '';
    width: 22px;
    height: 33px;
    background: url(../img/icon/ic-phone.svg) no-repeat center;
    margin-right: 12px;
    background-size: contain;
    top: 3px;
    position: relative;
}
.button-next {
    cursor: pointer;
    font-size: 30px;
}

.tel > div {
    display: flex;
    flex-direction: column;
}
.tel strong {
    /*font-size: 24px;*/
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}
.tel:hover strong {
    color: #007437;
}

.tel span {
    transition: all 0.3s ease;
    font-size: 14px;
    line-height: 14px;
}
.tel:hover span {
    color: #007437;
}

.btn-burger {
    width: 21px;
    height: 21px;
    background: url(../img/icon/ic-burger.svg) no-repeat center;
    cursor: pointer;
    display: none;
    transition: all 0.3s ease;
}
.btn-burger.active {
    background: url(../img/icon/popup-close.svg) no-repeat center;
}
.btn-burger:hover {
    opacity: 0.6;
}

/*  MENU-MOB 
------------------------------------------------- */
.menu-mob {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50px;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: #fff;
    padding: 32px 15px 0 15px;
    width: 100%;
    transform: translateX(100%);
    transition: all 0.5s ease;
}
.menu-mob.active {
    transform: none;
}

.menu-mob .btn-social {margin: 30px 0;}
.menu-mob .btn-social a {
    width: 34px;
    height: 34px;
    background-size: 34px 34px !important;
    margin: 0;
}

.menu-mob .btn-social a + a {margin-left: 10px;}

.menu-mob .sign-up {
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    padding: 25px 40px;
    background: #007437;
    transition: all 0.3s ease;
    width: 50%;
    text-align: center;
}
.menu-mob .sign-up:hover {opacity: 0.9;}

.menu-mob .group-btn {
    margin-top: auto;
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    box-shadow: 0px -10px 22px -8px rgba(13, 20, 17, 0.12);
}
.menu-mob .phone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
}

.menu-mob .phone a:hover {
    text-decoration: underline;
}

/*  HOME-SLIDER 
------------------------------------------------- */
.home-slider {position: relative;z-index: 10;}

.home-slider .slide-item {
    min-height: 500px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.home-slider .slide-item h2 {
    font-style: normal;
    font-size: 42px;
    line-height: 1.2;
    color: #373737;
}
.home-slider .slide-item p {
    margin: 20px 0 30px 0;
    max-width: 700px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #373737;
}

/*  SERVICES-SLIDER 
------------------------------------------------- */
.title-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0 40px 0;
}
.title-head h2 {
    margin-bottom: 0;
}
.title-head > div {
    display: flex;
    align-items: center;
}
.link-all {
    margin: 5px 0 0 10px;
    /*font-size: 22px;*/
    color: #007437;
    font-weight: 600;
    transition: all 0.3s ease;
}
/*.link-all:hover {opacity: 0.5;}*/
.link-all span {margin-right: 10px;}

.link-all {
    display: inline-block;
    line-height: 1.4;
    text-decoration: none;
    position: relative;
}

.link-all:hover {
    color: #007437;
    text-decoration: none;
}

.link-all:after {
    content: "";
    display: block;
    height: 2px;
    background-color: #fdda01;
    -webkit-transition: right .2s linear;
    -o-transition: right .2s linear;
    transition: right .2s linear;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 100%;
}

.link-all:hover:after {
    right: 0;
}

.boxing {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 30px;
    /*border: 1px solid #f7f7f7;*/
    border-radius: 18px;
    transition: all 0.3s ease;
    overflow: hidden;
    background: white;
    box-shadow: 0px 9px 25px rgba(4,35,69,0.07),0px 3.75998px 9.75464px rgba(4,35,69,0.0487463),0px 2.01027px 4.50154px rgba(4,35,69,0.0332697),0px 1.12694px 2.00555px rgba(4,35,69,0.0209002),0px 0.59851px 0.74179px rgba(4,35,69,0.0111718),0px 0.24905px 0.15918px rgba(4,35,69,0.0041028);
}

.boxing:hover {
    /*box-shadow: 0px -2px 40px rgb(53 122 100 / 20%), 0px -0.60294px 15.0735px rgb(53 122 121 / 5%), 0px -0.25043px 6.26078px rgb(53 122 122 / 4%), 0px -0.09058px 2.2644px rgb(53 122 122 / 2%);*/
    box-shadow: 0px 9px 25px rgba(4,35,69,0.07),0px 3.75998px 9.75464px rgba(4,35,69,0.0487463),0px 2.01027px 4.50154px rgba(4,35,69,0.0332697),0px 1.12694px 2.00555px rgba(4,35,69,0.0209002),0px 0.59851px 0.74179px rgba(4,35,69,0.0111718),0px 0.24905px 0.15918px rgba(4,35,69,0.0041028);
}

.boxing p {
    font-size: 13px;
    margin-bottom: 10px;
}

.services-slider {
    background: #f1f7f6;
    padding-top: 50px;
    padding-bottom: 40px;
}

.services-slider .boxing {
    /*padding-right: 0;*/
    padding-bottom: 0;
}
/*.services-slider .boxing .inner {padding-right: 35px;}*/
.services-slider .boxing h3 {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 18px;
    font-weight: normal;
}

.services-slider .boxing h3:first-letter {
    /*color: #007437;*/
}
.services-slider .boxing .inner span {
    display: block;
    margin-top: 10px;
}
.services-slider .boxing .image {
    /*margin-left: auto;*/
    margin-top: auto;
    display: flex;
    width: 180px;
    align-self: center;
}

.services-block ul {
    display: flex;
    justify-content: space-evenly;
}

.services-block ul li {
    width: 19%;
    margin-right: 1%;
    min-height: 275px;
}

.services-block ul li:last-child {
    margin-right: 0;
}

/*  ADVANTAGES 
------------------------------------------------- */
.advantages {
    padding: 50px 0;
    background: #fff;
    clear: both;
}

.wrap-item {padding: 0 15px;}

.advantages .boxing {
    background: #fff;
    border: 0;
    box-shadow: none;
    padding: 40px 30px;
}

.advantages .boxing:hover {
    box-shadow: none;
}

.advantages .wrap-item:nth-of-type(1) .boxing {
    background: #e8f0ec;
}

.advantages .wrap-item:nth-of-type(2) .boxing {
    background: #e0f8ec;
}

.advantages .wrap-item:nth-of-type(3) .boxing {
    background: #f6f6db;
}

.advantages h3 {
    margin-bottom: 25px;
    color: green;
    margin-top: 0;
}

/*  RECEPTION 
------------------------------------------------- */
.reception {
    background: #007437;
    padding-top: 100px;
    padding-bottom: 100px;
    /*background: rgb(0,164,78);*/
    /*background: linear-gradient(90deg, rgba(0,164,78,1) 0%, rgba(0,204,186,1) 100%);*/
    /*background: linear-gradient(90deg, rgb(217 255 238) 0%, rgb(0 204 186 / 68%) 100%);*/
}

/*.reception .flex {margin-bottom: 40px;}*/

.reception h4 {
    font-size: 45px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -1px;
    opacity: 1;
    color: #ffffff7a;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}

.reception p {
    font-size: 25px;
    color: #ffffff7a;
    font-weight: normal;
    opacity: 1;
}

.reception .btn {padding: 19px 70px;}
.reception .btn:after {display: none;}

/*.reception .image {*/
/*    min-height: 600px;*/
/*    background: url(../img/reception.jpg) no-repeat center top;*/
/*    background-size: cover;*/
/*}*/

/*  PROFESSION-SLIDER 
------------------------------------------------- */
/*.profession-slider .title-head {margin-top: 80px;}*/

/* doctor */
.doctor {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 0 30px;
    border: 1px solid #f4f4f4;
    /*box-shadow: 0 4px 10px 0px rgba(0,0,0,0.05);*/
    border-radius: 18px;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
}
.doctor:hover {
    background: #FFFFFF;
    background: linear-gradient(0deg, rgba(232,240,236,1) 0%, rgba(255,255,255,1) 40%);
    border: 1px solid #cde4d5;
    box-shadow: 0px 11px 15px rgb(4 35 69 / 7%), 0px 3.75998px 9.75464px rgb(4 35 69 / 5%), 0px 2.01027px 4.50154px rgb(4 35 69 / 3%), 0px 1.12694px 2.00555px rgb(4 35 69 / 2%), 0px 0.59851px 0.74179px rgb(4 35 69 / 1%), 0px 0.24905px 0.15918px rgb(4 35 69 / 0%);
    /*box-shadow: 0px -2px 30px rgb(53 122 100 / 20%), 0px -0.60294px 15.0735px rgb(53 122 121 / 5%), 0px -0.25043px 6.26078px rgb(53 122 122 / 4%), 0px -0.09058px 2.2644px rgb(53 122 122 / 2%);*/
}

.slide-item .rating img {width: auto;}

.name {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.4;
    min-height: 70px;
}
.doctor .name strong {font-weight: 600; transition: all 0.3s ease;}
.doctor .name span:nth-child(3) {display: block;}

.doctor:hover .name strong {
    color: #007437;
}

.doctor .dscr {
    margin-bottom: 35px;
    font-size: 13px;
    line-height: 1.3;
    opacity: 0.7;
}

.doctor .image {margin: auto auto 0 auto;}
.doctor .image img {
    display: block;
    width: 100%;
}

/*  REVIEW-SLIDER 
------------------------------------------------- */
.reviews-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.reviews .boxing {transition: all 0.2s ease;}
.reviews .boxing:hover {background: #fff;}

.review-slider .boxing {transition: all 0.2s ease; background: white;}
.review-slider .boxing:hover {background: #fff;}

.reviews-item .author {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.letter {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 55px;
    max-width: 55px;
    height: 55px;
    margin-right: 15px;
    border-radius: 50%;
    background: #EBF2F8;
    color: #6D635D;
    font-weight: 500;
}

/*.reviews-item .author .box {margin-top: 5px;}*/
.reviews-item .rating {margin-top: 3px;}

.reviews-item .name {
    font-size: 17px;
    line-height: 1.2;
    font-weight: 500;
    color: #6D635D;
}

.reviews-item .date {
    /*color: #E5E5E5;*/
    font-size: 12px;
    font-weight: 500;
    align-self: flex-start;
    margin-top: 5px;
    /*margin-left: 20px;*/
}

.bg-1 {background: #EBF2F8;}
.bg-2 {background: #f7fae9;}
.bg-3 {background: #f3f3f3;}

/*  POST 
------------------------------------------------- */
.page-home .post {padding: 50px 0;}

.post-item {display: block;}

.post-item .image {border-radius: 18px;}
.post-item .image img {
    display: block;
    width: 100%;
}

.post-item .date {
    display: block;
    /*font-size: 17px;*/
    /*color: #E5E5E5;*/
    margin: 25px 0 5px 0;
    font-weight: bold;
    transition: all 0.3s ease;
}

.post-item:hover .date,
.post-item:hover p {color: #007437;}

/*  FOOTER 
------------------------------------------------- */
.footer {
    padding-top: 80px;
    background: #f3f3f3;
    color: #6D635D;
    background: linear-gradient(0deg, #f2f6f4, #e8f0ec);
}
/*.footer.m-top {margin-top: 150px;}*/

.footer a {
    display: inline-block;
    line-height: 1.4;
    text-decoration: none;
    position: relative;
}

.footer a:hover {
    color: #007437;
    text-decoration: none;
}

.footer a:after {
    content: "";
    display: block;
    height: 2px;
    background-color: #fdda01;
    -webkit-transition: right .2s linear;
    -o-transition: right .2s linear;
    transition: right .2s linear;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 100%;
}

.footer a:hover:after {
    right: 0;
}

.footer .wrap {
    display: flex;
    justify-content: space-between;
}

.footer .addres a {display: block;}

.footer ul li + li {margin-top: 12px;}

.footer h3,
.footer .logo {margin-bottom: 20px;}

.footer .logo {
    margin-bottom: 20px;
    max-width: 250px;
    min-width: 250px;
    background-size: 250px;
    height: 45px;
}

.footer h3 {color: #493D36;}

.privacy {
    margin: 30px 0;
    font-size: 12px;
}

.privacy a {
    display: inline-block;
    margin: 5px 0;
}

.privacy a:first-child {
    margin-right: 20px;
}

.btn-up {
    display: block;
    min-width: 45px;
    max-width: 45px;
    min-height: 45px;
    max-height: 45px;
    border-radius: 50%;
    cursor: pointer;
    background: #FAE719 url(../img/icon/ic-up.svg) no-repeat center;
    transition: all 0.3s ease;
    background-size: 33%;
}

.btn-up:hover {
    opacity: 0.6;
}

.footer .bottom {
    margin-top: 30px;
    padding: 25px 0;
    border-top: 1px solid #E5E5E5;
}

.copyright {
    font-size: 13px;
    opacity: 0.5;
}

.link-footer {
    padding: 7px 23px;
    /*border: 1px solid #dddddd;*/
    border-radius: 60px;
    /*color: #000;*/
    opacity: 0.5;
    transition: all 0.3s ease;
}
.link-footer:hover {
    opacity: 1;
    background: white;
}

.link-footer:after, .developer:after {
    display: none!important;
}

.link-footer:hover:after {
    display: none;
}

.developer {
    display: flex;
    align-items: center;
    margin-right: 80px;
    opacity: 0.5;
}

.developer:hover {
    opacity: 1;
}

.developer span {margin: 0 15px;}

.footer .last {
    padding: 25px 0;
    background: #fff;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    color: #B3B3B3;
}

/*  FOOTER-MOB 
------------------------------------------------- */
.footer-mob {
    display: none;
    position: relative;
    background: #f3f3f3;
    padding-top: 50px;
}

.footer-mob .btn-social {
    justify-content: center;
    margin-bottom: 22px;
}

.footer-mob .btn-up {
    position: absolute;
    left: 50%;
    top: -22.5px;
    z-index: 3;
    transform: translateX(-50%);
}

.footer-mob .bottom {margin-top: 40px;}

.footer-mob .bottom ul li a:hover {text-decoration: underline;}

.footer-mob .logo {
    min-width: 177px;
    max-width: 177px;
    height: 22px;
    background-size: 177px;
    background-position: center -7px;
}

.footer-mob .text {
    margin-top: 15px;
    line-height: 18px;
}

.footer-mob .copyright {
    display: block;
    margin: 8px 0 16px 0;
    color: #6D635D;
}

.footer-mob .link-group {margin-bottom: 16px;}
.footer-mob .link-group a:first-child {margin-bottom: 8px;}

.footer-mob .link-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
}

.footer-mob .bottom .link-phone {
    display: block;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px;
} 

.footer-mob .developer {
    font-size: 13px;
    font-weight: 400;
}

.footer-mob .last {
    padding: 18px 10px;
    background: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #B2B2B2;
}

.footer-mob .privacy {
    margin: 20px 0;
}

.footer-mob .privacy a {
    margin: 0;
}

/*************************
*******PAGE-ALL-DOCTORS******
**************************/
.box-title {margin-bottom: 50px;}


.breadcrumbs {margin: 50px 0 0 0;}

.breadcrumbs ul {
    overflow-x: auto;
    /*padding-bottom: 15px;*/
}

.breadcrumbs li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
    white-space: nowrap;
}
.breadcrumbs li + li:before {
    content: '/';
    margin: 0 10px;
    opacity: 0.15;
}
.breadcrumbs li a {
    color: #6D635D;
    white-space: nowrap;
}

.breadcrumbs li a {
    display: inline-block;
    line-height: 1.4;
    text-decoration: none;
    position: relative;
}

.breadcrumbs li a:hover {
    color: #007437;
    text-decoration: none;
}

.breadcrumbs li a:after {
    content: "";
    display: block;
    height: 2px;
    background-color: #fdda01;
    -webkit-transition: right .2s linear;
    -o-transition: right .2s linear;
    transition: right .2s linear;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 100%;
}

.breadcrumbs li a:hover:after {
    right: 0;
}

/*  FILTERS 
------------------------------------------------- */
.form-filters {
    padding: 25px;
    background: #f3f3f3;
    border-radius: 18px;
    display: flex;
    align-items: center;
}

.form-filters .item {
    display: flex;
    align-items: center;
    /*flex-direction: column;*/
    /*max-width: 325px;*/
    /*width: 100%;*/
}

.form-filters .item:nth-child(even) .select ul.active {
    z-index: 3;
}

.form-filters .item + .item {margin-left: 25px;}

.form-filters .item > span {
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 20px;
}

.form-filters .item .view {
    width: 100%;
    font-size: 15px;
    padding: 7px 15px;
    height: 40px;
}

.form-filters .item .select {
    width: 350px;
}

.switch {
    margin: 10px 0 0 40px;
    display: flex;
    align-items: center;
}

.switch span {
    align-self: flex-end;
    margin-left: 24px;
    font-size: 14px;
}

.switch input[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.switch label {
    display: flex;
    align-items: center;
    width: 46px;
    height: 25px;
    background: grey;
    border-radius: 37px;
    cursor: pointer;
}

.switch label:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    transition: all 0.3s ease;
    margin-left: 2px;
}

.switch input:checked + label {background: #FAE719;}

.switch input:checked + label:after {margin-left: 24px;}

/*  ALL-DOCTORS 
------------------------------------------------- */
.all-doctors {padding: 50px 0;}
.all-doctors .row {margin: -15px;}
.all-doctors .wrap-item {
    padding: 15px;
    display: flex;
}

/*  PAGINATION 
------------------------------------------------- */
.pagination {
    display: flex;
    justify-content: center;
}

.pagination li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 22px;
    font-weight: 600;
    transition: all 0.3s ease;
}
.pagination li a:hover {background: #F6F6F6;}

.pagination li a.active {
    background: #F6F6F6;
    border-radius: 5px;
}

.page-all-doctors .reception {
    /*background: #fff;*/
    /*margin-top: 30px;*/
}

/*************************
*******PAGE-DOCTORS******
**************************/
.card-doctor {padding-bottom: 30px;}

.card-doctor .wrap {display: flex;}
.card-doctor .images {
    padding-right: 30px;
    width: 25%;
}
.card-doctor .images img {
    display: block;
    width: auto;
    border-bottom: 0;
    max-height: 400px;
}

.summary {
    padding-right: 80px;
    width: 25%;
}

.summary h5 {
    font-size: 15px;
    color: #6D635D;
    /*padding-bottom: 25px;*/
    /*border-bottom: 2px solid #E5E5E5;*/
    font-weight: normal;
}

.summary h6 {
    display: block;
    font-size: 16px;
    color: #6D635D;
    margin: 20px 0 10px 0;
    font-weight: 500;
}

.specialization {
    display: flex;
    flex-wrap: wrap;
}

.specialization .item {
    margin-bottom: 10px;
    width: 100%;
}

.specialization a {
    display: block;
    font-size: 14px;
    padding: 7px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    line-height: 1.3;
}

.summary .rating {
    /*display: inline-block;*/
    /*margin: 40px 0 55px 0;*/
    /*padding: 35px;*/
    /*background: #f3f3f3;*/
    /*border-radius: 18px;*/
    margin: 10px 0 15px;
}

.summary .rating .image {margin-top: 5px;}

.main-tabs {width: 50%;}

.main-tabs .tabs-nav li {
    /*font-size: 22px;*/
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.main-tabs .tabs-nav li.active {
    /*background: #FAE719;*/
    border-color: #FAE719;
}
.main-tabs .tabs-nav li:hover {
    border: 1px solid #FAE719;
}
.main-tabs .tabs-nav li + li {margin-left: 5px;}
.main-tabs .tabs-content > li {padding-top: 40px;}

.about-doctor {max-width: 1025px;}

.about-doctor p {
    margin-bottom: 20px;
}

.about-doctor strong {
    display: block;
    font-weight: 600;
    font-size: 22px;
    margin: 40px 0 20px 0;
}
.about-doctor strong:first-child {margin-top: 0;}

.about-doctor {
    /*font-size: 16px;*/
    /*line-height: 22px;*/
}

.main-tabs .tab-review {position: relative;}
.main-tabs .nav-slide {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 10px;
    z-index: 3;
}

.page-doctors .footer {
    margin-top: 130px;
}

/*************************
*******PAGE-ABOUT******
**************************/

.page-about .images-wrap {
    padding-bottom: 0;
}

/*  ABOUT-INFO 
------------------------------------------------- */
.about-info {
    padding: 30px 0;
    background: #fff;
}
.about-info .info > span {
    display: block;
    font-size: 32px;
    font-weight: 600;
    color: #007437;
    margin-bottom: 20px;
}
.about-info .info .box {
    display: flex;
    /*font-size: 22px;*/
    /*line-height: 35px;*/
}

.about-info .info .box p:first-child {margin-right: 150px;}

.page-about .all-doctors {padding: 0;}
.page-about .all-doctors .title-head {margin-top: 0;}

/*  ABOUT-BOTTOM 
------------------------------------------------- */
.about-bottom {padding-top: 100px;}

.about-bottom strong {
    font-size: 22px;
    font-weight: 600;
    color: #493D36;
}

.about-bottom p {
    margin-top: 20px;
    color: #493D36;
    /*font-size: 22px;*/
    /*line-height: 32px;*/
}

/*************************
*******PAGE-SERVICE******
**************************/
.services .wrap {
    display: flex;
    justify-content: space-between;
}

.services .column .item + .item {margin-top: 40px;}

.services h2 {
    display: flex;
    font-size: 16px;
    margin-bottom: 10px;
}
.services h2 span {align-self: center;}

.services .list {padding-left: 61px; line-height: 1;}
.services .list li + li {margin-top: 15px;}
.services .list li a {font-size: 14px;}
.services .list li a:hover {text-decoration: underline;}

.services .list li a {
    font-size: 16px;
}

.services .list li a {
    display: inline-block;
    line-height: 1.4;
    text-decoration: none;
    position: relative;
}

.services .list li a:hover {
    color: #007437;
    text-decoration: none;
}

.services .list li a:after {
    content: "";
    display: block;
    height: 2px;
    background-color: #fdda01;
    -webkit-transition: right .2s linear;
    -o-transition: right .2s linear;
    transition: right .2s linear;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 100%;
}

.services .list li a:hover:after {
    right: 0;
}


.services .icon {
    min-width: 46px;
    height: 46px;
    margin-right: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.services-1 {background-image: url(../img/icon/services-1.svg);}
.services-2 {background-image: url(../img/icon/services-2.svg);}
.services-3 {background-image: url(../img/icon/services-3.svg);}
.services-4 {background-image: url(../img/icon/services-4.svg);}
.services-5 {background-image: url(../img/icon/services-5.svg);}

/*************************
*******PAGE-COST-SERVICE******
**************************/
.description-wrap {
    line-height: 1.6;
    width: 68%;
    padding-right: 80px;
}

.description-wrap .title-head {
    display: block;
    margin: 40px 0 10px;
}

.description-wrap p {
    margin-bottom: 13px;
    width: 100%;
}

.page-cost-services .description-wrap {
    padding-top: 20px;
}

.images-wrap {
    display: flex;
    /*padding: 30px 0;*/
}

.images-wrap .image {
    display: flex;
    align-items: flex-end;
}

.images-wrap .image img {
    object-fit: cover;
    max-height: 480px;
    display: block;
    width: 100%;
}

/*  COST 
------------------------------------------------- */
.cost .wrap {display: flex;}

.cost .cost-list {
    padding: 0;
    margin: 0;
}

.cost .acordeon {width: 32%;}

.cost-list li {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #E5E5E5;
    column-gap: 30px;
}

.cost-list .box {max-width: 810px;}

.cost-list a {
    display: block;
    font-size: 30px;
    font-weight: 500;
    line-height: 41px;
    margin-top: -5px;
    margin-bottom: 5px;
    transition: all 0.3s ease;
}

.cost-list a:hover {
    color: #ff7276;
}

.cost-list strong {
    /*font-size: 30px;*/
    /*font-weight: 600;*/
    white-space: nowrap;
    /*margin: 0 85px 0 auto;*/
    margin: 0 5px 0 auto;
}

.cost-list .icon {
    min-width: 40px;
    height: 20px;
    max-height: 25px;
    filter: invert(0.5) sepia(1) hue-rotate(-50deg) saturate(4) brightness(1);
    background: url(../img/icon/ic-arrow.svg) no-repeat center;
}

.cost-list h3 {
    margin-bottom: 0;
}

.cost-list h4 {
    margin-bottom: 10px;
    margin-top: 30px;
}

.cost .acordeon-btn {
    height: 60px;
    font-size: 19px;
    background: white;
    box-shadow: 0 4px 10px 0px rgba(0,0,0,0.05);
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
}

.cost .acordeon-btn.active {
    background: #fff;
    border-radius: 18px 18px 0 0;
    border-color: transparent;
}

.cost .acordeon .inner {
    padding-top: 0;
}

.cost .acordeon h6 {
    font-size: 32px;
    font-weight: 500;
}

.cost .acordeon p {
    font-size: 16px;
    line-height: 1.4;
}

.acordeon p:last-child {margin-bottom: 0;}

/*************************
*******PAGE-ACTICLE******
**************************/
.page-article .wrap-item {margin-bottom: 55px;}

/*************************
*******PAGE-NEWS******
**************************/
.description-wrap .date {
    display: flex;
    font-size: 17px;
    position: relative;
    top: -30px;
}

.description-wrap .date:before {
    content: '';
    width: 22px;
    height: 22px;
    background: url(../img/icon/ic-calendar.svg) no-repeat center;
    margin-right: 16px;
    margin-top: 5px;
}

.page-news .description-wrap .description {margin-top: 10px;}

.page-news .images-wrap {padding-bottom: 30px;}

.social-icon {display: flex;}
.social-icon a {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.social-icon a:hover {opacity: 0.8;}
.social-icon a + a {margin-left: 10px;}

.vk {background-image: url(../img/icon/vk.svg);}
.inst {background-image: url(../img/icon/inst.svg);}
.fb {background-image: url(../img/icon/fb.svg);}
.viber {background-image: url(../img/icon/viber.svg);}

.news-nav .btn-wrap {margin: 110px 0 5px 0;}

.news-nav .btn-wrap a {
    display: flex;
    align-items: center;
    font-weight: 600;
}
.news-nav .btn-wrap a:hover {opacity: 0.5;}

.news-nav .btn-wrap a:before {
    content: '';
    width: 22px;
    height: 10px;
    margin-right: 15px;
}
.news-nav .btn-wrap a:nth-child(1):before {
    background: url(../img/icon/ic-prev.svg) no-repeat center;
    background-size: contain;
}
.news-nav .btn-wrap a:nth-child(2):before {
    background: url(../img/icon/ic-next.svg) no-repeat center;
    background-size: contain;
}

.news-nav .text {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 40px;
}

/*************************
*******PAGE-SHARE******
**************************/
.page-share .wrap-item {margin-bottom: 100px;}

/*************************
*******PAGE-DISCOUNTS******
**************************/
.discounts {padding-bottom: 90px;}
.discounts .wrap {display: flex;}

.discounts .images {padding-right: 200px;}
.discounts .images img {
    display: block;
    width: 100%;
}

.discounts .summary ul li {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #E5E5E5;;
}
.discounts .summary ul li:first-child {padding-top: 0;}

.discounts .summary ul li span {
    font-size: 14px;
    color: #6D635D;
    max-width: 315px;
    width: 100%;
}

.discounts .summary ul li div {
    padding: 3px 13px;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    font-size: 14px;
    white-space: nowrap;
}

.discounts .summary ul li:last-child div {
    border: none;
    padding-left: 0;
}

.discounts .price {
    display: inline-flex;
    flex-direction: column;
    padding: 15px 0;
    background: transparent;
    border-radius: 18px;
    margin: 15px 0 0 0;
}

.discounts .price span {
    text-decoration: line-through;
}

.discounts .price strong {
    font-size: 42px;
    font-weight: 600;
    line-height: 50px;
    margin-top: 10px;
    color: #007437;
}

/*  DISCOUNTS-SLIDER 
------------------------------------------------- */
.discounts-slider .title-head {margin-top: 0;}

.discounts-slider .title-head h2 {
    font-size: 26px;
}

.discounts-slider .slide-item a {
    display: block;
    width: 100%;
}


/*************************
*******PAGE-LICENSES******
**************************/
.licenses .row {margin: -15px;}
.licenses .wrap-item {padding: 15px;}
.licenses .image img {
    display: block;
    width: 100%;
}

.demo-gallery {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}
.demo-gallery a {
    display: block;
    width: 25%;
    padding: 15px;
    transition: all 0.3s ease;
}
.demo-gallery a:hover {
    transform: scale(1.05);
}

.demo-gallery a img {
    display: block;
    width: 100%;
}

/*************************
*******PAGE-VACANCIES******
**************************/
.vacancies .center {display: flex;}

.vacancies .acordeon {
    width: 61%;
    padding-right: 55px;
}
.vacancies .acordeon-btn {line-height: 60px;}
.vacancies .acordeon-btn.active {
    background: #fff;
    border-radius: 18px 18px 0 0;
    border-color: transparent;
}

.vacancies .info {width: 34%;}

.vacancies .acordeon strong {
    display: block;
    /*font-size: 22px;*/
    margin: 55px 0 20px 0;
}
.vacancies .acordeon .inner strong:nth-child(1) {margin-top: 0;}

.vacancies p {
    margin: 20px 0;
    font-size: 14px;
}

.vacancies .info .description {
    /*font-size: 22px;*/
    /*line-height: 35px;*/
    /*margin-bottom: 70px;*/
    margin-top: 0;
    width: 100%;
    float: none;
}

.vacancies .number {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}

.vacancies .number .item {padding: 15px;}

.vacancies .number .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 25px;
    border: 1px solid #E5E5E5;
    border-radius: 18px;
    height: 100%;
}
.vacancies .number .item:nth-child(odd) {width: 40%;}
.vacancies .number .item:nth-child(even) {width: 60%;}

.vacancies .number .box strong {
    font-weight: 600;
    font-size: 52px;
    line-height: 78px;
}

/*************************
*******PAGE-REVIEWS******
**************************/
/*.reviews {padding: 55px 0 0 0;}*/

.reviews .row {margin: -15px;}
.reviews .wrap-item {padding: 15px;}

.page-reviews .pagination-nav {margin-top: 55px;}

/*************************
*******PAGE-PARTNERS******
**************************/
.partners .wrap-item {padding: 0;}
.partners .image img {
    display: block;
    width: 100%;
}


/*************************
*******PAGE-CONTACTS******
**************************/
.contacts {
    font-size: 32px;
    font-weight: 500;
}

.contacts .icon {
    display: flex;
    align-items: center;
}
.contacts .icon + .icon {margin-top: 40px;}

.contacts .icon:before {
    content: '';
    min-width: 32px;
    height: 32px;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ic-phone:before {background-image: url(../img/icon/phone.svg);}
.ic-mail:before {background-image: url(../img/icon/ic-mail.svg);}
.ic-map:before {background-image: url(../img/icon/ic-map.svg);}

.contacts a:hover {text-decoration: underline;}
.contacts .ic-phone a:first-child {margin-right: 20px;}

#map {
    margin-top: 100px;
    height: 700px;
}

/* ---------------------------------------------- */
/*               MEDIA QUERI                      */
/* ---------------------------------------------- */
@media screen and (min-width: 1680px) {
    h1 {
        font-weight: 600;
        font-size: 36px;
        line-height: 45px;
    }

    .link-all {font-size: 14px;}

    .center {
        max-width: 1500px;
    }
    .boxing {padding: 20px 30px;}
    .slide-btn {min-width: 30px;}

    /* HEADER */

    .logo {
        display: block;
        min-width: 220px;
        max-width: 220px;
        height: 40px;
        background-size: 220px;
    }
    .nav a {font-size: 16px;}
    .btn-search {height: 40px;}
    .tel strong {font-size: 18px;}
    .btn-social a {
        width: 33px;
        height: 33px;
    }
    .btn-social a:nth-child(1),
    .btn-social a:nth-child(2) {
        background-size: 33px 33px;
    }

    /* HOME-SLIDER */
    .home-slider .slide-item {min-height: 600px;}

    .swiper-pagination {bottom: 35px!important;}
    .home-slider .slide-item h2 {
        font-size: 54px;
        line-height: 1.2;
    }
    .home-slider .slide-item p {
        font-size: 16px;
        line-height: 1.5;
    }

    .advantages {padding: 60px 0;}

    /* SERVICES-SLIDER */
    .services-slider {
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .services-slider .boxing {width: 100%;}

    .services-slider .boxing .inner {
        /*padding-right: 30px;*/
    }

    .services-slider .boxing .inner span {
        font-size: 16px;
        line-height: 20px;
    }

    /* ADVANTAGES */
    .advantages h3 {
        font-size: 26px;
        line-height: 1;
    }
    .advantages p {
        font-size: 14px;
        line-height: 1.4;
    }

    /* RECEPTION */
    /*.reception h4 {*/
    /*    font-size: 30px;*/
    /*    line-height: 35px;*/
    /*}*/
    .reception .btn {padding: 15px 45px;}

    /*.reception .image {min-height: 400px;}*/

    /* PROFESSION-SLIDER */
    /*.doctor {padding: 30px 30px 0 30px;}*/

    .name {
        font-size: 20px;
        line-height: 25px;
        min-height: 65px;
    }

    .doctor .dscr {
        font-size: 13px;
        line-height: 20px;
        opacity: 0.5;
    }
    .doctor .dscr {margin-bottom: 15px;}

    /* REVIEW-SLIDER */
    .reviews-item .name {
        font-size: 15px;
        line-height: 20px;
    }
    .reviews-item .date {font-size: 13px;}

    .reviews-item .rating {width: 100px;}

    /* POST */
    .page-home .post {padding-top: 50px;}

    .post-item p {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 40px;
    }

    .post-item .date {
        font-size: 15px;
        margin: 15px 0 5px 0;
    }

    /*  2
    ------------------------------------------------- */
    .form-filters {padding: 25px;}

    .form-filters .item .view {
        font-size: 15px;
        padding: 7px 15px;
        height: 40px;
    }

    .select .view span {left: 15px;}

    .select > ul li {padding: 7px 15px;}

    .switch {margin: 0 0 0 25px;}

    .select .delet {right: 15px;}

    .form-filters .item > span {
        font-size: 14px;
        margin-bottom: 0;
        margin-right: 20px;
    }

    .select > ul li + li {margin-top: 0px;}

    /*  3
    ------------------------------------------------- */
    .summary h5 {font-size: 15px;}

    .summary h6 {
        font-size: 19px;
        margin: 20px 0 30px 0;
    }

    .specialization a {
        font-size: 17px;
        padding: 7px 16px;
    }

    /*.summary .rating {padding: 30px;}*/

    .main-tabs .tabs-nav li {
        font-size: 16px;
        padding: 8px 18px;
    }

    .main-tabs .tabs-nav li + li {margin-left: 15px;}

    .about-doctor strong {
        font-size: 17px;
        margin: 30px 0 10px 0;
    }

    .about-doctor {
        font-size: 16px;
        line-height: 25px;
    }

    /*  4
    ------------------------------------------------- */
    .about-info .info > span {font-size: 27px;}

    .about-info {padding: 3px 0;}

    .about-info .info .box {
        font-size: 17px;
        line-height: 30px;
    }

    .about-bottom strong {font-size: 17px;}

    .about-bottom p {
        font-size: 17px;
        line-height: 25px;
        margin-top: 10px;
    }

    /*  5
    ------------------------------------------------- */
    .services h2 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 1;
    }
    .services .icon {
        margin-right: 10px;
        width: 40px;
        height: 40px;
    }

    .services .list li a {
        font-size: 16px;
    }

    .services .list li a {
        display: inline-block;
        line-height: 1.4;
        text-decoration: none;
        position: relative;
    }

    .services .list li a:hover {
        color: #007437;
        text-decoration: none;
    }

    .services .list li a:after {
        content: "";
        display: block;
        height: 2px;
        background-color: #fdda01;
        -webkit-transition: right .2s linear;
        -o-transition: right .2s linear;
        transition: right .2s linear;
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        right: 100%;
    }

    .services .list li a:hover:after {
        right: 0;
    }

    .services .list li + li {margin-top: 15px;}

    .services .column .item + .item {margin-top: 30px;}

    /*  6
    ------------------------------------------------- */
    .page-cost-services .description-wrap {padding-top: 0;}

    .description-wrap .description {
        font-size: 17px;
        line-height: 25px;
    }

    /*.images-wrap {padding: 30px 0;}*/

    .cost-list a {
        font-size: 20px;
        padding-right: 125px;
        line-height: 30px;
    }

    .cost-list .icon {background-size: 20px;}

    .cost .acordeon-btn {
        height: 70px;
        font-size: 19px;
        background: white;
        box-shadow: 0 4px 10px 0px rgba(0,0,0,0.05);
        justify-content: space-between;
        padding-left: 30px;
        padding-right: 30px;
    }

    .cost .acordeon-btn:after {
        width: 16px;
        height: 9px;
        margin-left: 30px;
    }


    .cost-list li .box span {font-size: 13px;}

    .cost .acordeon .inner {padding: 0 30px 55px;}

    .main-acordeon .acordeon-wrap + .acordeon-wrap {margin-top: 15px;}

    .cost .acordeon p {
        font-size: 15px;
        line-height: 1.6;
    }

    /*  8
    ------------------------------------------------- */
    .images-wrap .image img {max-height: 300px;}

    .news-nav .btn-wrap a {font-size: 16px;}

    .news-nav .btn-wrap a:nth-child(1):before {
        /*background-size: 30px;*/
        margin-right: 10px;
    }
    .news-nav .btn-wrap a:nth-child(2):before {
        margin-right: 10px;
    }

    .news-nav .text {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 50px;
    }

    .news-nav .btn-wrap {margin: 70px 0 10px 0;}

    /*  9
    ------------------------------------------------- */
    .page-share .wrap-item {margin-bottom: 50px;}

    /*  10
    ------------------------------------------------- */
    .discounts .images {padding-right: 130px;}

    .discounts .summary ul li span {font-size: 17px;}

    .discounts .summary ul li div {
        padding: 10px 20px;
        font-size: 17px;
    }

    .discounts .summary ul li {padding: 15px 0;}

    /*.discounts .price {padding: 25px;}*/

    .discounts .price strong {
        font-size: 30px;
        line-height: 40px;
        color: #007437;
    }

    /*  11
    ------------------------------------------------- */
    .contacts {font-size: 20px;}
    .contacts .icon + .icon {margin-top: 20px;}

    #map {
        margin-top: 50px;
        height: 500px;
    }

    /*  13
    ------------------------------------------------- */
    .vacancies .info .description {
        /*font-size: 17px;*/
        /*line-height: 30px;*/
        width: 100%;
        float: none;
    }

    .vacancies .acordeon-btn {
        font-size: 18px;
        padding: 0 35px;
    }

    .vacancies .acordeon-content .inner {padding: 0 35px 35px 35px;}

    .vacancies .acordeon strong {
        font-size: 18px;
        margin-top: 30px;
    }

    .vacancies .number .box strong {
        font-size: 30px;
        line-height: 40px;
    }

    /*  14
    ------------------------------------------------- */
    .page-reviews .reviews {padding-top: 40px;}

    /*  POPUP
    ------------------------------------------------- */
    .popup-search .wrap {margin-top: 80px;}

    .form-search input[type="search"] {
        font-size: 30px;
        line-height: 40px;
    }

    .form-style input::-moz-placeholder {
        font-size: 30px;
        line-height: 40px;
    }
    .form-style input::-webkit-input-placeholder {
        font-size: 30px;
        line-height: 40px;
    }
    .form-style input:-moz-placeholder {
        font-size: 30px;
        line-height: 40px;
    }
    .form-style input:-ms-input-placeholder {
        font-size: 30px;
        line-height: 40px;
    }

    .form-search .box:before {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .popup-search h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .popup-search ul li a {font-size: 15px;}

    .popup-search ul li + li {margin-top: 15px;}

    .popup-search .link {
        font-size: 17px;
        margin-top: 30px;
    }

    .resume .text-wrap + .text-wrap {margin-top: 80px;}

    .resume .min-title a {font-size: 17px;}

    .resume .min-title strong {
        font-size: 13px;
        font-weight: normal;
        opacity: 0.4;
    }

    .resume .lor {font-size: 14px;}

    .resume-item {
        padding: 30px 30px;
        font-size: 14px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 1680px) {
    body {
        font-size: 15px;
        line-height: 24px;
    }
    h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .center {max-width: 1400px;}

    .title-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .slide-dots span {
        min-width: 13px;
        min-height: 13px;
    }

    .swiper-pagination-bullet {
        min-width: 13px;
        min-height: 13px;
        margin: 0 5px!important;
    }

    .row {margin: 0 -9px;}
    .wrap-item {padding: 0 10px;}

    .all-doctors .row {margin: 0 -9px;}

    .reviews .wrap-item {padding: 10px;}

    .reviews .row {margin: 0 -9px;}

    .all-doctors .wrap-item {padding: 10px;}

    .page-home .post {padding-bottom: 100px; padding-top: 100px;}

    /* .post-item p */
    .footer {padding-top: 60px;
    }
    .footer .bottom {
        /*margin-top: 70px;*/
        /*padding: 35px 0;*/
    }
    .copyright {font-size: 13px;}
    .footer .link-footer {
        padding: 5px 20px;
        font-size: 13px;
    }
    .developer {
        margin-right: 30px;
        font-size: 13px;
    }
    .footer .last {
        padding: 20px 0;
        font-size: 17px;
    }
    .btn-up {
        min-width: 60px;
        max-width: 60px;
        min-height: 60px;
        max-height: 60px;
        background-size: 18px;
    }

    /*  3
    ------------------------------------------------- */
    .card-doctor .images {padding-right: 100px;}

    /*  12
    ------------------------------------------------- */
    .demo-gallery {margin: -9px;}

    .demo-gallery a {padding: 10px;}

    /*  13
    ------------------------------------------------- */
    .vacancies .number .box {padding: 30px 20px;}

    .vacancies .number .box strong {
        font-size: 25px;
        line-height: 35px;
    }

    .vacancies .number .box span {
        font-size: 13px;
        line-height: 20px;
    }
}

@media screen and (max-width: 1500px) {
    .center {max-width: 1400px;}

    /* HEADER */
    .nav li + li {margin-left: 25px;}
    .head-btn {font-size: 13px;}
    .btn-search {
        height: 32px;
        min-width: 110px;
        font-size: 13px;
    }
    .btn-social a {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }
    .btn-social a:nth-child(1), .btn-social a:nth-child(2) {
        background-size: 30px 30px;
    }

    .tel:before {
        width: 22px;
        height: 29px;
        margin-right: 10px;
        background-size: contain;
        position: relative;
        top: 3px;
    }

    .city_item {
        font-size: 12px;
    }

    .tel strong {font-size: 16px;}
    .tel span {
        font-size: 12px;
        line-height: 10px;
    }

    /* SERVICES-SLIDER */
    /*.services-slider {padding-top: 30px;}*/

    .services-slider .boxing h3 {
        line-height: 25px;
        font-size: 18px;
    }

    /* RECEPTION */
    .reception h4 {
        /*font-size: 22px;*/
        /*line-height: 30px;*/
    }

    /* POST */
    .post-item p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .post-item .date {
        font-size: 16px;
        margin: 20px 0 5px 0;
    }

    /* ADVANTAGES */
    .advantages h3 {
        /*font-size: 17px;*/
        /*line-height: 25px;*/
        /*margin-bottom: 13px;*/
    }

    .advantages p {
        font-size: 15px;
        margin: 0;
    }

    /* RECEPCION */
    .reception .btn {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    /* POST */
    .page-home .post {padding-top: 30px;}

    .contacts {font-size: 17px;}

}


@media screen and (max-width: 1300px) {
    body {
        font-size: 13px;
        line-height: 22px;
    }
    h3 {font-size: 21px;}

    .logo {
        min-width: 150px;
        max-width: 150px;
        height: 35px;
        background-size: 150px;
    }
    .nav li + li {margin-left: 20px;}
    .nav a {font-size: 13px;}
    .head-btn {font-size: 12px;}

    .btn-search {
        height: 30px;
        min-width: 95px;
        font-size: 12px;
    }
    .btn-search:before {
        width: 15px;
        height: 15px;
        margin-right: 5px;
        background-size: 15px;
    }
    .header .btn-social a {
        width: 25px;
        min-width: 25px;
        height: 25px;
    }
    .header .btn-social a:nth-child(1), .header .btn-social a:nth-child(2) {
        background-size: 25px 25px;
    }
    .tel strong {font-size: 13px;}

    /* FOOTER */
    .btn-up {
        min-width: 45px;
        max-width: 45px;
        min-height: 45px;
        max-height: 45px;
        background-size: 14px;
    }
    .footer .bottom {
        margin-top: 60px;
        padding: 25px 0;
    }
    .copyright {font-size: 12px;}
    .footer .link-footer {
        padding: 5px 10px;
        font-size: 11px;
    }
    .developer {
        margin-right: 0;
        font-size: 12px;
    }
    .developer:after {
        width: 80px;
        height: 20px;
        background-size: 80px;
    }
    .footer .last {
        padding: 15px 0;
        font-size: 13px;
    }

    /*  3
    ------------------------------------------------- */
    h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .summary h6 {
        font-size: 17px;
        margin: 20px 0 25px 0;
    }

    .summary h5 {
        /*padding-bottom: 15px;*/
        font-size: 15px;
    }

    /*.summary .rating {padding: 20px;}*/

    .specialization {margin: -10px;}

    .specialization a {
        font-size: 17px;
        padding: 7px 16px;
    }

    .specialization {padding-right: 0;}

    .card-doctor .images {padding-right: 50px;}

    /*  4
    ------------------------------------------------- */
    .about-info .info .box p br {display: none;}
    .about-info .info .box p:first-child {margin-right: 80px;}

    /*  6
    ------------------------------------------------- */
    .cost-list a {padding-right: 50px;}

    /*  10
    ------------------------------------------------- */
    .discounts .images {padding-right: 50px;}

    /*  POPUP
    ------------------------------------------------- */
    .popup-search .popup-wrap {padding: 30px;}

    .popup-close {
        position: static;
        display: block;
        order: 2;
    }

    .services-slider .boxing h3 {
        line-height: 22px;
        font-size: 16px;
    }


}

@media screen and (max-width: 1150px) {
    .all-doctors .wrap-item {width: 33.3%;}

    /* FOOTER */
    .footer .wrap {flex-wrap: wrap;}

    .footer .wrap .column:first-child {
        width: 100%;
        margin-bottom: 50px;
    }

    .footer .bottom {flex-wrap: wrap;}

    .footer .bottom .copyright {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
        font-size: 13px;
    }

    .footer .bottom.flex .link {
        padding: 7px 25px;
        font-size: 13px;
    }

    .btn-up {margin-right: 30px;}

    /*  2
    ------------------------------------------------- */
    .form-filters .item + .item {margin-left: 15px;}

    /*  5
    ------------------------------------------------- */
    .services h2 {
        font-size: 17px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    .services .list li a {font-size: 15px;}

    .services .list li + li {margin-top: 10px;}

    /*  6
    ------------------------------------------------- */
    .cost-list a {
        font-size: 17px;
        line-height: 25px;
    }

    .cost .acordeon-btn {
        font-size: 17px;
        height: 91px;
    }

    .cost-list li {padding-right: 0;}

    /*  10
    ------------------------------------------------- */
    .discounts .summary ul li div {margin-left: auto;}

    /*  13
    ------------------------------------------------- */
    .vacancies .acordeon-btn {
        font-size: 17px;
        padding: 20px 25px;
    }

    .vacancies .acordeon-btn:after {
        width: 16px;
        height: 9px;
    }

    .vacancies .acordeon-content .inner {padding: 0 25px 20px 25px;}

    .vacancies .number .item {padding: 5px;}

    .vacancies .number {margin: -10px;}

    .vacancies .acordeon strong {
        font-size: 14px;
        margin-top: 15px;
    }

    /*  14
    ------------------------------------------------- */
    .reviews .wrap-item {width: 50%;}

}

@media screen and (max-width: 991px) {
    h2 {
        /*font-size: 25px;*/
        /*line-height: 30px;*/
    }

    .center {
        padding: 0 15px;
    }

    /* HEADER */
    .header {
        padding: 15px 0;
    }
    .header nav,
    .head-btn,
    .header .btn-social,
    .tel {display: none;}

    .breadcrumbs li a {font-size: 15px;}

    .boxing {
        border-radius: 12px;
        padding: 30px;
    }

    .services-slider .boxing .image {
        max-width: 240px;
    }

    .logo {
        min-width: 200px;
        max-width: 200px;
        height: 39px;
        background-size: 200px;
    }

    .btn-burger {display: block;}

    .btn-search {
        height: 35px;
        min-width: 110px;
        font-size: 14px;
        margin: 0 25px 0 auto;
    }

    .slide-btn {min-width: 25px;}

    .form-filters {border-radius: 12px;}

    /* SERVICES-SLIDER */
    /*.services-slider {padding-bottom: 60px;}*/

    .services-slider .boxing h3 {
        line-height: 1.3;
        font-size: 22px;
        word-break: break-word;
    }

    .services-slider .boxing .inner span {
        font-size: 13px;
        line-height: 17px;
    }

    .slide-item img {width: 200px;}

    /* ADVANTAGES */
    .advantages {padding: 60px 0;}

    .advantages h3 {
        /*font-size: 16px;*/
        /*line-height: 25px;*/
        /*margin-bottom: 10px;*/
    }

    .advantages p {
        font-size: 14px;
        line-height: 1.6;
    }

    .reception .btn {
        padding: 10px 35px;
        margin-left: 50px;
    }

    .reception .image {min-height: 340px;}

    /* PROFESSION-SLIDER */
    .doctor {
        padding: 15px 15px 0 15px;
        border-radius: 12px;
    }

    .slide-item .rating img {width: 80px;}

    .name {
        font-size: 14px;
        line-height: 1.4;
        min-height: 64px;
    }

    .doctor .dscr {
        /*font-size: 13px;*/
        /*line-height: 20px;*/
        display: none;
    }

    .post .wrap-item {
        width: 33.3%;
        margin-bottom: 20px;
    }

    /*  2 
    ------------------------------------------------- */
    .page-all-doctors .form-filters {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-all-doctors .form-filters .item {
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .switch {margin: 0;}

    /*  3 
    ------------------------------------------------- */
    .card-doctor .wrap {flex-wrap: wrap;}
    .card-doctor .wrap .summary {
        width: 100%;
        margin-top: 30px;
        padding-right: 0;
    }

    .card-doctor .images {
        padding-right: 0;
        width: 70%;
    }

    .main-tabs {
        width: 100%;
        margin-top: 30px;
    }

    /*  5 
    ------------------------------------------------- */
    .services .wrap {flex-direction: column;}

    .services .column + .column {margin-top: 50px;}

    .services .list {
        display: flex;
        flex-wrap: wrap;
    }

    .services .list li {
        width: 33.3%;
        margin-top: 5px!important;
    }

    .services .column:last-child .list li {width: 100%;}

    .services .column:last-child {display: flex;}

    .services .column:last-child .item {margin: 0;}

    .services .list li + li {margin: 0; }

    /*  6 
    ------------------------------------------------- */
    .cost .wrap {flex-direction: column;}
    .cost .cost-list {width: 100%;}

    .cost .acordeon {
        width: 100%;
        order: -1;
        margin-bottom: 30px;
    }
    .cost .acordeon-btn {
        justify-content: space-between;
        padding: 0px 30px;
        font-size: 19px;
    }

    /*  7 
    ------------------------------------------------- */
    .page-article .pagination-nav {margin-top: 30px;}

    /*  9 
    ------------------------------------------------- */
    .page-share .pagination-nav {margin-top: 30px;}

    /*  12 
    ------------------------------------------------- */
    .demo-gallery a {width: 33.3%;}

    /*  13 
    ------------------------------------------------- */
    .vacancies .center {flex-direction: column;}

    .vacancies .acordeon {
        width: 100%;
        padding-right: 0;
    }

    .vacancies .acordeon-btn {border-radius: 12px;}

    .vacancies .acordeon-btn.active {border-radius: 12px 12px 0 0;}

    .vacancies .info {
        width: 100%;
        margin-top: 30px;
    }

    .vacancies .number .box {border-radius: 12px;}

    .acordeon-content .inner {border-radius: 0 0 12px 12px;}

    /*  15 
    ------------------------------------------------- */
    .partners .wrap-item {width: 33.3%;}

    /*  POPUP 
    ------------------------------------------------- */
    .popup-search .wrap {margin-top: 50px;}

    .popup-search h3 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .popup-search ul li a {font-size: 13px;}

    .popup-search .link {
        font-size: 15px;
        margin-top: 30px;
    }

}

@media screen and (max-width: 900px) {
    .services .list li {width: 50%;}

    .services .column:last-child .item {width: 50%;}

    .services .column:last-child {flex-wrap: wrap;}

    /*  10 
    ------------------------------------------------- */
    .discounts .wrap {flex-direction: column;}

    .discounts .summary {
        width: 100%;
        margin-top: 50px;
    }

    .discounts .images {
        padding-right: 0;
        min-width: 400px;
    }
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 28px;
        line-height: 35px;
    }

    .breadcrumbs {margin: 15px 0 20px 0;}

    .box-title {margin-bottom: 30px;}

    .advantages .wrap-item {width: 50%;}

    .advantages .wrap-item:last-child {margin-top: 20px;}

    .reception .flex {
        flex-direction: column;
        align-items: flex-start;
    }
    .reception .btn {
        margin-left: 0;
        margin-top: 20px;
    }

    .footer {display: none;}
    .footer-mob {
        display: block;
        margin-top: 40px;
    }

    /*   2
    ------------------------------------------------- */
    /*.page-all-doctors .reception {margin-top: 100px;}*/

    .pagination li a {
        font-size: 18px;
        width: 30px;
        height: 30px;
    }
    
    .all-doctors .wrap-item {width: 50%;}

    .form-filters {padding: 15px;}

    .form-filters .item .view {height: 40px;}

    /*  3 
    ------------------------------------------------- */
    .card-doctor {padding-bottom: 0;}

    /*  4 
    ------------------------------------------------- */
    .about-info .info .box {flex-direction: column;}
    .about-info .info .box p:first-child {margin: 0 0 20px 0;}
    .about-info {
        padding: 0;
        font-size: 14px;
        line-height: 1.6;
    }

    .about-bottom strong {font-size: 19px;}
    .about-bottom p {
        margin-top: 15px;
        font-size: 17px;
    }
    .about-bottom p br {display: none;}

    .page-about .advantages {padding: 30px 0;}

    /*  5 
    ------------------------------------------------- */
    .services .list {padding-left: 0;}

    .services .icon {background-position: center left;}

    /*  8 
    ------------------------------------------------- */
    .page-news .box-title {margin-bottom: 60px;}

    /*  10 
    ------------------------------------------------- */
    .discounts {padding-bottom: 40px;}

    .post-item p {font-size: 16px!important;}

    /*  12 
    ------------------------------------------------- */
    .demo-gallery a {width: 50%;}

    /*  14 
    ------------------------------------------------- */
    .reviews .wrap-item {width: 100%;}

    /*  POPUP 
    ------------------------------------------------- */
    .popup-search .wrap {flex-direction: column;}

    .popup-search .wrap .column + .column {margin-top: 30px;}

    .popup-search .link:after {
        width: 15px;
        height: 9px;
        background-size: cover;
    }

    .resume {margin-top: 22px;}

    .resume .lor {font-size: 15px;}

    .resume p .lor {
        color: #6D635D;
        font-size: 13px;
    }

    .resume-item {
        margin-top: 30px;
        padding: 0;
        background: #fff;
    }

    .resume-item .inner .info {margin-top: 10px;}
    .resume .min-title {margin-bottom: 10px;}

    .resume .text-wrap + .text-wrap {margin-top: 20px;}

    .resume .min-title strong,
    .resume .min-title a {
        font-size: 15px;
        font-weight: 500;
    }

    .popup-search .popup-wrap {padding: 30px;}
}

@media screen and (max-width: 650px) {
    h1 {font-size: 22px; line-height: 1.3;}

    h1 br {display: none;}

    .home-slider .slide-item h2 {
        font-size: 28px;
        line-height: 33px;
    }

    .home-slider .slide-item p {
        font-size: 16px;
        line-height: 24px;
    }

    h2 {
        /*font-size: 24px;*/
        /*line-height: 30px;*/
        font-weight: bold;
    }

    .logo {
        min-width: 150px;
        max-width: 150px;
        height: 36px;
        background-size: 150px;
        background-position: center;
    }

    .breadcrumbs li a {font-size: 13px;}

    .link-all {
        font-size: 13px;
        margin-left: 16px;
    }

    .btn {
        font-size: 13px;
        padding: 15px 28px;
        line-height: 1;
    }

    .slide-btn {display: none;}

    .advantages .wrap-item {width: 100%;}

    .advantages .wrap-item {margin-bottom: 13px;}

    .advantages .wrap-item:last-child {margin-top: 0;}

    .reception h4 {
        font-size: 26px;
        line-height: 1.2;
    }

    .reception p {
        font-size: 18px;
        line-height: 1.2;
    }

    .reception .btn {
        width: 100%;
        justify-content: center;
    }

    .reception .image {min-height: 370px;}

    .post .wrap-item {width: 50%;}

    .profession-slider .title-head > div {
        flex-direction: column;
        align-items: flex-start;
    }
    .profession-slider .link-all {margin-left: 0;}

    .page-home .post {padding-bottom: 0;}

    /*  3 
    ------------------------------------------------- */
    .card-doctor .images {width: 100%;}
    .card-doctor .summary .btn {
        width: 100%;
        justify-content: center;
    }

    /*  5 
    ------------------------------------------------- */
    .services .wrap {flex-direction: column;}

    .services .column + .column {margin-top: 50px;}

    .services .list li {width: 100%;}

    .services .column:last-child .item {width: 100%;}

    .services .column:last-child .item + .item {margin-top: 30px;}

    .services .column + .column {margin-top: 30px;}

    /*  6 
    ------------------------------------------------- */
    .cost .cost-list {padding-right: 0;}

    .cost-list li {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .cost-list .box {
        width: 100%;
        margin-bottom: 20px;
    }

    .cost-list a {padding-right: 0;}

    .cost-list strong {
        margin-left: 0;
        margin-right: 20px;
    }

    .description-wrap .description {font-size: 15px;}

    .cost .title-head {margin-top: 0;}

    .cost .acordeon p {font-size: 15px;}

    .cost .acordeon-btn {
        padding: 0 15px;
        border-radius: 12px;
        height: 70px;
    }

    .cost .acordeon .inner {padding: 0 15px 30px 15px;}

    .profession-slider .title-head {margin-top: 20px;}

    /*  8 
    ------------------------------------------------- */
    .description-wrap .date {
        top: -20px;
        font-size: 15px;
    }

    .news-nav .btn-wrap {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 40px;
    }

    .news-nav .btn-wrap a {margin: 10px 0;}

    .news-nav .text {justify-content: flex-start;}

    .social-icon a {
        width: 25px;
        height: 25px;
    }

    /*  11 
    ------------------------------------------------- */
    .contacts {font-size: 13px;}
    .contacts .icon:before {
        min-width: 25px;
        min-height: 25px;
    }
    .contacts .icon + .icon {margin-top: 10px;}

    #map {
        margin-top: 30px;
        height: 300px;
    }

    /*  14 
    ------------------------------------------------- */
    .page-reviews .form-filters {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-reviews .form-filters .item {
        max-width: 100%;
        margin-left: 0;
    }
    .page-reviews .form-filters .item + .item {margin-top: 20px;}

    .letter {
        min-width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .reviews-item .rating {
        width: 70px;
        margin-top: 0;
    }

    .reviews-item .name {
        font-size: 13px;
        line-height: 17px;
        display: block;
        min-height: auto;
        margin-top: 0;
    }

    .reviews-item .date {font-size: 10px;}

    /*  POPUP 
    ------------------------------------------------- */
    .resume-item .inner {flex-direction: column;}

}

@media screen and (max-width: 545px) {

    .slide-container {padding-right: 27%;}

    .home-slider .slide-container {padding-right: 0;}

    .btn {font-size: 15px;}
    .btn:after {display: none;}

    /*.all-doctors .wrap-item {width: 100%;}*/

    .main-tabs .tabs-nav li {
        /*font-size: 11px;*/
    }

    .main-tabs .tabs-content > li {padding-top: 20px;}

    .main-tabs .tabs-nav li + li {margin-left: 5px;}

    .about-doctor strong {
        font-size: 15px;
        margin-top: 15px;
    }

    .about-doctor {font-size: 13px;}

    /*  10 
    ------------------------------------------------- */
    .discounts .images {
        width: 100%;
        min-width: inherit;
    }

    .discounts .summary ul li div {
        padding: 10px 10px;
        font-size: 13px;
    }
    .discounts .summary ul li span {font-size: 13px;}

    .discounts .summary .btn {
        width: 100%;
        justify-content: center;
    }

    /*  12 
    ------------------------------------------------- */
    .demo-gallery a {width: 100%;}

    /*  13 
    ------------------------------------------------- */
    .vacancies .acordeon-btn {
        font-size: 13px;
        padding: 15px 15px;
    }

    .vacancies .acordeon-btn:after {
        width: 12px;
        height: 7px;
    }

    .vacancies .acordeon-content .inner {padding: 0 15px 15px 15px;}

    .vacancies .info .description {
        font-size: 13px;
        line-height: 25px;
    }

    .vacancies .number .box strong {
        font-size: 20px;
        line-height: 35px;
    }

    .vacancies .number .box {padding: 15px;}

    .vacancies .number .box span {
        font-size: 10px;
        line-height: 20px;
    }

    /*  15 
    ------------------------------------------------- */
    .partners .wrap-item {
        width: 50%;
        padding: 0;
    }

    /*  POPUP 
    ------------------------------------------------- */
    .form-search input[type="search"] {
        font-size: 17px;
        line-height: 40px;
    }

    .form-style input::-moz-placeholder {
        font-size: 17px;
        line-height: 40px;
    }
    .form-style input::-webkit-input-placeholder {
        font-size: 17px;
        line-height: 40px;
    }
    .form-style input:-moz-placeholder {
        font-size: 17px;
        line-height: 40px;
    }
    .form-style input:-ms-input-placeholder {
        font-size: 17px;
        line-height: 40px;
    }

    .form-search .box {padding-bottom: 10px;}

    .form-search .box:before {
        width: 21px;
        height: 21px;
        margin-right: 10px;
    }

    .form-search .text {display: none;}

    .popup-search .wrap {margin-top: 22px;}

    .popup-close {
        min-width: 15px;
        height: 15px;
        background-size: contain;
    }

}

@media screen and (max-width: 450px) {
    /* HOME-SLIDER */
    .home-slider .slide-item .center {padding: 0 15px;}

    .home-slider .slide-item {
        text-align: center;
        min-height: 460px;
    }
    
    .home-slider .slide-item p {font-size: 16px;}
    .home-slider .slide-item p br {display: none;}

    .home-slider .slide-dots {bottom: 20px;}

    .swiper-pagination-bullet {
        min-width: 9px;
        min-height: 9px;
    }

    .swiper-pagination {bottom: 20px!important;}

    .home-slider .btn {
        padding: 13px 30px;
        font-size: 15px;
        width: 100%;
        justify-content: center;
    }
    .home-slider .btn:after {display: block;}

    .post .wrap-item {width: 100%;}

    .advantages {padding: 35px 0;}

    /*  POPUP 
    ------------------------------------------------- */
    .popup-search {justify-content: flex-start;}

    .resume-item .inner {flex-direction: row;}

    .resume-item {margin-top: 22px;}

    .resume-item .image {
        margin-right: 12px;
        flex-shrink: inherit;
        min-width: 65px;
        max-width: 65px;
    }

    .resume-item .inner .info p,
    .resume .text-wrap p,
    .resume .text-wrap .min-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 270px;
    }
    
    .resume .text-wrap p br {display: none;}
}

.head-curaddr { display: block; font-size: 12px; padding-left: 30px; margin-top: -5px; }
@media screen and (max-width: 991px) { .head-curaddr { display: none; } }

.contacts-row {
	margin-bottom: 20px;
}
.contacts-row > svg {
	display: inline-block;
	width: 32px; height: 32px;
	vertical-align: middle;
	margin-right: 20px;
}
.contacts-row > a { margin-right: 20px; }
#cmap-wrap { margin-top: 40px; }
#cmap { height: 400px; }

.rating-result, .rating {
    width: auto;
    display: flex;
    column-gap: 7px;
}

.rating img {
    max-width: 18px;
    height: 18px;
}
.rating-result {margin: initial;}

/*.reviews-item { justify-content: space-around; }*/

.card-doctor .review-slider .center { padding: 0; }
.card-doctor .review-slider .boxing { height: auto; margin-bottom: 20px; }
.card-doctor .review-slider .boxing:last-child { margin-bottom: 0; }