@font-face {
    font-family: 'Helvetica Light';
    src: url('fonts/helvetica_light.otf') format('opentype');
}



/* Настройки шаблона */
:root, body {font-size: 16px;}
:root {
}
@media screen and (min-width: 576px) {
	:root, body {font-size: 16px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 18px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 20px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 20px;}
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; color: #455152; outline: 1px solid #ddd; overflow-x: hidden;
	font-family: "Helvetica Light"; font-weight: 400; font-style: normal;
}

h1, .h1 {}
h2, .h2 {}
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}
h6, .h6 {} 
a {text-decoration: none; color:#000;}


/* Общие классы */
#center main {overflow: inherit;}

/* Кнопка светлая */
.button_light {
	color: #fff;
	background: rgba(255 255 255 / .20);
	border: 1px solid #fff;
	border-radius: 1.5rem;
	padding: .375rem .75rem;
	backdrop-filter: blur(6.5px);
	-webkit-backdrop-filter: blur(6.5px);
}
/* Кнопка желтая */
.button_warning {
	color: #fff;
	background: rgba(195, 157, 85, 0.20);
	border: 1px solid #B58F4F;
	border-radius: 1.5rem;
	padding: .375rem .75rem;
	backdrop-filter: blur(6.5px);
	-webkit-backdrop-filter: blur(6.5px);
}

.btn {
	transition-duration: 300ms;
}
.btn:hover {
	background: #73976E;
	color: #fff;
}

/* Карточка светлая  */
.card_light {background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(6.5px); -webkit-backdrop-filter: blur(6.5px); border-radius: 1.5rem; border: 1px solid #fff; color: #fff;}

/* Фоновые цвета кнопок */
.bg_light {background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(6.5px); -webkit-backdrop-filter: blur(6.5px); border-radius: 1.5rem; border: 1px solid #fff; color: #fff;}
.bg-success {background-color: #2A3E33 !important; color: #fff; height: fit-content; margin-top: 1rem; border-radius: 1.5rem !important;}
.bg_light_green {background: #73976E; height: fit-content; border-radius: 1.5rem !important;}

.btn.bg_light_green:hover {
	background: #2A3E33;
	color: #fff;
}
.btn.bg-success:hover {
	background: #73976E !important;
	color: #fff;
}
.btn.btn-warning:hover {
	background: #73976E !important;
	color: #fff !important;
	border: solid 1px #fff !important;
}

/* Переопределения Bootstrap */
.bg-color::before {background: #E1EAD5;}
.rounded-top.bg-color::before {border-radius: 5rem 5rem 0 0;}
.rounded-bottom.bg-color::before {border-radius: 0 0 5rem 5rem;}
.rounded {border-radius: 1.5rem !important;}
.z-1 {z-index: 1;}
.owl-carousel .owl-nav.disabled {display: block;}
.owl-nav {max-width: 105% !important;}
.owl-nav span {display: none !important;}
.owl-nav .owl-prev::before {content: url('/images/icons/left_min.svg');}
.owl-nav .owl-next::after {content: url('/images/icons/right_min.svg');}
img {background-position: center;}
.btn:focus,.btn:active {outline: none !important; box-shadow: none;}
header #header_items button:focus, header #header_items button:active {outline: none !important; box-shadow: none;}

/* Шапка */
#logo {position: relative;}
#logo::before {
    content: '';
    position: absolute;
    top: .3125rem;
    background-image: url(/images/icons/logo2.svg);
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-repeat: no-repeat;
}
#logo img {opacity: 0;}

/* Другой логотип на светлых страничках */
body.glavnaya #logo img {opacity: 1;}
body.lechenie-gryzhi-diska #logo img {opacity: 1;}
body.lechenie-sportivnoj-travmy #logo img {opacity: 1;}
body.metabolicheskaya-diagnostika #logo img {opacity: 1;}
body.glavnaya #logo::before {display: none;}
body.lechenie-gryzhi-diska #logo::before {display: none;}
body.lechenie-sportivnoj-travmy #logo::before {display: none;}
body.metabolicheskaya-diagnostika #logo::before {display: none;}}

/* Шапка не прозрачная на светлых страничках */
header.navbar {position: inherit; padding: .5rem;}
body.glavnaya header.navbar {position: absolute; width: 100vw;}
body.lechenie-gryzhi-diska header.navbar {position: absolute; width: 100vw;}
body.lechenie-sportivnoj-travmy header.navbar {position: absolute; width: 100vw;}
body.metabolicheskaya-diagnostika header.navbar {position: absolute; width: 100vw;}

header .container {padding: .5rem 1rem; border-radius: 2.5rem; border: 1px solid #000;}
body.glavnaya header .container, body.lechenie-gryzhi-diska header .container, body.lechenie-sportivnoj-travmy header .container, body.metabolicheskaya-diagnostika header .container {background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(6.5px); -webkit-backdrop-filter: blur(6.5px); border-radius: 2.5rem; border: 1px solid #fff;}

/* Кнопки в шапке */
header .container .navbar-collapse #top_menu {width: 100%;}
header #top_menu ul {display: flex; width: 100%; justify-content: space-around;}
header #top_menu ul li a {color: #000; font-size: 0.8rem; padding: 0;}
header #top_menu ul li a:hover {color: gray;}
body.glavnaya header #top_menu ul li a {color: #fff;}
body.lechenie-gryzhi-diska header #top_menu ul li a {color: #fff;}
body.lechenie-sportivnoj-travmy header #top_menu ul li a {color: #fff;}
body.metabolicheskaya-diagnostika header #top_menu ul li a {color: #fff;}

header #header_items * {margin: 0;}
header #header_items button {margin-left: 1rem; padding-left: 2rem; padding-right: 2rem; color: #C39D55; background: rgba(195, 157, 85, 0.30); border: 1px solid #B58F4F; border-radius: 1.5rem; backdrop-filter: blur(6.5px); -webkit-backdrop-filter: blur(6.5px);}
body.glavnaya #header_items button, body.lechenie-gryzhi-diska #header_items button, body.lechenie-sportivnoj-travmy #header_items button, body.metabolicheskaya-diagnostika #header_items button {color: #fff;}

/* Кнопка для слабовидящих */
a#specialButton img {min-width: 1.5rem; min-height: 1.5rem;}


/* Модули */

/* Слайдер на главной */
.mod-home {padding-top: 10rem;} /* for navbar */
.mod-home.bg-color::after { background-image:url("/images/home/001.jpg"); background-size: cover; background-position: center; border-radius: 0 0 4rem 4rem; }
.mod-home .card-body {background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(6.5px); -webkit-backdrop-filter: blur(6.5px); border-radius: 1.5rem; border: 1px solid #fff; width: fit-content;}
.mod-home .card-body img { border-radius: 1.5rem; }
.mod-home a {color: white;}
.mod-home .h1 { font-size: 3rem; }

body.lechenie-gryzhi-diska .mod-home.bg-color::after { background: linear-gradient(to left, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("/images/home/027.jpg"); background-size: cover; background-position: center; border-radius: 0 0 4rem 4rem; }
body.lechenie-sportivnoj-travmy .mod-home.bg-color::after { background: linear-gradient(to left, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("/images/home/051.jpg"); background-size: cover; background-position: center; border-radius: 0 0 4rem 4rem; }
body.metabolicheskaya-diagnostika .mod-home.bg-color::before { background: linear-gradient(to left, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("/images/home/055.jpg"); background-size: cover; background-position: center; border-radius: 0 0 4rem 4rem; }

/* О нас */
.mod-about .card-body { border-radius: 1.5rem; margin-top: 0; }
.moduletable ul li {position: relative;}
.moduletable ul li::marker {font-size: 0;}
.moduletable ul li::before {
    content: " ";
    background-color: #2A3E33;
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    left: -30px;
    bottom: 0;
    right: auto;
    top: 5px;
    border-radius: 50%;
}

/* Кнопка скролла на верх */
.scroll-up .fa-angle-up {background: url('/images/icons/right_min.svg'); background-size: 100% 100%; position: absolute; position: absolute; top: 5px; left: 5px; right: 0; bottom: 0; width: 30px; height: 30px; transform: rotate(-90deg);}

/* Не ставь жизнь на паузу и аналогичные блоки */
.mod-pain { border-radius: 2.5rem; background-size: cover; background-position: center; }
.mod-pain button:hover { border: solid 1px #fff;}

/* Наши преимущества */
@property --p {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 20%;
}
@keyframes loadCircle {
	from {
		--p: 20%;
	}
	to {
		--p: 100%;
	}
}
.mod-benefits .aos-animate .img-circle {animation-play-state: running;}
body.glavnaya .mod-benefits.bg-color::before {border-radius: 0 0 5rem 5rem;}
.mod-benefits .img-circle {
  width: 10rem; 
  aspect-ratio: 1;
  border-radius: 50%;
  --p: 20%; /*для совместимости*/
  background: conic-gradient(#2A3E33 var(--p), #fff 0); 
  transform: rotateY(180deg) rotateZ(340deg);
  animation: loadCircle 1000ms linear;
  animation-play-state: paused;
  animation-fill-mode: forwards;
  position: relative;
  margin: auto;
  word-wrap: break-word;
}
.mod-benefits .img-circle::before {position: absolute;inset: .8rem; content: '';border-radius: inherit;background: #E1EAD5;}
.mod-benefits img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(20deg);}

/* Решаем проблемы опорно-двигательной системы */
.mod-system .card {flex-direction: inherit; background: red; border: none;}
.mod-system .card-body { background: #E1EAD5; border-radius: 1.5rem; position: relative; min-height: 14rem;}
.mod-system .card-body .title {display: flex; flex-direction: column; justify-content: space-between;}
.mod-system .card-body img {position: absolute; bottom: 0; right: 0; z-index: 1; transform: translateX(15%);}
.mod-system .card-body .btn {width: fit-content; border-radius: 1.5rem;}

/* Благодаря наличию лечебного звена и реабилитации */
.mod-med {display: flex;}
.mod-med .p-5 {padding: 4rem !important;}
.mod-med div {border-radius: 2.5rem; margin-bottom: 0;}
.mod-med .box {background: #E1EAD5; position: absolute; padding-bottom: 0 !important; margin-bottom: 0; top: 50%; left: 50%; bottom: 0; right: 0; width: 40%; height: 60%; transform: translate(-50%, -50%)!important; border-radius: 1.5rem; border: solid 3px #2A3E33; z-index:-1;}
.mod-med img {z-index: 1;}
.mod-med .border {border: solid 2px #73976E !important;}
/*
	.mod-med .p-5 {padding: 1rem !important;}
	.mod-med .position-absolute {position: relative !important; border: none !important; padding-bottom: 3rem !important; margin-bottom: -3rem; z-index: 0;}*/

/* Клинические случаи */
.mod-clinic .text {background: linear-gradient(to left, rgba(0,0,0,0.15), rgba(0,0,0,0.15)); backdrop-filter: blur(6.5px) sepia(1); -webkit-backdrop-filter: blur(6.5px) sepia(1); padding: 2rem;}
.mod-clinic img {background-size: cover;}

.mod-clinic .card-inner {position: relative; border-radius: 2.5rem; overflow: hidden;}
.mod-clinic .card-front {position: relative; color: #fff; opacity: 0; transition-duration: 0.5s; z-index: 1;}
.mod-clinic .card-back {position: absolute; width: 100%; height: 100%; top:0; left:0; right:0; bottom:0;}
.mod-clinic .card-front, .mod-clinic .card-back {overflow: hidden; background-size: cover; background-position: center;}
.mod-clinic .card-front:hover {opacity: 1;}
.mod-clinic span {font-size: 1.1rem;}

/* Запишитесь на прием */
body.lechenie-gryzhi-diska .mod-priem.bg-color::before {border-radius: 0 0 5rem 5rem;}
.mod-priem .rounded {border-radius: 2.5rem !important;}
.mod-priem .num {position: absolute; top: .5rem; right: 1.5rem;}
.mod-priem .text {position: absolute; top: 0; left: 0; flex-direction: column; justify-content: space-between;}

/* Какая проблема вас беспокоит? */
.mod-problem input::placeholder {color: #fff;}
.mod-problem .rounded, .mod-problem .bg_green {border-radius: 1.5rem !important;}
.mod-problem div.button_warning {width: calc(100% - 4rem);}
/*.mod-problem .button_warning {width: calc(100% - 4rem);}*/
.mod-problem .bg_light_green {background: #E1EAD5;}
.mod-problem .card {perspective: 150rem; padding: 0; border: none;}
.mod-problem .card-inner {transform-style: preserve-3d; transition: transform 0.6s;}
.mod-problem .card-front {width: 100%; height: 100%; top:0; left:0; right:0; bottom:0; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 1rem;}
.mod-problem .card-back {transform: rotateY(180deg);}
.mod-problem .card-front, .mod-problem .card-back {backface-visibility: hidden; background-size: cover; background-position: center; border-radius: 1.5rem;}
.mod-problem .card:hover .card-inner {transform: rotateY(180deg);}
.mod-problem  a.text-primary {color: #2A3E33 !important;}


/* Какая проблема вас беспокоит? */
.mod-problem-2 .button_warning {width: calc(100% - 4rem); position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%);}

/* Обращение руководителя */
body.o-nas .mod-ceo.bg-color::before {border-radius: 5rem 5rem 0 0;}
body.glavnaya .mod-ceo.bg-color::before {border-radius: 5rem 5rem 0 0;}
body.nashi-spetsialisty .mod-ceo.bg-color::before {background: none;}
.mod-ceo img.rounded {border-radius: 2.5rem !important;}
.mod-ceo .rounded-5 {border-radius: 3rem !important; margin-left: -2rem; margin-top: 0;}

/* Наши специалисты */
body.o-nas .mod-personal.bg-color::before {border-radius: 0 0 5rem 5rem;}
body.glavnaya .mod-personal.bg-color::before {border-radius: 0 0 5rem 5rem;}
.mod-personal .rounded {border-radius: 1.5rem !important;}
.mod-personal .title .btn {position: inherit; left: inherit; bottom: inherit; transform: none;}
.mod-personal .btn {position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%);}
.mod-personal .bg-success {margin-top: 0;}
.mod-personal .btn.bg_light_green:hover {background: #fff !important; color: #2A3E33 !important;}

/* Отзывы */
.mod-reviews .slider.owl-carousel .owl-item {background: #E1EAD5; filter: blur(5px); transform: scale(0.7); border-radius: 2.5rem; padding: 1rem !important; transition-duration: 200ms;}
.mod-reviews .slider.owl-carousel .owl-item.active.center {background: #2A3E33; filter: blur(0); transform: scale(1.0); color: #fff; }
.mod-reviews .slider.owl-carousel .owl-stage {display: flex; align-items: center;}
.mod-reviews .slider2.owl-carousel {display: none;}
.mod-reviews .owl-nav {top: 100%; bottom: 2rem; margin-top: 2rem; width: 5rem; font-size: 0;}
.mod-reviews .bg-success {margin-top: 0;}

/* Блог */
.mod-blog .rounded {border-radius: 1.5rem !important;}
.mod-blog .bg_light_green {color: #fff !important;}
img.blog_video { filter: blur(3px); -webkit-filter: blur(3px); }

/* Контакты */
body.o-nas .mod-contact {margin-top: 5rem;}
body.o-nas .mod-contact.bg-color::before {background: transparent;}
body.nashi-spetsialisty .mod-contact.bg-color::before {background: transparent;}
body.kontakty .mod-contact.bg-color::before {background: none;}
.mod-contact .rounded {border-radius: 2.5rem !important;}
.mod-contact .map {position: absolute; top: 0; left: 0; height: 100%; z-index: 0;}
.mod-contact iframe {min-height: 20rem !important;}
.mod-contact .bg-success {margin-top: 0;}
.mod-contact a {color: #fff;}
.mod-contact a:hover {color: #E1EAD5;}

/* Лечение грыжи межпозвоноч... */
.mod-pain-2 img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; background-position: center;}

/* О нас */
.mod-about-2 .owl-stage-outer {border-radius: 2.5rem !important;}
.mod-about-2 .owl-nav {top: 100%; bottom: 2rem; width: 5rem; font-size: 0;}
.mod-about-2 .owl-nav span {display: none !important;}
.mod-about-2 .owl-nav .owl-prev::before {content: url('/images/icons/left.svg');}
.mod-about-2 .owl-nav .owl-next::after {content: url('/images/icons/right.svg');}

/* Карточка специалиста */
.mod-specialist .rounded {border-radius: 1.5rem !important;}
.mod-specialist .img {position: absolute; top: -2rem; left: -1.5rem;}

/* Методы лечения */
.mod-method .item {height: 10rem; overflow: hidden; border-radius: 1.5rem !important;}
.mod-method .item_large {height: 12rem; border-radius: 1.5rem !important; overflow: hidden;}
.mod-method .bg-success {margin-top: 0;}

/* Блог видео */
.mod-blog .owl-nav {top: 100%; bottom: 2rem; margin-top: 2rem; width: 5rem; font-size: 0;}
.mod-blog img, .blog_container img {transition-duration: 0.5s;}
.mod-blog .img_container {max-height: 70vh;}
.mod-blog .img_container:hover img {cursor:pointer; transform: scale(1.3);}
.blog_container .img_container:hover img {cursor:pointer; transform: scale(1.3);}
.mod-blog .icon, .mod-reviews .icon, .blog_container .icon {background: url('/images/home/059.png'); background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 4rem; height: 5rem;}
.mod-blog .icon:hover, .mod-reviews .icon:hover, .blog_container .icon:hover {cursor: pointer;}

/* Отзывы видео */
.mod-reviews img {transition-duration: 0.5s;}
.mod-reviews .img_container:hover img {cursor:pointer; transform: scale(1.3);}


/* Подвал */
body.nashi-spetsialisty .mod-contact {margin-top: 5rem;}
body.o-nas .mod-footer-menu.bg-color::before {background: none;}
body.nashi-spetsialisty .mod-footer-menu.bg-color::before {background: none;}
body.kontakty .mod-footer-menu.bg-color::before {background: none;}
/*.mod-footer-menu hr {width: 100%; height: .1rem; border: none;}*/

/* Всплывающие окна */
.modal .modal-content {height: 80%; border-radius: 2.5rem; background: transparent !important; border: none;}
.modal .modal-dialog {max-width: 100vw !important;}
.modal .modal-header {border: none;}
.modal .modal-dialog-scrollable .modal-body {overflow-y: inherit;}
#fos .form_body {max-width: 800px; width: 100%; background: #73976E; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);border-radius: 2.5rem; padding: 1rem;}
#fos .form_body input {border: none;}
#fos .form_body input::placeholder {color: #000;}
#fos .form_body .btn-close {position: absolute; right: 0; top: 0; transform: scale(0.8);}
#fos {color: #fff;}
#fos a.text-primary {color: #eaffea !important;}
#fos .form_body button:hover {border: solid 1px #fff;}
/*.modal .modal-body {background: #73976E; border-radius: 2.5rem; padding: 1rem;}

/*#m-feed-back-info .modal-body {height: fit-content; width: fit-content;}*/
#m-feed-back-info .message {background: #fff; color: #000; padding: 2rem; border-radius: 2.5rem; width:fit-content; margin: 0 auto; display: flex; align-items: center;}
#m-feed-back-info .message span {margin-right: 2rem;}
#m-feed-back-info .touch_close {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Адаптация */

.flex-xl-row {
    flex-direction: column !important;
}
@media screen and (max-width: 992px) {
	header #top_menu ul {display: block; width: 100%; justify-content: space-around;}
	header #top_menu ul li a {width: fit-content; padding: .5rem 0; margin: 0 auto;}
	header #header_items button {margin-top: 1rem; width: calc(100% - 2rem);}

	.mod-system .card-body img {height: 100%; transform: translateX(5%);}

	.mod-home.bg-color::after { border-radius: 0 0 2.5rem 2.5rem; }

	body.glavnaya .mod-benefits.bg-color::before {border-radius: 0 0 2.5rem 2.5rem;}

	body.o-nas .mod-personal.bg-color::before {border-radius: 0 0 2.5rem 2.5rem;}
	body.glavnaya .mod-personal.bg-color::before {border-radius: 0 0 2.5rem 2.5rem;}

	body.o-nas .mod-ceo.bg-color::before {border-radius: 2.5rem 2.5rem 0 0;}
	body.glavnaya .mod-ceo.bg-color::before {border-radius: 2.5rem 2.5rem 0 0;}
	.mod-ceo .rounded-5 {border-radius: 2rem !important; margin-left: 0; margin-top: -1rem;}

	.mod-med .p-5 {padding: 1rem !important;}
	.mod-med .position-absolute {position: relative !important; border: none !important; padding-bottom: 3rem !important; margin-bottom: -3rem; z-index: 0;}
	.mod-med .box {width: 80%;}

	.mod-pain-2 img {position: relative;}

	.mod-about-2 .owl-nav {top: 110%;}

	.mod-personal .slider {margin-bottom: 2rem;}
	.mod-personal .owl-nav {top: 105%; bottom: 2rem; width: 5rem; font-size: 0;}

	.mod-clinic .slider {margin-bottom: 5rem;}
	.mod-clinic .owl-nav {top: 110%; bottom: 2rem; width: 5rem; font-size: 0;}
	.mod-clinic .card-inner {font-weight: .7rem; border-radius: 1.5rem; }
	.mod-clinic .card-inner br {}
	.mod-clinic .text {padding: 1rem;}
	.mod-clinic .card-front {opacity: 1;}
	.mod-clinic .card-front:hover {opacity: 0;}

	.rounded-top.bg-color::before {border-radius: 2.5rem 2.5rem 0 0;}
	.rounded-bottom.bg-color::before {border-radius: 0 0 2.5rem 2.5rem;}

	body.lechenie-gryzhi-diska .mod-home.bg-color::after { border-radius: 0 0 2.5rem 2.5rem; }
	body.lechenie-sportivnoj-travmy .mod-home.bg-color::after { border-radius: 0 0 2.5rem 2.5rem; }
	body.metabolicheskaya-diagnostika .mod-home.bg-color::before { border-radius: 0 0 2.5rem 2.5rem; }
	body.lechenie-gryzhi-diska .mod-priem.bg-color::before { border-radius: 0 0 2.5rem 2.5rem; }

	.mod-contact .map {position: relative;}
	.mod-contact .row {padding-right: .75rem; padding-left: .75rem;}

	.mod-reviews .btn, .mod-blog .btn, .mod-personal .btn, .mod-method .btn {width: fit-content;} 
	.btn {width: 100%;}

	.mod-benefits .img-circle {--p: 100%;}

	.mod-clinic .second_card {display: none;}
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
	header #top_menu ul {display: block; width: 100%; justify-content: space-around;}
	header #top_menu ul li a {width: fit-content; padding: .5rem 0; margin: 0 auto;}
	header #header_items button {margin-top: 1rem; width: calc(100% - 2rem);}
}

@media screen and (min-width: 992px) {
	.mod-reviews .slider.owl-carousel .owl-item.active.center {width: 29rem !important;}
}