/*
Theme Name: medspravkitlt.ru v2
*/

/* ---------- reset ---------- */

*{box-sizing:border-box;padding:0;margin:0;font:inherit;outline:none;}b,strong{font-weight:bold}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border:0}button,input,optgroup,select,textarea{font-family:inherit;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}table{border-collapse:collapse;border-spacing:0}

/* variables */

html {
	--dark: #212122; 
	--dark-hover: #3d3d3f; 
	--dark-medium: #525254; 
	--dark-light: #7D7D80; 
	--color-light: #DBDBDD; 
	--color-light-s: #F5F5F7; 
	/* --main: #41C5D4;  */
	--main: #59CEDC; 
	--main-light: rgba(89, 206, 220, 0.2); 
	--main-light-s: rgba(89, 206, 220, 0.1);; 
	/* --main: #69C2CD;  */
	/* --main-hover: #3a95a3;  */
	--main-hover: #00A7BB; 
	--padding: 24px;
	--margin-bottom: 1.5rem;
	--border-radius: 8px;
	--font: 16px;
	--font-s: 14px;
	--font-xs: 12px;
	--font-xxs: 10px;
	--page-width-border: 20px;
	--page-width-border-inv: -20px;
	--mobile-h1-size: 1.8rem;
	--mobile-h2-size: 1.6rem;
	--mobile-h3-size: 1.4rem;
	--form-max-width: 600px;
    --page-indent-m: 80px;
}

/* -------------------------- */
/* ---------- basic ---------- */
/* -------------------------- */

/* html, body { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.6;  background: #FFF; color: #000; min-width: 320px; } */
html, body { width: 100%; overflow-x: hidden; }
body { height: 100%; font-family: 'Inter', sans-serif; font-size: var(--font); /* font-size: clamp(16px, 4vw, 22px); line-height: 20px;  */ line-height: 1.43;  background: #FFF; color: var(--dark); }
.font-heading { font-family: 'Inter', sans-serif; }
.font-primary {  }
/* .font-alt2 { font-family: 'Raleway', sans-serif; } */
/* .font-xl { font-size: 36px; font-size: clamp(22px, 4vw, 36px); } */
.font-xxl { font-size: clamp(26px, 4vw, 46px); }
.font-xl { font-size: clamp(22px, 4vw, 36px); }
.font-x { font-size: clamp(16px, 4vw, 28px); }
.font-s { font-size: clamp(14px, 4vw, 18px); }
.text-center { text-align: center;}

h1, h2, h3, h4, .box-title, .h1, .h2, .h3, .h4, .font-title { display: block; font-weight: bold; color: #333333;  }
h1, .h1 {margin: 0px 0 1.5rem 0; font-weight: 700; line-height: 1.2; font-size: clamp(36px, 8vw, 48px); font-size: 48px;}
h2, .h2 {margin: 0px 0 20px 0; font-size: 28px; font-weight: 600; line-height: 120%; /*line-height: 1.3;*/ }
h3, .h3 {margin: 0px 0 20px 0; font-size: 25px; font-weight: 800; line-height: 120%; color: var(--main);}
h4, .h4 {margin: 0px 0 15px 0; font-size: 20px; font-weight: 600; line-height: 120%;}
h5, .h5 {margin: 0px 0 5px 0; font-size: 1.38rem; font-weight: normal; line-height: 140%;}
h6, .h6 {margin: 0px 0 5px 0; font-size: 1.2rem; font-weight: normal;}
h1 span, h2 span, h3 span, .h1 span, .h2 span, .h3 span { /* background: #baff00; */ }  
h1 i, h2 i, h3 i, .h1 i, .h2 i, .h3 i { background: rgba(0,0,0,0); background-image: none;} /* background: #baff00; */
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {}
h2, .h2 { } /* background-image: linear-gradient(318deg, #000, #555); */
h3, .h3 {}
h4, .h4 {}
h3:first-child {margin-top: 0px;}

h1 i { margin-right: 10px;}

ul, ol { }
li { list-style: none; }

small, .small { font-size: 0.9rem; }
.xsmall { font-size: 0.8rem; }
p {margin-bottom: var(--margin-bottom); }
em { font-style: italic;}
/* a {color: #1c1c1c; outline: none; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.2); } */
a {color: #28909e; outline: none; text-decoration: none; border-bottom: 1px solid rgba(41, 93, 165, 0.3); }
a img { }
.href-reverse a {color: #EEE; border-bottom-color: rgba(255,255,255,0.2); }
/* a {color: #0073B8; outline: none; text-decoration: underline;  } */
a:hover {text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0); opacity: 0.8;}
a.emoji:hover { opacity: 0.8;}
a.emoji { text-decoration: none; border: 0px !important; }
a:active {color: #C33;}
.pseudo { text-decoration: none; border-bottom: 1px dashed rgba(0,0,0,0.4) ; cursor: pointer; color: #000;}
.pseudo:hover { text-decoration: none; border: none; opacity: 0.9;}
.hover {cursor: pointer;}
.hover:hover { opacity: 0.8;  }
.zoom:hover {transform: scale(1.1); transition: all 0.2s ease;}
.hover, .trans { transition: all 0.2s ease; }

img {}
img.wide { max-width: 100%; width: 100%; height: auto; }
img.fluid { max-width: 100%; height: auto;}
img.fit { object-fit: cover; width: 100%; height: 100%; }

img, object, embed, svg {vertical-align: middle; display: inline-block;} /* fix bug indent */
img[src$=".svg"] { display: flex;}

table.basic { width: 100%; }
table.basic td { padding: 7px 11px; border: 1px solid rgba(0,0,0,0.2);}
table.basic tr:nth-child(even) td { background: rgba(0,0,0,0.05);}
table.basic a { text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.1);}
table.basic td.fit { width: 1px; }
table.basic .header { font-weight: bold; }


/* -------------------------- */
/* ---------- forms and buttons ---------- */
/* -------------------------- */

select {padding: 6px;}
form {vertical-align: top;}
input[type="checkbox"], input[type="radio"] {vertical-align: baseline; margin-right: 3px;}
.field { padding-bottom: 0.5rem;}
.field > * {}
.field .name { font-weight: bold;}
.field .elem { }
.field .info, .field-info { font-size: 0.9rem; color: #555; max-width: 800px;}
label:hover span { background: #f9f9ea; cursor: pointer;}

.button, a.button, button, input, textarea, select, option {padding: 12px 20px; display: inline-block; color: var(--dark); vertical-align: top; background: #FFF; border: 1px solid rgba(0,0,0,0.2); transition: all 0.1s ease; border-radius: 100px; }
textarea { width: 100%; max-width: 800px; height: 20vh; padding: 10px 15px;  }
textarea.autoheight { height: 1px; overflow: hidden;}
select, option { height: 40px; line-height: 40px; padding-left: 8px;}
.button, input, button {  }
/* [type="submit"]:disabled { background: #bbb !important;} */
.button, [type="submit"], [type="button"], a.button, button { padding: 12px 35px; cursor: pointer; background: var(--main); border-color: var(--main); color: #FFF; font-weight: 600;  }
.button:hover, [type="submit"]:hover, input[type="button"]:hover, button:hover { background: var(--main-hover); border-color: var(--main-hover);  opacity: 1; /* border-color: #000; box-shadow: 1px 1px 5px rgba(0, 0, 0, 1);*/ transform: scale(1.03); }
.button:active, [type="submit"]:active, input[type="button"]:active { }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea { width: 100%; max-width: 600px;}
input:focus, textarea:focus { outline: 0px; box-shadow: inset 0 0 5px rgba(0,0,0,0.1);}
input.error {border: 1px solid red;}

.button.big, [type="submit"].big, input[type="button"].big, a.button.big { font-size: 16px; font-weight: 600; padding: 15px 40px; }
.button.dark { background: #333333; color: #F2F2F2; }
.button.transparent { background: none; color: #fff; border-color: #FFF; }
.button.medium {}
.button.add {}
.button.save { background: rgb(192, 228, 202); color: #000; }
.button.delete { background: rgb(255, 172, 172); color: #000; }
.button.delete:hover {  }
.button.arrow-right { background-image: url('/local/templates/vmg/assets/css/assets/images/b-arr-r.png'); background-repeat: no-repeat; background-position: center right 30px; padding-right: 90px; }
.button.rounded { border-radius: 500px; }
.button.yellow { background-color: #FFCC00; color: #000; box-shadow: 0px 6px 0px #BC9300, 0px 12px 30px #BEC8CA; border:0; margin-bottom: 6px;}
.button.fiolet { background-color: #803df3; color: #FFF; box-shadow: 0px 6px 0px #4d2297, 0px 12px 30px #BEC8CA; border:0; margin-bottom: 6px;}
.button.skarlet { background-color: #FE264C; color: #FFF; box-shadow: 0px 6px 0px #a7152f, 0px 12px 30px #BEC8CA; border:0; margin-bottom: 6px;}
.button.color-dark { background: var(--dark); border-color: var(--dark); color: #FFF }
.button.color-dark:hover { background-color: var(--dark-hover) ; }

::placeholder { color: #a6abad; }

.fields.v2 {}
.fields.v2 input[type="text"], .fields.v2 input[type="email"], .fields.v2 input[type="password"], .fields.v2 textarea { background: #f5f5f5; border: 0; border-radius: 5px; padding: 15px 20px; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.2);}



/* -------------------------- */
/* ---------- misc ---------- */
/* -------------------------- */

.flex { display: flex; flex-wrap: wrap; align-items: center;}
.flex-fill { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.flex-centered { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around;}
.text-centered { text-align: center;}
.text-va-top { align-items: flex-start;}

.gap {}
.gap-1 { margin-left: -0.25rem; margin-right: -0.25rem; }
.gap-1 > * { padding-left: 0.25rem; padding-right: 0.25rem;  }
.gap-2 { margin-left: -0.5rem; margin-right: -0.5rem; }
.gap-2 > * { padding-left: 0.5rem; padding-right: 0.5rem;  }
.gap-3 { margin-left: -0.75rem; margin-right: -0.75rem; }
.gap-3 > * { padding-left: 0.75rem; padding-right: 0.75rem;  }
.gap-4, .gap { margin-left: -1rem; margin-right: -1rem; }
.gap-4 > *, .gap > * { padding-left: 1rem; padding-right: 1rem;  }
.gap-6 { margin-left: -1.5rem; margin-right: -1.5rem; }
.gap-6 > * { padding-left: 1.5rem; padding-right: 1.5rem;  }
.gap-8 { margin-left: -2rem; margin-right: -2rem; }
.gap-8 > * { padding-left: 2rem; padding-right: 2rem;  }
.gap-10 { margin-left: -2.5rem; margin-right: -2.5rem; }
.gap-10 > * { padding-left: 2.5rem; padding-right: 2.5rem; }
.gap-12 { margin-left: -3rem; margin-right: -3rem; }
.gap-12 > * { padding-left: 3rem; padding-right: 3rem;  }

.yal-cols { display: flex; }
.yal-cols > * { display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1;  }
.yal-cols > .fixed { flex-basis: auto; flex-grow: 0; flex-shrink: 0;  }
.yal-cols.va-top {  align-items: flex-start; }
.yal-cols.va-center { align-items: center; }

@media all and (max-width: 1280px) {
	.yal-cols.by-4.adapt { flex-wrap: wrap; }
	.yal-cols.by-4.adapt > * { flex-basis: 50%; }
}  

.yal-cols.by-4 {}

.yal-tiles { display: flex; flex-wrap: wrap; align-items: stretch; }
.yal-tiles > * { }
.yal-tiles > * > .inner { height: 100%; }
.yal-tiles.by-2 > * { flex-basis: 50%; }
.yal-tiles.by-3 > * { flex-basis: 33.33%; }
.yal-tiles.by-4 > * { flex-basis: 25%; }

@media all and (max-width: 1280px) {
	.yal-tiles.by-4.adapt > * { flex-basis: 33.33%; }
}  
@media all and (max-width: 1024px) {
	.yal-tiles.adapt > * { flex-basis: 50%; }
}  
@media all and (max-width: 768px) {
	.yal-tiles.by-4.adapt > * { flex-basis: 50%; }
}  

@media all and (max-width: 640px) {    
	.yal-tiles.adapt > * { flex-basis: 100%;}
	.yal-tiles.by-4.adapt > * { flex-basis: 100%; }
}  

.block-s1 { margin-bottom: 0.25rem; min-height: 1px; }
.block-s2 { margin-bottom: 0.5rem; min-height: 1px; }
.block-s3 { margin-bottom: 0.75rem; min-height: 1px; }
.block-s4 { margin-bottom: 1rem; min-height: 1px; }
.block-s5 { margin-bottom: 1.25rem; min-height: 1px; }
.block, .block-s6 { margin-bottom: var(--margin-bottom); min-height: 1px; }
.block-s7 { margin-bottom: 1.75rem; min-height: 1px; }
.block-s8 { margin-bottom: 2rem; min-height: 1px; }
.block-s9 { margin-bottom: 2.25rem; min-height: 1px; }
.block-s10 { margin-bottom: 2.5rem; min-height: 1px; }
.block-s11 { margin-bottom: 2.75rem; min-height: 1px; }
.block-s12 { margin-bottom: 3rem; min-height: 1px; }
.block-s13 { margin-bottom: 3.25rem; min-height: 1px; }
.block-s14 { margin-bottom: 3.5rem; min-height: 1px; }
.block-s15 { margin-bottom: 3.75rem; min-height: 1px; }
.block-s16 { margin-bottom: 4rem; min-height: 1px; }

.page-box-indent { height: 120px; overflow: hidden; clear: both;}
.page-box-indent.s20 { height: 20px;}
.page-box-indent.s30 { height: 30px;}
.page-box-indent.s50 { height: 50px;}
.page-box-indent.s60 { height: 60px;}
.page-box-indent.s80 { height: 80px;}
.page-box-indent.s100 { height: 100px;}
.page-box-indent.s110 { height: 110px;}
.page-box-indent.s120 { height: 120px;}
.page-box-indent.s130 { height: 130px;}
.page-box-indent.s140 { height: 140px;}
.page-box-indent.s150 { height: 150px;}
.page-box-indent.s160 { height: 160px;}
.page-box-indent.s180 { height: 180px;}
.page-box-indent.s200 { height: 200px;}


.pierced {pointer-events: none;}
.non-pierced {pointer-events: visible;}
.nowrap, .no-wrap {white-space: nowrap;}
.onhover {visibility: hidden;}
.emoji {text-decoration: none;}
.emoji:hover {text-decoration: none;}
.bold { font-weight: bold; }
.w100 { width: 100%; }
.w300px { width: 300px; }
.spaced > * { margin-right: 20px; margin-bottom: 20px;}
.spaced-small { margin-bottom: 10px;}
.spaced-small > * { margin-right: 10px; margin-bottom: 10px;}
.pb-10 { padding-bottom: 10px;}
.pl-10 { padding-left: 10px;}
.pr-10 { padding-right: 10px;}
.mb { margin-bottom: 20px;}
.ml { margin-left: 20px;}
.ml-10 { margin-left: 10px;}
.mr-10 { margin-right: 10px;}
.mb-10 { margin-bottom: 10px;}



.clear {display: block; clear: both; height: 0 !important; margin: 0px !important; float: none !important; /* overflow: hidden; height: 0px; line-height: 0px; width: 100%; */ }
.clear:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 !important; overflow: hidden; width: 100%;}

hr { border-top: 1px dashed #E7E7E7; height: 1px; overflow: hidden;}
.hr-gradient { width: 165px; height: 15px; background: linear-gradient(247.21deg, #FFCC00 44.6%, #FF5C00 83.42%, #FF0000 108.13%); margin-bottom: 1rem; } 

.pixelate, .pixelate img {image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: pixelated; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor;}

.embed-video { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; }
.embed-video iframe, .embed-video object, .embed-video embed {position: absolute; top: 0;	left: 0;	width: 100%; height: 100%;}
.no-scroll { overflow: hidden !important; overflow-x: hidden; overflow-y: hidden; height: 100%;}
.filter-blur { -webkit-filter: blur(3px); filter: blur(3px); }
.page-meta { display: none;}
.text-gradient { background: #ee5b08; background: -webkit-linear-gradient(80deg, #EFAB08 0%, #FF5C00 80%, #FF0000); background: -o-linear-gradient(80deg, #EFAB08 0%, #FF5C00 80%, #FF0000); background: linear-gradient(170deg, #EFAB08 0%, #FF5C00 80%, #FF0000);  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.ui-loader {}
.ui-loader .content { width: 100px; height: auto;}
.ui-loader .content > * { width: 100%; height: auto;}
.ui-alert { font-size: 28px; padding: 40px; width: 100%; background: #458A59; color: #FFF; overflow: hidden; box-shadow: 0px 0px 30px rgba(0,0,0,0.6); text-align: center;}

.ui-messages { margin: 20px 0px 0px; display: flex; flex-direction: column; align-items: flex-start}
.ui-messages li { list-style: none; padding: 10px 15px; margin-bottom: 10px; background: rgb(192, 228, 202); border-radius: 5px;}
.ui-messages li:before { content: "рџ‘ЌрџЏј"; margin-right: 10px;}
.ui-messages li.ok, .ui-messages li.good, .ui-messages li.success { background: rgb(192, 228, 202);}
.ui-messages li.error, .ui-messages li.bad { background: rgb(236, 177, 177);}
.ui-messages li.error:before, .ui-messages li.bad:before { content: "вљ пёЏ"; }

.ui-checkbox-with-text { display: flex; align-items: flex-start; }

.tooltip { color: #1056a8; cursor: pointer; }
.tooltip:hover { opacity: 0.8;}
.tooltip .data { display: none; font-weight: normal;}
.tippy-content { font-weight: normal;}

.fa.bftx, .fas.bftx { margin-right: 5px; }

.hidden { display: none;}
.yal_debug { padding: 5px; border: 1px dashed #C02124; margin: 5px;}
.yal_debug .trace { font-size: 0.8rem;}
.yal_debug .sep { display: none;}
.adminshitbox {position: absolute; top: 20px; left: 20px; background: #FFF; width: 50%; height: 90%; overflow: auto; box-shadow: 0px 0px 10px #000; z-index: 999; padding: 10px 15px;}
.adminshitbox .controls { padding-bottom: 10px;}
.rfrf iframe {width: 1px; height: 1px; border: none;}
.noborder, .no-border { border: 0 !important; }
.grecaptcha-badge { display: none;}

.popup { position: fixed; min-height: 100vh; width: 100vw;  display: none;  top: 0; right: 0; bottom: 0; left: 0; z-index: 720; color: #000; overflow-x: hidden; }
/* .popup .bg { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: rgba(7, 141, 195, 0.6); z-index: 710; backdrop-filter: blur(3px); } */
.popup .popup-area { position: relative; height: fit-content; width: 100%;}
.popup .bg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; background: rgba(7, 141, 195, 0.6); z-index: 710; backdrop-filter: blur(3px); }
.yal-popup-bg { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: rgba(7, 141, 195, 0.6); z-index: 710; backdrop-filter: blur(3px); }
.popup .holder { width: 100%; display: flex; overflow-y: auto;   align-items: center; justify-content: center; position: relative; z-index: 730; pointer-events: none; padding: 5vh 0px; position: absolute; top: 0; bottom: 0;}
.popup .box { width: auto; max-width: 800px; position: relative;  box-sizing: border-box; z-index: 740; background: #FFF; box-shadow: 0px 0px 40px rgba(0,0,0,0.5);  padding: 50px 40px 40px; border-radius: 20px; pointer-events: visible; max-height: 100%; overflow-y:auto; }
.popup .page-box-title {  }
.popup .close { position: fixed; top: -2px; right: 20px; z-index: 780; font-size: 80px; line-height: 1; color: #FFF; display: inline-block; cursor: pointer; font-family: 'Times New Roman', Times, serif; font-weight: 100; }
.popup .close:hover { opacity: 0.8; }
.popup .row { margin-bottom: 1.25rem;}

.popup.fullscreen .holder { height: 100%; width: 100%; padding: 0;}
.popup.fullscreen .box { height: 100%; width: 100%; border-radius: 0;}
.popup_opened { overflow: hidden; }
.page-popups { }

.page-width { max-width: 1440px; /* нужная ширина + бордер*2 */ position: relative; border: var(--page-width-border) solid rgba(0,0,0,0); border-top: 0; border-bottom: 0; margin: 0px auto;  position: relative;}
.page-width.full { max-width: none;}
.page-width-bg { max-width: 1600px; margin: 0 auto;}

.page-formatting { }
.page-formatting { }
.page-formatting * { max-width: 100%; height: auto;}
.page-formatting img { margin-bottom: 1rem;}
.page-formatting figure { display: inline-block;}
.page-formatting figcaption { margin-bottom: 1rem; margin-top: -0.5rem; font-size: 0.8rem; color: #555; text-align: center; font-style: italic;}

.page-formatting ul, .page-formatting ol  { padding-bottom: var(--margin-bottom); }
.page-formatting ul ul, .page-formatting ol ol { margin-left: 20px;}
.page-formatting li { margin-left: 26px; padding-bottom: 1rem; list-style: none; margin-left: 0; position: relative; padding-left: 32px; }
/* .page-formatting ul li { list-style-type: circle;} */
/* .page-formatting ol li { list-style-type: decimal; } */
.page-formatting li:last-child { padding-bottom: 0;}

/* кастомные иконки для li и ol */
.page-formatting ol li { counter-increment: cgs_items; }
.page-formatting li::before { content: ""; position: absolute; left: 0; top: -1px; width: 24px; height: 24px; background: var(--main) center center no-repeat; color: #FFF; margin-right: 10px; border-radius: 3px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.page-formatting ul li::before { background-image: url('assets/images/html-li-icon.png'); }
.page-formatting ol li::before { content: counter(cgs_items); }

.page-formatting table { margin-top: 0.25rem; width: 100%; border-spacing: 0; border-collapse: separate;  border-radius: var(--border-radius); }
.page-formatting .wp-block-table { margin-bottom: var(--margin-bottom); width: 100%; }
/* .page-formatting table { margin-bottom: var(--margin-bottom); margin-top: 0.25rem; width: 100%; border-spacing: 0; border-collapse: separate; --border-radius: 5px; border: 1px solid var(--color-light); border-radius: var(--border-radius); border-top: 0; border-left: 0; } */
.page-formatting table > *:not(tbody):first-child td, .page-formatting table th { background: var(--color-light-s); font-weight: bold; }
/* .page-formatting table > *:not(tbody):first-child td, .page-formatting table > tbody > *:first-child td { background: var(--color-light-s); font-weight: bold; } */
.page-formatting table td, .page-formatting table th { padding: 16px 16px 14px; border: 1px solid var(--color-light); }
/* .page-formatting table tr:first-child td:first-child  { border-top-left-radius: var(--border-radius); }
.page-formatting table tr:first-child td:last-child  { border-top-right-radius: var(--border-radius); }
.page-formatting table tr:last-child td:first-child  { border-bottom-left-radius: var(--border-radius); }
.page-formatting table tr:last-child td:last-child  { border-bottom-right-radius: var(--border-radius); } */
/* .page-formatting table tr:nth-child(even) td { background: rgba(0,0,0,0.05);} */
.page-formatting table a { }
.page-formatting table td.fit { width: 1px; }
.page-formatting table .header { font-weight: bold; }
.page-formatting .table-wrapper { overflow-x: auto; }

.page-formatting table.compact td, .page-formatting .compact table td { font-size: 0.85rem; padding: 2px 5px;  }

.page-formatting h2, .page-formatting .h2 {margin-top: 30px; }
.page-formatting h3, .page-formatting .h3 {margin-top: 30px; }
.page-formatting h4, .page-formatting .h4 {margin-top: 10px; }






/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/


.page-box-title { font-size: 48px; font-weight: 700; margin-bottom: 40px; line-height: 120%; }

.price-badge { background: #FFF; border-radius: 8px; padding: 12px 20px; display: flex; align-items: center; justify-content: center; color: var(--main); margin-right: 16px; border: 0 !important; }
.price-badge.price { flex-direction: column; }
.price-badge.events { font-size: 17px; font-weight: 600; }
.price-badge.events svg.arrow { color: var(--main); margin-left: 10px; }
.price-badge .price-badge__amount { font-size: 48px; font-weight: 300; line-height: 50px; }
.price-badge .price-badge__descr { color: var(--dark); font-size: 14px; }

.bordered {border: 1px solid var(--color-light); border-radius: 8px;}
.bordered-box { border: 1px solid var(--color-light); border-radius: 8px; padding: 25px; background: #FFF; display: flex; flex-direction: column; transition: 0.2s all ease; }
.bordered-box:hover { box-shadow: 0px 0px 40px rgb(0, 0, 0, 0.2);   }

.capture-1field-form form { display: flex; }
.capture-1field-form input[type="text"], .capture-1field-form input.text { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; }
.capture-1field-form input.button { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.capture-1field-form .button.submit-icon { color:rgba(0, 0, 0, 0); background: url('assets/images/ico-form-submit.png') center center no-repeat var(--main); padding: 12px 26px;  }

.uslugi-tiles { --width: 25%; --height: 338px; }
.uslugi-tiles > * { float: left; width: var(--width); margin-bottom: 16px; border: none !important; color: var(--dark); }
.uslugi-tiles > * * { transition: 0.2s all ease; }
.uslugi-tiles > *:hover { opacity: 1; }
.uslugi-tiles > *:hover .duration { background-color: var(--main-hover); }
.uslugi-tiles > *:hover .special { background-color: var(--main-hover); }
.uslugi-tiles .box { --padding: 24px; height: var(--height); background: no-repeat right 40px center; position: relative; padding: var(--padding);  padding-top: 2.8rem; transition: 0.5s all ease; overflow: hidden; }
.uslugi-tiles .box > * { z-index: 5; }
.uslugi-tiles .item-image .box { padding: 0; overflow: hidden; }
.uslugi-tiles .item-image .box img { object-fit: cover; width: 100%; height: 100%;}
.uslugi-tiles .size-xx2 { width: 50%; }
.uslugi-tiles .size-normal .box { padding-top: 21px;}
.uslugi-tiles .size-yx2 .box { height: calc(676px + 16px); background-position: center bottom 40px; }
.uslugi-tiles .duration { position: absolute; top: -1px; left: -1px; background: var(--main); color: #FFF; padding: 5px 30px 5px var(--padding); border-bottom-right-radius: 100px; border-top-left-radius: 28px;}
.uslugi-tiles .title { font-weight: 600; font-size: 25px; line-height: 120%; margin-bottom: 10px; max-width: 345px; word-break: break-word;}
.uslugi-tiles .descr { /* margin-bottom: 30px; */ color: var(--dark-light); max-width: 350px; margin-right: 90px; }
.uslugi-tiles .price { position: absolute; bottom: var(--padding); left: var(--padding); line-height: 60%;}
.uslugi-tiles .new { display: none;}
.uslugi-tiles .size-yx2 .price { position: static; }
.uslugi-tiles .special { color: #FFF; background-color: var(--main);}
.uslugi-tiles .special .icon path { fill: #FFF; }
.uslugi-tiles .special .duration { background-color: var(--dark);  }
.uslugi-tiles .special .duration span { color: #FF0000; padding-right: 10px; display: inline; }
.uslugi-tiles .special .descr { color: #FFF;  }
.uslugi-tiles .icon { position: absolute; bottom: var(--padding); right: var(--padding); }
.uslugi-tiles .circle { border-radius: 1000px; display: flex; justify-content: center; align-items: center; padding-top: var(--padding); font-weight: 600; font-size: 17px; }
.uslugi-tiles .image { position: absolute; bottom: var(--padding); right: var(--padding); width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; z-index: 1; border-radius: 50%; }
.uslugi-tiles .image > * { object-fit: contain; width: 100%; height: 100%; }
.uslugi-tiles .size-xx2 .image, .uslugi-tiles .size-yx2 .image {  width: 250px; height: 250px; overflow: hidden; bottom: 45px; }
.uslugi-tiles .size-yx2 .image { bottom: var(--padding); right: 13%; }

.doctors-tiles { --border-radius: 8px; }
.doctors-tiles .item { margin-bottom: 1rem; }
.doctors-tiles .item.with_popup { cursor: pointer; }
.doctors-tiles .item.with_popup:hover .inner { box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }
.doctors-tiles .inner { height: auto; border-radius: var(--border-radius); transition: 0.2s all ease; }
.doctors-tiles .photo { background: url('assets/images/page-doctors-ph.png') no-repeat center center; border: 1px solid var(--color-light); height: 285px; border-radius: var(--border-radius) var(--border-radius) 0 0; overflow: hidden; }
.doctors-tiles .photo img { object-fit: cover; width: 100%; height: 100%; object-position: top;  }
.doctors-tiles .info { padding: 16px; display: flex; flex-direction: column; border: 1px solid var(--color-light); border-top: 0;
    border-radius: 0 0 var(--border-radius) var(--border-radius);}
.doctors-tiles .info > * { margin-bottom: 1rem; }
.doctors-tiles .info > *:last-child { margin-bottom: 0; }
.doctors-tiles .badge { font-weight: 700; font-size: 11px; line-height: 100%; text-transform: uppercase; color: var(--main); border: 1px solid var(--main); border-radius: 100px; display: inline-flex; padding: 8px 16px; }
.doctors-tiles .name { font-weight: 600; font-size: 18px; word-break: break-word; }
.doctors-tiles .cat { margin-bottom: 0.5rem; }
.doctors-tiles .button { border-radius: var(--border-radius); }
.doctors-tiles .not-a-doc { }
.doctors-tiles .not-a-doc .inner { height: 100%; border: 1px solid var(--color-light); border-radius: 40px; padding: 40px 24px; display: flex; flex-direction: column; justify-content: flex-end; }
.doctors-tiles .not-a-doc .title { font-weight: 600; font-size: 25px; margin-bottom: 0.5rem; word-break: break-word;}
.doctors-tiles .not-a-doc.size-xx2 { flex-basis: 50%; }
.doctors-tiles .button.mod-become-a-member { border-radius: 100px; margin-top: 1rem; }
.doctors-tiles .popup_data { display: none; }

.posts-tiles {}
.posts-tiles > * { margin-bottom: 2rem;}
.posts-tiles .inner {  }
.posts-tiles img { max-width: 100%;}
.posts-tiles a { border: 0; color: var(--dark);}
.posts-tiles .image { height: 250px; margin-bottom: 1.5rem;}
.posts-tiles .image img { object-fit: cover; width: 100%; height: 100%; border-radius: 8px;}
.posts-tiles .date { color: var(--dark-light); font-size: var(--font-s); }

.breadcrumbs { font-size: 14px; color: var(--dark-light); margin-bottom: var(--margin-bottom); }

.page-with-sidebar { --sidebar-width: 380px; width: 100%; }
.page-with-sidebar .page-sidebar { float: left; width: var(--sidebar-width); }
/* .page-with-sidebar .page-sidebar {flex: 0 0 var(--sidebar-width); margin-right: 40px;} */
.page-with-sidebar .page-content { margin-left: calc(var(--sidebar-width) + 40px); }
/* .page-with-sidebar .page-content { flex: 1; } */

.main-logotype { font-size: 30px; font-weight: 700; color: #FFF; white-space: nowrap; word-break: keep-all; }

.page-sidebar {}
.page-sidebar .sidebar-box { margin-bottom: var(--margin-bottom);}
.page-sidebar .menu {}
.page-sidebar .menu .current_page_item {  }
.page-sidebar .menu .current_page_item a { color: #FFF; background: var(--main); }
.page-sidebar .menu .current_page_item a:hover { background: var(--main); cursor: default; opacity: 1; }
.page-sidebar .menu a { display: flex; padding: 14px 16px; font-weight: bold; color: var(--dark); border-radius: 4px; border: 0;}
.page-sidebar .menu a:hover { background: var(--main-light); }

.page-sidebar .event { background: var(--color-light-s); border-radius: 8px; padding: 24px; position: relative; }
.page-sidebar .event .event-name, .page-sidebar .event .event-price { font-size: 25px; font-weight: bold;}
.page-sidebar .event .part { padding: 24px 0; border-bottom: 1px solid var(--color-light);}
.page-sidebar .event .part:last-child { border-bottom: 0; padding-bottom: 5px;}
.page-sidebar .event .part-title { font-weight: bold; }
.page-sidebar .event .part-descr { color: var(--dark-medium); }
.page-sidebar .event .badge { background: #FF0000; color: #FFF; position: absolute; top: 0; left: 0; text-transform: uppercase; font-size: 11px; padding: 4px 24px; border-radius: 8px 0 8px 0px; }

.page-header { padding-bottom: 2rem; }
.page-header .line-1 { background: var(--dark); color: #FFF; padding: 20px 0; margin-bottom: 15px; }
.page-header .line-1 .logotype a { }
.page-header .line-1 .items { justify-content: space-between;}
.page-header .line-1 .appointment { display: none; font-size: 12px;}
.page-header .line-1 .appointment .button {  background: none; border-color: #FFF; padding: 5px 12px;}
.page-header .contacts {}
.page-header .contacts > * { margin-left: 100px;}
.page-header .contacts .icon, .page-header .contacts svg { margin-right: 12px;}
/* .page-header .contacts .phone svg { width: 16px; height: auto;} */
.page-header .contacts .phone-and-email {}
.page-header .contacts .phone-and-email a { color: #FFF; border: 0;}
.page-header .contacts .phone { margin-bottom: 3px;}
.page-header .contacts .phone.n2 { margin-bottom: 0px;}
.page-header .contacts > *:last-child > * { margin-right: 0px;}
/* .page-header .contacts .work-hours { text-transform: uppercase;} */
.page-header .line-2 { padding: 0px 0 15px; }
.page-header .line-2 .menu { display: flex; flex-wrap: wrap; font-weight: 500; margin: 0 -15px; padding-right: 2rem; }
.page-header .line-2 .menu li { margin: 4px 15px; position: relative;}
.page-header .line-2 .menu a { border: 0; color: var(--dark);}
.page-header .line-2 .menu > .menu-item-has-children { padding-right: 25px;  }
.page-header .line-2 .menu > .menu-item-has-children a { position: relative; z-index: 6;}
.page-header .line-2 .menu > .menu-item-has-children::after { content: ""; width: 16px; height: 16px; background: url('assets/images/v2/header-menu-expander.svg') no-repeat center right; background-size: 16px; display: block; top: 4px; right: 0; position: absolute;}
.page-header .line-2 .menu > .menu-item-has-children:hover::after { transform:scaleY(-1);  }
.page-header .line-2 .menu .sub-menu { position: absolute; z-index: 100; background: #FFF; border-radius: 8px; overflow: hidden; top: 35px; left: 0; box-shadow: 0px 0px 40px rgb(0, 0, 0, 0.2); visibility: hidden;  }
.page-header .line-2 .menu > .menu-item-has-children:hover .sub-menu {visibility: visible;}
.page-header .line-2 .menu .sub-menu li {margin: 0; width: 390px;}
.page-header .line-2 .menu .sub-menu a { display: block; padding: 14px 16px;}
.page-header .line-2 .menu .sub-menu a:hover { background: var(--main); color: #FFF;}
.page-header .line-2 .menu .menu-item-has-children:hover::before {display: block;}
.page-header .line-2 .menu .menu-item-has-children::before { content: ""; display: none; position: absolute; top: 0; left: -20px; z-index: 2; width: calc(100% + 40px); height: calc(100% * 2);}
.page-header .line-2 > div { flex-wrap: nowrap; }
.page-header .line-2 .right { flex-shrink: 0; }

.page-badges { display: flex; gap: 20px; align-items: stretch; }
.page-badges > * { padding: 20px; text-align: center; justify-content: flex-start; height: auto; display: }
.page-badges .badge-title { font-weight: 300; font-size: 64px; line-height: 1; margin-bottom: 10px; white-space: nowrap; }
.page-badges .badge-title span { font-size: 32px;}
.page-badges .badge-line { height: 4px; background: var(--main); width: 100%; margin-bottom: 10px;}
.page-badges .badge-descr { color: var(--dark-medium);}

.pbn1 {margin-top: -30px;}
.pbn1 .slider { }
.pbn1 .slide { padding: 80px 50px 0; height: 750px; background: #EEE center center; border-radius: 16px; background-size: cover; overflow: hidden; position: relative; }
.pbn1 .slide .main-flow { color: #FFF; z-index: 44; position: relative; margin-bottom: 2rem;}
.pbn1 .slide .title { font-size: 80px; /* font-size: 80px; */ line-height: 100%; font-weight: 600; margin-bottom: 30px; }
.pbn1 .slide .descr { margin-bottom: 35px; }
.pbn1 .slide .badges-holder { position: absolute; bottom: 0px; right: 0px; padding: 30px 50px; z-index: 55; display: flex; align-items: flex-end; justify-content: space-between; width: 100%; }
.pbn1 .slide .page-badges .badge-title { font-size: 50px; }
.pbn1 .slide .price-and-event { display: flex;  }
.pbn1 .slide.n1 { /*background-image: url('assets/images/pbn1-bg.jpg');*/}
.pbn1 .slide .bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.pbn1 .slide.n1 .title { max-width: 820px; }
.pbn1 .slide.n1 .descr { max-width: 660px; }
.pbn1 .slide .capture { background: #FFF; display: flex; flex-direction: column; max-width: fit-content; padding: 20px; border-radius: 8px; max-width: 408px; margin-left: 40px; }
.pbn1 .slide .capture__title { font-weight: 600; font-size: 20px; padding-bottom: 15px; }

.pbn2 { }
.pbn2 .base-descr { font-size: 26px; color: var(--dark-medium); font-weight: 300; }
.pbn2 .boxes { }
.pbn2 .boxes > * { margin-bottom: 1.5rem; }
.pbn2 .boxes .bordered-box { padding: 50px; text-align: center; height: 100%; justify-content: flex-start; align-items: center;}
.pbn2 .boxes .title { font-weight: 300; font-size: 64px; line-height: 1; margin-bottom: 10px; white-space: nowrap; }
.pbn2 .boxes .title span { font-size: 32px;}
.pbn2 .boxes .line { height: 4px; background: var(--main); width: 100%; margin-bottom: 10px;}
.pbn2 .boxes .descr { color: var(--dark-medium);}
.pbn2 .ill { margin-top: -130px;  }
.pbn2 .ill img { border-radius: 20px 20px 0 0; }

.pbn4 .items {}
.pbn4 .items > * { float: left; border: 0;}
.pbn4 .show-all { margin-bottom: 1.25rem;}
.pbn4 .items .item { margin-bottom: 16px; width: 50%; --height: 242px }
.pbn4 .items .item.t1 { height: 500px; }
.pbn4 .items .item.t2 { height: var(--height); }
.pbn4 .items .item.t3 { height: var(--height); width: 33.33%;}
.pbn4 .items .box { --padding: 24px 32px; height: 100%; position: relative; background: no-repeat center center; background-size: cover; color: #FFF; border-radius: 24px; overflow: hidden; }
.pbn4 .items .box:before { z-index: 77; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 83.4%);}
.pbn4 .items .box .header { z-index: 88; position: absolute; bottom: 0; left: 0; width: 100%; padding: var(--padding); }
.pbn4 .items .box .badge { background: var(--main); border-radius: 30px; padding: 5px 15px; margin-bottom: 10px; display: inline-block;}
.pbn4 .items .box .title { --font-size: 20px; font-weight: 600; font-size: var(--font-size);}
.pbn4 .items .item.t1 .box .title { font-size: 36px;}

.pbn5 .page-box-title { max-width: 500px; margin-bottom: 50px;}
.pbn5 .yal-cols {} 
.pbn5 .list { padding: 16px 50px; } 
.pbn5 .list .item { display: flex; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--color-light); }
.pbn5 .list .item:last-child { border-bottom: 0;}
.pbn5 .list .item .image { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-right: 24px; }
.pbn5 .list .item .title {font-size: 20px; color: var(--dark-medium); font-weight: 600; margin-bottom: 5px; }
.pbn5 .list .item .descr {}
.pbn5 .col { margin-bottom: 2rem; }

.pbn6 { margin-bottom: -1rem; }
.pbn6 .items { align-items: stretch; }
.pbn6 .item { margin-bottom: 16px; height: 140px; }
.pbn6 .item > div { height: 100%; align-items: center; justify-content: center; padding: 5px; }
.pbn6 .item img { height: 100%; max-width: 100%; border-radius: 8px; overflow: hidden; object-fit: contain; }

.pbn7 .item { margin-bottom: 16px;}
.pbn7 .item .header { display: flex; align-items: center; margin-bottom: 16px;}
.pbn7 .item .stars { display: flex; margin-right: 12px; } 
.pbn7 .item .star { width: 16px; height: 16px; background: url('assets/images/ico-star-blue.png') no-repeat center center; margin-right: 5px;}
.pbn7 .item .text {  margin-bottom: 16px; color: var(--dark-medium)}
.pbn7 .item .footer { display: flex; align-items: center; }
.pbn7 .item .footer .image { width: 50px; height: 50px; border-radius: 25px; overflow: hidden; background: #EEE no-repeat center center; background-size: cover; margin-right: 16px;}
.pbn7 .item .footer .name {margin-bottom: 5px;}
.pbn7 .item .footer .url a { font-size: 14px; color: var(--dark-light); border: 0; word-break: break-all;}

.pbn8 {}
.pbn8 .map { border-radius: 10px; overflow: hidden; transition: all 0.2s ease;}
.pbn8 .map:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
.pbn8 .badges {position: relative; margin-top: -74px; z-index: 100; width: 100%; display: flex; justify-content: center}
.pbn8 .badges .badge-title { font-size: 0;}
.pbn8 .badges a { border: 0; color: var(--dark-medium);}
.pbn8 .badges .item { box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.05);}

.pbn9 {}
.pbn9 .page-width {  }
.pbn9 .page-width .bg { background: url('assets/images/pbn9-bg.jpg') no-repeat center center; background-size: cover; min-height: 635px; position: relative; border-radius: 8px; overflow: hidden; }
.pbn9 .capture-holder { height: 100%; padding: 50px; }
/* .pbn9 .capture-holder > .inner {  padding: var(--padding);  } */
.pbn9 .capture { padding: 50px; background: #FFF; max-width: 500px; height: 100%; border-radius: 8px; box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.05); }
.pbn9 .capture .title { font-weight: 600; font-size: 25px; margin-bottom: 2rem; }
.pbn9 .capture form { margin-bottom: 2rem; }
.pbn9 .capture .confirm { padding-bottom: 2rem; margin-bottom: 2rem; color: var(--dark-light); border-bottom: 1px solid var(--color-light); font-size: 90%; }
.pbn9 .capture .contacts { }
.pbn9 .capture .contacts .item { display: flex; align-items: center; margin-bottom: 16px; }
.pbn9 .capture .contacts .item > * { margin-right: 15px;}
.pbn9 .capture .button { font-size: 14px; padding: 0 16px;}

.pbn10 { min-height: 820px; background: url('assets/images/v2/pbn10-bg.webp') no-repeat center center; padding-top: 80px ; }
.pbn10 .page-box-title { max-width: 800px; color: #fff; margin-bottom: 50px;}
.pbn10 .items { display: flex; flex-wrap: wrap; gap: 16px; max-width: 950px; }
.pbn10 .item { max-width: 450px; padding: 24px; position: relative; }
.pbn10 .item .title { color: var(--main); margin-bottom: 15px; font-weight: 600; min-height: 60px; }
.pbn10 .item .descr { margin-right: 95px; color: var(--dark-medium); }
.pbn10 .item .image { position: absolute; right: 24px; bottom: 24px;}

.pbn11 {}
.pbn11 .page-width-bg { background: var(--color-light-s);}
.pbn11 .yal-cols { gap: 20px; padding: 90px 0;}
.pbn11 .col {}
.pbn11 .col.n1 { background: var(--main); border-radius: 8px; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; }
.pbn11 .col.n1 * { color: #FFF;}
.pbn11 .col.n1 .remark { margin-bottom: 0; }
.pbn11 .col.n2 { }
.pbn11 .items { display: flex; flex-direction: column; gap: 16px; }
.pbn11 .item { border-radius: 8px; background: #fff; padding: 15px; display: flex; gap: 16px; }
.pbn11 .item .image { display: flex; align-items: center;}
.pbn11 .item img { width: 120px; }
.pbn11 .item .info { display: flex; flex-direction: column; justify-content: center; padding: 0px 0; }
.pbn11 .item .title { margin-bottom: 10px;}

.pbn12 { }
.pbn12 .cols { display: flex; gap: 16px; }
.pbn12 .col.n1 { flex-basis: 338px; flex-shrink: 0; flex-grow: 0; }
.pbn12 .col.n2 { flex: 1; }
.pbn12 .items {display: flex; flex-wrap: wrap; gap: 16px; }
.pbn12 .items .item { flex: 1 1 auto; min-width: 200px; max-width: 338px; height: 180px; max-height: 100%; border: 1px solid var(--color-light); border-radius: 8px; padding: 20px; display: flex; align-items: center; justify-content: center;}
.pbn12 .items .item img { height: auto; max-width: 100%;}

.pbn13 .items { padding-bottom: var(--page-indent-m);}
.pbn13 .items > * { float: left; border: 0;}
.pbn13 .show-all { margin-bottom: 1.25rem;}
.pbn13 .items .item { margin-bottom: 16px; width: 50%; --height: 242px }
.pbn13 .items .item.t1 { height: 500px; }
.pbn13 .items .item.t2 { height: var(--height); }
.pbn13 .items .item.t3 { height: var(--height); width: 33.33%;}
.pbn13 .items .box { --padding: 24px 32px; height: 100%; position: relative; background: no-repeat center center; background-size: cover; color: #FFF; border-radius: 24px; overflow: hidden; }
.pbn13 .items .box:before { z-index: 77; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 83.4%);}
.pbn13 .items .box .header { z-index: 88; position: absolute; bottom: 0; left: 0; width: 100%; padding: var(--padding); }
.pbn13 .items .box .badge { background: var(--main); border-radius: 30px; padding: 5px 15px; margin-bottom: 10px; display: inline-block;}
.pbn13 .items .box .title { --font-size: 25px; font-weight: 600; font-size: var(--font-size);}
.pbn13 .items .item.t1 .box .title { font-size: 48px;}

.pbn14 { background: var(--color-light-s); padding: var(--page-indent-m) 0; }
.pbn14 .cols { display: flex; gap: 20px; }
.pbn14 .col.n1 { flex: 0 1 auto; padding: 40px;}
.pbn14 .col.n1 .page-box-title {margin-bottom: 30px;}
.pbn14 .col.n1 .id { padding: 10px 20px; color: var(--main); display: inline-block;margin-bottom: 30px;}
.pbn14 .col.n1 .descr {margin-bottom: 30px;}
.pbn14 .col.n1 .note {font-size: 14px; color: var(--dark-light);}
.pbn14 .images { flex: 1 0 860px; margin-right: -20px; margin-bottom: -20px; width: 800px;}
.pbn14 .images .image { --width: 200px; --height: 290px; float: left; margin-right: 20px; margin-bottom: 20px; width: var(--width); height: var(--height); border: 1px solid var(--color-light); border-radius: 8px; padding: 0;}
.pbn14 .images .image.big { width: 400px; height: 600px;}
.pbn14 .images .image img { object-fit: cover; width: 100%; height: 100%;}

.pbn15 {}
.pbn15 .page-width { height: 790px; background: url('assets/images/v2/pbn15-bg.webp') no-repeat center center; background-size: cover; display: flex; justify-content: flex-end;}
.pbn15 .shift { max-width: 590px; margin-right: 50px; display: flex; flex-direction: column; padding: 60px 0; height: 100%;}  
.pbn15 .page-box-title {}
.pbn15 .accordion-box { flex: 1; height: 580px; padding: 34px; background: #fff; border-radius: 8px; box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.05);} 
.pbn15 .accordion { max-height: 100%; overflow-y: auto;} 
.pbn15 .accordion .item {border-bottom: 1px solid var(--color-light); padding-bottom: 16px; margin-bottom: 16px; margin-right: 34px;}
.pbn15 .accordion .item .title { margin-bottom: 0; cursor: pointer;}
.pbn15 .accordion .item .title:hover { opacity: 0.9;}
.pbn15 .accordion .item .content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; }
.pbn15 .accordion .item.current .title { color: var(--main);}
.pbn15 .accordion .item.current .content { max-height: fit-content; margin-top: 12px;}

.page-footer { background: var(--dark); padding: 90px 0 var(--margin-bottom); color: var(--dark-light); }
.page-footer .title { font-weight: 600; font-size: 20px; color: #FFF; margin-bottom: 1.5rem; }
.page-footer .logotype { margin-bottom: 50px; }
.page-footer .logotype a { color: #fff; }
.page-footer .line-1 { align-items: flex-start; margin-bottom: 1rem; }
.page-footer .contacts > * { margin-bottom: 0.75rem; }
.page-footer .contacts .phone { color: var(--color-light) }
.page-footer .capture-1field-form { max-width: 280px; margin-bottom: 1rem; }
.page-footer .line-1 > .col { margin-bottom: 2rem; }
.page-footer .col-3 { max-width: 280px; }
.page-footer .col-3 .descr { font-size: 14px; }

.page-footer .menus .menu { }
.page-footer .menus .menu li { margin-bottom: 10px; }
.page-footer .menus .menu .sub-menu { margin-top: 10px; }
.page-footer .menus .menu > li > a { font-weight: 600; font-size: 20px; color: #FFF; margin-bottom: 1.5rem;}
.page-footer .menus .menu-1 .menu > li:not(:first-child) { display: none;}
.page-footer .menus .menu-2 .menu > li:first-child { display: none;}

.page-footer a {color: var(--dark-light); border:0;}
.page-footer .line-2  { font-size: 14px; }
.page-footer .line-2 .links > * { }
.page-footer .line-2 > * { margin-bottom: 0.75rem; }

.popup.appointment {}
.popup.appointment .box { padding: 0; background: #FFF; border-radius: 8px;}
.popup.appointment .col-1 { padding: 50px 40px;}
.popup.appointment .col-2 { overflow: hidden;}
.popup.appointment .yal-cols > * { flex-basis: 50%; flex-shrink: 0; flex-grow: 0;}

.popup.mobile-menu {}
.popup.mobile-menu .box { padding: 0;}
.popup.mobile-menu .menu { font-size: 20px;}
.popup.mobile-menu .menu li { margin-bottom: 0.5rem;}
.popup.mobile-menu .menu .sub-menu { font-size: 18px; margin-left: 1rem; margin-top: 0.5rem; }
.popup.mobile-menu a { border: 0; color: var(--dark)}
.popup.mobile-menu .main-logotype { color: #fff;}
.popup.mobile-menu .sub-menu a { color: var(--dark-medium)}
.popup.mobile-menu .line-1 {margin-bottom: 0;}
.popup.mobile-menu .phone svg { width: 16px; }
.popup.mobile-menu .phone .icon { display: flex;}
.popup.mobile-menu .phone path { fill: var(--dark-light)}

.popup-employee { --photo-margin: 40px; --photo-width: 30%; }
.popup-employee .photo { float: left; width: var(--photo-width); background: url('assets/images/page-doctors-ph.png') no-repeat center center; width: var(--photo-width); min-height: 150px;}
.popup-employee .photo img { max-width: 100%;}
.popup-employee .info {margin-left: calc( var(--photo-width) + var(--photo-margin) ); }
.popup-employee .info .name { font-size: 24px; margin-bottom: var(--margin-bottom); }

.single-usluga-data { margin-bottom: var(--margin-bottom); background: var(--main-light-s); padding: var(--padding); border-radius: 8px; /* border: 1px solid var(--color-light); */ }
.single-usluga-data .row-1 { font-size: 25px; font-weight: bold; }
.single-usluga-data .duration { border: 1px solid var(--color-light); border-radius: 4px; padding: 8px 14px; }
.single-usluga-data .icon { display: flex;}
.single-usluga-data .button { margin-left: auto;}

.single-post .post-poster img { border-radius: 8px; }
.single-post .post-comments { display: none;}
.single-post .page-content, .page-width.smol { margin: 0 auto; max-width: 980px; }


.custom-scroll-container { }
.custom-scroll-container::-webkit-scrollbar {width: 5px; }
.custom-scroll-container::-webkit-scrollbar-thumb {background-color: var(--main); border-radius: 3px; }
.custom-scroll-container::-webkit-scrollbar-track { background: var(--color-light); }
.custom-scroll-container::-webkit-scrollbar-button {display: none;}


/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/

/* -------------------------- */
/* ---------- adaptive ---------- */
/* -------------------------- */

@media all and (min-width: 1600px) {
}

@media all and (max-width: 1600px) {

}

@media all and (max-width: 1340px) {
    .page-header .line-2 .menu li { margin: 4px 10px;}
}

@media all and (max-width: 1300px) {
    .pbn14 .images { flex-basis: 660px;}
    .pbn14 .images .image.big { width: var(--width); height: var(--height);}

}
@media all and (max-width: 1280px) {
    .page-box-indent { height: 100px; }
    .page-box-title { margin-bottom: 1.5rem;}
    .uslugi-tiles > * { width: 33.33% !important;  }
    .uslugi-tiles .box { background-size: 100px 100px; background-position: right 24px bottom 24px !important; height: var(--height) !important; padding-top: 21px; }
    .uslugi-tiles .size-xx2 .image, .uslugi-tiles .size-yx2 .image { width: 80px; height: 80px; bottom: 24px; right: 24px; }
    .uslugi-tiles .price { position: absolute !important;}
    .uslugi-tiles .circle {border-radius: var(--border-radius);}
    .uslugi-tiles .item.header { float: none; width: auto !important;}
    .page-with-sidebar { --sidebar-width: 320px;}
}

@media all and (max-width: 1240px) {

}

@media all and (max-width: 1200px) {
    .pbn1 .slide { padding-top: 40px;}
    .pbn1 .slide .title { font-size: 40px; line-height: normal;}
    .pbn1 .slide .badges-holder { display: block;}
    .pbn1 .slide .capture { margin-left: 0; margin-top: 20px;}
    .pbn5 .yal-cols .col-1 { min-width: 570px;}
}

@media all and (max-width: 1140px) { 
    .pbn7 .item { flex-basis: 50%;}
}

@media all and (max-width: 1120px) { 
    .pbn14 .cols {}
}

@media all and (max-width: 1060px) {
    .pbn11 .page-box-title { font-size: 34px;}
}

@media all and (max-width: 1024px) {
    .page-box-indent { height: 80px; }
    .page-with-sidebar { --sidebar-width: 280px;}
    .pbn8 .badges { margin-top: 20px;}    
    .pbn8 .page-badges { flex-wrap: wrap;}    
    .pbn8 .page-badges > * { flex-basis: calc(50% - 10px); }

}

@media all and (max-width: 1000px) { 
    .pbn12 .cols { flex-direction: column;}
    .pbn12 .col.n1 {flex-basis: auto ;}
}

@media all and (max-width: 980px) { 
    .pbn1 .slide .price-and-event { display: none;}
    .pbn4 .items .item.t3 { width: 50%;}
    .pbn4 .items .item.t1 .box .title { font-size: var(--font-size);}
    .pbn4 .items .item.t1 { height: var(--height);}
    .pbn13 .items .item.t3 { width: 50%;}
    .pbn13 .items .item.t1 .box .title { font-size: var(--font-size);}
    .pbn13 .items .item.t1 { height: var(--height);}

    .pbn10 { min-height: auto; background-size: cover; padding: 50px 0;}
    .pbn10 .items { }
    .pbn10 .items .item {flex: 1 1 calc(50% - 8px); max-width: none; }
    .pbn10 .item .image { right: 5px; bottom: 5px; }
    .pbn10 .item .image > * { width: 50px; height: 50px;}
    .pbn10 .item .title { min-height: auto;}
    .pbn10 .item .descr { margin-right: 50px; }
}

@media all and (max-width: 940px) { 
    .page-header .work-hours .text span { display: block; font-size: var(--font-xs);}
    .page-header .work-hours .text .sep { display: none;}
    .page-header .contacts > * { margin-left: 3rem;}
    .uslugi-tiles > * { width: 50% !important;  }
    .uslugi-tiles .box { min-height: 260px !important; background-size: 50px 50px; }
    .uslugi-tiles .image, .uslugi-tiles .size-xx2 .image, .uslugi-tiles .size-yx2 .image { width: 50px ; height: 50px; }
    .uslugi-tiles .box svg { width: 50px; height: auto; }
    .uslugi-tiles .descr { margin-right: 55px;}
    .page-sidebar { display: none;}
    .page-with-sidebar .page-content { margin-left: 0;}
    
}

@media all and (max-width: 900px) {
    .pbn14 .cols { flex-direction: column;}
    .pbn14 .images { display: flex; flex-basis: auto; max-width: 100%; overflow-x: auto;}
    .pbn14 .images > * { flex-shrink: 0;}
    .page-footer { padding: 50px 0; }
}

@media all and (max-width: 860px) { 
    .pbn11 .yal-cols { flex-direction: column;}
}
@media all and (max-width: 840px) { 
    .main-logotype { font-size: 25px;}
}

@media all and (max-width: 830px) { 
    .page-header .contacts .burger { display: block !important;}
}
@media all and (max-width: 820px) { 
    .page-header .work-hours { display: none;}
}

@media all and (max-width: 800px) {
    h1 {}
    .page-box-indent { height: 50px; }
    .pbn2 .yal-cols { display: block;}
    .pbn2 .yal-cols > * { }
    .pbn2 .yal-cols > * > * { margin-bottom: 1.5rem; }
    .pbn2 .page-box-title { margin-bottom: 0.5rem; }
    .pbn2 .boxes .bordered-box { padding: 30px;}
    .pbn4 .items .item { width: 100% !important;}
    .pbn4 .items .item:nth-child(n+4) { display: none;}
    .pbn13 .items .item { width: 100% !important; height: auto !important; }
    .pbn13 .items .box { padding: 20px 0px;}
    .pbn13 .items .box .header { position: relative; }
    .pbn13 .items .item .box .title { font-size: 20px !important; }
    /* .pbn13 .items .item:nth-child(n+4) { display: none;} */
    .pbn5 .yal-cols { flex-direction: column;}
    .pbn5 .yal-cols > * { width: 100%;}
    .pbn5 .yal-cols .col-1 { min-width: auto;}
    .pbn5 .yal-cols .col-2 { max-width: 500px;}
    .pbn6 .items > * { flex-basis: 50%;}
}

@media all and (max-width: 768px) {

}

@media all and (max-width: 720px) {
    
}

@media all and (max-width: 700px) {
    .page-header .line-2 { display: none;}
    .pbn1 .slide { height: auto; padding: 0; background: none; border-radius: 0; overflow: visible;}
    .pbn1 .slide .bg { position: relative; display: block; top: auto; left: auto; height: 60vw; width: 100vw; margin: 0 0 2rem var(--page-width-border-inv);  }
    .pbn1 .slide .badges-holder { position: relative; display: block; bottom: auto; right: auto; padding: 0; }
    .pbn1 .slide .page-badges { }
    .pbn1 .slide .page-badges .badge-title { font-size: 35px;}
    .pbn1 .slide .page-badges .badge-descr { hyphens: auto; font-size: 90%;}
    .pbn1 .slide .main-flow { color: var(--dark); margin: 1rem 0;}
    .pbn1 .slide .main-flow > * {  margin-bottom: 1.5rem;}
    .pbn1 .slide .main-flow .title { font-size: 26px;}
    .pbn1 .slide .main-flow .button { background: var(--main); }
    .pbn1 .slide .capture { padding: 0;  max-width: fit-content;}

    .pbn7 .items { display: flex; overflow-x: scroll; flex-wrap: nowrap; padding: 0 20px 20px 0; margin-right: -20px;  }
    .pbn7 .item { flex-basis: 280px; flex-shrink: 0; flex-grow: 0; margin-bottom: 0; }
    .pbn7 .item .bordered-box { padding: 16px; }
    .pbn7 .item .bordered-box:hover { box-shadow: none;}
    .pbn7 .item .info * { font-size: var(--font-xs) !important;}
    .pbn7 .item .image { flex-shrink: 0;}
    .pbn7 .item .text { font-size: 15px;}

    .popup.appointment .box {}
    .popup.appointment .yal-cols { flex-wrap: wrap; flex-direction: column-reverse; }
    .popup.appointment .yal-cols > * { flex-basis: 100%;}
    .popup.appointment .col-2 { flex-basis: 200px; display: none; }
    .popup.appointment .col-2 img { object-position: top 20px center;}

}

@media all and (max-width: 680px) {
    .pbn15 .shift { margin-right: 0;}
}

@media all and (max-width: 640px) {
    .page-box-title { font-size: 34px;}
    .pbn2 .base-descr { font-size: var(--font);}
    .pbn2 .yal-cols > * > * { margin-bottom: 1rem; }
    .pbn2 .base-descr-2 { margin-bottom: 1.5rem;}
    .pbn2 .ill { margin-top: 0.5rem;}
    .uslugi-tiles > * { width: 100% !important;  }
    /* .uslugi-tiles .item:nth-child(n+7) { display: none;  } */
    /* .pbn3 .show-all { display: block !important;  } */
    .pbn12 .items .item { flex-basis: calc(50% - 8px); min-width: unset; height: auto;}
    .pbn12 .items .item img { width: auto; max-width: 100%;}

}

@media all and (max-width: 600px) {
    :root { --page-indent-m: 50px;}
    h1, .h1 { font-size: 36px;}
    .pbn4 .items .box .title { --font-size: 17px; font-weight: normal; }
    .pbn4 .items .box .header {  --padding: 20px 25px;}
    .pbn5 .page-box-title { margin-bottom: 1.5rem;}
    .pbn9 .page-width { border: 0; }
    .pbn9 .capture-holder { padding: var(--page-width-border);}
    .pbn9 .page-width .bg { min-height: auto;}
    .page-formatting table td, .page-formatting table th { padding: 8px 6px;}
    .page-formatting table { font-size: 15px;}
}

@media all and (max-width: 550px) {
	.single-usluga-data > * { flex-direction: column; align-items: flex-start;}
	.single-usluga-data .icon > * { width: 24px; height: auto;}
	.single-usluga-data .title { font-weight: normal; font-size: 18px;}
	.single-usluga-data .row-1 { margin-bottom: 1rem;}
	.single-usluga-data .row-1 .col-1 { margin-bottom: 1rem;}
	.single-usluga-data .row-2 .col-1 { margin-bottom: 1.25rem;}
	.single-usluga-data .button { margin-left: 0;}

    .pbn8 .map iframe { height: 400px;}
}

@media all and (max-width: 510px) {
    .page-header .contacts .phone {margin-bottom: 0;}
    .page-header .contacts .phone .text { display: none;}
    .page-header .contacts .phone svg { margin-right: 0;}
    .page-header .contacts :is(.email, .phone.n2) { display: none;}
}
@media all and (max-width: 500px) {
    
    .page-header .contacts > * { margin-left: 1rem;}
    /* .page-header .contacts .appointment { display: flex;} */
    .pbn1 .slide .page-badges { flex-wrap: wrap;}
    .pbn1 .slide .page-badges > * { flex-basis: 100%; padding: 10px 20px;}

    .popup-employee .box .inner { display: flex; flex-direction: column-reverse; }
    .popup-employee .info { margin-left: 0; }
    .popup-employee .photo { width: 100%; margin-top: var(--margin-bottom); }
    .fancybox__container { width: 100vw; }

}

@media all and (max-width: 480px) {
    .pbn5 .list { padding: 4px 20px; font-size: 16px; }
    .pbn5 .list .item { align-items: flex-start;  }
    .pbn5 .list .item .image { margin-right: 15px;}
    .pbn11 .col.n1 { padding: 20px;}
    .pbn11 .page-box-title { font-size: 7.5vw;}
    .pbn11 .item img  { width: 50px; }
    .pbn11 .item .image  { align-items: flex-start; }
}

@media all and (max-width: 460px) {
    .pbn6 .item { height: 110px; }
    .pbn6 .items > * > div { padding: 16px; }
    .pbn9 .capture { padding: var(--page-width-border); }
    .pbn9 .capture .confirm { font-size: var(--font-s);}
    .pbn9 .capture .title { margin-bottom: 1rem;}
    .pbn9 .capture form { margin-bottom: 1rem;}
}

@media all and (max-width: 420px) {
    .pbn15 .page-width { height: 600px; padding-bottom: 40px;}
    .pbn15 .accordion-box { padding: 20px; height: inherit; }
    .pbn15 .accordion .item { margin-right: 20px;}
    .pbn8 .page-badges > * { flex-basis: 100%; }

}
@media all and (max-width: 414px) {
    .page-box-title { font-size: 30px;}
    .capture-1field-form .button { color:rgba(0, 0, 0, 0); background-image: url('assets/images/ico-form-submit.png'); background-position: center center; background-repeat: no-repeat ; padding: 12px 26px; width: 60px; overflow: hidden; }
}

@media all and (max-width: 380px) {
    .page-header .logotype {  }
}

@media all and (max-width: 360px) {
    .posts-tiles .bordered-box { padding: 16px; }
}
@media all and (max-width: 359px) {
    .page-header .logotype { width: 90px; }
}


@media all and (max-width: 359px) {

}