
/* File data: default.css */


*{margin: 0; padding: 0; box-sizing: border-box;}
html{width: 100%; height: 100%; margin: 0; padding: 0;}

table{border-collapse: collapse; border-spacing: 0;}
fieldset, img{border: 0;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
input, textarea, select{font-family: inherit; font-size: inherit; font-weight: inherit; color: #2c353d;}
input[type='button'], input[type='submit'], button{-webkit-appearance: none; cursor: pointer; color: #2c353d;}
a, img{outline: 0;}
a{color: #81b1ff;}
a{text-decoration: none;}
label{cursor: pointer;}
li{list-style: none;}

.hidden{display: none !important;}

.editable p{margin: 0 0 12px 0; font-size: 18px; line-height: 24px;}
.editable a{color: #81b1ff;}
.editable ol, .editable ul{margin: 0 0 10px 10px;}
.editable li{margin: 0 0 12px 0; position: relative; left: 8px; padding-left: 4px;}
.editable ol li{list-style: decimal; list-style-position: outside;}
.editable ul li{list-style: disc; list-style-position: outside;}
.editable ul li ul, .editable ol li ol{padding-top: 10px;}
.editable td{padding: 5px 10px;}
.editable h1, .editable h2, .editable h3, .editable h4, .editable h5, .editable h6{margin: 20px 0 20px 0; font-family: 'Manrope';}
.editable h1{font-size: 36px; line-height: 48px;}
.editable h2{font-size: 30px; line-height: 40px;}
.editable h3{font-size: 22px; line-height: 30px;}
.editable img{max-width: 100%; aspect-ratio: initial !important; height: auto !important; margin-bottom: 10px;}
.editable figure{width: auto !important; margin: 0; padding: 0; float: none !important;}
.editable table{margin: 20px 0; border-top: 1px solid #dce2e9;}
.editable table td{border-bottom: 1px solid #dce2e9; padding: 12px 20px;}
.editable table tr:nth-child(2n - 1){background-color: #e1eff6;}

.editable figure.media{margin: 0 30px 12px 0; display: inline-block;}
.editable figure.media div{padding: 0 !important; height: auto !important; width: auto !important;}
.editable figure.media iframe{position: static !important; width: 560px !important; height: 320px !important;}

@font-face{font-family: 'Rubik'; src: url('/media/css/../fonts/Rubik.ttf'); font-style: normal;}
@font-face{font-family: 'Manrope'; src: url('/media/css/../fonts/Manrope.ttf'); font-style: normal;}
/* End of file */


/* File data: style.css */


/* Structure */
body{position: relative; font: 18px/24px 'Rubik'; height: 100%; min-width: 340px; background: #fff; color: #2c353d;}
#container{min-height: 100%; padding-bottom: 900px; position: relative;}
#header{height: 192px;}
#content{min-height: 300px;}
#footer{clear: both; height: 900px; padding: 20px; position: absolute; left: 0; 
bottom: 0; width: 100%;}
#overlay{background: #333; opacity: 0.7; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%;
display: none;}
div.inner{max-width: 1420px; margin: 0 auto;}
div.blue-wrapper{padding: 30px 0; background: #e1eff6; margin-bottom: 60px;}
div.blue-wrapper.main{padding: 47px 0; margin: 0;}
.green-button{border-radius: 12px; background: #81b1ff; cursor: pointer; height: 48px; padding: 0 24px;
display: flex; align-items: center; flex-shrink: 0; border: none; font-size: 18px; transition: all 0.5s ease;
width: fit-content; display: inline-flex; color: #2c353d !important; justify-content: center;}
.green-button:hover{background-color: #9dbdf2 !important;}
h1{font: 36px/48px 'Manrope'; font-weight: 600; margin-bottom: 30px;}
.green-button.blue{background-color: #e1eff6;}
.green-button.blue:hover{background-color: #f1f8fc !important;}
div.default{max-width: 950px; padding-top: 30px;}

/* Header */
#header div.inner{padding: 30px 0 25px 0; display: flex; flex-direction: column; justify-content: space-between;}
#header div.top{display: flex; justify-content: space-between; width: 100%; margin-bottom: 24px; padding-bottom: 24px;
border-bottom: 1px solid #dce2e9;}
#header div.top div.left{display: flex; height: 48px; align-items: center; flex-grow: 1;}
#header div.top div.left a#logo{margin-right: 28px; width: 230px; flex-shrink: 0;}
#header div.top div.left a#logo img{display: block; max-width: 100%;}
#header div.top div.left span.icon{width: 48px; height: 48px; cursor: pointer; border-radius: 12px; flex-shrink: 0;}
#header div.top div.left span.search-open{margin-right: 12px; background: #e1eff6 url(/media/css/../images/search-black.svg) center no-repeat;}
#header div.top div.left span.special-version{background: #e1eff6 url(/media/css/../images/eye.svg) center no-repeat;}
#header div.top div.left ul.menu{margin-left: 4%; display: flex;}
#header div.top div.left ul.menu li{margin-right: 24px;}
#header div.top div.left ul.menu li:last-child{margin: 0;}
#header div.top div.left ul.menu a{color: #667080; font-size: 16px; display: flex; align-items: center;
padding: 0 10px; height: 40px; border-radius: 12px; transition: all 0.5s ease;}
#header div.top div.right{font: 22px/30px 'Manrope'; display: flex; align-items: center; justify-content: flex-end;
flex-grow: 1;}
#header div.top div.right a.phone{margin-right: 10%; color: #2c353d; font: 22px 'Manrope'; font-weight: 600;}
#header div.top div.right .inscribe-button{padding-left: 53px; background-image: url(/media/css/../images/calendar.svg);
background-position: left 18px center; background-repeat: no-repeat; font: 22px 'Manrope'; font-weight: 600;}
#header div.bottom{display: flex; justify-content: space-between; width: 100%; align-items: center;}
#header div.bottom ul.main-menu{display: flex; flex-grow: 1; height: 48px;}
#header div.bottom ul.main-menu > li{margin-right: 0.5%; flex-shrink: 0; position: relative;}
#header div.bottom ul.main-menu li:last-child{margin: 0;}
#header div.bottom ul.main-menu a{color: #2c353d; font-size: 17px; padding: 0 24px; border-radius: 12px; height: 48px;
align-items: center; display: flex;}
#header div.bottom ul.main-menu > li > a{transition: all 0.5s ease;}
#header div.bottom ul.main-menu > li > a:hover{background: #81b1ff;}
#header div.bottom ul.main-menu li:has(ul) > a{padding-right: 25px; 
background: url(/media/css/../images/chevron-down.svg) right center no-repeat;}
#header div.bottom ul.main-menu li ul{display: none; position: absolute; z-index: 90; background: #fff;
border-radius: 12px; width: 300px; padding: 6px 0; left: -24px; border: 1px solid #dce2e9;
box-shadow: 0px 8px 25px #dadadb;}
#header div.bottom ul.main-menu li:hover > ul{display: block; overflow: hidden;}
#header div.bottom ul.main-menu li ul li{margin: 0;}
#header div.bottom ul.main-menu li ul li a{display: block; padding: 12px 24px; height: auto; border-radius: 0;}
#header div.bottom ul.main-menu li ul li:hover a{background: #81b1ff;}

#header div.bottom div.buttons{display: flex; justify-content: flex-end;}
#header div.bottom div.buttons > div{height: 48px; cursor: pointer; border-radius: 12px; padding: 0 19px 0 50px;
display: flex; align-items: center; justify-content: flex-end; transition: all 0.5s ease; line-height: 16px;}
#header div.bottom div.buttons > div.doctor-consult{background: #e1eff6 url(/media/css/../images/operator.svg) no-repeat left 12px center;
margin-right: 10px; width: 190px;}
#header div.bottom div.buttons > div.doctor-call{background: #e1eff6 url(/media/css/../images/home.svg) no-repeat left 12px center;
width: 185px; padding-left: 45px;}
#header div.bottom div.buttons > div:hover{background-color: #f1f8fc;}
#header div.inner > .inscribe-button.mobile{display: none;}

#search-modal{position: fixed; z-index: 1000; left: calc((100% - 1200px) / 2); top: 200px; background: #fff; display: none; 
width: 1200px; border-radius: 10px; padding: 30px 40px 80px 40px;}
#search-modal.open{display: block;}
#search-modal header{display: flex; justify-content: space-between; margin-bottom: 50px; align-items: center;}
#search-modal header div.title{font: 22px/30px 'Manrope'; font-weight: 600;}
#search-modal header div.close{color: #667080; display: flex; align-items: center; cursor: pointer;}
#search-modal header div.close span{height: 48px; width: 48px; background: #e1eff6 url(/media/css/../images/close.svg) center no-repeat;
margin-left: 17px; border-radius: 24px; background-size: 15px 15px;}
#search-modal form{display: flex; height: 48px; align-items: center; position: relative;}
#search-modal form input[type='text']{width: calc(100% - 114px); border: 1px solid #99a4af; padding: 0 40px 0 16px;
border-radius: 12px; height: 100%;}
form input + span.clear{width: 24px; height: 24px; background: url(/media/css/../images/clear.svg) no-repeat;
cursor: pointer; position: relative; z-index: 1100; right: 130px; position: absolute; display: none;}
#search-modal form button{margin-left: 12px; width: 102px;}

.autocomplete-suggestions{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; 
-webkit-box-shadow: 1px 5px 14px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 5px 14px rgba(50, 50, 50, 0.4); 
box-shadow: 1px 5px 14px rgba(50, 50, 50, 0.4);}
.autocomplete-suggestion {padding: 2px 5px; white-space: nowrap; overflow: hidden;}
.autocomplete-no-suggestion {padding: 2px 5px;}
.autocomplete-selected {background: #F0F0F0;}
.autocomplete-suggestions strong {font-weight: bold; color: #000;}
.autocomplete-group {padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; 
border-bottom: 1px solid #000;}

/* Mobile menu */
#mobile-menu-button{background: #81b1ff url(/media/css/../images/menu.svg) center no-repeat; width: 48px; height: 48px; cursor: pointer;
margin: 0 10px 0 0; display: none;}
#mobile-menu{background: #fff; width: 320px; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none;
padding: 40px 20px 20px 20px; overflow-y: auto;}
span.mobile-menu-close{width: 24px; height: 24px; position: absolute; right: 20px; top: 20px; cursor: pointer;
background: url(/media/css/../images/close-green.svg) center no-repeat; background-size: contain;}
#mobile-menu a.phone{font: 22px/22px 'Manrope'; font-weight: 500; margin-bottom: 20px; display: inline-flex;}
#mobile-menu div.bottom{border-bottom: 1px solid #dce2e9; padding-bottom: 40px; margin-bottom: 30px;}
#mobile-menu div.buttons{display: flex; flex-direction: column; gap: 20px; width: 100%;}
#mobile-menu div.buttons > *{width: 100% !important; padding-left: 58px !important; justify-content: flex-start !important;
margin: 0 !important;}
#mobile-menu div.buttons .inscribe-button{background: #81b1ff url(/media/css/../images/calendar.svg) left 15px center no-repeat;}

#mobile-menu > ul{margin-left: 15px;}
#mobile-menu li{margin-bottom: 30px;}
#mobile-menu li:last-child{margin-bottom: 0;}
#mobile-menu li:has(ul) > a{padding-right: 25px; background: url(/media/css/../images/chevron-down-green.svg) right top 2px no-repeat;}
#mobile-menu li ul{margin-left: 15px; padding-top: 23px; display: none;}
#mobile-menu li ul li{margin-bottom: 15px;}
#mobile-menu li ul li a{color: #667080; font-size: 16px;}

/* Banner */
#index-banner-slider{padding-bottom: 220px;}
#index-banner-slider .swiper-slide{display: flex; justify-content: space-between; background: #fff;
border-top-right-radius: 12px; border-bottom-right-radius: 12px;  overflow: hidden;}
#index-banner-slider .swiper-slide div.image{width: 930px; border-radius: 12px; overflow: hidden; height: 550px;
display: flex; justify-content: flex-start;}
#index-banner-slider .swiper-slide div.image img{display: block; height: 550px; width: 930px;}
#index-banner-slider .swiper-slide div.content{width: 395px; background: #fff url(/media/css/../images/leaves.png) left no-repeat;
padding: 43px 35px 23px 35px; display: flex; flex-direction: column;}
#index-banner-slider .swiper-slide div.content div.name{font: 30px/40px 'Manrope'; margin-bottom: 18px; font-weight: 600;}
#index-banner-slider .swiper-slide div.content p{margin-bottom: 20px; color: #667080;}
#index-banner-slider .swiper-slide div.content a.green-button{margin-top: auto; width: 180px; 
background: #81b1ff url(/media/css/../images/chevron-right.svg) right 12px center no-repeat;}
#index-banner-slider .index-banner-controls{display: flex; flex-direction: column;}
#index-banner-slider .arrows{width: 108px; height: 48px; display: flex; justify-content: space-between; margin-bottom: 36px;
z-index: 10; position: relative; align-self: flex-end; margin-top: -65px; margin-right: 22px;}
#index-banner-slider .arrows > *{cursor: pointer; width: 48px; height: 48px; border-radius: 50%;}
#index-banner-slider .arrows .index-banner-prev{background: #fff url(/media/css/../images/arrow-left.svg) center no-repeat;}
#index-banner-slider .arrows .index-banner-next{background: #fff url(/media/css/../images/arrow-right.svg) center no-repeat;}
#index-banner-slider .index-banner-pagination{display: flex; justify-content: center; gap: 12px;}
#index-banner-slider .index-banner-pagination span{width: 48px; height: 6px; background: #99a4af; opacity: 1;
border-radius: 0;}
#index-banner-slider .index-banner-pagination span.active{background: #81b1ff;}
#index-banner-slider.inside{padding: 0; margin-bottom: 50px;}
#index-banner-slider.inside .swiper-slide{justify-content: center;}

/* Search */
div.inner:has(#index-search){background: #fff; border-top-right-radius: 12px; border-top-left-radius: 12px;
margin: -195px auto 70px auto; padding: 0 0 60px 0; border-bottom: 1px solid #dce2e9; position: relative; z-index: 10;}
#index-search{display: flex; flex-direction: column; max-width: 1000px; margin: 0 auto; align-items: center;}
#index-search div.icon{width: 72px; height: 72px; background: #fff url(/media/css/../images/search-green.svg) center no-repeat;
border-radius: 50%; margin: -30px 0 0 0;}
#index-search div.title{font: 36px/48px 'Manrope'; margin-bottom: 24px; font-weight: 600;}
#index-search form{width: 750px; display: flex; justify-content: space-between; height: 48px; margin-bottom: 24px;
position: relative; align-items: center;}
#index-search form input{width: 600px; border-radius: 12px; border: 1px solid #99a4af; padding: 0 40px 0 15px;
font-size: 22px; height: 100%;}
#index-search form span.clear{right: 165px;}
#index-search form button{width: 136px; padding-left: 58px;
background: #81b1ff url(/media/css/../images/search-black.svg) left 24px center no-repeat;}
#index-search div.options{max-width: 890px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;}
#index-search div.options div{padding: 12px 24px; background: #e1eff6; cursor: pointer; border-radius: 24px;}
#index-search div.options div span{color: #81b1ff; margin-left: 10px; white-space: nowrap;}

div.search-results{margin-bottom: 50px;}
div.search-results > div{margin-bottom: 24px;}
div.search-results div.name{margin-bottom: 10px;}
div.search-results div.name a{color: #81b1ff;}
div.search-results span.found{background: #ece8a2;}

/* Main page */
div.section-header{margin: 0 0 50px 0; display: flex; align-items: center;}
div.section-header div.name{font: 36px/48px 'Manrope'; font-weight: 600; padding-left: 70px;}
div.section-header div.logo{padding: 0;}
div.section-header div.phone{background: url(/media/css/../images/phone-green.svg) left no-repeat; min-height: 72px; padding-left: 96px;}
div.section-header div.phone small{font: 18px/24px 'Rubik'; display: block; color: #667080;}
div.section-header div.addresses{background: url(/media/css/../images/map-green.svg) left no-repeat; min-height: 72px; padding-left: 96px;
align-items: center; display: flex;}
div.section-header > a{margin-left: auto; font: 22px/20px 'Manrope'; font-weight: 600; padding-right: 58px;
background: url(/media/css/../images/arrow-right-green.png) right 21px center no-repeat;}

section.directions{padding: 0 0 25px 0; border-bottom: 1px solid #dce2e9; margin-bottom: 60px; display: flex;
flex-wrap: wrap; justify-content: space-between;}
section.directions > div{width: 336px; height: 312px; background: #e1eff6; border-radius: 12px; margin-bottom: 24px;
padding: 24px;}
section.directions > div.wide{width: 695px; justify-content: space-between; display: flex;}
section.directions > div.wide div.left{width: 280px;}
section.directions > div.wide > img{border-radius: 16px;}
section.directions > div div.title{font: 36px/48px 'Manrope'; font-weight: 600; margin-bottom: 12px; word-wrap: break-word;}
section.directions > div div.left ul{font: 22px/30px 'Manrope'; font-weight: 600;}
section.directions > div div.left ul li{margin-bottom: 18px;}
section.directions > div div.left ul li a{padding-right: 28px;}
section.directions > div div.left a{color: #2c353d;}
section.directions > div div.left ul li a:hover{background: url(/media/css/../images/chevron-right.svg) right bottom 2px no-repeat;}
section.directions > div.document{background: #e1eff6 url(/media/css/../images/file-green.svg) bottom 24px left 24px no-repeat;
cursor: pointer;}
section.directions > div:hover{background-color: #81b1ff;}

section.callback{padding: 0 0 50px 0; border-bottom: 1px solid #dce2e9; margin-bottom: 60px; display: flex;
justify-content: space-between; align-items: flex-start;}
section.callback > div.form{width: 624px;}
section.callback > div.form div.title{font: 22px/30px 'Manrope'; font-weight: 600; margin-bottom: 7px;}
section.callback > div.form div.required-text{color: #667080; margin-bottom: 24px;}
section.callback form{display: flex; flex-wrap: wrap; justify-content: space-between;}
section.callback form div.field-wrapper{width: auto;}
section.callback form div.field-name{display: none;}
section.callback form div.field-input{margin-bottom: 24px;}
section.callback form div.field-input:has(table){width: 100%;}
section.callback form div.field-input table.enum-radio-choice{width: 100%;}
section.callback form div.field-input table.enum-radio-choice tr{display: flex; align-items: center;}
section.callback form div.field-input table.enum-radio-choice tr td{margin-right: 7%; white-space: nowrap;
display: flex; align-items: center;}
section.callback form div.field-input table.enum-radio-choice tr td label{margin-left: 12px;}
section.callback form input[type='text']{width: 300px; height: 48px; padding: 0 16px; border-radius: 12px;
border: 1px solid #99a4af;}
section.callback form div.field-wrapper:has(textarea){width: 100%;}
section.callback form textarea{padding: 16px; border-radius: 12px; border: 1px solid #99a4af; width: 100%;
height: 116px !important;}
section.callback form div.agree{display: flex; align-items: flex-start; margin-bottom: 24px;}
section.callback form div.agree input{margin-right: 8px; margin-top: 4px;}
section.callback form div.agree p{font-size: 16px;}
section.callback form div.agree a{color: #81b1ff;}
section.callback form div.bottom{display: flex; width: 540px; justify-content: space-between; align-items: center;}
section.callback form div.bottom button{height: 72px; width: 290px; font: 22px/30px 'Manrope'; font-weight: 600;
justify-content: center;}
section.callback form div.bottom div.phone p{font-size: 16px; color: #667080;}
section.callback form div.bottom div.phone a{font: 22px/30px 'Manrope'; font-weight: 600;}
section.callback form div:has(textarea){width: 100%;}
section.callback > div.image{overflow: hidden; display: flex; justify-content: flex-start; border-radius: 12px;}
section.callback > div.image > img{border-radius: 12px;}

section.hospitals{margin-bottom: 30px; display: flex; justify-content: space-between; flex-wrap: wrap;}
section.hospitals > div{width: 32.2%; border: 1px solid #cfd9e2; border-radius: 12px;
padding: 20px 18px 18px 18px; display: flex; flex-direction: column; transition: all 0.5s ease;}
section.hospitals > div.empty{border: none; height: 0;}
section.hospitals.inside a{height: auto;}
section.hospitals > div div.top{height: 48px; display: flex; justify-content: space-between; align-items: center;
margin-bottom: 40px;}
section.hospitals > div div.top div.name{font: 22px/30px 'Manrope'; font-weight: 600; padding-left: 30px;
background: url(/media/css/../images/map-pin.svg) left no-repeat;}
section.hospitals > div div.top > a{width: 48px; height: 48px; border-radius: 24px;
background: #fff url(/media/css/../images/arrow-right.svg) center no-repeat; display: none;}
section.hospitals > div:hover{background: #e1eff6;}
section.hospitals > div:hover div.top > a{display: flex;}
section.hospitals > div div.departments{font-size: 16px; color: #667080; margin-bottom: 16px;}
section.hospitals > div > ul > li{font: 22px/30px 'Manrope'; font-weight: 600; margin-bottom: 10px;}
section.hospitals > div > ul > li a{color: #2c353d;}
section.hospitals > div div.worktime{margin-top: auto; color: #667080;}
section.hospitals > div div.bottom{display: flex; gap: 14px; flex-direction: column; padding-top: 45px;
font-size: 16px;}
section.hospitals > div > ul{margin-bottom: 50px;}
section.hospitals > div div.bottom div.parking{padding-left: 30px; background: url(/media/css/../images/parking.svg) left no-repeat;}
section.hospitals > div div.bottom div.contacts{display: flex; gap: 30px;}

div.main-content{display: flex; justify-content: space-between; margin-bottom: 50px; align-items: flex-start;}
div.main-content div.text{width: 696px; background: #e1eff6 url(/media/css/../images/leaves-white.png) top right no-repeat;
border-radius: 12px; padding: 49px 40px 40px 40px; display: flex; flex-direction: column; align-items: flex-start;}
div.main-content div.text p:first-child{font: 36px/48px 'Manrope'; font-weight: 600; margin-bottom: 70px;}
div.main-content div.text p:first-child span{color: #81b1ff;}
div.main-content div.text table{width: 100%; margin-bottom: 30px; border: none !important;}
div.main-content div.text table td{border: none !important;}
div.main-content div.text table td:first-child{padding-right: 25px;}
div.main-content div.text table + p{font: 22px/30px 'Manrope'; font-weight: 600; margin-bottom: 30px;}
div.main-content div.text a.green-button{margin-top: auto; padding-right: 58px; font: 22px/30px 'Manrope'; 
font-weight: 600; background: #81b1ff url(/media/css/../images/arrow-right-black.svg) right 15px center no-repeat; height: 54px;}

/* Breadcrumbs */
div.breadcrumbs{font-size: 12px; line-height: 18px; margin-bottom: 30px;}
div.breadcrumbs a{color: #667080; background: url(/media/css/../images/chevron-right.svg) bottom 2px right no-repeat;
padding-right: 16px; background-size: 14px 10px; margin-right: 0px;}
div.breadcrumbs span{color: #667080}

/* Filters */
#doctors-filters div.row{display: flex; align-items: flex-end; margin-bottom: 12px;}
#doctors-filters div.row > div{margin-right: 12px;}
#doctors-filters div.row div div.name{color: #667080; margin-bottom: 12px;}
#doctors-filters div.row div input[type='text'], #doctors-filters div.row div select{border-radius: 12px; 
border: 1px solid #99a4af; padding: 0 16px; height: 48px;}
#doctors-filters div.row div input#filter-name{padding-right: 40px; width: 600px;
background: #fff url(/media/css/../images/search-green.svg) right 12px center no-repeat;}
#doctors-filters div.row div select{width: 300px; cursor: pointer; appearance: none; color: #667080;
background: #fff url(/media/css/../images/chevron-down-blue.svg) right 12px center no-repeat;}
#doctors-filters div.row a.clear{padding-left: 30px; background: url(/media/css/../images/clear.svg) left no-repeat;
margin-bottom: 12px; margin-left: 10px; color: #667080;}
#doctors-filters div.bottom{display: flex;}
#doctors-filters div.bottom > div{margin-right: 24px; color: #667080;}
#doctors-filters div.bottom > div input{position: relative; margin-right: 5px; bottom: 1px;}

/* Doctors */
div.doctors-list{display: flex; justify-content: space-between; flex-wrap: wrap;}
div.doctors-list div.doctor{margin-bottom: 60px; height: 570px; width: 336px; display: flex; flex-direction: column;}
div.doctors-list div.doctor.empty{height: 0; margin: 0; padding: 0;}
div.doctors-list div.doctor > a.image{display: block; margin-bottom: 24px; position: relative;}
span.reviews{position: absolute; height: 48px; padding: 0 10px 0 40px; display: flex; align-items: center; 
border-radius: 12px; top: 10px; left: 12px; z-index: 10; font: 22px/19px 'Manrope'; color: #667080;
background: #fff url(/media/css/../images/message-circle.svg) left 10px center no-repeat; background-size: 24px 24px;}
div.doctors-list div.doctor > a img{border-radius: 12px; display: block; max-width: 100%; margin: 0 auto;}
div.doctors-list div.doctor div.name{font: 22px/30px 'Manrope'; height: 85px; border-bottom: 1px solid #dce2e9;
div.doctors-list div.doctor div.namemargin-bottom: 24px;}
div.doctors-list div.doctor div.name a{color: #2c353d}
div.doctors-list div.doctor div.name span{font-weight: 600;}
div.doctors-list div.doctor div.position{font-size: 16px; display: flex; flex-wrap: wrap;}
div.doctors-list div.doctor div.position span{margin-right: 10px;}
div.doctors-list div.doctor div.position span:first-child{background: #e1eff6; padding: 0 8px;
border-radius: 6px;}
div.doctors-list div.doctor div.bottom{margin-top: auto; display: flex; flex-direction: column;
padding: 12px; border: 1px solid #cfd9e2; border-radius: 12px;}
div.doctors-list div.doctor div.bottom div.time{text-align: center; color: #667080; margin-bottom: 6px;}
div.doctors-list div.doctor div.bottom div.time span{color: #2c353d; font-weight: 500;}
div.doctors-list div.doctor div.bottom button{width: 100%; padding-left: 120px; font-weight: 600;
background: #81b1ff url(/media/css/../images/calendar.svg) left 85px center no-repeat; color: #2c353d;
justify-content: flex-start;}

/* Pagination */
div.pagination{display: flex; justify-content: center; margin-bottom: 50px; border-top: 1px solid #dce2e9;}
div.pagination a{height: 48px; min-width: 48px; justify-content: center; align-items: center; display: flex;
color: #667080; padding-top: 5px;}
div.pagination a.active, div.pagination a:hover{color: #81b1ff; border-top: 2px solid #81b1ff;}
div.pagination a.pager-next{background: url(/media/css/../images/arrow-right.svg) top 15px center no-repeat;}
div.pagination a.pager-prev{background: url(/media/css/../images/arrow-left.svg) top 15px center no-repeat;}

/* Doctor page */
div.doctor-brif{display: flex; padding-bottom: 70px;}
div.doctor-brif h1{margin-bottom: 20px; color: #2c353d; font-weight: 400;}
div.doctor-brif h1 span{font-weight: 600;}
div.doctor-brif div.image{position: relative; }
div.doctor-brif div.image img{display: block; max-width: 100%; border-radius: 12px;}
div.doctor-brif div.right{display: flex; flex-grow: 1;}
div.doctor-brif div.info{margin: 0 140px 0 60px; width: 450px; font-size: 16px; color: #667080;
margin-bottom: 30px;}
div.doctor-brif div.info ul.position{gap: 10px; display: flex; flex-direction: column; align-items: flex-start;}
div.doctor-brif div.info ul.position li{color: #2c353d; display: inline-block; padding: 0 8px;}
div.doctor-brif div.info ul.position li:first-child{background: #81b1ff; border-radius: 6px;}
div.doctor-brif div.info div.data{margin-bottom: 30px;}
div.doctor-brif div.info div.data p span{margin-left: 18px;}
div.doctor-brif div.address{padding-top: 60px;}
div.doctor-brif div.address div.flags{margin-bottom: 24px;}
div.doctor-brif div.address div.flags div{margin-bottom: 16px; padding-left: 30px; 
background: url(/media/css/../images/check.svg) left no-repeat;}
div.doctor-brif div.address div.locations{font-size: 16px; display: flex; flex-direction: column; gap: 16px;}
div.doctor-brif div.address div.locations a{padding-left: 22px; background: url(/media/css/../images/map-pin.svg) left bottom 2px no-repeat;
font-size: 16px; background-size: 16px 16px;}

ul.tabs-list{margin-bottom: 30px; display: flex; border-top: 1px solid #cfd9e2;}
ul.tabs-list li{height: 48px; display: flex; align-items: center; justify-content: center; border-top: 2px solid #fff;
padding: 0 24px; cursor: pointer; color: #667080; font-weight: 600;}
ul.tabs-list li.active{border-top: 2px solid #81b1ff; color: #2c353d;}

ul.subtabs{display: flex; gap: 10px; margin-bottom: 40px; font-size: 16px; flex-wrap: wrap;}
ul.subtabs li{height: 37px; display: flex; align-items: center; color: #667080; border-radius: 28px;
cursor: pointer; padding: 0 12px; background: #e1eff6;}
ul.subtabs li a{color: #2c353d;}

div.tabs-area h3{font: 22px/30px 'Manrope'; margin-bottom: 30px; font-weight: 600;}
div.tabs-area section div.editable{max-width: 1000px;}
div.tabs-area > div{margin-bottom: 50px; display: none !important;}
div.tabs-area > div.active{display: flex !important;}

div.tabs-area > div.booking{display: flex;}
div.tabs-area section:last-child{margin-bottom: 0 !important; padding-bottom: 0 !important;}
div.tabs-area section.closest-time{display: flex; align-items: center; margin-bottom: 30px;}
div.tabs-area section.closest-time div.closest{display: flex; padding: 12px; border: 1px solid #cfd9e2;
border-radius: 12px; margin-right: 30px; align-items: center;}
div.tabs-area section.closest-time div.closest > div{color: #667080;}
div.tabs-area section.closest-time div.closest > div strong{font-weight: 600; color: #2c353d; margin-left: 5px;}
div.tabs-area section.closest-time div.closest button{margin-left: 30px; width: 225px; padding-left: 78px;
background: #81b1ff url(/media/css/../images/calendar.svg) left 45px center no-repeat; font-weight: 600;}
div.tabs-area section.closest-time .what-to-take{padding-left: 34px; background: url(/media/css/../images/check-square.svg) left no-repeat;
cursor: pointer;}
div.tabs-area section.closest-time .what-to-take span{color: #81b1ff; border-bottom: 2px solid #c3dbd7; font-weight: 600;}

div.tabs-area > div.booking table.prices{width: 815px; margin-bottom: 60px; border-top: 1px solid #cfd9e2}
div.tabs-area > div.booking table.prices tr{display: flex; justify-content: space-between; border-bottom: 1px solid #cfd9e2}
div.tabs-area > div.booking table.prices tr:hover{background: #e1eff6;}
div.tabs-area > div.booking table.prices td{padding: 20px;}
div.tabs-area > div.booking table.prices td.name{font-weight: 600;}
div.tabs-area > div.booking table.prices td.price{color: #81b1ff; white-space: nowrap;}
div.tabs-area > div.booking div.warnings{padding: 100px 0 0 0; margin-left: 60px; display: flex; flex-direction: column;
gap: 40px; width: 330px;}
div.tabs-area > div.booking div.warnings div{color: #667080; font-size: 16px; padding-left: 54px;
background: url(/media/css/../images/alert.svg) top 4px left no-repeat;}

div.tabs-area > div.about{display: flex; flex-direction: column;}
div.tabs-area > div.about section{margin-bottom: 40px; padding-bottom: 40px;}
div.tabs-area > div.about section div.videos{display: flex; flex-wrap: wrap; justify-content: space-between;}
div.tabs-area > div.about section div.video{width: 49%; margin-bottom: 30px;}
div.tabs-area > div.about section div.video iframe{width: 100%; height: 360px; margin-bottom: 5px; background: #ddd;}

div.tabs-area > div.timetable{margin-bottom: 40px; display: flex; flex-direction: column;}
div.timetable-sections{width: 100%; display: flex; gap: 5%;}
div.timetable-sections > div{flex-grow: 1; max-width: 600px;}
div.timetable-sections > div span.name{border-bottom: 1px solid #cfd9e2; display: flex; height: 64px; 
align-items: center; font-weight: 600; background: url(/media/css/../images/map-pin.svg) left no-repeat; padding: 0 0 0 34px;}
div.timetable-sections > div div{display: flex; justify-content: space-between; height: 64px; align-items: center;
border-bottom: 1px solid #cfd9e2; padding: 0 20px 0 10px;}
div.timetable-sections > div div:hover{background: #e1eff6;}
div.timetable-sections > div div span.time{color: #81b1ff;}

div.tabs-area > div.reviews{max-width: 930px; display: flex; flex-direction: column;}
div.tabs-area > div.reviews h3{display: flex; align-items: center;}
div.tabs-area > div.reviews h3 button{margin-left: 30px;}
div.tabs-area div.reviews-list div{border-bottom: 1px solid #cfd9e2; margin-bottom: 40px; padding-bottom: 40px;}
div.tabs-area div.reviews-list div:last-child{border: none; margin: 0;}
div.tabs-area div.reviews-list div p{margin-bottom: 20px;}
div.tabs-area div.reviews-list div span{color: #667080; font-size: 16px;}

div.tabs-area > div.doctors-list{margin-bottom: 0;}

div.publications{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 40px;
grid-row-gap: 35px;}
div.publications a{color: #81b1ff;}
div.publications a:hover{color: #105551;}

div.more-doctrors{margin-bottom: 30px; display: flex; align-items: center; padding-top: 60px;
border-top: 1px solid #cfd9e2;}
div.more-doctrors div{font: 22px/30px 'Manrope'; font-weight: 600;}
div.more-doctrors span{margin-left: 28px; font-size: 16px; background: #e1eff6; padding: 2px 7px; border-radius: 6px;}

/* Specializations */
div.specializations-sections > div.section{margin-bottom: 25px;}
div.specializations-sections h2{font: 22px/30px 'Manrope'; margin-bottom: 12px; font-weight: 600;}
div.specializations-sections ul.specializations-list{margin-bottom: 30px;}

ul.specializations-list{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 3%;
grid-row-gap: 15px; margin-bottom: 40px;}
ul.specializations-list li a{color: #81b1ff;}
div.specializations-top{display: flex; justify-content: space-between;}
div.specializations-top div.image img{display: block; border-radius: 12px;}
div.specializations-top div.info{width: 650px;}
div.specializations-top div.info div.banner-text{margin-bottom: 40px;}
div.specializations-top div.info ul.addresses{margin-bottom: 40px; display: flex;}
div.specializations-top div.info ul.addresses li{margin-right: 16px; font-size: 16px; display: flex; align-items: center;
background: url(/media/css/../images/map-pin.svg) left no-repeat; padding-left: 22px; background-size: 16px 16px; line-height: 16px;}
div.specializations-top div.info div.phone{display: flex; flex-direction: column;}
div.specializations-top div.info div.phone span{color: #667080; font-size: 16px;}
div.specializations-top div.info div.phone a{font: 22px/30px 'Manrope'; font-weight: 600;}

div.services-price-list{max-width: 1050px;}
div.services-price-list table{width: 100%; border-top: 1px solid #cfd9e2;}
div.services-price-list table tr{display: flex; border-bottom: 1px solid #cfd9e2; height: 88px; align-items: center;
display: flex; justify-content: flex-end; padding: 0 60px 0 20px;}
div.services-price-list table tr:hover{background: #e1eff6;}
div.services-price-list table tr td.name{margin-right: auto; font-weight: 500;}
div.services-price-list table tr td.price{margin: 0 15px; color: #81b1ff; white-space: nowrap;}
div.services-price-list table tr td button{background: #81b1ff url(/media/css/../images/calendar.svg) left 20px center no-repeat;
font-weight: 600; padding-left: 54px;}

div.tabs-area div div.title{font: 22px/30px 'Manrope'; font-weight: 500; margin-bottom: 30px;}
div.tabs-area > div.overview div.editable{max-width: 930px;}
div.tabs-area > div.clinics{flex-direction: column;}
div.tabs-area > div.articles > div{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 3%;
grid-row-gap: 30px;}
div.tabs-area > div.articles a{color: #81b1ff;}
div.tabs-area > div.stationary{flex-direction: column;}
div.tabs-area > div.stationary div.content{display: flex; justify-content: space-between; padding-bottom: 40px;
margin-bottom: 40px; border-bottom: 1px solid #dce2e9;}
div.tabs-area > div.stationary div.content div.left{width: 47%;}
div.tabs-area > div.stationary div.content div.right{width: 48.5%;}
div.tabs-area > div.stationary div.content div.right img{display: block; max-width: 100%;}
div.tabs-area > div.stationary div.content div.left div.editable{margin-bottom: 30px;}
div.tabs-area > div.stationary div.content div.left div.buttons{display: flex; gap: 30px;}
div.tabs-area > div.stationary div.directions{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #dce2e9;}
div.tabs-area > div.stationary div.editable{max-width: 930px;}

div.directions ul{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 5%;
grid-row-gap: 30px;}
div.directions ul li{padding-left: 33px; background: url(/media/css/../images/check.svg) left top 1px no-repeat;
font: 22px/30px 'Manrope'; font-weight: 600;}

/* Price list */
p.notification{margin-bottom: 20px;}

div.price-list-top{display: flex; justify-content: space-between; margin-bottom: 40px;}
div.program-icons{display: flex; flex-direction: column; width: 180px; margin-left: 4%;}
div.program-icons p{margin-bottom: 20px;}
div.program-icons a.female{background: url(/media/css/../images/content/icon-women.png) left no-repeat;}
div.program-icons a.male{background: url(/media/css/../images/content/icon-men.png) left no-repeat;}
div.program-icons a.children{background: url(/media/css/../images/content/icon-baby.png) left no-repeat;}
div.program-icons a{background-size: 45px 45px !important; height: 45px; display: flex; padding-left: 60px;
align-items: center; margin-bottom: 15px;}

div.programs-main div.program-icons{flex-direction: row; margin: 30px 0 0 0; gap: 40px;}
div.programs-main div.program-icons a{flex-shrink: 0;}

div.price-list-top div.search-block{width: calc(100% - 180px - 4%);}
div.price-list-top div.search-block form{display: flex; justify-content: space-between; flex-wrap: wrap;}
div.price-list-top div.search-block form input[type='text'], div.price-list-top div.search-block form select{
background: #fff; border: 1px solid #99a4af; border-radius: 12px; padding: 0 16px; height: 48px;}
div.price-list-top div.search-block form div.select-outer{width: 49%; margin-bottom: 20px;}
div.price-list-top div.search-block form div.select-outer select{width: 100%; appearance: none;
background: url(/media/css/../images/chevron-down.svg) right 10px center no-repeat;}
div.price-list-top div.search-block div.bottom{display: flex; justify-content: space-between; width: 100%;
margin-bottom: 30px;}
div.price-list-top div.search-block div.bottom input[type='text']{width: calc(100% - 140px);}
div.price-list-top div.search-block div.bottom button{width: 120px; justify-content: center;}
div.price-list-top div.search-block div.notification div.payment-cards{padding-top: 15px;}

table.price-list-table{width: calc(100% - 180px - 4%); border-top: 1px solid #cfd9e2;
margin-bottom: 40px;}
table.price-list-table tr{display: flex; border-bottom: 1px solid #cfd9e2;}
table.price-list-table th, table.price-list-table td{height: 88px; display: flex; align-items: center;
padding: 0 2%; color: #2c353d !important;}
table.price-list-table .name{width: 70%;}
table.price-list-table .price{white-space: nowrap; color: #81b1ff; width: 15%;}
table.price-list-table .button{width: calc(225px + 2%);}
table.price-list-table td span.green-button{background: #81b1ff url(/media/css/../images/calendar.svg) left 20px center no-repeat;
font-weight: 600; padding-left: 54px;}
table.price-list-table tr:hover{background: #e1eff6 !important;}

/* Contacts */
div.contacts-hospitals > div{display: flex; justify-content: space-between; margin-bottom: 30px;}
div.contacts-hospitals div.small-map{background: #ddd; height: 360px; width: 50%;}
div.contacts-hospitals div.contacts{width: 48%;}
div.contacts-hospitals div.contacts a{cursor: pointer;}
div.contacts-hospitals div.contacts img{margin-bottom: 12px;}
div.contacts-hospitals div.contacts div.address{margin-bottom: 8px;}
div.contacts-hospitals div.contacts div.address .title{margin-bottom: 8px; font: 22px/30px 'Manrope';
font-weight: 600; color: #81b1ff; display: block;}
div.contacts-hospitals div.contacts div.columns{display: grid; grid-template-columns: 1fr 1.5fr;
grid-column-gap: 2%;}
div.contacts-hospitals div.columns *{font-size: 15px !important; line-height: 20px;}

/* Content */
div.blue-wrapper div.text{max-width: 800px;}
div.blue-wrapper div.text p{margin-bottom: 12px; font-size: 16px;}
div.blue-wrapper div.text a.green-button{display: inline-flex;}

div.editable.two-columns{column-count: 2; column-gap: 4%; display: block !important;}

div.info-header{margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
div.info-header div.title{font: 35px/48px 'Manrope'; font-weight: 600;}
div.info-header a{color: #81b1ff;}
div.info-content{margin-bottom: 60px;}
div.info-content.about{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 3%;}
div.info-content.about div h2{font: 30px/40px 'Manrope'; margin-bottom: 15px;}
div.info-content.services ul{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 3%;
grid-row-gap: 15px;}
div.info-content.services ul a{color: #81b1ff;}
div.info-content.news{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 3%;}
div.info-content.news div{display: flex; flex-direction: column;}
div.info-content.news div a.name{color: #81b1ff; margin-bottom: 12px;}
div.info-content.news div div.date{font-size: 15px; color: #667080; margin-bottom: 12px;}
div.info-content.news div p{font-size: 16px; margin-bottom: 12px;}
div.info-content.news div a.details{color: #81b1ff; margin-top: auto; font-size: 15px;}
div.info-content.two-columns{display: flex; justify-content: space-between;}
div.info-content.two-columns > div{width: 48%;}
div.info-content.two-columns div.reviews > div{margin-bottom: 20px; font-size: 16px;}
div.info-content.two-columns div.reviews .review-text{margin-bottom: 12px; color: #81b1ff;}
div.info-content.two-columns div.reviews span.reviewer{color: #667080;}
div.info-content.two-columns div.reviews span.review-date{color: #667080;}
div.info-content.two-columns div.vacancy{font-size: 16px;}
div.info-content.two-columns div.vacancy ul li{margin-bottom: 12px;}
div.info-content.two-columns a{color: #81b1ff;}

div.memo{display: flex; flex-direction: column; gap: 12px; margin-bottom: 30px;}

div.licences-list{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 15px; margin-bottom: 40px;}
div.licences-list a{display: block;}
div.licences-list img{max-width: 100%; display: block; margin: 0;}

/* News */
div.news-list{margin-bottom: 40px;}
div.news-list > div{display: flex; margin-bottom: 30px;}
div.news-list div.image{width: 240px; margin-right: 3%; flex-shrink: 0; background: #e1eff6;}
div.news-list div.image a{display: block;}
div.news-list div.image a img{display: block; max-width: 100%;}
div.news-list div.content{max-width: 700px;}
div.news-list div.content a.name{color: #81b1ff;}
div.news-list div.content div.date{font-size: 15px; color: #667080; padding: 10px 0;}
div.news-list div.content p{margin-bottom: 10px;}
div.news-list div.content a.details{color: #81b1ff; font-size: 16px;}

div.news-date{margin-bottom: 30px; font-size: 16px; color: #667080;}
div.navigation{margin-bottom: 40px; display: flex; justify-content:  space-between; width: 100%;}
div.navigation a{color:#81b1ff; width: 45%;}
div.navigation a.previous{background: url(/media/css/../images/arrow-left.svg) no-repeat left top 1px; padding-left: 28px;}
div.navigation a.next{background: url(/media/css/../images/arrow-right.svg) no-repeat right top 1px; padding-right: 28px;
text-align: right; margin-left: auto;}

/* Publications */
div.publication-list > div{margin-bottom: 24px;}
div.publication-list div .date{font-size: 16px; color: #667080; padding-top: 5px;}
div.publication-list div a{color:#81b1ff;}

/* Reviews */
div.reviews-filter{margin-bottom: 40px;}
div.reviews-filter select{height: 48px; padding: 0 16px; border-radius: 12px; border: 1px solid #99a4af;}

div.reviews-list > div{margin-bottom: 30px;}
div.reviews-list .text{margin-bottom: 8px;}
div.reviews-list .reviewer{color: #81b1ff;}
div.reviews-list .date{font-size: 16px; color: #667080;}

/* Questions, faq */
div.questions-list > div{margin-bottom: 30px;}
div.questions-list .name{color: #81b1ff; margin-bottom: 10px; font-size: 20px;}
div.questions-list .date{font-size: 16px; color: #667080; margin-bottom: 10px;}
div.questions-list .question{color: #81b1ff;}

/* Programs */
ul.programs-list{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 4%; grid-row-gap: 15px;
margin-bottom: 40px;}
ul.programs-list a{color: #81b1ff;}

div.program-details{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 50px;}
div.program-details-left{width: calc(100% - 3% - 200px); margin-bottom: 30px;}
div.program-details-left div.editable{margin-bottom: 25px;}
div.program-details-left .price, div.program-details-left .old-price{margin-bottom: 5px;
color: #81b1ff; font: 22px/30px 'Manrope'; font-weight: 600;}
div.program-details-left .price{margin-bottom: 30px;}
div.program-details-left .old-price{text-decoration: line-through;}
div.program-details-right{width: 200px; flex-shrink: 0; margin-bottom: 30px;}
div.program-details-right div.info-header{display: none;}
div.program-details-right .about{display: none;}

/* Video */
div.videos-list{margin-bottom: 50px;}
div.videos-list > div{display: flex; justify-content: space-between; margin-bottom: 35px;}
div.videos-list > div > *{width: 48.5%;}
div.videos-list iframe{height: 250px;}
div.videos-list div.name{color: #81b1ff; margin-bottom: 8px;}
div.videos-list div.date{font-size: 16px; color: #667080;}

/* Landing */
div.info-content.text-landing{max-width: 1000px;}
div.info-content.phones-landing > p{font-size: 16px;}
div.info-content.phones-landing div.phone-number{margin-bottom: 15px; color: #81b1ff; font: 20px/25px 'Manrope';
font-weight: 600;}
div.info-content.phones-landing .green-button{margin: 20px 0 15px 0;}
div.info-content.prices-landing{display: flex; justify-content: space-between; align-items: center;}
div.info-content.prices-landing div.title{margin-bottom: 20px; max-width: 800px;}
div.info-content.prices-landing div.text{margin-left: 5%;}
div.info-content.prices-landing div.text ul{max-width: 800px;}
div.info-content.prices-landing li{margin-bottom: 10px; width: 100%; display: flex; justify-content: space-between;}
div.info-content.prices-landing li span:last-child{width: 100px; flex-shrink: 0; color: #81b1ff; margin-left: 30px;}
div.info-content.children-landing{display: flex; justify-content: space-between; align-items: center;
margin: 0 auto 60px auto; max-width: 1000px;}
div.info-content.children-landing div.text{margin-right: 5%;}
div.info-content.book-landing{display: flex; justify-content: space-between; align-items: center; background: #e1eff6;
border-radius: 12px; padding: 20px 3%; max-width: 1000px; margin: 0 auto 60px auto;}
div.info-content.book-landing div.text{margin-left: 5%;}
div.info-content.reasons-landing > p{margin-bottom: 15px; max-width: 1000px;}
div.info-content.reasons-landing div.reasons{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 5%;
max-width: 1200px; margin: 30px auto 0 auto;}
div.info-content.reasons-landing div.reasons > div{display: flex; flex-direction: column; align-items: center;
gap: 12px; justify-content: flex-start;}
div.info-content.reasons-landing div.reasons div.image{display: flex; align-items: center; justify-content: center;
height: 80px;}
div.info-content.reasons-landing div.reasons div.image > img{max-width: 100%;}
div.info-content.reasons-landing div.reasons div.description{text-align: center; font-size: 16px; line-height: 20px;}

div.info-content.comission-landing{max-width: 1000px; margin: 0 auto 60px auto; display: flex; justify-content: space-between; 
align-items: center;}
div.info-content.comission-landing div.text{margin-left: 5%;}

div.info-content.advantage-landing{background: #81b1ff; border-radius: 12px; padding: 35px 5%; margin: 0 auto 60px auto; 
color: #fff; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px 5%;}
div.info-content.advantage-landing > div{display: flex; align-items: center;}
div.info-content.advantage-landing div.image{margin-right: 25px; width: 90px; flex-shrink: 0;}
div.info-content.advantage-landing div.image img{max-width: 100%;}
div.info-content.advantage-landing div.description{font-size: 16px; line-height: 20px;}
div.info-content #map{height: 400px; background: #ddd;}

/* Map */
#map{position: relative;}
#map .wrapper{height: auto}
#map .addresses{position: absolute; top: 95px; left: 60px; padding: 38px; z-index: 10; background: #38d3bc; 
box-shadow: 0px 8px 25px #999;
border-radius: 12px;}
#map .addresses ul{min-height: 60px}
#map .addresses ul li{margin-bottom: 16px; cursor: pointer}
#map .addresses ul li:last-child{margin-bottom: 20px}

/* Datepicker */
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev{border: none !important;
border: none !important; cursor: pointer;}
.ui-datepicker .ui-datepicker-next{background: url(/media/css/../images/arrow-right.svg) center no-repeat !important;}
.ui-datepicker .ui-datepicker-prev{background: url(/media/css/../images/arrow-left.svg) center no-repeat !important;}
.ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover{background-color: #e1eff6;}

/* Online payment */
div.blue-wrapper div.text.online-payment{color: #667080;}
div.blue-wrapper div.text.online-payment img{margin-bottom: 5px;}

section.payment-section{margin-bottom: 30px; width: 820px; padding: 20px 25px; background: #e1eff6;
border-radius: 12px;}
section.payment-section div.title{font: 22px/30px 'Manrope'; font-weight: 600; margin-bottom: 15px;}
section.payment-section > p{color: #667080; margin-bottom: 15px;}
section.payment-section form{display: flex; justify-content: flex-start;}
section.payment-section form input{width: 250px !important;}
section.payment-section form button{width: 250px; justify-content: center; margin-left: 10px;}

section.payment-section form.payment-filters{display: flex; justify-content: space-between; align-items: center;}
section.payment-section form.payment-filters select{width: 350px;}
section.payment-section form.payment-filters select option:first-child{color: #667080;}
section.payment-section form.payment-filters input.search{width: 350px !important; padding-right: 37px;
background: #fff url(/media/css/../images/search-green.svg) right 10px center no-repeat;}


div.payment-wrapper{display: flex; align-items: flex-start;}
div.payment-wrapper div.services-prices{width: 820px; border-top: 1px solid #dce2e9;}
div.payment-wrapper div.services-prices > div{display: flex; width: 100%; padding: 20px; align-items: center;
border-bottom: 1px solid #dce2e9;}
div.payment-wrapper div.services-prices div.name{font-weight: 600; width: calc(100% - 270px);}
div.payment-wrapper div.services-prices div.price{padding: 0 15px; width: 130px; color: #81b1ff;}
div.payment-wrapper div.services-prices div.buttons{width: 140px;}
div.payment-wrapper div.services-prices div.buttons div.add, div.payment-wrapper div.services-prices div.buttons div.change{
width: 140px; height: 48px; display: flex; align-items: center; border-radius: 12px; justify-content: center;}
div.payment-wrapper div.services-prices div.buttons div.add{cursor: pointer; background: #e1eff6;}
div.payment-wrapper div.services-prices div.buttons div.change{background: #81b1ff; display: none;}
div.payment-wrapper div.services-prices div.buttons div.change span{cursor: pointer; width: 30px; height: 30px;
display: flex; justify-content: center; align-items: center; color: #81b1ff; font-size: 23px;}
div.payment-wrapper div.services-prices div.buttons div.change div.number{width: 45px; text-align: center;}
div.payment-wrapper div.payment-total{margin-left: 24px; width: 270px; background: #81b1ff; padding: 24px; border-radius: 12px;
visibility: hidden;}
div.payment-wrapper div.payment-total.fixed{position: fixed; top: 10px; z-index: 90;}
div.payment-wrapper div.payment-total.open{visibility: visible;}
div.payment-wrapper div.payment-total.stop{position: static; align-self: flex-end;}
div.payment-wrapper div.payment-total #pay-total{font: 22px/30px 'Manrope'; font-weight: 600; margin-bottom: 20px;}
div.payment-wrapper div.payment-total #pay-number{margin-bottom: 20px;}
div.payment-wrapper div.payment-total button{height: 48px; width: 100%; align-items: center; justify-content: center;
background: #fff; cursor: pointer; border-radius: 12px; font-size: 18px; border: none; display: flex;}

div.payment-window section{display: grid; grid-template-columns: 3fr 1fr; gap: 12px; color: #667080;}
div.payment-window section div.total{font-weight: 500;}

/* Footer */
#footer a{color: #2c353d;}
#footer div.inner{display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;
font-size: 16px;}
#footer div.inner > div{border-radius: 12px;}
#footer div.inner div.scroll-up{height: 67px; background: #e1eff6; display: flex; width: 100%;
align-items: center; justify-content: center; margin-bottom: 25px; cursor: pointer;}
#footer div.left{margin-bottom: 25px; background: #57b7aa; padding: 36px 50px; width: 74.5%; display: flex;}
#footer div.left > div{width: 200px; margin-right: 24px;}
#footer div.left > div:first-child{font-size: 18px;}
#footer div.left > div:last-child{margin: 0;}
#footer div.left > div div.title{font: 22px/30px 'Manrope'; margin-bottom: 24px; font-weight: 600}
#footer div.left > div ul li{margin-bottom: 15px;}
#footer div.left > div ul li:last-child{margin: 0;}
#footer div.left > div.contacts small{font-size: 12px;}
#footer div.left > div.contacts .phone{font: 22px/30px 'Manrope'; margin-bottom: 16px; display: inline-block;
font-weight: 600}
#footer div.left > div.contacts .email{margin-bottom: 20px;}
#footer div.socials{display: flex;}
#footer div.socials a{margin-right: 12px; width: 30px; height: 30px; display: flex;}
#footer div.socials a.vk{background: url(/media/css/../images/vk.svg) no-repeat;}
#footer div.socials a.ok{background: url(/media/css/../images/odnoklasniki.svg) no-repeat;}
#footer div.socials a.telegram{background: url(/media/css/../images/telegram.svg) no-repeat;}

#footer div.right{margin-bottom: 25px; background: #81b1ff; padding: 55px 108px 55px 66px; width: 23.6%;}
#footer div.right div.book{background: #fff url(/media/css/../images/calendar.svg) left 22px center no-repeat;
background-size: 16px 16px; height: 46px; display: flex; align-items: center; 
border-radius: 8px; padding-left: 46px; cursor: pointer;}
#footer div.right li{margin-bottom: 24px; padding-left: 28px; line-height: 16px; cursor: pointer;}
#footer div.right li:has(.book){padding: 0;}
#footer div.right li:last-child{margin: 0;}
#footer div.right li.document{background: url(/media/css/../images/file-black.svg) left center no-repeat; background-size: 18px 18px;}
#footer div.right li.home{background: url(/media/css/../images/home.svg) left center no-repeat; background-size: 18px 18px;}
#footer div.right li.consult{background: url(/media/css/../images/operator.svg) left center no-repeat; background-size: 25px 25px;}
#footer div.right li.call{background: url(/media/css/../images/message-circle-black.svg) left center no-repeat; background-size: 18px 18px;}

#footer div.bottom{background: #e1eff6; width: 100%; padding: 25px 50px;}
#footer div.bottom div.data{display: flex; justify-content: space-between; margin-bottom: 50px;
border-bottom: 1px solid #dce2e9; padding-bottom: 50px;}
#footer div.bottom div.data div.logo img{margin-bottom: 17px;}
#footer div.bottom div.data div.logo p{color: #667080; font-size: 16px;}
#footer div.bottom div.data div.texts{color: #667080; text-align: right;}
#footer div.bottom div.data div.texts div{font: 22px/30px 'Manrope'; margin-bottom: 10px; font-weight: 600;}
#footer div.bottom div.data div.texts p{font-size: 12px;}
#footer div.bottom div.links{display: flex; justify-content: space-between;}
#footer div.bottom div.links ul{display: flex}
#footer div.bottom div.links ul li{margin-right: 24px;}
#footer div.bottom div.links ul li:last-child{margin: 0;}
#footer div.bottom div.links > a{color: #667080;}
/* End of file */


/* File data: forms.css */


/* General */
div.form-errors, div.form-success{margin-bottom: 24px; padding: 12px 16px; border-radius: 12px;
font-size: 16px; width: 100%;}
div.form-errors{background: #f9f3d7;}
div.form-success{background: #c1f7c0;}
div.form-errors p{color: #d63c1d !important; margin-bottom: 6px !important;}
div.form-success p{color: #12643e !important; margin-bottom: 6px !important;}
div.form-errors p:last-child, div.form-success p:last-child{margin: 0 !important;}
form input.has-error, form select.has-error, form textarea.has-error{border-color: #d63c1d !important;
background-color: #f9f3d7 !important;}
form table.enum-radio-choice:has(.has-error){background: #f9f3d7;}

/* Modal forms */
div.modal-window{position: fixed; box-sizing: border-box; background: #fff; z-index: 1001; left: 50%; color: #27191d; 
box-shadow: 0 0 7px rgba(0,0,0,0.5); border-radius: 12px; overflow: hidden; display: none;}
div.modal-window.big{width: 800px; margin-left: -400px; top: 30px;}
div.modal-window.small{width: 600px; margin-left: -300px; top: 15%}

div.modal-window > div{overflow-y: auto; height: auto; max-height: 90vh; padding: 30px 5% 30px 5%;}
div.modal-window.small > div{max-height: 80vh;}
div.modal-window header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
div.modal-window header div.title{font: 22px/30px 'Manrope'; font-weight: 600;}
span.modal-close{color: #667080; font-size: 16px; cursor: pointer; display: flex; align-items: center;}
span.modal-close span{height: 48px; width: 48px; background: #e1eff6 url(/media/css/../images/close.svg) center no-repeat;
margin-left: 17px; border-radius: 24px; background-size: 15px 15px; margin-left: 17px;}
div.modal-window p{font-size: 16px; margin-bottom: 10px; color: #667080;}
div.modal-window p a{text-decoration: underline;}
div.modal-window p.tax-text{margin: -10px 0 20px 0;}
div.modal-window a{color: #81b1ff;}

div.modal-window form{padding-top: 20px; border-top: 1px solid #dce2e9; margin-top: 25px;}
div.modal-window form div.field-wrapper{margin-bottom: 10px; display: flex; justify-content: space-between;
align-items: center;}
div.modal-window form div.field-name{width: 170px;}
div.modal-window form div.field-name span.required{color: #81b1ff;}
div.modal-window form div.field-input{width: calc(100% - 170px - 15px);}
div.modal-window form div.field-wrapper:has(textarea) div.field-name{display: none;}
div.modal-window form div.field-wrapper:has(textarea) div.field-input{width: 100%;}
div.modal-window form div.field-wrapper:has(input[type='file']){justify-content: flex-start;}
div.modal-window form div.field-wrapper:has(input[type='file']) *{width: auto; margin-right: 20px;}
div.modal-window form div.field-wrapper:has(input[type='radio'][name='connect']){flex-direction: column; gap: 7px; 
margin-bottom: 15px;}
div.modal-window form div.field-wrapper:has(input[type='radio'][name='connect']) > *{width: 100%;}
div.modal-window form div.field-wrapper:has(input[type='radio']) tr{display: flex; gap: 18px;}
div.modal-window form div.field-wrapper:has(input[type='radio']) tr input{margin-right: 3px;}
div.modal-window form div.field-wrapper:has(textarea) div.field-input{width: 100%;}
div.modal-window form table.enum-radio-choice td{padding: 8px 0;}
div.modal-window form input[type='text'], div.modal-window form select{height: 48px; padding: 0 16px; border-radius: 12px; 
border: 1px solid #99a4af; width: 100%;}
div.modal-window form select{appearance: none; background: #fff url(/media/css/../images/chevron-down.svg) right 10px center no-repeat;}
div.modal-window form textarea{padding: 12px 16px; border-radius: 12px; border: 1px solid #99a4af; width: 100%;}
div.modal-window form div.agree{margin-bottom: 30px;}
div.modal-window form div.agree input{margin-right: 5px; position: relative; bottom: 1px;}
div.modal-window form div.field-input:has(.help-text){display: flex; flex-direction: column-reverse;}
div.modal-window form div.help-text{font-size: 14px; color: #d63c1d;}
div.modal-window div.required-text{margin-bottom: 10px; font-size: 16px;}
div.modal-window div.required-text span{color: #81b1ff;}
div.modal-window div.buttons{display: flex; justify-content: center;}
div.modal-window div.buttons .green-button{height: 72px; width: 287px; font-size: 22px;}

div.tax-form-window form div.field-wrapper{margin-bottom: 15px;}
div.tax-form-window form div.field-name{width: 280px;}
div.tax-form-window form div.field-input{width: calc(100% - 280px - 15px);}

.personal-data{font-size: 16px !important; margin-bottom: 24px;}
.personal-data input{margin-right: 8px; position: relative; bottom: 1px;}
.personal-data div{margin-bottom: 15px}
.personal-data a{color: #81b1ff; text-decoration: underline}
.personal-data a:hover{text-decoration: none}

/* Regular form */
form.regular{display: flex; flex-wrap: wrap; justify-content: space-between;}
form.regular div.field-name{margin-bottom: 4px; font-size: 16px; width: 100%;}
form.regular div.field-input{margin-bottom: 24px; width: 100%;}
form.regular input[type='text'], form.regular select{height: 48px; padding: 0 16px; border-radius: 12px; 
border: 1px solid #99a4af; width: 100%;}
form.regular select{appearance: none; background: #fff url(/media/css/../images/chevron-down.svg) right 10px center no-repeat;}
form.regular textarea{padding: 12px 16px; border-radius: 12px; border: 1px solid #99a4af; width: 100%;}
form.regular div.buttons{margin-bottom: 24px;}
form.regular div.form-errors, form.regular div.form-success{width: 100%;}

/* Forms details */
form.free-consultation{max-width: 1000px;}
form.free-consultation > div.field-wrapper:has(input[type='text']){width: 49%;}
form.free-consultation > div.field-wrapper:has(textarea){width: 100%;}

/* Modal window */
#custom-modal-window{position: fixed; box-sizing: border-box; background: #fff; z-index: 1001; left: 50%; color: #27191d; 
box-shadow: 0 0 7px rgba(0,0,0,0.5); border-radius: 12px; overflow: hidden; display: none; width: 800px; margin-left: -400px; 
top: 30px;}
#custom-modal-window > div{overflow-y: auto; height: auto; max-height: 90vh; padding: 30px 5% 30px 5%; position: relative;}
#custom-modal-window .close{cursor: pointer; display: flex; align-items: center; height: 48px; width: 48px; 
background: #e1eff6 url(/media/css/../images/close.svg) center no-repeat; border-radius: 24px; background-size: 15px 15px;
position: absolute; top: 10px; right: 10px;}

#custom-modal-window div.message{margin-bottom: 25px; padding-top: 20px;}
#custom-modal-window div.buttons{display: flex; justify-content: center;}

/* Request area and form */
p.request-begin{margin-bottom: 24px;}
p.no-data-found{font-size: 16px; margin-top: 10px;}
form.search-form{margin-bottom: 24px;}
form.search-form input.doctor-search{background: #fff url(/media/css/../images/search-black.svg) center left 7px no-repeat;
padding-left: 40px;}
ul.search-tabs{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px 2%; margin-bottom: 15px;}
ul.search-tabs.big-tabs{grid-template-columns: 1fr 1fr; margin-bottom: 24px;}
ul.search-tabs li{cursor: pointer; background: #e1eff6; border-radius: 12px; padding: 20px 5%; display: flex;
justify-content: center; align-items: center; font-size: 16px; text-align: center;}
ul.search-tabs li.active{background: #81b1ff;}

#request-form-wrapper .show-more{margin: 0 auto; display: flex;}
.ui-widget{font: 18px/24px 'Rubik' !important;}
#request-form-wrapper div.date-time-wrapper{display: flex; gap: 30px;}
#request-form-wrapper div.date-time-wrapper > div{width: 350px;}
#request-form-wrapper div.date-time-wrapper .info-content{margin: 0;}

ul.time-tabs{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 12px;}
ul.time-tabs li{cursor: pointer; background: #e1eff6; border-radius: 12px; padding: 15px 5%; display: flex;
justify-content: center; align-items: center; font-size: 16px; text-align: center;}
ul.time-tabs li.active{background: #38d3bc;}
#choose-request-variant{width: 100%;}
#choose-request-variant td{padding: 12px 30px 12px 0; vertical-align: top;}
#choose-request-variant tr td{border-bottom: 1px solid #dce2e9;}

div.request-form-wrapper{max-width: 600px;}
div.request-form-wrapper > form{display: flex; flex-direction: column;}
div.request-form-wrapper div.required-text{margin-bottom: 10px; font-size: 16px;}
div.request-form-wrapper div.agree{display: flex; align-items: flex-start; margin-bottom: 24px;}
div.request-form-wrapper div.agree input{margin-right: 7px; margin-top: 4px;}
div.request-form-wrapper div.agree span{font-size: 16px;}
div.request-form-wrapper div.agree a{color: #81b1ff;}

/* Effects */
@keyframes shake{
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(5px, 5px) rotate(1deg); }
    50% { transform: translate(0, 0) rotate(0eg); }
    75% { transform: translate(-5px, 5px) rotate(-1deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

div.form-errors, div.form-success{animation: shake 0.5s;}
span.modal-close span, #search-modal div.close span{transition: transform 0.5s ease;}
span.modal-close span:hover, #search-modal div.close span:hover{transform: rotate(180deg)}
/* End of file */


/* File data: media.css */


@media all and (max-width: 1450px) 
{
    #container{padding-bottom: 932px;}
    div.inner{margin: 0 60px;}
    div.inner:has(#index-search){margin-left: 60px; margin-right: 60px;}
    div.inner.default{margin: 0 auto;}

    #header div.top div.right a.phone{margin-right: 3%;}

    section.directions > div{width: 23.5%; overflow: hidden;}
    section.directions > div.wide{width: 49%; align-items: flex-start;}
    section.directions > div.wide div.left{flex-grow: 1;}
    section.directions > div.wide > img{width: 245px; align-self: center;}
    section.directions > div div.title{font-size: 27px; line-height: 29px; margin-bottom: 20px;}
    section.directions > div div.left ul{font-size: 18px; line-height: 24px;}
    section.directions > div div.left ul li{margin-bottom: 20px;}

    section.callback{padding-bottom: 40px;}
    section.callback > div{width: 49% !important;}
    section.callback form div:has(input.form-text-input){width: 49%;}
    section.callback form input[type="text"]{width: 100%;}

    div.timetable-sections{gap: 2.5%;}

    div.main-content{align-items: flex-start;}
    div.main-content div.text{width: 66%; padding: 30px 35px 35px 45px;}
    div.main-content div.text p:first-child{margin-bottom: 30px; font-size: 30px; line-height: 40px;}
    div.main-content div.text table{margin-bottom: 30px;}
    div.main-content > img{width: 32.2%;}

    div.doctors-list div.doctor{width: 24%;}
    div.doctors-list div.doctor div.bottom button{padding-left: 30%; background-position: left 19% center;}

    div.doctor-brif div.image{width: 350px;}
    div.doctor-brif div.info{margin: 0 3% 0 3%; width: 410px;}

    div.services-price-list table tr{padding: 0 2%;}

    #footer{padding: 20px 0; height: 932px;}
    #footer div.right{padding: 36px 50px;}
}

@media all and (max-width: 1350px)
{
    #header div.top div.right a.phone{font-size: 18px; line-height: 24px; margin-right: 3%;}
    #header div.top div.left a#logo{margin-right: 2%;}
    #header div.top div.left ul.menu{margin-left: 1.5%;}
    #header div.top div.left ul.menu li{margin-right: 1.5%;}
    #header div.bottom ul.main-menu > li > a{padding: 0 12px;}

    #index-banner-slider .swiper-slide div.image{width: 61%;}
    #index-banner-slider .swiper-slide div.content{width: 35%;}

    div.tabs-area > div.booking div.warnings{margin-left: 30px; width: 220px; flex-shrink: 0;}
    div.tabs-area > div.booking div.warnings div{padding-left: 35px;}
    div.tabs-area > div.booking table.prices{width: 100%;}

    table.price-list-table{width: 100%;}

    #footer div.left{padding: 36px 30px;}
    #footer div.right{padding: 55px 45px;}
    #footer div.inner > div.left{padding: 25px 30px;}
    #footer div.bottom div.links{align-items: center;}
    #footer div.bottom div.data div.logo{margin-right: 3%;}
    #footer div.bottom div.links > a.author{width: 110px;}
}

@media all and (max-width: 1230px) 
{
    div.blue-wrapper{margin-bottom: 40px;}
    #search-modal{width: calc(100% - 30px); left: 15px; top: 5%;}
    #mobile-menu-button{display: block;}
    #header div.bottom ul.main-menu li:nth-child(n + 4){display: none;}
    #header div.top div.left ul.menu{display: none;}

    #doctors-filters div.row{position: relative; justify-content: space-between;}
    #doctors-filters div.row > div{margin: 0;}
    #doctors-filters div.row > div:first-child{width: 62.5%;}
    #doctors-filters div.row > div:nth-child(2){width: 36%;}
    #doctors-filters div.row div input, #doctors-filters div.row div select{width: 100% !important;}
    #doctors-filters div.row a.clear{position: absolute;  bottom: -48px; right: 2px;}

    div.info-content.advantage-landing{grid-template-columns: 1fr 1fr;}
}

@media all and (max-width: 1150px) 
{
    #container{padding-bottom: 0;}
    div.inner{margin: 0 15px;}

    #header{height: 162px;}
    #header div.inner{padding: 20px 0 15px 0;}
    #header div.top{margin-bottom: 15px; padding-bottom: 15px;}
    #header div.top div.left a#logo{margin-right: 5%;}
    #header > .inner > div.bottom div.buttons > div{width: 175px; font-size: 16px; line-height: 14px;}

    div.inner:has(#index-search){width: 100%; margin-left: 0; margin-right: 0;}
    #index-search{width: auto; margin: 0 15px; max-width: none;}

    section.callback > div.form{width: auto !important; max-width: 650px;}
    section.callback > div.image{display: none;}

    div.doctors-list div.doctor{width: 32.5%; margin-bottom: 40px;}
    div.doctors-list div.doctor div.name{font-size: 18px; line-height: 20px; height: 65px;}
    div.doctors-list div.doctor div.bottom div.time{margin-bottom: 10px; font-size: 16px;}
    span.reviews{height: 42px;}

    div.doctor-brif div.image{width: 240px;}

    div.tabs-area > div{margin-bottom: 50px;}
    div.tabs-area section.closest-time div.closest{display: flex; flex-direction: column; gap: 10px;
    align-items: center;}
    div.tabs-area section.closest-time div.closest > *{margin: 0 !important; width: 100% !important;}
    div.tabs-area > div.booking div.left{width: calc(100% - 240px);}
    div.tabs-area > div.booking div.warnings{margin-left: 20px;}

    div.specializations-top > div{width: 49% !important;}
    div.specializations-top div.image img{display: block; max-width: 100%;}

    #footer{height: auto; position: relative;}
    #footer div.inner{flex-direction: column;}
    #footer div.inner > div{width: 100%;}
    #footer div.inner > div.left{margin-bottom: 10px; display: grid; grid-template-columns: 1fr 1fr;
    grid-row-gap: 30px; grid-column-gap: 30px; padding: 40px 60px;}
    #footer div.inner > div.right{margin-bottom: 10px; padding: 40px 60px;}
    #footer div.inner div.right div.book{width: 240px; padding-left: 85px; background-position-x: 55px;}
    #footer div.inner > div.right ul{display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px;
    grid-row-gap: 25px;}
    #footer div.right li{display: flex; align-items: center; min-height: 30px; margin: 0;}
    #footer div.right li:nth-child(1){order: 1;}
    #footer div.right li:nth-child(2){order: 3;}
    #footer div.right li:nth-child(3){order: 5;}
    #footer div.right li:nth-child(4){order: 7;} 
    #footer div.right li:nth-child(5){order: 2;}
    #footer div.right li:nth-child(6){order: 4;}
    #footer div.right li:nth-child(7){order: 6;}
    #footer div.right li:nth-child(8){order: 8;}    
}

@media all and (max-width: 1000px) 
{
    div.section-header{margin-bottom: 30px;}
    div.section-header div.name{min-height: 50px; font-size: 27px; line-height: 28px; display: flex;
    align-items: center;}
    div.section-header div.phone.name, div.section-header div.addresses{min-height: 72px; flex-direction: column; 
    align-items: flex-start; justify-content: center; gap: 5px;}
    div.section-header > a{font-size: 18px; line-height: 24x;}
    section.directions{padding-bottom: 30px; margin-bottom: 40px;}
    section.directions > div{width: 49.4%; margin-bottom: 10px;}
    section.directions > div.wide{width: 100%;}
    section.directions > div.document{height: 170px;}

    section.hospitals{flex-wrap: wrap;}
    section.hospitals > div{width: 49.35%; margin-bottom: 10px;}
    section.hospitals > div ul li{font-size: 18px; line-height: 24px;}

    div.timetable-sections{flex-direction: column; gap: 60px;}
    ul.specializations-list{grid-template-columns: 1fr 1fr;}

    ul.tabs-list.specializations{flex-wrap: wrap;}
}

@media all and (max-width: 980px)
{
    div.inner.default{margin: 0 15px;}
}

@media all and (max-width: 950px)
{
    div.blue-wrapper.main{padding-top: 15px;}

    #index-banner-slider .swiper-slide div.image{width: 48.5%;}
    #index-banner-slider .swiper-slide div.content{width: 48.5%;}
    #header div.top div.left span.special-version{display: none;}
    #header div.top div.left a#logo{margin-right: 15px;}
    #header div.top div.right a.phone{margin-right: 15px;}

    div.specializations-top > div.info{width: calc(100% - 350px) !important;}
    div.specializations-top > div.image{width: 320px !important;}
    div.specializations-top div.info ul.addresses{flex-direction: column; gap: 20px;}

    div.directions ul{grid-template-columns: 1fr 1fr;}
    div.tabs-area > div.stationary div.editable{max-width: 100%;}

    div.doctor-brif{padding-bottom: 15px;}
    div.doctor-brif div.image{margin-right: 30px;}
    div.doctor-brif div.right{flex-direction: column;}
    div.doctor-brif div.info{margin: 0 0 30px 0;}
    div.doctor-brif div.address{padding: 0;}
    div.doctor-brif div.address div.flags{margin-bottom: 30px;}
    div.doctor-brif div.address div.locations a{background-size: 16px 16px; padding-left: 22px;}

    div.info-header{flex-direction: column; gap: 10px; align-items: flex-start;}
    div.info-header div.title{font-size: 30px; line-height: 32px;}
    div.info-content.about div h2{font-size: 25px; line-height: 30px;}
    div.info-content.about{grid-template-columns: 1fr; grid-row-gap: 25px;}
    div.info-content.services ul{grid-template-columns: 1fr 1fr}
    div.info-content.news{grid-template-columns: 1fr 1fr; grid-row-gap: 30px;}
}

@media all and (max-width: 850px)
{
    section.payment-section{width: 100%;}
    section.payment-section form.payment-filters{flex-direction: column; gap: 15px; align-items: flex-start;}
    div.payment-wrapper{flex-direction: column; gap: 24px;}
    div.payment-wrapper div.services-prices{width: 100%;}
    div.payment-wrapper div.payment-total{width: 100% !important; height: fit-content;  border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0; padding: 15px 20px; margin: 0 !important; display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center; top: auto !important; bottom: 0 !important; left: 0 !important; 
    position: fixed; z-index: 90;}
    div.payment-wrapper div.payment-total > div{margin-bottom: 12px !important;}    
}

@media all and (max-width: 830px)
{
    #header div.top div.left a#logo{width: 130px;}

    div.tabs-area > div.stationary div.content{flex-direction: column; gap: 30px;}
    div.tabs-area > div.stationary div.content > div{width: 100% !important;}
    div.tabs-area > div.stationary div.content div.left div.buttons{gap: 2%;}

    div.price-list-top{flex-direction: column;}
    div.price-list-top div.search-block{width: 100%;}
    div.price-list-top div.program-icons{flex-direction: row; flex-wrap: wrap; width: 100%; margin: 20px 0 0 0;}
    div.price-list-top div.program-icons p{width: 100%; margin-bottom: 15px;}
    div.price-list-top div.program-icons a{margin-right: 4%;}

    table.price-list-table tr{flex-wrap: wrap;}
    table.price-list-table td, table.price-list-table th{height: auto; padding: 14px 2%;}
    table.price-list-table .name{width: 80%;}
    table.price-list-table .price{width: 20%;}
    table.price-list-table .button{width: 100%; justify-content: flex-start; height: 0; padding: 0 2%;}
    table.price-list-table .button:has(span){height: auto; padding-bottom: 14px;}

    div.two-columns{column-count: unset;}

    div.videos-list > div{flex-direction: column; align-items: center;}
    div.videos-list iframe{margin-bottom: 15px; width: 400px; max-width: 100%;}
    div.videos-list > div > div{width: 100%; text-align: center;}

    div.landing-page div.info-content div.image{width: 30%; flex-shrink: 0;}
    div.landing-page div.info-content div.image img{max-width: 100%;}
    div.info-content.reasons-landing div.reasons{grid-template-columns: 1fr 1fr; gap: 30px 5%;}
    div.info-content.reasons-landing div.reasons div.description{max-width: 250px;}
}

@media all and (max-width: 800px)
{
    #index-search div.title{font-size: 27px; line-height: 28px;}
    #index-search form{width: 100%;}
    #index-search form input{width: calc(100% - 150px);}
    
    #header div.top div.right a.phone{width: 48px; height: 48px; background: url(/media/css/../images/phone.svg) center no-repeat;
    color: transparent; user-select: none; margin-right: 2%;}
    #header div.top div.left span.search-open{background-color: transparent; margin-left: auto; margin-right: 1%;}
    #header div.top div.right{flex-grow: 0;}

    div.main-content{margin-bottom: 20px;}
    div.main-content > img{display: none;}
    div.main-content > div.text{width: 100%; padding: 35px 20px 25px 20px;}
    div.main-content div.text a.green-button{font-size: 20px; line-height: 24px; background-position: right 20px center;}

    #search-modal{padding: 30px 20px;}
    #search-modal header{margin-bottom: 20px;}

    div.blue-wrapper{margin-bottom: 30px;}
    div.pagination{margin-bottom: 30px; flex-wrap: wrap;}

    div.tabs-area > div.booking{flex-direction: column;}
    div.tabs-area > div.booking > div{width: 100% !important; padding: 0 !important; margin: 0 !important;}
    div.tabs-area > div.booking table.prices{margin-bottom: 20px;}
    div.tabs-area > div.booking div.warnings div{min-height: 33px;}
    
    div.publications, div.tabs-area > div.articles > div{grid-template-columns: 1fr 1fr; grid-row-gap: 50px; grid-column-gap: 35px}
    div.tabs-area > div.about section div.video iframe{height: 200px;}

    div.program-details{flex-direction: column-reverse;}
    div.program-details-left{width: 100%;}
    div.program-details-right{height: auto; margin-bottom: 30px; width: auto;}
    div.program-details-right div.program-icons{margin: 0; flex-direction: row; width: auto;}
    div.program-details-right div.program-icons a{margin: 0 4% 0 0; flex-shrink: 0;}
    div.program-details-right div.info-content{margin: 0;}

    div.navigation a{font-size: 16px;}

    div.modal-window.big, #custom-modal-window{width: 100%; left: 0; margin: 0; top: 0;}
    div.modal-window.big > div, #custom-modal-window > div{max-height: 100vh;}

    div.info-content.advantage-landing{grid-template-columns: 1fr; gap: 35px 0;}
    div.landing-page div.info-content div.image{width: 110px; margin-right: 3%;}

    #footer div.bottom div.data{flex-direction: column; margin-bottom: 30px; padding-bottom: 30px;}
    #footer div.bottom div.data div.logo{margin: 0 0 25px 0; display: flex; flex-direction: column; justify-content: center;
    align-items: center;}
    #footer div.bottom div.data div.texts{display: flex; flex-direction: column; align-items: center; justify-content: center;}
    #footer div.bottom div.data div.texts div{text-align: center; font-size: 18px; line-height: 24px; margin-bottom: 3px;}
    #footer div.bottom div.data div.texts p{text-align: center;}
    #footer div.bottom div.links{flex-direction: column; align-items: center;}
    #footer div.bottom div.links ul{flex-wrap: wrap; justify-content: center; margin-bottom: 10px;}
    #footer div.bottom div.links ul li{margin-bottom: 7px;}
    #footer div.bottom div.links > a.author{width: auto;}
}

@media all and (max-width: 750px) 
{
    #header{height: 66px;}
    #header div.inner{padding: 0; height: 100%; align-items: center; flex-direction: row;}
    #header div.inner > div.top, #header div.inner > div.bottom{width: auto; margin: 0; padding: 0; border: none;}
    #header div.inner > div.top{width: calc(100% - 1% - 40px);}
    #header div.top div.right{width: 40px; flex-grow: 0;}
    #header div.top div.right .inscribe-button, #header > .inner > div.bottom div.buttons{display: none;}
    #header div.top div.left span.icon, #header div.top div.right a.phone{width: 40px; height: 40px; 
    background-color: transparent;}
    #header div.top div.left span.icon{margin-left: auto; margin-right: 1%;}
    #header div.bottom ul.main-menu{display: none;}
    #mobile-menu-button{width: 40px; height: 40px; margin: 0; padding: 0;}

    #choose-request-variant tr{display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #dce2e9;
    gap: 20px; padding-bottom: 15px;}
    #choose-request-variant td{border: none !important; padding: 0;}
}

@media all and (max-width: 720px) 
{
    div.doctor-brif div.image{margin-right: 3%;}
    div.doctor-brif div.right{width: calc(100% - 3% - 240px);}
    div.doctor-brif div.info{width: 100%;}

    ul.tabs-list{border: none; flex-direction: column; gap: 10px;}
    ul.tabs-list li{border: none; height: 48px; border-radius: 12px; justify-content: flex-start; line-height: 18px;
    background: #e1eff6 url(/media/css/../images/chevron-down.svg) right 24px center no-repeat; padding-right: 50px;}
    ul.tabs-list li.active{border: none; background: #38d3bc url(/media/css/../images/chevron-up.svg) right 24px center no-repeat;}

    div.directions ul{display: flex; flex-direction: column; gap: 24px;}
    div.directions ul li{font-size: 18px; line-height: 24px;}

    div.editable table tr:first-child{display: none;}
    div.editable table tr{display: flex; flex-direction: column;}
    div.editable table td{display: grid; grid-template-columns: 1fr 1fr; font-size: 16px;}
    div.editable table td::before{content: attr(data-label); font-weight: bold; margin-right: 5%;}

    div.main-content div.text table td{display: flex !important;}
    div.main-content div.text table tr{display: flex !important;}
}

@media all and (max-width: 700px) 
{
    #index-banner-slider .swiper-slide div.content div.name{font-size: 24px; line-height: 28px;
    margin-bottom: 20px;}
    #index-banner-slider .swiper-slide div.content{padding: 25px 20px 20px 20px;}
    
    div.doctors-list div.doctor{width: 49%; height: 530px;}
    div.doctors-list div.doctor > a.image{margin-bottom: 16px;}
    span.reviews{height: 24px; font-size: 14px; line-height: 14px; background-size: 14px 14px; padding-left: 24px;
    background-position: left 5px top 6px;}

    div.specializations-top{flex-direction: column;}
    div.specializations-top > div.info{width: 100% !important; margin-bottom: 30px;}
    div.specializations-top > div.image{width: 100% !important;}
    div.specializations-top div.image img{margin: 0 auto;}

    div.contacts-hospitals > div{flex-direction: column; gap: 20px;}
    div.contacts-hospitals > div > div{width: 100% !important;}
    div.contacts-hospitals > div > div img{max-width: 100%;}

    ul.search-tabs{grid-template-columns: 1fr 1fr; gap: 10px 2%;}
    #request-form-wrapper div.date-time-wrapper{flex-direction: column;}
    
    #footer div.inner > div.left, #footer div.inner > div.right{padding: 40px 25px;}
}

@media all and (max-width: 600px) 
{
    #index-banner-slider .swiper-slide{height: 500px; flex-direction: column;}
    #index-banner-slider .swiper-slide div.image{width: 100%; justify-content: flex-end; align-items: center;
    height: auto;}
    #index-banner-slider .swiper-slide div.image img{width: auto; max-width: 100%; height: auto;}
    #index-banner-slider .swiper-slide div.content{width: 100%;}
    #index-banner-slider .arrows{visibility: hidden;}

    div.section-header div.phone, div.section-header div.addresses{background-size: 60px 60px;
    padding-left: 80px;}

    div.section-header{flex-direction: column; align-items: flex-start; gap: 24px;}
    div.section-header > a{margin-left: 0;}

    h1{font-size: 30px !important; line-height: 32px !important;}
    div.breadcrumbs{margin-bottom: 25px;}

    div.tabs-area > div{margin-bottom: 30px; padding-top: 10px;}
    div.tabs-area section.closest-time{flex-direction: column; gap: 30px; align-items: flex-start;}
    div.tabs-area section.closest-time div.closest{margin: 0;}

    div.publications, div.tabs-area > div.articles > div, ul.specializations-list{display: flex; 
    flex-direction: column; gap: 20px;}

    #doctors-filters{padding-bottom: 40px; position: relative;}
    #doctors-filters div.row{flex-direction: column; align-items: flex-start; position: static;}
    #doctors-filters div.row > *{width: 100% !important;}
    #doctors-filters div.row > div:first-child{margin-bottom: 12px;}
    #doctors-filters div.row a.clear{bottom: -12px;}

    section.callback{padding-bottom: 24px; margin-bottom: 38px;}
    section.callback form div.field-input table.enum-radio-choice tr{flex-direction: column; gap: 15px;
    align-items: flex-start;}
    section.callback form div.field-input{width: 100% !important;}
    section.callback form div.bottom{width: 100%; flex-direction: column; gap: 24px;}

    section.hospitals > div{width: 100%;}

    div.services-price-list table tr{flex-wrap: wrap; height: auto; padding: 17px 2%;}
    div.services-price-list table tr td.name{flex: 1; font-size: 16px; line-height: 20px;}
    div.services-price-list table tr td.price{margin: 0 0 0 5%;}
    div.services-price-list table tr td:last-child{width: 100%; margin-top: 18px;}

    div.program-icons{flex-direction: column !important; gap: 10px;}
    div.licences-list{grid-template-columns: 1fr 1fr 1fr; gap: 10px;}

    div.modal-window{border-radius: 0;}
    div.modal-window.small{width: 100%; left: 0; margin: 0; top: 0;}
    div.modal-window.small > div{max-height: 100vh;}
    div.modal-window form div.field-wrapper{flex-direction: column; gap: 5px; margin-bottom: 20px;}
    div.modal-window form div.field-wrapper > div{width: 100% !important;}

    section.payment-section form input{width: 110px !important;}
    section.payment-section form button{width: 170px; padding: 0;}
    div.payment-wrapper div.services-prices > div{flex-wrap: wrap;}
    div.payment-wrapper div.services-prices div.name{width: 100%; margin-bottom: 10px;}
    div.payment-wrapper div.services-prices div.price{padding-left: 0;}
    div.payment-wrapper div.services-prices div.buttons{margin-left: auto;}

    .editable figure.media iframe{width: calc(100vw - 30px) !important; height: 52vw !important;
    margin-right: 0;}

    #header{height: 115px; padding-bottom: 10px;}
    #header div.inner{flex-wrap: wrap;}
    #header div.inner > .inscribe-button.mobile{display: flex; width: 100%;}
    #header div.inner > .inscribe-button.mobile::before{margin-right: 10px; width: 25px;
    content: ' '; height: 100%;
    background: url(/media/css/../images/calendar.svg) no-repeat center}
}

@media all and (max-width: 550px)
{
    section.directions > div{width: 100%;}
    section.directions > div.wide > img{width: 200px;}

    div.inner:has(#index-search){padding-bottom: 30px; margin: 0 15px 40px 15px; width: auto;}
    #index-search{margin: 0;}
    #index-search form input{width: calc(100% - 60px); font-size: 16px;}
    #index-search form button{color: transparent !important; user-select: none; width: 48px; height: 48px;
    background-position: center; padding: 0;}
    #index-search form span.clear{right: 75px;}
    #index-banner-slider{padding-bottom: 20px;}

    div.main-content div.text{padding-bottom: 35px;}
    div.main-content div.text table tr{display: flex; flex-direction: column; gap: 15px;}

    #search-modal header div.close{color: transparent; user-select: none;  padding: 0;}
    #search-modal header div.close span{width: 40px; height: 40px; margin: 0;}
    #search-modal form{flex-wrap: wrap; height: auto; justify-content: center;}
    #search-modal form input[type="text"]{height: 48px; width: 100%; margin-bottom: 20px;}
    #search-modal form span.clear{top: 13px; right: 12px;}
    #search-modal form button{width: 165px; justify-content: center;}

    div.doctor-brif{padding-bottom: 5px;}
    div.doctor-brif{flex-direction: column;}
    div.doctor-brif > div{width: 100% !important;}
    div.doctor-brif div.image{margin: 0 0 25px 0; display: flex; justify-content: flex-starts;}

    div.info-content{margin-bottom: 35px !important;}
    div.info-content.services ul{grid-template-columns: 1fr}
    div.info-content.news{grid-template-columns: 1fr;}
    div.info-content.news div a.name{height: auto;}
    div.info-content.two-columns{flex-direction: column; gap: 30px;}
    div.info-content.two-columns > div{width: 100%;}
    div.info-content.two-columns:last-child div.info-content{margin: 0;}

    form.regular div.field-wrapper{width: 100% !important;}
    form.regular div.field-input{margin-bottom: 16px;}

    div.landing-page div.info-content div.image{display: none;}
    div.info-content.advantage-landing > div{flex-direction: column;}
    div.info-content.advantage-landing div.image{display: flex !important; width: 80px; margin: 0 0 10px 0 !important;
    justify-content: center;}
    div.info-content.advantage-landing div.description{text-align: center;}
    div.landing-page div.info-content div.text{margin: 0;}
    div.info-content.reasons-landing div.reasons{grid-template-columns: 1fr;}

    div.tabs-area > div.about section div.videos{flex-direction: column;}
    div.tabs-area > div.about section div.videos > div{width: 100%;}
    div.tabs-area > div.about section div.videos iframe{height: 220px;}

    #footer div.inner > div.left{display: flex; flex-direction: column;}
    #footer div.inner > div.left > div{width: 100%; display: flex; flex-direction: column; 
    justify-content: center; margin: 0;}
    #footer div.left > div div.title, #footer div.left > div ul li{text-align: center;}
    #footer div.inner > div.left > div.contacts > *{text-align: center;}
    #footer div.socials{justify-content: center;}
    #footer div.inner div.right div.book{margin: 0 0 10px 0;}
    #footer div.inner > div.right ul{display: flex; flex-direction: column; margin-left: 13%;}
    #footer div.inner > div.right ul li{order: unset;}
    #footer div.bottom div.links ul{margin-bottom: 20px;}
}

@media all and (max-width: 500px)
{
    #header div.top div.left a#logo{margin: 0 5px 0 0;}
    #mobile-menu-button{margin: 0;}
    
    div.doctors-list div.doctor{height: 480px;}
    div.doctors-list div.doctor div.name{height: 70px; margin-bottom: 12px;}
    div.doctors-list div.doctor div.position{font-size: 14px; line-height: 16px;}
    div.doctors-list div.doctor div.bottom{padding: 9px;}
    div.doctors-list div.doctor div.bottom div.time{text-align: left;}
    div.doctors-list div.doctor div.bottom button{background-position: left 10% center; font-size: 16px;
    padding-left: 28%;}

    div.tabs-area > div.booking table.prices td{padding: 18px 0; display: flex; align-items: center;}
    div.tabs-area > div.booking table.prices td.name{padding-right: 5%;}

    div.navigation{flex-direction: column; gap: 15px;}
    div.navigation a{width: 100%;}

    div.modal-window.small > div{height: 100vh;}
    span.modal-close{color: transparent; position: relative; width: 48px; height: 48px; margin-left: 15px;}
    span.modal-close > span{margin: 0; position: absolute; top: 0; left: 0;}

    ul.search-tabs li{padding: 12px 3%;}
}

@media all and (max-width: 450px)
{
    section.directions > div.wide{flex-direction: column; align-items: flex-start; height: auto;}
    section.directions > div.wide div.left{width: 100%;}
    section.directions > div.wide > img{align-self: flex-start;}

    div.tabs-area > div.about section div.video{width: 100%;}
    div.tabs-area > div.booking section{align-items: center;}
    div.tabs-area > div.stationary div.content div.left div.buttons{flex-direction: column; gap: 12px;}
    div.tabs-area > div.stationary div.content div.left div.buttons button{width: 100%; justify-content: center;}
    
    section.hospitals > * div.bottom div.contacts{flex-direction: column; gap: 5px;}

    table.price-list-table .name{width: 65%; text-align: left;}
    table.price-list-table .price{width: 35%;}

    div.videos-list iframe{height: 200px;}
    section.payment-section form.payment-filters{align-items: center;}
    section.payment-section form.payment-filters > *{max-width: 100%; width: 100% !important;}

    ul.search-tabs{grid-template-columns: 1fr;}
}

@media all and (max-width: 400px)
{
    div.doctors-list div.doctor{height: 440px;}
    div.price-list-top div.search-block form{flex-direction: column;}
    div.price-list-top div.search-block form > *{width: 100% !important;}
    div.price-list-top div.search-block div.bottom{flex-direction: column; gap: 20px;}
    div.price-list-top div.search-block div.bottom > *{width: 100% !important;}

    #request-form-wrapper div.date-time-wrapper > div{width: 100%;}

    section.payment-section form input{padding: 0 3px !important; width: 90px !important;}
    section.payment-section form.payment-filters input.search{padding: 0 16px !important;}
    section.payment-section form button{width: 160px;}

    #footer div.inner > div{padding: 25px 16px;}
}
/* End of file */


/* File data: swiper.css */

/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */

 @font-face{font-family:swiper-icons;src: url('/media/swiper/data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End of file */

