:root {
	--bg:			#f6f4fa;
	--bg_h_card:	#9872D2;
	--bg_card:		#ECEAF8;
	--bg_white:		#FEFFFF;
	--bg_2:			#D8D0E6;
	--text:			#18162B;
	--header:		#565466;
	--bg_active:	#ffe0e0;
	--bg_can_act:	#eff7f9;
	--radius:		17px;
	--radius_2:		20px;	
	--t-size-mini:	14px;
	--t-norm:		16px;
	--t-size:		18px;	
	--t-size_p:		19px;	
	--link:			#61a8b9;
	--link_gray:	#a8a8a8;
	--link_act:		#b75f1f;
	--link_1:		#F39111;
	--link_2:		#EBAF4E;
	--link_3:		#9872D2;
	--link_4:		#97A5F7;
	--gray-color:	#928E9B;
	--gray-color_2: #6C6981;
	--gray-color_3:	#C1B1D9;
	--l-h-compact:	120%;
	--l-h-200:		200%;
	--brdr:			0px;
	--dop:			#11BEF3;
}

a, a img { border: none; outline:none; }

.bg_main{background:var(--bg)}
.bg_2{background:var(--bg_2)}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/r.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/r-i.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/m.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/m-i.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/sb.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.t-size-mini{font-size:var(--t-size-mini); line-height:120%}
.t-size{font-size:var(--t-size); line-height:150%}
.t-norm{font-size:var(--t-norm)}
.t-size_p{font-size:var(--t-size_p); line-height:190%}
.fw-500,h1,h2,h3,.h1,.h2,.h3, .h4{font-weight:500; color:var(--header)}
.l-h-compact{line-height:var(--l-h-compact)}
.l-h-200{line-height:var(--l-h-200)}
.linked li{padding-bottom: .6rem; line-height: 1.2}

.gray-color{color:var(--gray-color)}
.gray-color_2{color:var(--gray-color_2)}
.gray-color_3{color:var(--gray-color_3)}
.color_2{color:var(--link_2)}
.color_3{color:var(--link_3)}


/*========= elements ===========*/
html{overflow-x: hidden;}
body{
	color:var(--text);
    background: var(--bg);
	margin: 0 auto;
	font-family: "Inter Tight", "Arial", sans-serif;
	font-size:var(--t-norm);
	font-weight: 400;
	font-style: normal;

}

.main-container{color:var(--gray-color_2)}
.sec-1,.sec-2,.sec-3{border-radius:var(--radius); padding:2rem; margin-top:2rem; margin-bottom:2rem}
.sec-1{background:var(--bg_white)}
.sec-2, .bg-white{background:var(--bg_card)}
.sec-3, .bg-in{background:var(--bg)}
ul.sec-3{padding:1.5rem; padding-left:2rem}
p.sec-3{padding:1.5rem;}

.topline{position:fixed; top:0; z-index:1000; background: var(--bg); padding-bottom:2px}
.container-fluid{max-width: 1400px; margin: 0 auto}

.main-container{margin-top: 86px;}
footer{}
.container-footer{max-width: 1536px; margin: 0 auto; background:var(--bg_card); border-radius:var(--radius)}
.hr{border-bottom:1px solid #fff}

/*========= Cards ===========*/
.card{background:var(--bg_card); border:var(--brdr)}
.card-header{background:var(--bg_h_card); color:var(--bg_white); font-size:20px; text-transform: uppercase;}

.card, .card-header{border-radius:var(--radius) !important}
.card-header{border-bottom-left-radius:0px !important}

.color-2{color:var(--bg_h_card)}



/* blog */
.blog-item img{ object-position: center;  object-fit: cover;  max-height: 278px;}


/*========= ratings ===========*/
.ratings>div{padding-left:.65rem; padding-right:.65rem; border:var(--brdr)}


/*========= tables ===========*/
table {width: 100%}
table .bg-1{background:var(--bg)}
tr.bg_h{color:var(--bg_white)}
tr.curved{clip-path:xywh(0 0 100% 100% round 1em 1rem 0 0)}
tr.bg_h p{margin:0}
td .redcolor{color:var(--link_1)}



/*========= btns and links ===========*/
a{color:var(--link); text-decoration:none}
a, .hl_1{color:var(--link_1)}
a:hover{color:var(--link_3)}
a.color_3:hover{color:var(--link_2)}
.bg_card{background:var(--bg_card)}
.bg_h{background:var(--bg_h_card)}



[class*="ico-h-"]{ padding-left:70px; position: relative;}
[class*="ico-h-"]::after{background:url('../images/icons/ico-h-1.png') no-repeat center;
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  top:0; left:0;
}
.ico-h-2::after{background:url('../images/icons/ico-h-2.png') no-repeat center;}
.ico-h-3::after{background:url('../images/icons/ico-h-3.png') no-repeat center;}



.btn{padding:6px 28px 8px; height: fit-content; border-radius:30px; max-width:400px}
.text, .nav-item a{color: var(--text);}
.btn-solid-1{background:var(--link_1); font-weight:600; color:var(--bg_white)}
.btn-solid-1:hover{background:var(--link_2); color:var(--bg_white)}
.btn-transp-1{border:2px solid var(--link_1); color:var(--link_1); font-weight:600;}
.btn-transp-1:hover, .btn-transp-2:hover, .btn-transp-2:hover::after{color:var(--link_3); border-color:var(--link_3);}
.btn-transp-2{position:relative; padding-right:60px; border:2px solid var(--link_1); color:var(--link_1); font-weight:600;}
.btn-transp-2::after{
  content: " ";
  display: block;
  background: url('../images/icons/arrow_1.svg') no-repeat center;
  width: 20px;
  height: 20px;
  border:2px solid var(--link_1);
  border-radius: 20px;
  padding: 13px;
  position: absolute;
  top: 6px;
  right: 7px;
}

.btn-secondary{background:var(--link_3) !important; border:0px}
.btn-secondary.dop{background:var(--dop) !important;}
.btn-secondary:hover{background:var(--link_1) !important}

.go-black{filter: brightness(5%)}


img:not(.squared){max-width:100%; height:auto;}
.ico-tel{margin-top:4px;}
.min-content{height:min-content !important}

/* ============ vrachi =============*/
.vr-card-text{min-height:80px}
.staj{color:var(--link_3); background:#F6F4FA; border-radius:5px; display: inline-block;}
.vrach-pic-cont{max-width:400px}

/* ============ gall =============*/
.squared{aspect-ratio: 1 / 1; height: 100%;}
img.squared{ object-fit: cover; object-position: 80% top;}
.curved{border-radius:var(--radius)}
.photo{ object-fit: cover; max-height: 350px !important; max-width: 400px !important; }
.gallpic{ object-position: center; object-fit: cover; max-height: 470px !important; max-width: 500px !important;}
.w-main .gallpic{max-height: 370px !important;}

.docs-sl .gallpic{max-height: 140px !important; width: 100% !important;}
.docs-sl .swiper-navi{display:none}
.docs-sl .curved {border-radius:9px !important}



/* ============ modals & forms =============*/
.modal-content {
  background: var(--bg);
  border-radius: 10px;
}
input, textarea{background: var(--bg) !important}
[class^="form-label"], [name="email_form_main"]{display:none;}
.sogl-border.redborder{border-bottom: 4px solid red;}



/* ============ vkVideo =============*/
#vkModal iframe{width:100%}
.play-vid{position:relative;}
.play-vid::before{    pointer-events: none; content: "";  position:absolute; z-index:100; display:block; top: 50%; left: 50%; transform: translate(-50%, -50%);
					background-image: url('../images/icons/vid_play.png'); width: 58px; height: 58px;
	}
.play-pic{opacity:.8; display:block; background-image: url('../images/icons/vid_play.png'); width: 45px; height: 45px; background-size:contain}
.play-vid:hover::before, .play-pic:hover{opacity:.5;}
.play-vid:hover{cursor:pointer}


/* ============ mainmenu ============ */
.main-mnu>li{position:relative}
.menu li>ul{position: absolute; transition: opacity 0.4s, height 0.4s; opacity:0; height:0px; display: block; overflow:hidden; border-radius:var(--radius_2); min-width:200px; width: max-content; background:var(--bg_can_act);  padding:1px; z-index:1000;}
.main-mnu>li.parent{padding-right:15px}
.menu li.parent:hover>ul{display: block; opacity:1; height:inherit; padding:10px; padding-top: 17px; padding-bottom: 20px; z-index:1000; background:#FEFFFF}
.menu li.parent:hover>div{display:block !important; height:20px; width:200px}
.menu li a:hover, .main-mnu>li:hover{color:var(--link_1)}

.main-mnu .deeper::after {
	border:	none;
	line-height: 0;
	content: "›";
	display: block;
	rotate: 90deg;
	/* background: url('../images/icons/arr-1.png') no-repeat top; */
	font-size: 20px;
	right: 0;
	position: absolute;
	top: 14px;
	padding-bottom: 0;
}
.main-mnu>li>ul>li{padding:8px; font-weight:normal}
li.separ{border-top:1px dashed #bfc0c2}

.menu ul{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    width: 100%;  
    color: black;
	font-weight: 500;
}

.menu>ul>li{
    margin-right: 2.8rem;

}
.menu li div{ display:block; height:20px}
.menu li ul{top:40px; padding: 0; border:var(--brdr);}

/* ============ breadcrumbs ============ */

.breadcrumbs ol{
    list-style: none;
    padding-right: 0.25rem;
	padding-left:0 !important;
    margin: 0;
}

.breadcrumbs ol li{
    display: inline;
}


/* ============ mob menu ============ */
.mob-menu{
	width: calc(100% + 20px);
	margin: 0;
	left: -10px;
	background: #fff;
	top: -1px;
	min-height: 900px;
}

.mob-menu ul ul{display:none}
.mob-menu a{display:block; padding:8px}
.mob-menu li {
  display:block !important;
  width: 100% !important;
  margin:2px;
  background:var(--bg_card) !important;
}

/* ============ btm menu ============ */
.btm-menu a{ flex-basis: 50%; color:var(--text); margin-bottom:.5rem}



/* Swiper slider */
.swiper-slide{border:var(--brdr)}
.sl_show img{border-radius:var(--radius)}
.sl_show .swiper-pagination{bottom:67px !important; left: 25%; width: 50%; z-index:0}
.swiper-pagination-bullet { width: 10px !important; height: 10px !important; background:var(--bg_2) !important; opacity:1 !important}
.swiper-pagination-bullet-active{background:var(--bg_white) !important}
.swiper-pagination-bullet:hover{background:var(--link_1) !important}

.swiper-next, .swiper-prev{width: 53px; height: 53px; dispaly:block}
.swiper-next::before, .swiper-prev::before{    content: ""; display:block;  background-image: url('../images/icons/sw_bnt_active.svg'); width: 53px; height: 53px;	}
.swiper-prev{transform: rotateY(180deg)}
.swiper-button-disabled::before{   background-image: url('../images/icons/sw_bnt_passive.svg');}


/* Табы и спойлеры*/

.eff_spl, .eff_tab_name{
	border-top-left-radius: 3px; /* Левый верхний уголок */
	border-top-right-radius: 3px; /* Правый верхний уголок */
}
.eff_spl{
	margin-top: 8px;	
	font-size: large;
	font-weight: 400;
	padding: 8px;
	padding-right: 28px;
	padding-left: 17px;
	cursor: pointer;
	background: var(--bg_white);
	position:relative;
	border-radius: 17px 17px 0 0;
	list-style: none;
}

.eff_spl.closed {
	color:var(--text);
	background: var(--bg_white);
	border-bottom: var(--bg_h_card) 1px solid;
	border-radius: var(--radius);
}


.eff_spl.closed::after, .eff_spl.closed::before{
	background-color: var(--link);
}

.eff_spl.closed::after{
	transform: rotate(90deg);
}

.eff_spl + div, .eff_tab_name, .tabcontent  {
	border: 0px solid #f0f0f0;
	border-bottom-color: #cacaca;
	padding: 1rem;
	border-radius: 0 0 var(--radius) var(--radius);
	background: var(--bg_white);
	color:var(--gray-color_2);
}

.tabnav{padding-bottom:0; margin-bottom:0; padding-left:0}

.tabnav li{display:inline-block; list-style:none;}

.eff_tab_name, .eff_tab_name:hover, .eff_tab_name:focus{text-decoration:none;  outline: 0;}

.eff_tab_name{
	font-size: large;
	font-weight: 600;
	display:block;
	padding: .5rem 1rem;
	border-top: var(--link) 1px solid;
	border-bottom:0; 
	background:#fff;
	margin-bottom:-1px;
	cursor:pointer;
	background:var(--bg_can_act);
	border-radius: var(--radius) var(--radius) 0 0;
}

.eff_tab_name.active{background:#fff; border-top: 1px solid var(--link_gray); color:var(--text); }






/* модули */
.mod-lister{cursor:pointer}
.mod-lister+ul{display:none}
.mod-lister.opened+ul{display:block; padding-bottom:1rem !important}
a.active, li.active>a{color:var(--link_act)}


.mod-articlescategory li{position:relative; list-style:none;}
.usl-menu{font-size:18px}
.usl-menu::after, .eff_spl::after, .eff_spl.closed::after {
	content: " ";
	display: block;
	background: url('../images/icons/icon_p.png') no-repeat center;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 11px;
	right: 11px;
}
.usl-menu.opened::after, .eff_spl::after {
	background: url('../images/icons/icon_m.png') no-repeat center;
}





/* медкарта */

.medkarta-record-popup-opened .medkarta-record-popup-overlay {
  display: block;
  visibility: visible;
  opacity: 1;
}
.medkarta-record-popup-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  opacity: 0;
  z-index: 2147483650;
  background: rgb(0,0,0,0.7);
  width: auto;
  height: auto;
  overflow: hidden;
  -webkit-transition: visibility 0.4s, opacity 0.4s linear;
  -ms-transition: visibility 0.4s, opacity 0.4s linear;
  -moz-transition: visibility 0.4s, opacity 0.4s linear;
  -o-transition: visibility 0.4s, opacity 0.4s linear;
  transition: visibility 0.4s, opacity 0.4s linear;
  visibility: hidden;
}

.medkarta-record-popup-wrapper {
  margin: 1% auto;
  max-width: 1121px;
  position: relative;
  height: 90%;
}
*, ::after, ::before {
  box-sizing: border-box;
}

.medkarta-record-popup {
  position: fixed;
  top: 10px;
  bottom: 30px;
  left: 2%;
  right: 2%;
  opacity: 1;
  background: #fff;
  min-width: 100px;
  min-height: 400px;
  z-index: 2147483651;
  border: 2px solid #4c626f;
  display: flex;
  flex-direction: column;
}

.medkarta-record-popup-header-close {
  position: absolute;
  top: -15px;
  right: -15px;
  display: block;
  background: url(../images/popup_sprite.png);
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  cursor: pointer;
}

.medkarta-record-popup iframe {
  flex: 1 1 auto;
}

@media (min-width: 1190px) {
  .medkarta-record-popup {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
    min-height: 290px;
  }
}


/* ЧТО ЛЕЧИМ СИЛУЭТ*/

.adots{ position: relative}
.adot, .dot-link a{transition:background .3s}
.adot{
	position:absolute;
	width:25px; height:25px;
	background:#8761c1;
	border-radius:100%;
	border:5px solid #e8d9ff;
	}
.adot.active, .adot:hover{background:#a7fb8e; border-color:#efefef}

.jlmf-section, .jlmf-section select{color:#555}
.jlmf-section{margin-top:0 !important}
.jlmf-section button {display:none !important}
.jlmf-select{ border:3px solid #0788c8}
.cholech-one{}
.chtolech label.jlmf-label {
	color: #0088c8;
	font-weight: normal;
    padding-bottom: 5px;
    font-size: 1.9rem;
    text-transform: inherit;
	cursor:inherit;
}

.siluet-top{margin-top:50px;}
.m_adots{ z-index: 1;}
.dot-link a{
	display:table;
    border: 2px solid #f5f5f5;
    border-radius: 10px;
    padding: .3rem 1rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
    cursor: pointer;
	background: var(--link_3);
	color:#fff;
	float: right;
	clear: both;	
	margin-right:2rem;
	margin-top:.3rem;
}

.dot-link a.active, .dot-link a:hover{text-decoration:none; background:#a7fb8e; color:#555}
.dot-link.to_l a{float:left; margin-left:0}





/* LEGACY */
.flex{display:flex; justify-content: space-between; flex-wrap: wrap;}
.l-us { width: 48%; flex-wrap: wrap; list-style: none; padding: 2rem; }
.l-us img{border-radius:10px}

.pricetable td:last-child, .simple-3-x td:nth-child(even), .simple-x-3 td:nth-child(even), .notsimple td:not(:first-child){
	font-weight:bold; font-size:14px; width:120px;
	}
.pricetable p{margin-bottom:.2rem;}
.zebra tr:nth-child(2n) {  background: #f7f7f7; }	
.simple-3-3 td:nth-child(2){font-weight:bold}
.simple-x-3 td:nth-child(2), .simple-x-3 td:nth-child(3){
	text-align:center;
}
.pricetable .dvdr {
  color: #666;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  margin: 6px 0;
}



/* eye - версия для слабовидящих */
.eye_switch1{ padding: 3px 10px; background: #fff; border-radius: 100%;}

.eye .eye_switch1{background:var(--link_1)}
.eye .eye_switch img{filter: invert(.1);}
.eye .eff_spl.closed{ border: var(--bg_h_card) 2px solid;}
.eye .sl_show .swiper-slide, .gid .swiper-slide{border:0}
.eye .mod-finder__search input{border-color:#111}
.eye .blog .btn.btn-sm {font-size:17px; border:var(--brdr); padding: 6px 16px !important; margin-bottom: 4px;}
.eye .masonry-3 .blog-item { padding: 20px; border:var(--brdr)}



/* media */

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
	.breadcrumbs{  margin-bottom: -17px !important;}
	
	.w-sm-100{width:100%}
	.sec-1,.sec-2,.sec-3{padding:.5rem; margin-top:1rem; margin-bottom:1rem}
	.main-container{overflow-x: hidden;}
	.ico{height:30px}
	.btn{padding:16px; padding-top:8px; padding-bottom:10px;}
	.btn-transp-2{padding-right:50px}
	.btn-transp-2::after{padding:12px}

	.usl{margin-bottom:2px}
	.usl .card-body{transition: max-height .5s; max-height: 400px; overflow: hidden;}
	.usl.closed .card-body{max-height:0}
	.usl .card-header::after{
	  content: " ";
	  display: block;
	  background: url('../images/icons/icon_m.png') no-repeat center;
	  width: 22px;
	  height: 22px;
	  position: absolute;
	  top: 12px;
	  right: 12px;
	}
	.usl.closed .card-header::after{background: url('../images/icons/icon_p.png') no-repeat center}
	.eff_spl{padding-right:25px; padding-left:10px}
	

	.pricetable td:last-child, .simple-3-x td:nth-child(even), .simple-x-3 td:nth-child(even){width:100px; font-weight:bold;}  
	

	
	.simple-3-x td:last-child{display:none}  
	.simple-x-3 td:nth-child(even){display:none}
	.simple-3-3 td:nth-child(2){width:15%; font-weight:bold} 
	.simple-3-3 td:nth-child(3){width:15%; border-left: 1px solid #e2e2e2;}  
	.simple-3-3 td:nth-child(1){width:70%}  
	


	
	
	/* LEGACY */
	.l-us { width: 100%; }
	.bg-2{font-weight:bold}	

}




/* planshets */
@media (min-width:768px) {
	.btn{max-width:260px}
}	



/* hi-res laptops and desktops */
@media (min-width:1281px) {
.main-container{margin-top: 132px;}
.w-main{width:72%}
.w-side{width:28%}
a.hl_1:not(:hover){color:var(--text)}
.w-md-50{width:50%}
.btn-transp-2::after { top:4px !important; }


.sl-inner{position:absolute; bottom:5%;}
.sl_show .swiper-pagination{bottom:30px !important; z-index:10}
.searcher{width:unset !important}
.btm-menu{margin-left:3rem}
.btm-menu a{ flex-basis: initial; }

.ratings>div{margin-right:1.65rem !important;}
ul.sep{column-count: 2; column-gap: 2rem;}
}