/* 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: simple-lightbox.css */

/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.de
	Available for use under the MIT License
	Version 2.7.2
*/
body.hidden-scroll {
  overflow: hidden; }

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #888;
  opacity: 0.7;
  display: none;
  z-index: 1035; }

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed; }
  .sl-wrapper * {
    box-sizing: border-box; }
  .sl-wrapper button {
    border: 0 none;
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer; }
    .sl-wrapper button:hover {
      opacity: 0.7; }
  .sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace;
    color: #000;
    font-size: 3rem; }
  .sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1060;
    color: #000;
    font-size: 1rem; }
  .sl-wrapper .sl-navigation {
    width: 100%;
    display: none; }
    .sl-wrapper .sl-navigation button {
      position: fixed;
      top: 50%;
      margin-top: -22px;
      height: 44px;
      width: 22px;
      line-height: 44px;
      text-align: center;
      display: block;
      z-index: 10060;
      font-family: Arial, Baskerville, monospace;
      color: #000; }
      .sl-wrapper .sl-navigation button.sl-next {
        right: 5px;
        font-size: 2rem; }
      .sl-wrapper .sl-navigation button.sl-prev {
        left: 5px;
        font-size: 2rem; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-navigation button {
          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 10px;
            font-size: 4rem; }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 10px;
            font-size: 4rem; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-navigation button {
          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 20px;
            font-size: 5rem; }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 20px;
            font-size: 5rem; } }
  .sl-wrapper.sl-dir-rtl .sl-navigation {
    direction: ltr; }
  .sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000; }
    .sl-wrapper .sl-image img {
      margin: 0;
      padding: 0;
      display: block;
      border: 0 none;
      width: 100%;
      height: auto; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
    .sl-wrapper .sl-image iframe {
      background: #000;
      border: 0 none; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
    .sl-wrapper .sl-image .sl-caption {
      display: none;
      padding: 10px;
      color: #fff;
      background: rgba(0, 0, 0, 0.8);
      font-size: 1rem;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-top {
        bottom: auto;
        top: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-outside {
        bottom: auto; }
    .sl-wrapper .sl-image .sl-download {
      display: none;
      position: absolute;
      bottom: 5px;
      right: 5px;
      color: #000;
      z-index: 1060; }

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms; }

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

/* End of file */