/* Start:/bitrix/templates/main_2021/template_styles.css?177263502677025*/
* {}


body {
 padding: 0;
 font-size: 80%;
 font-family: 'Nunito'; margin: 0; min-width: 1240px;-ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html {
 cursor: default!important; min-width: 1240px;
}

a img {
 border: 0
}

h2,
h3 {
 color: #4F73A5;
 margin: 12px 0
}

h1 {
 font-size: 30px;
 color: #4F73A5;
 font-style: normal;
 font-weight: 400;
  
 line-height: 120%
}

h2 {
 font-size: 26px;
 color: #4F73A5;
 font-weight: 400;
  
 line-height: 120%
}

h3 {
 font-size: 24px;
 color: #4F73A5;
 font-weight: 400;
  
 line-height: 120%
}
#instablock {max-height: 453px; overflow: hidden; margin: 0 0 30px;}
#content h2 {font-weight: 800; padding: 0; margin: 0 0 20px; font-size: 20px; line-height: 27px; letter-spacing: -0.01em; color: #363636;}
#content {font-weight: 500;}
#content .operations-tabs ul.tabs {position: relative; padding: 0 0 0px; margin: 0 0 20px; display: flex; align-items: flex-start; }
#content .operations-tabs ul.tabs li {transition: all 0.3s ease; border-bottom: 2px solid #E6EBF1; padding: 0 0 17px; width: 20%; margin: 0; text-align:center;}
#content .operations-tabs ul.tabs li:before {display: none;}
#content .operations-tabs ul.tabs li .icon {display: flex; width: 75px; height: 75px; border-radius: 50%; margin: 0 auto 15px; background: #F1F5FB; align-items: center; justify-content: center;} 
#content .operations-tabs ul.tabs li a {text-decoration: none; font-weight: bold; font-size: 13px; line-height: 120%; text-align: center; color: #363636;}
#content .operations-tabs ul.tabs li.active .icon {transition: all 0.3s ease; background: #4878B9;}
#content .operations-tabs ul.tabs li.active:after {content: '';  display: block; position: absolute; border: 4px solid transparent; margin-left: -4px; bottom: 0; left: 50%; border-bottom: 5px solid #4878B9;}
#content .operations-tabs ul.tabs li.active {border-bottom: 2px solid #4878B9;}
#content .operations-tabs ul.tabs li.active .icon img {transition: all 0.3s ease;  .first-screen .contacts a.telfilter: brightness(600%);}
#content .operations-tabs ul.tabs li.active a {color: #4878B9;}


@media (min-width: 1001px) {
#content .operations-tabs ul.tabs li:hover .icon {transition: all 0.3s ease; background: #4878B9;}
#content .operations-tabs ul.tabs li:hover .icon img {transition: all 0.3s ease;  .first-screen .contacts a.telfilter: brightness(600%);}
#content .operations-tabs ul.tabs li:hover a {color: #4878B9;}
}

#content .operations-tabs .tabs-content {margin: 0 0 40px;}
#content .operations-tabs .tabs-content .tab {position: absolute; opacity: 0; transition: opacity 0.3s ease; left: -9999px;}
#content .operations-tabs .tabs-content .tab.active {position: relative; left: auto; opacity: 1;}
#content .operations-tabs .tabs-content .tab ul {padding: 0 180px 0 0; columns: 2;}
#content .operations-tabs .tabs-content .tab ul.no-columns {columns: 1; padding: 0;}
#content .operations-tabs .tabs-content .tab ul li {break-inside: avoid; margin: 0 0 2px;}
#content .operations-tabs .tabs-content .tab ul li:before {width: 4px; height: 4px; top: 11px;}
#content .operations-tabs .tabs-content .tab ul li a {font-weight: 600; font-size: 13px;  color: #415C81; text-decoration: none; }
#content .operations-tabs .tabs-content .tab ul li a:hover {color: #4878B9;}
#content .operations-tabs .tabs-content .tab p.title {font-weight: 800; margin: 0 0 10px; padding: 0; font-size: 16px; color: #4878B9;}

#content h3 {
 padding: 0 0 20px;
 margin: 0;
 font-size: 23px
}

#content .mob-book-banner {
 display: none;
 margin: 0 0 15px;
 width: 100%;
 height: 93px;
 background: #f5f5f5;
 text-align: center;
 overflow: hidden
}

#content .mob-book-banner img {
 max-width: 100%
}

ul li ol {
 margin: 0 0 14px;
 padding: 0 0 0 14px
}

p {
 margin: 0 0 12px
}

a {
 color: #3560a0
}

.cleaner {
 clear: both
}

a:hover {
 color: #56718f;
 -webkit-transition-property: all;
 -webkit-transition-duration: .5s
}

.que {
 color: #1f457d;
 font-size: 16px;
 font-style: italic;
 margin: 18px 0
}

address {
 display: inline
}

.before-list {
 margin: 0 0 .2em
}

.mobile_call_button {
 display: none
}

.clear {
 float: none;
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
 -webkit-user-select: none;
 -moz-user-select: none
}

.flag_nav,
.pk_no {
 display: none
}

#layout {
 margin: 0 auto;
 min-width: 995px;
 max-width: 1200px;
}

.all {
 margin: 0 auto;
 min-width: 995px;
 max-width: 1200px;
}

.fixed_block {
 background: #fff;
 padding: 15px 0 0;
 position: fixed;
 width: 100%;
 top: 0;
 z-index: 10
}


.oc-button.fix {display: none;}
@media (min-width: 1230px) {
.oc-button.fix {transition: all 0.3s ease; text-decoration: none; border-radius: 6px 0 0 6px; background: #3AB3F1; height: 265px; width: 60px; display: block; position: fixed; top: 50%; right: 0; z-index: 99999; transform: translateY(-50%);}
.oc-button.fix:hover {filter: brightness(110%);;}
.oc-button.fix .icon {position: relative; display: block; width: 60px; height: 60px; border-radius: 6px 0 0 0; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #3AB3F1;}
.oc-button.fix .icon:after {content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: url(/images/OC-icon.png) center center no-repeat;}
.oc-button.fix .text {width: 162px; text-align: center;  white-space: nowrap;    right: -53px;    top: 151px; font-size: 18px; color: #fff;  font-weight: 600; text-shadow: none; position: absolute; transform: rotate(90deg);}
}
#header {
 margin: 0;
 width: 100%;
 position: relative;
 height: 125px;
 min-width: 995px;
 max-width: 1200px; display: none;
}
#header .worktime {position: absolute; top: -28px; right: 0px; font-size: 17px; color:#1f457d;}
#header .contacts-mob {display: none;}

.tel {
 text-decoration: none
}

.new-mob-toppanel,
.new-mob-header {
 display: none
}

.new-mob-header .phones {
position: absolute;
 top: 3px;
 left: 50%;
 color: #fff;
 text-decoration: none;
 transform: translateX(-50%);
 padding-right: 41px;
 font-size: 19px;
 font-family: 'Open Sans';
 white-space: nowrap;}

	.new-mob-header .worktime {display:block; font-size: 13px; text-align:center; color: #fff; position: absolute; bottom:3px; left: 0; text-align: center; width: 100%; padding: 0 40px 0 0; box-sizing: border-box;}
#content .raized.bottom-text a.phones {color: #1f457d; font-weight:bold;}
#content .raized.bottom-text a.oc-button {align-items: center; display: flex!important; transition: all 0.3s ease; text-decoration: none; border-radius: 3px 0 0 3px; background: #1f457d; width: 280px; height: 60px; margin: 15px 0; font-family: 'FuturaPTBook'}
#content .raized.bottom-text td + a.oc-button {margin-bottom: 20px!important;}
#content .raized.bottom-text a.oc-button:hover {filter: brightness(110%);}
#content .raized.bottom-text a.oc-button .icon {position: relative; display: block; width: 60px; height: 60px; border-radius: 3px 0 0 0; background: #4F73A5;}
#content .raized.bottom-text a.oc-button .icon:after {content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: url(/images/OC-icon.png) center center no-repeat;}
#content .raized.bottom-text a.oc-button .text {width: calc(100% - 60px); text-align: center; white-space: nowrap; font-size: 14px; color: #fff!important;  font-weight: 400; text-shadow: none;}


.toppanel {position: relative; background: #F8FAFD; z-index: 30;}
.toppanel .all {position: relative; height: 72px; display: flex; width: 100%;  max-width: 1200px; margin: 0 auto; align-items:center; justify-content: space-between;}
.toppanel .all .left {align-items:center; display: flex;}
.toppanel .all .left .lang {color: #4878B9; font-size: 15px; margin: 0 25px 0 0; cursor: pointer; position: relative; }
.toppanel .all .left .lang span.active span {margin: 0 5px 0 10px;}
.toppanel .all .left .lang img {margin-bottom: -3px;}
.toppanel .all .left .lang img:last-child {transition: all 0.3s ease; margin: 0 0 1px;}
.toppanel .all .left .lang.open img:last-child {transform: rotate(180deg);}
.toppanel .all .left .lang .hidden {padding: 20px 15px; box-sizing: border-box; background: #fff; border-radius: 4px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.05); position: absolute; left: -99999px; opacity: 0; transition: opacity 0.3s ease;}
.toppanel .all .left .lang .hidden .pk_no {display: block;}
.toppanel .all .left .lang .hidden a {display: flex; margin: 0 0 10px; font-size: 12px;}
.toppanel .all .left .lang .hidden a:hover {text-decoration: none;}
.toppanel .all .left .lang .hidden a img {width: 23px; margin: 0 7px 0 0;}
.toppanel .all .left .lang.open .hidden {left: -15px; opacity: 1; top: 30px;}
.toppanel .all .left .search {width: 336px; height: 40px; position: absolute; left: 330px;}
.toppanel .all .left .search input[type=text] {box-sizing: border-box; outline:none; width: 100%; padding: 0 45px 0 22px; height: 40px; background: #FFFFFF; border: 1px solid #F0F3F8; box-sizing: border-box; border-radius: 6px; line-height: 38px; font-family: inherit; font-size: 12px; border: 1px solid #e8e8e8; color: #666; }
.toppanel .all .left .search input[type=image] {position: absolute; top: 10px; right: 22px; cursor: pointer; border: 0;}
.toppanel .all .left .search input[type=text]:focus::-moz-placeholder {opacity: 0;}
.toppanel .all .left .search input[type=text]:focus::-webkit-input-placeholder {opacity: 0;}
.toppanel .all .left .search input[type=text]::-moz-placeholder {opacity: 1; color: #A7B8D3;}
.toppanel .all .left .search input[type=text]::-webkit-input-placeholder {opacity: 1; color: #A7B8D3;}
.toppanel .all .worktime {font-size: 15px; align-items: center; display: flex; color: #4878B9;}
.toppanel .all .worktime:before {content: url(/bitrix/templates/main_2021/img/clock.svg); margin: 0 6px 0 0;}
.toppanel .menu-icon {display: none;}

header {position: relative; z-index: 20;}

@media (min-width: 1001px) {
header.fix {background: #fff; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.02); position: fixed; top: 0; left: 0; width: 100%;}
header.fix + div {padding-top: 130px;}
header.fix + main {padding-top: 130px;}
}

header .all {position:relative; height:106px; display: flex; width: 100%;  max-width: 1200px; margin: 0 auto; align-items:center; justify-content: space-between;}
header .all .center {display: flex; align-items:center; position: absolute; left: 330px;}
header .all .center .soc {display: flex;}
header .all .center .soc a {margin: 0 3px 0 0;}
header .all .phones-block .soc {margin-right: 5px;}
header .all .phones-block .soc a img {height: 34px; transition: all 0.3s ease; width: auto; margin: 0 0px;}
header .all .center img {height: 34px; transition: all 0.3s ease; width: auto; margin: 0 0px;}
header .all .center img:hover {filter: brightness(110%);}
header .all .center .btn {transition: all 0.3s ease; width: 336px; height: 56px; display: flex; font-weight: 500; align-items: center; justify-content: center; font-size: 15px; color: #fff; text-decoration: none; background: linear-gradient(180deg, #3AB3F1 0%, #2F94C9 100%);border-radius: 6px;  margin: 0 57px 0 0;}
header .all .center .btn:hover {opacity: 0.9;}
header .all .phones-block {font-size: 26px; font-weight: bold; text-decoration: none; color: #4878B9;display: flex;align-items: center;justify-content: center;}
header .all .phones-block a {font-size: 26px; font-weight: bold; text-decoration: none; color: #4878B9; display:block;}
header .all .phones-block a nobr span {color: #6495bf;}
header .all .logo img {height: 70px;}
header .logo .mob {display: none;}
.toppanel .logo .mob {display: none;}

#header .flags {
 position: absolute;
 top: 25px;
 right: 380px
}

#header .flags img {
 border: 1px solid #ccc;
 height: 15px
}

#header .flags img:hover {
 border-color: #363636
}

.whatsapp img {
 width: 23px;
 margin-bottom: -4px;
 margin-right: -5px
}

#header .search {
 position: absolute;
 top: 67px;
 right: 360px
}

#header .search input.text {
 box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298);
 font-family: inherit;
 outline: none;
 font-size: 11px;
 color: #666;
 text-transform: uppercase;
 border: 1px solid #e1e1e1;
 border-radius: 5px;
 background: #fff;
 padding: 0 15px;
 height: 38px;
 line-height: 38px;
 margin: 0;
 width: 322px
}

#header .search input.submit {
 outline: none;
 position: absolute;
 top: 10px;
 right: 10px
}

#header .search input.text::-moz-placeholder {
 color: #b7b7b7
}

#header .search input.text::-webkit-input-placeholder {
 color: #b7b7b7
}

#header .search input.text:focus::-moz-placeholder {
 opacity: 0
}

#header .search input.text:focus::-webkit-input-placeholder {
 opacity: 0
}

#logo {
 padding: 0 0 0 10px;
 color: #1f457d;
 font-size: 2em;
 font-family: Century, 'Century Gothic', serif;
 position: absolute;
 top: 32px
}

#logo a {
 text-decoration: none;
 color: #1f457d
}

#slogan {
 font-size: .5em;
 font-family: 'Helvetica World', Helvetica, Arial, sans-serif
}

#system-icons {
 position: absolute;
 top: -7px;
 left: 10px;
 margin-left: 0
}

#system-icons ul {
 list-style-type: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 user-select: none;
 margin: 0;
 padding: 0
}

#system-icons li {
 float: left;
 margin-right: 10px;
 width: 15px;
 height: 15px
}

#system-icons a {
 display: block;
 width: 15px;
 height: 15px
}

#home-icon {
 background: url(/images/system-icons.gif) no-repeat scroll -15px 0
}

#contacts-icon {
 background: url(/images/system-icons.gif) no-repeat scroll 0 0
}

#sitemap-icon {
 background: url(/images/system-icons.gif) no-repeat scroll -30px 0
}

#greatbritain-icon {
 background: url(/images/greatbritain2.gif) no-repeat;
 width: 24px!important
}

#greatbritain-icon a {
 width: 24px!important
}

#germany-icon {
 background: url(/images/germany2.gif) no-repeat;
 width: 24px!important
}

#germany-icon a {
 width: 24px!important
}

#china-icon {
 background: url(/images/china2.gif) no-repeat;
 width: 24px!important
}

#china-icon a {
 width: 24px!important
}

#contacts {
 position: absolute;
 top: 19px;
 right: -5px;
 font-size: 19px;
 text-align: right
}

#contacts a {
 text-decoration: none;
 margin-left: 4px
}

#contacts a.whatsapp {
 position: absolute;
 margin: 2px 0 0 -24px
}

#contacts .country-code,
#contacts .region-code {
 color: #6193c0
}

#contacts .phone-number {
 color: #1f457d
}

#consult-link {
 position: absolute;
 right: 0;
 top: 60px
}

#consult-link a {
 box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298);
 font-family: 'FuturaPTLight';
 display: table;
 height: 52px;
 line-height: 50px;
 padding: 0 22px;
 border-radius: 5px;
 background: #4378c2;
 background: linear-gradient(to top, #3a69ad, #4b7dc7);
 font-size: 20px;
 color: #fff;
 text-decoration: none
}

#consult-link a:hover {
 background: #396cb4;
 background: linear-gradient(to top, #4b7cc6, #1d4786)
}

#consult-link a:before {
 content: 'Консультации у профессора Пучкова'
}

#consult-link img {
 display: none
}

#page-body {
 margin-bottom: 5em;
 margin-top: 175px;
}


header + main #layout #page-body {margin-top: 0;}

#left {
 width: 300px;
 max-width: 300px;
 margin-right: -300px;
 float: left;
 position: relative;
 z-index: 2;
 box-sizing: border-box
}



.book-banner {
 height: 534px;
 background: url(/upload/book-banner.jpg) top center no-repeat;
 background-size: contain;
 margin: 0 0 30px;
 display: block;
}

.book-banner img {
 max-width: 100%
}

.reviews_button {
 text-align: center;
 box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298);
 margin: 0 0 10px;
 display: block;
 height: 50px;
 line-height: 50px;
 width: 100%;
 box-sizing: border-box;
 padding: 0 20px;
 border-radius: 5px;
 background: #729cd1;
 font-size: 21px;
 color: #fff;
 text-decoration: none;
 font-family: 'FuturaPTLight';
 transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -ms-transition: all .3s ease;
 -o-transition: all .3s ease
}

.reviews_button:hover {
 background: #3d6db2;
 color: #fff
}

.smi_button {
 text-align: center;
 display: block;
 text-decoration: none;
 font-family: Open Sans;
 color: #fff;
 font-size: 15px;
 font-weight: 700;
 text-align: center;
 padding: 11px 0;
 background: url(/images/reviews_button.jpg) top left no-repeat;
 margin: 0 0 15px
}

.smi_button:hover {
 color: #ccc
}

.copy_window {
 position: relative;
 z-index: 999
}

.copy_window>a {
 font-weight: 600;
 font-size: 18px
}

.copy_window>a#open_copywindow1 {
 font-size: inherit
}

.copy_window .window {
 padding: 35px 20px;
 box-sizing: border-box;
 box-shadow: 0 0 5px 1px rgba(31, 69, 125, 0.5);
 display: none;
 position: absolute;
 width: 310px;
 position: absolute;
 top: -40px;
 left: 50%;
 margin-left: -100px;
 background: #fff;
 z-index: 999
}

.copy_window .window.visible {
 display: block
}

.copy_window .window .exit {
 cursor: pointer;
 position: absolute;
 top: 5px;
 right: 5px;
 width: 15px
}

.copy_window .window a,
.copy_window .window button {
 display: inline-block;
 vertical-align: middle
}

.copy_window .window a {
 font-weight: 400;
 font-style: normal;
 font-size: 15px
}

.copy_window .window button {
 border: 0;
 margin-left: 10px;
 cursor: pointer;
 font-family: inherit;
 background: #4F73A5;
 color: #fff;
 height: 38px;
 line-height: 38px;
 padding: 0 15px;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 13px
}


.insta {margin: 0 0 30px; width: 100%;  border: 2px solid #538BD4; border-radius: 6px; box-sizing: border-box;}
.insta .top {display: flex; flex-wrap: wrap; padding: 10px 20px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%); box-sizing: border-box;}
.insta .top .title {color: #fff!important; width:100%; display: flex; align-items: center;}
.insta .top .title img {height: 36px; margin: 0 15px 0 0;}
.insta .top .publ {width: 50%; color: #fff; font-size: 12px;}
.insta .top .subs {width: 50%; color: #fff; font-size: 12px;}
.insta .list {display: flex; flex-wrap: wrap;}
.insta .list .block {margin: 1px; width: calc(100% / 3 - 2px);}
.insta .list .block img {width:100%;}


#content .main_directions>ul {
 display: block;
 width: calc(50% - 13px);
 margin: 0 25px 15px 0;
 float: left;
 padding: 25px 30px;
 box-sizing: border-box;
 list-style-type: none;
 background: linear-gradient(to top, #f7f7f7, #f4f4f4);
 box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.2);
 border-radius: 5px
}

#content .main_directions>ul:first-child {
 height: 864px
}

#content .main_directions>ul:nth-child(2),
#content .main_directions>ul:nth-child(3) {
 margin-right: 0;
 padding-top: 23px
}

#content .main_directions>ul:nth-child(5) {
 margin-right: 0
}

#content .main_directions>ul:nth-child(2) {
 height: 571px;
 padding-bottom: 10px
}

#content .main_directions>ul:nth-child(3) {
 height: 278px
}

#content .main_directions>ul>li {
 background: none;
 padding: 0;
 font-size: 22px;
 color: #363636;
 font-family: 'Futura-Book-Medium'
}

#content .main_directions>ul>ul {
 margin-left: 0;
 padding-left: 0
}

#content .main_directions>ul>ul li {
 margin-bottom: 4px
}

#content .main_directions>ul>ul li a {
 font-size: 13.5px
}

#content .main_directions:after {
 clear: both;
 content: '';
 display: block;
 width: 100%;
 height: 1px
}


#navigation {
 position: relative;
 margin-bottom: 1.5em;
 background-color: #3560a0;
 color: #fff;
 padding: 0 0 20px
}

#navigation ul {
 list-style-type: none;
 padding: 2em 0 .5em 2em;
 margin: 0
}

#navigation li {
 font-size: 14px px;
 margin: 0 0 .3em
}

#navigation .parent a {
 color: #64a0f7
}

#navigation li a {
 color: #fff;
 text-shadow: #3560a0 0 0 1px
}

#navigation li b {
 color: #fff;
 text-shadow: #b0e2ff 0 0 8px
}

#navigation li a:hover {
 -webkit-transition-property: all;
 -webkit-transition-duration: .5s;
 text-shadow: #000 0 0 3px;
 color: #c5c5c5
}

#navigation li b {
 font-weight: 400
}

#awards {
 position: relative;
 height: 82px;
 margin: 0 0 1.5em;
 padding: 1em 0 0;
 font-size: .85em;
 color: #363636;
 background-color: #fff;
 box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298), 0 0 40px rgba(0, 0, 0, 0.102) inset;
 display: block;
 text-decoration: none;
 line-height: 160%;
 border-radius: 16px
}

a#awards:hover {
 text-decoration: underline;
 color: #3e527c
}

#awards img.oden {
 position: absolute;
 width: 100px;
 margin: -7px 0 0 -10px
}

#awards img.oden_1 {
 position: absolute;
 margin: 0 0 0 9px
}

#awards p {
 margin: 0 5px 0 95px;
 font-size: 11px
}

.trust-doctors {margin: 0 0 40px; padding: 0 20px; box-sizing: border-box; font-weight: 600; text-decoration: none; font-size: 15px;line-height: 130%;color: #FFFFFF!important; display: flex; align-items: center; height: 84px; width: 100%; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #FFFFFF; border-radius: 6px;}
.trust-doctors:hover {filter: brightness(110%);}
.trust-doctors:before {content: ''; background: url(/images/finger.png) center center/contain no-repeat; width: 34px; height: 61px; margin: 0 25px 0 0; display: block;}
.trust-doctors p {padding: 0; margin: 0; width: calc(100% - 59px);}

#news {
 font-size: .9em;
 margin: 0 0 1em
}

#news ul {
 list-style-type: none
}

#news li {
 padding: 0 1em 2em 0
}

#news .date {
 font-size: .9em;
 float: left;
 width: 23%;
 position: relative;
 color: #fff;
 margin-right: 10px;
 padding: 4px 0;
 text-align: center;
 background-color: #3560a0
}

#news .title {
 width: 60%;
 float: left;
 font-size: .9em
}

#subnavigation {
 margin: 0 0 1.5em
}

#subnavigation ul {
 list-style-type: none
}

#subnavigation li {
 position: relative;
 padding: .4em 0;
 margin-left: 2em
}

#subnavigation a {
 color: #3560a0
}

#subnavigation .current {
 background-color: #3560a0;
 margin-left: 0;
 width: 100%
}

#subnavigation .current b {
 font-weight: 400;
 color: #fff;
 padding-left: 2em
}

#right {
 margin-left: 330px
}

#right h1 {padding: 0; margin: 0 0 10px; font-weight: 800; font-size: 26px; line-height: 36px; letter-spacing: -0.01em; color: #363636;}

.header_pic {
 display: none
}

#big-picture {
 position: relative;
 height: 167px;
 margin-bottom: 5px;
 background: url(/images/inner-header-background.jpg) no-repeat left top;
 overflow: hidden;
 box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298);
 border-radius: 10px
}

#big-picture a {
 text-decoration: none
}

.index #big-picture {
 height: 329px;
 background: url(/images/header-background.jpg) no-repeat left top;
 overflow: hidden
}

#page-title-container {
 position: absolute;
 left: 35%;
 top: 63px;
 right: 15px;
 font-size: 30px;
 color: #3560a0
}

#page-title {
 position: relative;
 line-height: .8em
}

#arrows {
 display: block;
 position: absolute;
 width: 22px;
 height: 19px;
 left: -1.2em;
 top: .16em;
 margin: .15em 0 0 .2em;
 background: url(/images/arrows.gif) no-repeat left top
}

.index #arrows {
 position: absolute;
 left: 220px;
 top: 50px
}

.index #page-title-container {
 line-height: .9em;
 font-size: 2em
}

#help-phrase {
 padding-left: 15px;
 line-height: 30px;
 font-size: 1.2em
}

#phrase {
 padding-left: 30px;
 line-height: 30px
}

#to-you-phrase {
 line-height: .4em;
 font-size: 1.2em
}

#page-subtitle {
 font-size: .5em
}

#doctor {
 width: 242px;
 height: 326px;
 position: absolute;
 bottom: 0;
 background: url(/images/doctor.png) repeat top left;
 filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/doctor.png', sizingMethod='image');
 z-index: 2
}

#about-info-cantainer {
 position: absolute;
 top: 200px;
 color: #fff;
 background: url(/images/picture-inscription-background.png) repeat top left;
 filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/picture-inscription-background.png', sizingMethod='scale');
 font-family: 'FuturaPTLight';
 width: 100%;
 font-size: 17px;
 line-height: 110%
}

#about-info {
 padding: 8px 10px 10px 236px
}

#content {
 font-size: 15px; line-height: 180%; color: #313131;
}

#content p {
 padding: 0 0 30px;
 margin: 0
}



#content a {
 color: #6193c0
}

#content a:hover {
 color: #93a5b3
}

#content .left-column,
#content .right-column {
 width: 45%;
 float: left;
 padding: 0 5% 0 0
}

#content ul {padding: 0 0 30px; margin: 0; list-style-type: none;}
#content ul li {margin: 0 0 7px; position: relative; padding: 0 0 0 15px;}
#content ul li:before {content: ''; display: block; position: absolute; top: 10px; left: 3px; width:5px; height: 5px; background: #4c7fd1; border-radius: 50%;}

.buttons_adaptive {
 display: none
}



#small-contact-info {
 font-family: 'FuturaPTBook'
}

#counter {
 position: absolute;
 right: 15px;
 bottom: 35px
}

#small-contact-info .country-code,
#small-contact-info .region-code {
 color: #487bc5;
 font-size: 19px
}

#small-contact-info .phone-number {
 color: #40447d;
 font-size: 19px
}



#small-contact-info .block {
 display: inline-block;
 margin-left: 10px
}

.corners-top {
 width: 100%;
 height: 9px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 0;
 -webkit-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 user-select: none
}

.corners-bottom {
 width: 100%;
 height: 9px;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 0;
 -webkit-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 user-select: none
}

.corners-top .corner {
 display: block;
 width: 9px;
 height: 9px;
 overflow: hidden;
 position: relative
}

.corners-top .corner div {
 background: url(/images/corners.png) no-repeat
}

.corners-top .left {
 float: left
}

.corners-top .right {
 float: right
}

.corners-top .left div {
 width: 200%;
 height: 200%;
 position: relative
}

.corners-top .right div {
 width: 200%;
 height: 200%;
 position: relative;
 left: -100%
}

.corners-bottom .corner {
 display: block;
 width: 9px;
 height: 9px;
 overflow: hidden;
 position: relative
}

.corners-bottom .corner div {
 background: url(/images/corners.png) no-repeat
}

.corners-bottom .left {
 float: left
}

.corners-bottom .right {
 float: right
}

.corners-bottom .left div {
 width: 200%;
 height: 200%;
 position: relative;
 top: -100%
}

.corners-bottom .right div {
 width: 200%;
 height: 200%;
 position: relative;
 left: -100%;
 top: -100%
}

.corners-top .corner div,
.corners-bottom .corner div {
 filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/corners.png', sizingMethod='crop')
}

.button-link {
 font-size: 1em;
 font-weight: 400;
 position: relative;
 width: 180px;
 position: relative;
 color: #fff;
 padding: 4px 0;
 text-align: center;
 background-color: #3560a0
}

.button-link a {
 color: #fff!important
}

form {
 color: #000
}

.row {
 margin: 1em 0
}

.row label {
 display: block;
 float: left;
 width: 13%;
 margin-top: .5em
}

.row input,
.row textarea {
 border: 1px solid #3560a0
}

.row input {
 font-size: 1.5em
}

.row textarea {
 width: 33.2em;
 height: 8em;
 margin-left: .2em
}

.checkbox label {
 margin: 0;
 float: left
}

.checkbox input {
 margin-left: 18%;
 float: left
}

.captcha {
 padding-left: .2em
}

#captcha-image {
 float: left;
 width: 132px;
 height: 32px;
 border: 1px solid #369
}

#captcha {
 margin-left: .5em;
 float: left;
 height: 30px;
 border: 1px solid #000
}

#submitter {
 float: left;
 margin: 0 0 0 1.8em;
 font-family: 'Helvetica World', Helvetica, Arial, sans-serif;
 font-size: 1em;
 color: #fff;
 position: relative;
 -webkit-appearance: none;
 padding: .4em 1em .8em;
 border: none;
 background: #3560a0
}

#submitter span {
 text-decoration: underline
}

#clinics {
 font-size: .9em
}

#clinics ul {
 margin: 0;
 padding: 0;
 list-style-type: none
}

#clinics ul li {
 margin: 0 0 2em
}

#clinics .name {
 color: #3560a0
}

#clinics address {
 font-style: normal
}

#clinics p {
 margin-bottom: .2em
}

#clinics .map {
 color: #000
}

#clinics a:hover {
 color: #869eb1
}

.response .author {
 margin: 0
}

.response .body {
 position: relative;
 background-color: #ecf1f8
}

.pagination {
 margin-bottom: 2em
}

.pagination .pages {
 list-style-type: none!important;
 list-style-image: none!important;
 margin: 0;
 padding: 0
}

#responses-block .author {
 color: #369
}

#responses-block .body {
 margin: 0
}

.pagination .pages .current {
 position: relative;
 color: #fff;
 background-color: #3560a0
}

.pagination .pages li {
 float: left
}

.pagination .pages li a,
.pagination .pages li b {
 display: block;
 padding: .35em .9em .5em
}

.pagination .show-all {
 float: left;
 margin: .35em 0 0 2em
}

.pagination .show-all-by-theme {
 float: left;
 margin: .35em 0 0 2em
}

#breadcrumbs {
 margin-bottom: 1em
}

#breadcrumbs ul {
 list-style-type: none!important;
 list-style-image: none!important;
 margin: 0;
 padding: 0
}

#breadcrumbs li {
 float: left;
 margin-right: .75em
}

#breadcrumbs li.delimiter {
 -webkit-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 user-select: none;
 color: #69c
}

#publications-block {
 margin-bottom: 2em
}

#publications-block ul {
 margin: 0 0 1.5em 2em;
 list-style-image: url(/images/list-bullet.gif)
}

#sequence-navigation {
 font-size: 2em
}

.clinic {
 margin: 0 0 2em
}

.clinic h2 {
 margin: 0
}

.clinic .map-link {
 font-size: .9em;
 margin: 0 .5em
}

#general-contacts {
 font-size: 1.5em;
 margin: 0 0 1em
}

#general-contacts p {
 margin: 0
}

#general-contacts address {
 font-size: 1.6em;
 font-style: normal;
 color: #1f457d;
 margin: 0 0 .7em
}

#general-contacts a {
 color: #1f457d
}

#news {
 font-weight: 400
}

.h2 {
 font-size: 1em;
 font-weight: 400;
 float: left;
 width: 45%;
 position: relative;
 color: #fff;
 padding: 4px 0;
 text-align: center;
 background-color: #3560a0
}

.h2:hover {
 color: #fff
}

.h2 a {
 color: #fff;
 display: block;
 z-index: 100
}

#content .article {
 margin-bottom: 2em
}

#content .article .date {
 margin-bottom: 0
}

#previous {
 float: left
}

#next,
#previous {
 text-decoration: none
}

#next {
 float: right
}

.button-link * {
 text-shadow: none!important
}

#content .recaptchatable #recaptcha_image {
 border: 1px solid #3560a0!important
}

#content .recaptchatable #recaptcha_response_field {
 border: 1px solid #3560a0!important
}

button span {
 text-shadow: none!important
}

#counter {
 float: right
}

form .row {
 position: relative
}

form label.error {
 margin: 0;
 width: 22%;
 position: absolute;
 right: 0;
 top: 0;
 font-size: .9em
}

.recaptcha_input_area label.error {
 right: -216px;
 top: -3em
}

.captcha {
 padding-left: .2em
}

.captcha .plain img {
 float: left;
 width: 132px;
 height: 32px;
 border: 1px solid #369
}

#consult_submit #submitter {
 margin-left: 20%
}

.row input.error,
.row textarea.error {
 border: 1px solid red
}

.curvy {
 position: relative;
 width: 250px;
 background: #3560a0;
 color: #FFF;
 margin: 5em auto
}

#ctl,
#cbl,
#ctr,
#cbr {
 position: absolute;
 width: 9px;
 height: 9px;
 color: #3560a0;
 background: #fff;
 overflow: hidden;
 font-style: normal;
 z-index: 1
}

#ctl {
 top: 0;
 left: 0
}

#cbl {
 bottom: 0;
 left: 0
}

#ctr {
 top: 0;
 right: 0
}

#cbr {
 bottom: 0;
 right: 0
}

.curvy em b {
 position: absolute;
 font-size: 60px;
 font-family: arial;
 color: #3560a0;
 line-height: 18px;
 font-weight: 400
}

#ctl b {
 left: -3px
}

#ctr b {
 left: -9px
}

#cbl b {
 left: -3px;
 top: -6px
}

#cbr b {
 left: -9px;
 top: -6px
}

.curvy p {
 position: relative;
 z-index: 100;
 padding: 4px 7px;
 font-size: 11px
}

.response_new {
 width: 100%;
 border-bottom: 1px solid #d2d6d6;
 padding-bottom: 25px;
 margin-bottom: 25px
}

.author_new {
 color: #666
}

.address_new a {
 color: #6193c0
}

.rc {
 background-color: #ecf1f8
}

.rcdc {
 padding: 10px
}

.response_answ {
 padding: 10px 10px 0
}

.rtangle {
 width: 9px;
 height: 9px;
 font-size: 1px;
 line-height: 1px;
 overflow: hidden
}

.rtangle b {
 background: url(/images/corners.png) no-repeat;
 display: block;
 width: 9px;
 height: 9px;
 font-size: 1px;
 line-height: 1px;
 overflow: hidden
}

.tl {
 float: left
}

.tr {
 float: right
}

.bl {
 float: left;
 margin-top: -9px
}

.br {
 float: right;
 margin-top: -9px
}

.tr b {
 background-position: 100% 0
}

.bl b {
 background-position: 0 100%
}

.br b {
 background-position: 100% 100%
}

.butt_send {
 width: 125px;
 height: 26px;
 position: relative;
 border: 1px solid #FFF!important
}

.gallery {
 padding-top: 10px
}

.gallery ul li {
 position: relative;
 list-style-image: none;
 padding-left: -10px;
 margin-left: -10px
}

#roll {
 height: 84px
}

#roll ul {
 margin: 0;
 padding: 0;
 height: 84px;
 width: 891px
}

#roll ul li {
 margin: 0 15px 0 0;
 padding: 9px 0 0;
 list-style-image: none;
 display: block;
 float: left;
 width: 84px;
 height: 84px
}

#roll ul li a img {
 border: 2px solid #FFF
}

#liscont {
 width: 579px;
 height: 102px;
 background-color: #c7daee;
 overflow: hidden
}

div.error {
 border: 1px solid red
}



.t_form {
 font-size: 100%;
 font-family: 'Helvetica World', Helvetica, Arial, sans-serif
}

.t_form input.text {
 font-size: 120%;
 font-family: 'Helvetica World', Helvetica, Arial, sans-serif;
 width: 300px;
 border: 1px solid #3560A0;
 padding: 2px 7px
}

.t_form select {
 font-size: 120%;
 font-family: 'Helvetica World', Helvetica, Arial, sans-serif;
 border: 1px solid #3560A0;
 padding: 2px 7px
}

.t_form textarea {
 font-size: 120%;
 font-family: 'Helvetica World', Helvetica, Arial, sans-serif;
 width: 300px;
 height: 100px;
 border: 1px solid #3560A0;
 padding: 2px 7px
}

.protectcode {
 width: 100px;
 font-size: 24px;
 border: 1px solid #3560A0;
 padding: 2px 7px
}

#slider {
 width: 100%;
 height: 329px;
 overflow: hidden
}

#slider .slider-pic {
 width: 1000px;
 height: 329px;
 background: url(/images/1365485939.jpg) top left no-repeat;
}

#slider img.no-pk {
 display: none;
}

#slider img {
 position: absolute;
 z-index: 1
}

#slider img.no-pk {
 display: none
}

#slider2 {
 width: 791px;
 height: 167px;
 overflow: hidden
}

#slider2 img {
 position: absolute;
 z-index: 1
}

.guestbook_images {
 float: right;
 width: 200px;
 padding: 0 0 20px 20px
}

.guestbook_images img {
 margin-bottom: 5px
}

.raized {
 background: #f5f7f6;
 margin: 2em 0 4em;
 padding: 1em;
 position: relative;
 width: 100%;
 box-sizing: border-box;
 border-radius: 5px
}

.raized .consult {
 text-align: center;
 font-size: 35px;
 color: #363636;
  
 padding: 35px 0 40px
}

.raized .consult span {
 color: #4775bb
}

.raized.shadow {
 padding-top: 30px;
 text-align: center;
 background: #fff;
 box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298), 0 0 40px rgba(0, 0, 0, 0.102) inset
}

.raized.shadow.attantion {
 padding: 10px;
 margin: -20px 0 10px
}

.raized.shadow.attantion h3 {
 font-size: 23px;
 line-height: 100%;
 padding: 0;
 margin: 0
}

.raized.shadow h3 {
 text-align: center
}

.top_arrow {
 width: 88%;
 position: fixed;
 text-align: right;
 bottom: 20px;
 min-width: 1100px;
 max-width: 1400px
}

#toTop {
 cursor: pointer;
 color: #666;
 text-decoration: none;
 visibility: hidden
}

#toTop a {
 visibility: visible
}

.new_leftmenu ul {padding: 0; margin: 0 0 40px; list-style-type: none;}
.new_leftmenu ul li {margin: 0 0 3px;}
.new_leftmenu ul li a {position: relative; display: block; font-size: 16px; font-weight: bold; color: #415C81; text-decoration: none; background: #F8FAFD; border-radius: 6px; padding: 13px 26px;}
.new_leftmenu ul li a:before {position: absolute; display: block; content: ''; width: 4px;height: 4px; border-radius: 50%; left: 15px; top: 50%; margin-top: -2px; background: #4878B9;}
.new_leftmenu ul li.menu_parent>a:after {transition:all 0.3s ease; position: absolute; content: ''; display: block; border: 4px solid transparent; border-top: 5px solid #A7B8D3; right: 15px; top: 50%; margin-top: -1px;}
.new_leftmenu ul li a:hover {color: #4878B9; background: #F1F5FB;}
.new_leftmenu ul li.menu_parent>a:hover:after {border-top-color: #4878B9;}
.new_leftmenu ul li.menu_parent.active>a:after {border-top-color: #4878B9; transform: scale(1,-1); margin-top: -6px;}
.new_leftmenu ul li ul {display: none; margin:3px 0 0 0;}
.new_leftmenu ul li ul li a {padding-top: 10px; padding-bottom: 10px; font-size: 13.5px; font-weight: 600; padding-left: 36px;}
.new_leftmenu ul li ul li ul li a {padding-top: 8px; padding-bottom: 8px; font-size: 12.5px; font-weight: 600; padding-left: 45px;}
.new_leftmenu ul li ul li ul li a:before{left: 36px;}
.new_leftmenu ul li ul li a:before {width: 3px;height: 3px; left: 26px;}
.new_leftmenu ul li ul li.menu-parent>a:after {border: 3px solid transparent;    border-top: 4px solid #A7B8D3; right: 17px;}
.new_leftmenu ul li.active>ul {display: block;}
.new_leftmenu ul li.active>a {background: #F1F5FB; color: #4878B9;}
.new_leftmenu ul li.menu_parent>.active>a:after {transform: scale(1,-1); margin-top: -5px;  border-top-color: #4878B9;}
.new_leftmenu>ul>li:nth-last-child(1)>ul {display: none;}
.new_leftmenu>ul>li:nth-last-child(1).menu_parent>a:after {display: none;}
.new_leftmenu>ul>li:nth-last-child(2)>ul {display: none;}
.new_leftmenu>ul>li:nth-last-child(2).menu_parent>a:after {display: none;}
.new_leftmenu>ul>li:nth-last-child(3)>ul {display: none;}
.new_leftmenu>ul>li:nth-last-child(3).menu_parent>a:after {display: none;}
.new_leftmenu>ul>li:nth-last-child(4)>ul {display: none;}
.new_leftmenu>ul>li:nth-last-child(4).menu_parent>a:after {display: none;}

.owl-carousel.owl-adwards {margin: 0 0 40px; border-radius: 6px; box-sizing: border-box; border: 2px solid #538BD4;}
.owl-carousel.owl-adwards .owl-nav {display: flex; align-items: center; justify-content: center; height: 67px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%);}
.owl-carousel.owl-adwards .owl-nav button.owl-prev,
.owl-carousel.owl-adwards .owl-nav button.owl-next {outline: none; transition: all 0.3s ease; position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 0; text-indent: 9999px; overflow: hidden; margin: 0 5px; background: rgba(255, 255, 255, 0.3);}
.owl-carousel.owl-adwards .owl-nav button.owl-prev:hover,
.owl-carousel.owl-adwards .owl-nav button.owl-next:hover {background: #fff;}
.owl-carousel.owl-adwards .owl-nav button.owl-prev:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; transform: rotate(90deg); filter: brightness(600%);}
.owl-carousel.owl-adwards .owl-nav button.owl-prev:hover:before {filter: none;}


.owl-carousel.owl-adwards .owl-nav button.owl-next:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; transform: rotate(-90deg); filter: brightness(600%);}
.owl-carousel.owl-adwards .owl-nav button.owl-next:hover:before {filter: none;}


.owl-carousel.owl-adwards a {padding: 10px; box-sizing: border-box; font-size: 11.5px; text-decoration: none; line-height: 140%; color: #313131; display: flex; align-items: center; height: 150px;}
.owl-carousel.owl-adwards .pic {width: 60px; margin: 0 5px 0 0; display: flex; align-items: center; justify-content: center;}
.owl-carousel.owl-adwards .pic img {max-width: 100%; max-height: 100%; display: inline;}
.owl-carousel.owl-adwards p {max-width: calc(100% - 65px); padding: 0!important; margin: 0;}
.owl-carousel.owl-adwards a>div {display: flex; align-items: center;}


 .geo-button {max-width: 100%; margin: 0 0 40px;}

.top-slider {margin: 0 0 14px;}
.top-slider .item {background: #F1F5FB; height: 314px; overflow:hidden; border-radius: 6px;}
.top-slider .item.main-banner {font-weight: normal; font-size: 12px; line-height: 180%; color: #415C81; padding: 43px 35px; box-sizing: border-box; background: #F1F5FB url(/images/banner-pic-01.png) bottom right 55px no-repeat;}
.top-slider .item.main-banner .txt {max-width: 443px;}
.top-slider .item.main-banner .txt p.title {max-width: 370px; font-weight: bold; font-size: 40px; line-height: 110%; letter-spacing: -0.01em; padding: 0; margin: 0 0 15px; color: #4878B9;}

.top-slider .item.book-banner {text-decoration: none; display: block; margin: 0; font-weight: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #415C81; padding: 43px 35px; box-sizing: border-box; background: #F1F5FB url(/images/banner-pic-02.png) bottom right no-repeat;}
.top-slider .item.book-banner .txt {max-width: 443px;}
.top-slider .item.book-banner .txt p.title {max-width: 474px; font-weight: bold; font-weight: bold; font-size: 35px; line-height: 110%; letter-spacing: -0.01em; padding: 0; margin: 15px 0 0 0; color: #4878B9;}
.top-slider .item.book-banner .txt p {padding: 0; margin: 0; max-width: 206px;}

.top-slider .item.insta-banner {text-decoration: none; display: block; margin: 0; font-weight: normal; font-weight: 600; font-size: 16px; line-height: 130%; letter-spacing: -0.01em; color: #FFFFFF; padding: 43px 35px; box-sizing: border-box; background: url(/images/banner-pic-03.png) bottom right no-repeat, url(/images/banner-pic-03bg.png) center center/cover no-repeat;}
.top-slider .item.insta-banner .txt {max-width: 443px;}
.top-slider .item.insta-banner .txt p.title {max-width: 407px; font-weight: bold; font-size: 28px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; padding: 0; margin: 0 0 22px; }
.top-slider .item.insta-banner .txt p {padding: 0; margin: 0; max-width: 181px;}


.top-slider .owl-carousel.owl-slider .owl-dots {display: none;}
.top-slider .owl-carousel.owl-slider .owl-nav {display: flex; position: absolute; bottom: 20px; right: 35px;}
.top-slider .owl-carousel.owl-slider .owl-nav button {transition: all 03.s ease;width: 39px; height: 39px; text-indent: 999px; overflow: hidden; display: block; border: 0; cursor: pointer; border-radius: 50%; background: #fff url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; margin: 0 0 0 2px; transform: rotate(90deg);}
.top-slider .owl-carousel.owl-slider .owl-nav button:hover {filter: brightness(110%);}
.top-slider .owl-carousel.owl-slider .owl-nav button.owl-next {transform: rotate(-90deg); margin-left: 10px;}

.videoblock .block {font-weight: 500; text-decoration: none; font-size: 15.5px; line-height: 180%; color: #415C81; display: block; margin: 0 0 20px;}
.videoblock .block .pic {overflow: hidden; position: relative; height: 184px; border-radius: 6px; background-position: center center; background-size: cover; margin: 0 0 5px;}
.videoblock .block .pic:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: rgba(0, 0, 0, 0.1);}
.videoblock .block .pic:hover:before {opacity: 0;}
.videoblock .block .pic .play {display: block; position: absolute; width: 57px; height: 57px; top: 50%; left: 50%; margin: -28px 0 0 -28px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%); border: 3px solid #74A5E7; box-shadow: 0px 4px 20px rgba(255, 255, 255, 0.5); border-radius: 50%;}
.videoblock .block .pic .play:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -1px; border: 4px solid transparent; border-left: 7px solid #fff;}
#left a.all {min-width: 1px; margin: -14px 0 40px; display: flex; align-items: center; text-decoration: none; font-weight: bold; font-size: 13px; line-height: 120%; color: #4878B9; }
#left a.all:hover {color: #4878B9;}
#left a.all:hover:after {transform: translateX(5px);}
#left a.all:after {transition: all 0.3s ease; content: url(/images/all-arrow.svg); margin: 0 0 0 8px;}
#left .newsblock + a.all {margin-top: 0;}


.newsblock .block {transition: all 0.3s ease; padding: 24px 22px; margin: 0 0 10px;  background: #FFFFFF;border: 2px solid #F1F5FB;box-sizing: border-box;border-radius: 6px;}
.newsblock .block:hover {border: 2px solid #e4e7ea;}
.newsblock .block .date {font-weight: 500; margin: 0 0 5px; display: block; font-size: 11px; line-height: 150%; color: #A7B8D3;}
.newsblock .block a {font-weight: 600; text-decoration: none; font-size: 13.5px; line-height: 150%; color: #415C81; }
.newsblock .block:hover a {color: #4878B9;}
.newsblock .txt {display: none;}

.newsblock.adaptive {
 display: none
}


#left h2,
#left p.title { font-weight: 800; padding: 0; margin: 0 0 15px; font-size: 20px; line-height: 27px; letter-spacing: -0.01em; color: #363636;}


.contentblock {
 float: left;
 position: relative;
 z-index: 1;
 width: 100%
}

#content .phones {
 text-decoration: none
}

#double_newsblock {
 display: none
}

.wprmenu_bar .menu_title {display: none;}

.nav.first {display: none;}
.nav {display: block; margin: 0 0 40px;}
.nav>ul {padding: 0; margin: 0; list-style-type: none; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%); border-radius: 6px; display: flex;}
.nav>ul>li {width:100%; position: relative;}
.nav>ul>li:hover {z-index: 2;}
.nav>ul>li:after {z-index: 1; content: ''; display: block; position: absolute; top: 50%; right: -1px; width: 1px; height: 10px; margin-top: -5px; background: rgba(255,255,255,0.3);}
.nav>ul>li:last-child:after {display: none;}
.nav>ul>li>a {white-space: nowrap; font-weight: bold; text-decoration: none; color: #fff; font-size: 16px; padding: 0 34px; transition: all 0.3s ease; position: relative; display: flex; height: 66px; align-items: center; justify-content: center;}
.nav>ul>li:first-child>a:before {border-radius: 6px 0 0 6px;}
.nav>ul>li:last-child>a:before {border-radius: 0 6px 6px 0px;}
.nav>ul>li>a:before {z-index: 2; background: linear-gradient(to top, #4b80c5, #477abd); content: ''; display: block; top: 0; left: -2px; position: absolute; bottom: 0; width: calc(100% + 4px); opacity: 0; transition: all 0.3s ease; }
.nav>ul>li:first-child>a:before {left: 0; width: calc(100% + 2px);}
.nav>ul>li:last-child>a:before {width: calc(100% + 1px);}
.nav>ul>li>a span {position: relative; z-index: 3;}
.nav>ul>li>a:hover:before {opacity: 1;}
.nav ul li ul {list-style-type: none; margin: 0; top: calc(100% + 10px); width: 320px; box-sizing: border-box; background: #4878B9; padding: 20px 35px; border-radius: 6px; position: absolute; left: -9999px; opacity: 0; transition: opacity 0.3s ease;}
.nav ul li ul:before {content: ''; display: block; position: absolute; top: -10px; left: 0; width: 100%; height: 10px;}
.nav ul li ul:after {position:absolute; display: block; content: ''; top: -10px; left: 80px; border: 5px solid transparent; border-bottom: 6px solid #4878B9;}
.nav ul li ul li a {position: relative; margin: 0 -35px; width: calc(100% + 70px); display: block; padding: 8px 12px 8px 47px; box-sizing: border-box;font-weight: 600; text-decoration: none; color: #fff; font-size: 13px; }
.nav ul li ul li a:before {content: ''; display: block; width: 4px; height: 4px; background: #fff; position: absolute; border-radius: 50%; top: 15px; left: 35px; }
.nav ul li ul li a:hover {background: #415C81;}
.nav ul li:hover ul {left:0; opacity: 1;}

#double_newsblock {
 display: none
}

.buttons_adaptive {
 padding: 0;
 box-sizing: border-box;
 width: 332px; max-width:100%; box-sizing: border-box;
 max-width: 100%;
 margin-left: auto;
 margin-right: auto
}

.buttons_adaptive .reviews_button {
 font-size: 21px;
 text-align: center
}

.buttons_adaptive .reviews_button.red {
 text-transform: uppercase;
 text-align: center;
 background: #c21b1b
}

.buttons_adaptive .smi_button {
 font-size: 16px;
 text-align: center
}

.video_otz_but {
 width: 236px;
 border: 8px solid #668abc;
 border-radius: 8px;
 margin: 30px 0
}

.video_otz_but:hover {
 border-color: #21569f
}

.reviews_bottom_doctext {
 padding: 30px 0 0
}

.callback-btn {
 z-index: 999;
 position: fixed;
 bottom: 40px;
 right: 50px;
 background: url(/images/callback-btn.png) no-repeat;
 width: 60px;
 height: 60px;
 border-radius: 50%;
 box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
 animation: comagic-label-icon-sitephone 6.6s ease-in-out infinite
}


.popup-newstyle {box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); display: flex; align-items: center; justify-content: center; position: fixed; top: auto; bottom: 0; left: -99999px; bottom: 0; opacity: 0; transition: opacity 0.3s ease; width: 100%; z-index: 999;}
.popup-newstyle .ovlay {width: 100%; position: fixed; top: 0; left: -99999px; bottom: 0; opacity: 0; background: #000; transition: opacity 0.3s ease; }
.popup-newstyle.visible {left: 0; opacity: 1;}
.popup-newstyle.visible .ovlay {left: 0; opacity: 0.3;}
.popup-newstyle .into {justify-content: space-between; display: flex; align-items: flex-start; font-size: 16px; line-height: 150%; color: #363636; position: relative; width: 100%; max-width: 100%; padding: 30px 30px; background: #fff;}
.popup-newstyle .into .txt {width: calc(100% - 200px);}
.popup-newstyle .into .close {position: absolute; display: block; cursor: pointer; width: 25px; height: 25px; top: 20px; right: 20px; background: url(/images/close.png) center center no-repeat; filter: grayscale(100%) brightness(50%);}
.popup-newstyle .into .btn {max-width: 100%; margin: 0px auto 0; transition: all 0.3s ease; width: 336px; height: 56px; display: flex; font-weight: 500; align-items: center; justify-content: center; font-size: 15px; color: #fff; text-decoration: none; background: linear-gradient(180deg, #3AB3F1 0%, #2F94C9 100%);border-radius: 6px; }
.popup-newstyle .into .btn:hover {opacity: 0.9;}




.popup {
 padding: 30px;
 background: #fff;
 width: 315px
}

.popup .exit {
 position: absolute;
 top: 10px;
 right: 10px;
 cursor: pointer
}

.popup .title {
  
 line-height: 100%;
 text-align: center;
 font-size: 23px;
 color: #36393b;
 text-transform: uppercase;
 padding: 0 0 30px;
 margin: 0
}

.popup input.text {
 font-weight: 300;
 border: 0;
 padding: 16px 15px;
  
 font-size: 19px;
 color: #36393b;
 border: none;
 height: 17px;
 width: 285px;
 margin: 0 0 10px;
 background: #f1f1f1;
 display: block
}

.popup_img {
 display: inline-block;
 width: 49.5%
}

.popup input::-moz-placeholder {
 color: #36393b;
 opacity: 1
}

.popup input::-webkit-input-placeholder {
 color: #36393b;
 opacity: 1
}

.popup input:focus::-moz-placeholder {
 opacity: 0
}

.popup input:focus::-webkit-input-placeholder {
 opacity: 0
}

.popup .sub-phone {
 color: #36393b;
 padding: 0 0 15px;
 font-size: 12px;
 text-align: center;
 margin: -5px 0 0
}

.popup #small-contact-info {
 margin: 0 0 40px;
 display: none!important;
 text-align: center;
 float: none
}

.popup #small-contact-info a {
 font-size: 19px;
 color: #3560a0;
 text-decoration: none;
 font-family: 'Open Sans'
}

.popup #small-contact-info a .country-code {
 color: #6193c0
}

.popup .error {
 border: 1px solid red!important
}

.popup textarea {
 font-weight: 300;
 border: 0;
 padding: 16px 15px;
  
 font-size: 19px;
 color: #36393b;
 border: none;
 height: 80px;
 resize: none;
 overflow: hidden;
 width: 285px;
 margin: 0 0 10px;
 background: #f1f1f1;
 display: block
}

.popup textarea::-moz-placeholder {
 color: #36393b;
 opacity: 1
}

.popup textarea::-webkit-input-placeholder {
 color: #36393b;
 opacity: 1
}

.popup textarea:focus::-moz-placeholder {
 opacity: 0
}

.popup textarea:focus::-webkit-input-placeholder {
 opacity: 0
}

.popup .checkbox {
 font-size: 11px;
 margin-bottom: 7px;
 position: relative
}

.popup .checkbox input[type=checkbox] {
 position: relative;
 float: left;
 margin: 0 7px 0 0;
 z-index: 2;
 padding: 0;
 margin: 2px 7px 0 0;
 width: 12px;
 height: 12px;
 opacity: 0
}

.popup .checkbox label {
 float: none;
 max-width: calc(100% - 30px)
}

.popup .checkbox label span {
 border: 1px solid #ccc;
 position: absolute;
 display: block;
 width: 12px;
 height: 12px;
 background: #fff;
 left: 0;
 top: 2px
}

.popup .checkbox input[type='checkbox']:checked + label span {
 background: #fff url(/images/checked.png) center center no-repeat;
 background-size: 10px 10px
}

.popup .checkbox input[type='checkbox'].error + label span {
 border-color: red
}

.popup .checkbox a {
 color: inherit
}

.popup .thanks {
 font-size: 20px;
 text-transform: uppercase;
 text-align: center;
 padding: 80px 0;
 color: #363636;
 margin: 0
}

.popup_app_oferta {
 z-index: 99000!important;
 font-size: 13px;
 padding: 25px 0;
 position: fixed;
 top: 0!important;
 left: 0!important;
 box-sizing: border-box;
 display: table;
 padding-right: 30px;
 overflow: hidden;
 width: calc(100% + 30px);
 height: 100%;
 margin: 0!important;
 overflow: scroll;
 color: #363636
}

.popup_app_oferta .block {
 max-width: 800px;
 background: #fff;
 padding: 30px;
 margin: 0 auto;
 position: relative
}

.popup_app_oferta .exit {
 position: absolute;
 top: 10px;
 right: 10px;
 cursor: pointer
}

.popup input.submit {
 text-align: center;
 box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298);
 margin: 0 0 10px;
 display: block;
 height: 50px;
 line-height: 50px;
 width: 100%;
 box-sizing: border-box;
 padding: 0 20px;
 border-radius: 5px;
 background: #729cd1;
 font-size: 21px;
 color: #fff;
 text-decoration: none;
 font-family: 'FuturaPTLight';
 transition: all .3s ease;
 border: 0;
 cursor: pointer;
 font-weight: 300
}

.popup input.submit:hover {
 background: #3d6db2;
 color: #fff
}

#lean_overlay {
 position: fixed;
 z-index: 900;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 background: #000;
 display: none
}

@keyframes comagic-label-icon-sitephone {
 1%,
 2% {
  transform: rotate3d(0, 0, 1, 9deg);
  opacity: 1
 }
 3%,
 5%,
 7% {
  transform: rotate3d(0, 0, 1, -9deg)
 }
 4%,
 6%,
 8% {
  transform: rotate3d(0, 0, 1, 9deg)
 }
 9% {
  transform: rotate3d(0, 0, 1, 0)
 }
}
.mob-insta {display: none;}

#content .insta-banner {color: #fff!important; text-shadow: none!important; font-size: 17px; line-height: 110%;   text-decoration: none; color: #fff; display: block; border-radius: 4px; height: 77px; position: relative; background: url(/upload/insta-banner-bg.jpg) center center/cover no-repeat; box-sizing: border-box; padding: 0 16px 0 300px; display: flex; align-items: center;}
#content .insta-banner .insta-pic {left: 37px; bottom: 0; position: absolute; display: block; width: 249px; height: 104px; background: url(/upload/insta-banner-pic.png) no-repeat;} 
#content .insta-banner .insta-btn {box-shadow: 0 4px 4px 1px rgba(0,0,0,0.1); text-shadow: none!important; font-size: 18px; border-radius: 3px; display: flex; justify-content: center; align-items: center; height: 50px; width: 170px; background: linear-gradient(to top, #3582ff, #6ea6ff);}
#content .insta-banner .insta-btn:before {content: ''; display: block; width: 24px; height: 24px; background: url(/upload/insta-banner-icon.png) center center no-repeat; margin: 0 10px 0 0;}
#content .insta-banner .insta-text {margin: -2px 0 0 0; text-shadow: none!important; width: calc(100% - 170px); padding: 0 60px 0 0; box-sizing: border-box;}
#content .insta-banner * {text-shadow: none!important; }
#content .insta-banner b {font-family: 'Open Sans';}
#content .form-block {font-weight: 600; font-size: 15px; color: #313131; background: #F1F5FB; border-radius: 6px; padding: 40px 80px; box-sizing: border-box; margin: 30px 0 30px; text-align:center;}
#content .form-block p.title {padding: 0 0 20px; margin: 0; font-weight: 800; font-size: 24px; line-height: 33px; text-align: center; letter-spacing: -0.01em;color: #415C81;}
#content .form-block p.title a {color: #4878B9; text-decoration: none;}
#content .form-block small {font-size: 15px; display: block; margin: 0 0 20px;}
#content .form-block .into {display: flex; justify-content:center; flex-wrap: wrap;}
#content .form-block .into .country-block {cursor: pointer; position: relative; width: 110px; height: 50px; border-radius: 6px 0 0 6px; background: #F8FAFD;}
#content .form-block .into .country-block img {width: 27px; position: absolute; top: 50%; left: 18px; transform: translateY(-50%);}
#content .form-block .into .country-block input {cursor:pointer; outline: none; padding: 0; width: calc(100% - 50px); left: 50px; position: absolute; font-family: inherit; border: 0; background: url(/bitrix/templates/main_2021/img/arr.svg) center right 10px no-repeat;  height: 48px; line-height: 48px; top: 0; font-weight: 600; font-size: 16px; letter-spacing: -0.5px; color: #4878B9;}
#content .form-block .into>input[type=number] {-moz-appearance: textfield; margin: 0 10px 0 0; padding: 0 20px; box-sizing: border-box; height: 50px; line-height:50px; width: 220px; border: 0; border-radius: 0 6px 6px 0; background: #fff; outline:none; font-weight: 600; font-size: 18px; letter-spacing: -0.01em; color: #4878B9; font-family: inherit;}
#content .form-block .into>input[type=number].error {box-shadow: inset 0 0 10px red;}
#content .form-block .into>input::-webkit-outer-spin-button,
#content .form-block .into>input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
#content .form-block .into>input[type=button] {transition: all 0.3s ease; width: 210px; height: 50px; display: flex; align-items: center; text-align:center; outline: none; justify-content: center; border: 0; cursor: pointer; font-family: inherit; background: linear-gradient(180deg, #FD564F 0%, #C73630 100%); border-radius: 6px; font-weight: bold; font-size: 15px; color: #FFFFFF;}
#content .form-block .into>input[type=button]:hover {filter: brightness(110%);}


#content .form-block .into .country-block .drop {position: absolute; left: -99999px; opacity: 0; transition: opacity 0.3s ease; top: calc(100% + 2px); width: 330px; border-radius: 6px; background: #fff; padding: 20px; box-sizing: border-box; color: #313131; font-size: 16px;}
#content .form-block .into .country-block .drop .bl {width:100%; display: flex; align-items: center; margin: 0 0 6px;}
#content .form-block .into .country-block .drop .bl img {margin: 2px 0 0 0; transform: none; box-shadow: 0 0 2px 1px rgba(0,0,0,0.05); margin: 0 10px 0 0; position: relative; top: auto; left: auto; width: 27px; display: block;}
#content .form-block .into .country-block .drop .bl .code {margin: 0 0 0 10px; opacity: 0.5;}
#content .form-block .into .country-block.open .drop {left: 0; opacity: 1;}

#content .form-block .thanks {text-align:center; }
#content .form-block .thanks img {margin: 0 0 5px;}
#content .form-block .thanks p {font-weight: 600; max-width: 430px; margin: 0 auto 25px; padding: 0; display: table; font-size: 20px; line-height: 27px; text-align: center; letter-spacing: -0.01em; color: #415C81;}

#content .form-block .thanks a.one-more {margin: 0 auto; width: 190px; display: flex; align-items: center; text-decoration: none; font-weight: bold; font-size: 13px; line-height: 120%; color: #4878B9; }
#content .form-block .thanks a.one-more:after {content: url(/images/all-arrow.svg); margin: 0 0 0 8px;}



#content .form-block .checkbox { font-size: 11px; margin-bottom: 7px; max-width: 540px; position: relative; line-height: 150%; margin: 20px auto 0; text-align: left; width: 100%;}
#content .form-block .checkbox input[type=checkbox] { position: relative; float: left; margin: 0 7px 0 0; z-index: 2; padding: 0; margin: 2px 7px 0 0; width: 12px; height: 12px; opacity: 0}
#content .form-block .checkbox label {display: table; float: none; max-width: calc(100% - 30px)}
#content .form-block .checkbox label span { border: 1px solid #ccc; position: absolute; display: block; width: 12px; height: 12px; background: #fff; left: 0; top: 2px}
#content .form-block .checkbox input[type='checkbox']:checked + label span { background: #fff url(/images/checked.png) center center no-repeat; background-size: 10px 10px}
#content .form-block .checkbox input[type='checkbox'].error + label span { border-color: red}
#content .form-block .checkbox a { color: inherit; text-decoration: underline;}
#content .form-block .checkbox a:hover {text-decoration: none;}

.bottom-doctor-block {font-size: 14px; line-height: 180%; color: #313131; background: #F8FAFD; border-radius: 6px; position: relative; padding: 60px 40px; box-sizing: border-box;}
.bottom-doctor-block .phones {display: none;}
.bottom-doctor-block:before {content: url(/images/bottom-quotes.svg); position: absolute; top: 38px; left: 365px;}
.bottom-doctor-block:after {content: url(/images/bottom-quotes.svg); position: absolute; bottom: 38px; left: 365px; transform: scale(-1,1);}
.bottom-doctor-block>* {position: relative;}
#content .bottom-doctor-block p {position: relative; z-index: 2; padding: 0 0 20px;}
#content .bottom-doctor-block p.bold {padding: 0; font-weight: 800; font-size: 16px; color: #313131;}
.bottom-doctor-block .photo {float: left; margin:0 30px 19px 0;}
.bottom-doctor-block .photo img {display: block; border-radius: 6px; max-width:100%;}
#content .bottom-doctor-block p.title {font-weight: 800; padding: 0 0 9px; margin: 0; font-size: 20px; line-height: 130%; color: #363636;}
.bottom-doctor-block a.email {margin: 0 0 16px; display: flex; align-items: center; font-weight: bold; text-decoration: none; font-size: 16px; line-height: 130%; color: #4878B9!important;}
.bottom-doctor-block a.email:hover {color: #4878B9!important;}
.bottom-doctor-block a.email:before {content: url(/images/bottom-mail.svg); margin: 0 10px 0 0;}

footer {padding: 32px 0; background: #F8FAFD;}
footer .all {display: flex; align-items: center; justify-content: space-between;}
footer .left {font-weight: 500; font-size: 11px; color: #313131; max-width: 266px;}
footer .left a {color: #415C81; font-size: 10px; text-decoration: none;}
footer .left span {display: block; margin: 0 0 7px;}
footer .center {display: flex;}
footer .center img {margin: 0 5px;}
footer .center .vk img {height: 43px;}
footer .right {text-align: right;}
footer .right>a{font-weight: bold; text-decoration: none; font-size: 22px; color: #415C81;}
footer .right>a.policy {display: table; margin: 5px 0 5px auto; font-size: 14px; font-weight: normal;}
footer .right .dev {margin: 5px 0 0 0; font-weight: 500; font-size: 11px; color: #313131;}
footer .right .dev a {color: #415C81; text-decoration: none;}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/main_2021/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


@media (max-width: 1230px) {
.all, #layout {padding-left: 20px;padding-right: 20px; box-sizing: border-box;}
a.all {padding-left: 0; padding-right: 0;}
.nav>ul>li>a {padding: 0 19px;}
.nav>ul>li {width: 100%;}
html, body {min-width: 320px;}
header .all .center .btn {margin-right: 30px; width: 240px;}
header .all .phones-block {font-size: 22px;}
header .all .phones-block a {font-size: 22px;}
header .all .center {left: 356px;}
header .all .center img {width: 40px;}

#content .form-block {padding: 40px 40px;}

.top-slider .item.book-banner {background-position: bottom right -150px;}
.top-slider .item.main-banner {background-position: bottom right -100px;}
.top-slider .item.insta-banner {background-position: bottom right -150px;}
.bottom-doctor-block .photo {max-width: 40%;}
#content .form-block p.title {font-size: 21px;}
}

@media (max-width: 1050px) {
header .all .center .btn {margin-right: 15px;}
header .all .center .soc a {margin: 0;}
header .all .center img {width: 36px;}
* {-webkit-appearance: none!important; max-height: 9999999px;}

.nav ul li:hover ul {left: -9999px; opacity: 0;}
.nav ul li.showed ul {left: 0; opacity: 1;}
.all {min-width: 320px;}
}


@media (max-width: 1000px) {
header .all .phones-block .soc img {width: 28px !important;}
footer .right>a.policy {margin: 5px auto;}
.new_leftmenu>ul {padding-bottom: 100px;}
.videoblock .block .pic {min-height: 45vw;}
.oc-button.fix {align-items: center; transition: all 0.3s ease; text-decoration: none; border-radius: 6px; background: linear-gradient(180deg, #3AB3F1 0%, #2F94C9 100%), linear-gradient(180deg, #FD564F 0%, #C73630 100%); height: 60px; max-width: 360px; margin: 0 auto 20px; width: 100%; display: flex; }
.oc-button:hover {filter: brightness(110%);;}
.oc-button .icon {position: relative; display: block; width: 60px; height: 60px; border-radius: 6px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #3AB3F1;}
.oc-button .icon:after {content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: url(/images/OC-icon.png) center center no-repeat;}
.oc-button .text {width: calc(100% - 60px); text-align: center;  white-space: nowrap;    font-size: 16px; color: #fff; font-weight: 600; text-shadow: none;}


.bottom-doctor-block .phones {display: table; margin: 0 auto 20px; font-weight: bold; text-decoration: none; font-size: 22px; line-height: 30px; letter-spacing: -0.01em; color: #4878B9;}
.bottom-doctor-block:after {z-index: -1; left: auto; right: 20px; bottom: -10px;}
.bottom-doctor-block{margin: 0 0 45px;}
.bottom-doctor-block {font-size: 15px; line-height: 160%;}
.bottom-doctor-block p.title {background: url(/images/bottom-quotes.svg) top left/40px auto no-repeat; position: relative; font-weight: 800; text-align:center; padding: 10px 10px 24px; margin: 0; font-size: 16px; line-height: 110%; text-align: center; color: #363636;}
.bottom-doctor-block p.bold {font-weight: bold;}
.bottom-doctor-block a.email {justify-content: center;}
.newsblock {margin-bottom: 10px;}
#page-body {margin-bottom: 20px;}
.newsblock .in-news {-webkit-overflow-scrolling: touch;  width: calc(100% + 20px); overflow: auto; clip-path: inset(0 0 30px 0); padding-bottom:30px; margin-bottom: -30px;}
.newsblock .in-news::-webkit-scrollbar  {
    display: none;
    height: 0;
    width: 0;
}
.newsblock .in-news .inn {display: flex; width: calc((100vw - 38px) * 3);}
.newsblock .in-news .inn .block {width: calc(100vw - 40px); margin: 0 5px 0 0;}


.videoblock:not(.int) {width: calc(100% + 20px); overflow: auto; clip-path: inset(0 0 30px 0); padding-bottom: 30px; margin-bottom: -30px;}
#left a.all {margin-top:5px;}
.videoblock:not(.int) .in-video {display: flex; width: calc((100vw - 38px) * 2);}
.videoblock:not(.int) .in-video .block {width: calc(100vw - 40px); margin: 0 5px 0 0;}
.geo-button {width:100%;}
.in-awards {-webkit-overflow-scrolling: touch;  width: calc(100% + 20px); overflow: auto; margin: 0 0 30px; clip-path: inset(0 0 30px 0); padding-bottom: 30px;}
.in-awards::-webkit-scrollbar  {
    display: none;
    height: 0;
    width: 0;
}
.in-awards .owl-adwards {display: flex; width: calc((100vw - 38px) * 7);}
.in-awards .owl-adwards a {border: 2px solid #538BD4; border-radius: 6px; width: calc(100vw - 40px); margin: 0 5px 0 0;}
.in-awards .owl-adwards a {padding: 10px; box-sizing: border-box; font-size: 11.5px; text-decoration: none; line-height: 140%; color: #313131; display: flex; align-items: center; height: 114px;}
.in-awards .owl-adwards .pic {width: 60px; margin: 0 5px 0 0; display: flex; align-items: center; justify-content: center;}
.in-awards .owl-adwards .pic img {max-width: 100%; max-height: 100%; display: inline;}
.in-awards .owl-adwards p {padding: 0!important; max-width: calc(100% - 65px);}
.in-awards .owl-adwards a>div {display: flex; align-items: center;}
.bottom-doctor-block {padding: 0 20px; background: none;}
.bottom-doctor-block .photo {float: none; margin: 0 auto 16px; max-width: 340px; width: 100%;}
.bottom-doctor-block .photo img {width:100%;}
.container {padding-top: 54px;}
.toppanel {position: fixed; top: 0; left: 0; width:100%; z-index: 50;}
.toppanel .all {padding-right: 50px;}
.worktime {position: absolute; font-weight: 600; font-size: 11.3px; color: #4878B9; left: 0; width:100%; text-align: center;}
header .all {height: 154px; flex-wrap: wrap; position: relative; align-items: flex-start; padding-top: 18px;}
header .all .center .soc img {width: 28px; margin: 0 0 0 4px;}
header .all .center .soc a {margin: 0;}
header .all .center .soc {margin: -65px 0 0 0; width: 100%; justify-content: center;}
header .all .center {width:100%; order: 2; position: static; left: auto;}
header .all .phones-block {width: 100%; text-align: center;margin: 13px 0 0 0; order: 1; font-size: 16px;}
header .all .phones-block a {font-size: 18px; white-space: nowrap;}
header .all .center .btn {position: absolute; bottom: 15px; width: calc(100% - 40px); left: 20px; font-size: 14px; height: 44px;}
.toppanel .menu-icon {display: block; width: 30px; height: 18px; border: 2px solid #4878B9; border-left: 0; border-right: 0; display: flex; align-items: center; justify-content: flex-start;}
.toppanel .menu-icon span {display: block; width: 18px; height: 2px;  background: #4878B9;}
header .logo img {display: none;}
.toppanel .logo img {display: none;}
header .logo .mob {display: block;}
.toppanel .logo .mob {display: block;}
#page-body {display: flex; flex-wrap: wrap;}
#left {float: none; width: 100%; max-width:100%; margin: 0; order: 2;}
#left h2, #left p.title {text-align:center;}
.contentblock {float: none; width: 100%; margin: 0; order: 1;}
#right {padding: 0; margin: 0;}
.container {overflow: hidden; position: relative; max-width:100%;}
.toppanel .all .left .search {display: none;}

header .all .logo {display: none;}
.toppanel .all .worktime {display: none;}
.toppanel .all {height: 54px;}
.toppanel .all .left .lang span.active span {display: none;}
.toppanel .all .left .lang img:last-child {display: none;}
.toppanel .all .left .lang {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); margin: 0;}
.toppanel .all .left .lang .active>img {border: 1px solid #F0F3F8;}
.toppanel .all .left .lang.open .hidden {left: auto; right: 0;}
#layout {min-width: 1px;}
body.menu-opened {overflow:hidden;}
.new_leftmenu {-webkit-overflow-scrolling: touch; overflow-y: scroll; background: #fff; z-index: 50; transition: left 0.3s ease; width:100%; position: fixed; left: -100%; top: 54px; height: 100vh; padding-bottom: 50px; box-sizing: border-box; }
.new_leftmenu .menu_parent>a>.str {z-index: 5; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; height: 100%; display: block;}
.new_leftmenu::-webkit-scrollbar  {
    display: none;
    height: 0;
    width: 0;
}
.new_leftmenu.visible {left: 0; }
#left {position: static;}
header {z-index: 1;}
footer {padding-bottom: 65px;}
footer .all {flex-wrap: wrap; text-align:center;}
footer .all .center {order: 1; width: 100%; justify-content: center;}
footer .all .right {margin: 27px 0 10px; text-align:center; order: 2; width:100%;}
footer .center img {height: 32px;}
footer .center .vk img {height: 32px;}
footer .all .left {max-width:100%; order: 3; width: 100%; justify-content: center;}
footer .right .dev {position: absolute; display: block; left: 0; width:100%; text-align:center; bottom: 27px;}

.nav {display: none;}
#right h1 {font-size: 22px; line-height: 120%; text-align:center; padding: 0 20px 15px; margin: 0;}
#content h2 {font-size: 19px; line-height: 120%; text-align:center; padding: 0 20px 15px; margin: 0;}
#content p {padding: 0 0 20px;}
#content ul li:before {width: 4px; height: 4px; top: 9px;}
.top-slider {margin: 0 0 30px;}

#content .form-block {margin-bottom: 30px; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); padding: 27px 20px 30px;}
#content .form-block p.title a {font-size: 21px; white-space: nowrap;}
#content .form-block p.title {font-size: 16px; line-height: 22px;}

#content .form-block .into {flex-wrap: wrap;}
#content .form-block .into>input[type=button] {width:100%; border-radius: 6px; margin-top: 10px;}
#content .form-block .into .country-block {height: 44px;}
#content .form-block .into .country-block input {height: 44px; line-height: 44px;}
#content .form-block .into>input[type=number] {height: 44px; line-height: 44px; font-size: 16px; margin: 0; width: calc(100% - 110px);}

#content .operations-tabs ul.tabs {margin-right: -60px; min-width: 700px;}
#content .operations-tabs .tabs-content .tab ul {padding-right: 0; columns: 1;}
#content .operations-tabs ul.tabs li {width: 40vw;}
#content .operations-tabs .in-tabs {overflow: auto; width: calc(100% + 20px);}
}
@media (max-width: 700px) {
.popup-newstyle .into {display: block; padding: 15px 15px 95px;}
.popup-newstyle .into .txt {width: 100%;}
.popup-newstyle .into .btn {margin: 15px auto 0;}
.top-slider .owl-carousel.owl-slider .owl-nav {display: none;}
.top-slider .owl-carousel.owl-slider .owl-dots {display: flex; position: absolute; bottom: 20px; left: 0; width:100%; align-items: center; justify-content: center;}
.top-slider .owl-carousel.owl-slider .owl-dots .owl-dot {width: 4px; height: 4px; margin: 0 8px; border-radius: 50%; background : rgba(255,255,255,0.5);}
.top-slider .owl-carousel.owl-slider .owl-dots .owl-dot.active {width: 6px; height: 6px; background: #fff;}
.top-slider .owl-carousel.owl-slider {margin-left: -20px; margin-right: -20px; width: calc(100% + 40px);}
.top-slider .item {height: 215px; border-radius: 0;}
.top-slider .item.main-banner {background-size: auto 200px; background-position: bottom right; padding: 20px; font-size: 9px; line-height: 180%; color: #415C81;}
.top-slider .item.main-banner .descr {max-width: 190px;}
.top-slider .item.main-banner .txt p.title {max-width: 180px; font-size: 20px; margin: 0 0 12px; padding: 0; line-height: 110%; letter-spacing: -0.01em;}

.top-slider .item.book-banner {background-size: auto 214px; background-position: bottom right -100px; padding: 37px 20px; font-size: 11px; line-height: 135%; letter-spacing: -0.01em;}
.top-slider .item.book-banner .txt p {max-width: 190px;}
.top-slider .item.book-banner .txt p.title{font-weight: 500; font-weight: normal; margin: 11px 0 0 0; padding: 0; max-width: 190px; font-size: 16px; line-height: 140%; letter-spacing: -0.01em; text-transform: uppercase;}

.top-slider .item.insta-banner .txt p.title {font-size: 18px;}
.top-slider .item.insta-banner {padding: 20px; background: url(/images/banner-pic-03.png) bottom right -100px/auto 200px no-repeat, linear-gradient(45deg, #6663df, #d94682);}

#content {font-size: 15px;line-height: 160%;}
}
.grecaptcha-badge {
    opacity: .3;
  }



/* End */
/* /bitrix/templates/main_2021/template_styles.css?177263502677025 */