/*
CTC Separate Stylesheet
Updated: 2025-02-15 15:58:36
*/


/* Offcanvas Mobile Menu*/

.navbar-toggler {
	 padding: 0 !important; 
    border: none !important;
 }
.offcanvas-navigation .oc-logo-alt {
    font-size: 1.4rem;
}
/* END Offcanvas Mobile Menu */

div.nopaddingbottom {
position: relative;
bottom: -30px;
}

.wp-site-blocks {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.min-content {min-height: 33vh;}
.height-content {min-height: 58vh;}

/*div.main-content {width: 980px;}*/
div.main-content {margin: 0 auto !important;}
@media (max-width: 768px) { 
	.bannerarea .text h1 {font-size: 3.625rem !important;}
	h2 {font-size: 1.7rem;}
 	}
@media (max-width: 1024px) { 

    .bannerarea .text {padding-left: 0 !important;}
	.banner-content  {padding-left: 0 !important;}
	.h1bottom {left: 0 !important;}
	h2 {font-size: 1.8rem;}
}

/*div.half {width: 45% !important;*/
.audio-title {color: #0040A6; font-size: 1.1rem; font-style: italic; font-weight: bold;  min-height: 55px;}
.h1bottom {left: -20px; position: relative; top: 90px;}
header a, header a:hover {color:#ffffff !important;}


.video-wrapper > :first-child {margin-block-start: 1.5rem !important;}
.video-wrapper {border: 0px solid red !important; display: -webkit-flex; display: flex; flex-flow: row wrap; max-width: 980px; margin: 0 auto;}

.wave {border: 0px solid gold !important;
justify-content: space-between; 
align-content: space-around;
width: 45%;
min-width: 340px;
}

h2.wsp-pages-title {display: none !important;}
div.wsp-container strong { font-weight: normal !important;}
/******************/

.rouble,.ruble{font-family:"Ruble";font-size:1rem}

/*-- общие стили --*/
html{font-size:16px;line-height:1.4em;color:#3e4446; font-family:'segoe ui';-webkit-text-size-adjust:none;}
*{margin:0;padding:0;outline:0;box-sizing:border-box;-webkit-box-sizing:border-box}
img,a img {border:none;vertical-align:middle;max-width:100%}
input,textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;border:0;background:none;}
input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {border:0} /*-- убираем пунктирную обводку и поля инпут при клике --*/
input:focus{outline:0;}
p {}
a {color:#73A9FF !important; text-decoration:none !important;
  -webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
  -o-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
  transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
  -webkit-tap-highlight-color: transparent;
}
a:hover {color:#0040A6 !important; cursor: pointer; text-decoration: underline !important;
  -webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
  -o-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
  transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
}

h1,h2,h3,h4,h5,h6,th{font-weight:normal; color: #0040A6;}
h5 {font-size: 1.2rem;}
table {width:100%;border-collapse:collapse;}
/*.indent {padding: 1.25rem;}*/
.clear{clear:both}
.overlay{position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;}
.logo a {font-family: 'BookAntiqua'; color: #A0A09F; font-size: 1.2rem; line-height: 1.5rem;}
.logo a > span {background-color: rgba(241, 104, 118, 1); cursor: pointer !important; display: inline-block; text-align: center; color: #ffffff; margin-right: 4px; padding: 2px 8px;}
.cover-width {max-width: 980px !important; margin: 0 auto; padding: 1.25rem;}
.cover-width h2 {color: #0040A6; margin-bottom: 1.2rem;}
.cover-width p {color: #3e4446; word-wrap: break-word; text-align: start; margin-bottom: 0.8rem;}
.violet-block {background-color:#e8ecf8;}
.border_top {border-top: 1px solid #a0a09f;}

.copyright {padding: 2rem 0;}
#link4 .services-main h2 {margin: 0; padding-top: 5px;}
#link4 .services-main p {margin-bottom: 0; padding-top: 13px; padding-bottom: 20px;}
#link4 .button {margin: 0;}
.lang {border: 1px solid #e8ecf8; border-radius: 4px; display: inline-block; margin-left: 12px; padding: 0 4px; line-height: 1.2rem; background-color: #e8ecf8; color: #0040A6; cursor: pointer;  box-shadow: 2px 2px 2px rgba(163,164,167,0.9); font-size: 0.8rem;}
.lang:hover {background-color: #3067bf; color: #ffffff; border: 1px solid #3067bf; transition: color 0.4s ease 0s, background-color 0.4s ease 0s;}
.map-y {margin-top: 2rem;}

/******* effects ********/
.img-clinic {position: relative;top: 1rem;}
.blue-imp {background-color: rgba(0, 99, 255, 1); color: #ffffff; padding: 1rem 1.5rem; box-sizing: border-box; font-family: 'BookAntiqua-BoldItalic'; font-size: 1.2rem;}
.blue-imp p {color: #ffffff; margin: 0!important;}
.blue-imp a {color: #73FFE8 !important; }
.blue-imp a:hover {text-decoration: none; color: #73A9FF;}
.violet-imp {background-color: #e8ecf8;  color: #0063ff; padding: 0.75rem 1.5rem; box-sizing: border-box; font-family: 'BookAntiqua-BoldItalic'; font-size: 1.3rem; border: 1px solid #0063ff; box-shadow: 4px 4px 3px rgba(122,122,122,0.35); border-radius: 10px;}
.violet-imp p {color: #0063ff; margin: 0!important;}

.comments {color: #727272;font-size: 0.9rem;font-style: italic;}
.audio-title-ital {font-family: 'BookAntiqua-BoldItalic'; font-size: 1rem;}
/*.scale {transition: 1s; position: relative; z-index: 1;}
.x2:hover { transform: scale(1.5);   }*/
.accent {color: #FFA200; font-weight: bold;}
/*.text-bottom {padding-top: 19%!important;}*/
.inner-banner .bannerarea .bottom {vertical-align: bottom!important;}
.inner-banner .bannerarea .bottom h1 {margin-bottom: 0!important}

p.mybutton a {background-color: rgba(0, 99, 255, 1); cursor: pointer; display: inline-block; transition: color 0.4s ease 0s, background-color 0.4s ease 0s; color: #FFFFFF!important; font-size: 1.2rem; padding: 13px 31px;}
p.mybutton a:hover {background-color:rgba(0, 99, 255, 0.6); color: #FFFFFF!important;  transition: color 0.4s ease 0s, background-color 0.4s ease 0s; text-decoration: none !important;}

/******* END effects ********/
/*-- общие стили --*/

/*-- прибиваем подвал к низу --*/
html{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;min-height:100%}
body{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;flex:auto;-webkit-flex:auto;}
#wrapper{flex-grow:1;-webkit-flex-grow:1;}
/*-- конец прибиваем подвал к низу --*/

/*-- шапка --*/
.header{position:relative;}
.header > .topmenu{top:0px;z-index:5;position:fixed;width:100%;min-height: 64px; background-color: #fff;}
.header > .topmenu
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-line-pack: stretch;
	    align-content: stretch;
}

.inner-banner {height:340px !important; margin-bottom: 24px;}
.inner-banner .overlay{background-color:rgba(57,86,113,.5) }
.inner-banner {background-position: 50% 25%!important;}
.inner-banner .bannerarea .text {vertical-align: middle; padding: 4% 0 0 0; font-family: 'BookAntiqua-Italic';}

.cover-width > .text h1 {text-align: left !important;}

/******************* Top meuu *******************/
.header{/*height:50vh;*/height:580px;background-position:top center;background-repeat:no-repeat;background-size:cover;/*background-attachment:fixed;*/}
.header > .topmenu {padding-bottom:0;position:fixed; background-color: #3067bf; z-index: 5;}
.header > .topmenu a {color: #ffffff;}
.bannerarea{display:table;position:relative;width:100%;height:100%;z-index:2;}
.bannerarea .text{display:table-cell;vertical-align: bottom;/*padding-top:4%*/ padding: 0 0 2% 12%;}
.bannerarea .text *{color:#fff;}
.bannerarea .text  h1{font-size:5.625rem;line-height:1;letter-spacing:-1.1px;margin-bottom:1.5rem}
.bannerarea .text  h4{font-size:2.0625rem;line-height:1.125;letter-spacing:-0.5px;}

.banner-content {margin: 0 auto;}
.banner-content .button {margin-top: 2.5rem;  padding: 13px 72px;}
.banner-content .button:hover {background-color: rgba(39, 59, 123, 1);}
.banner-content p {display: inline-block; font-family: 'BookAntiqua-Italic'; font-size: 4.5rem; line-height: 5rem; text-align: center;}
.banner-content p span {font-family: 'BookAntiqua'; font-size: 3rem;}

.header > .topmenu > .menucontent{width:980px;margin:0 auto; position:relative;z-index:3;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;}

ul. wp-block-page-list {position: relative !important; border:1px solid gold !important;}
ul.wp-block-navigation__submenu-container {position: absolute !important; z-index:100 !important; border: 1px solid #0040A6; border-radius: 10px; padding:4px 0;}
ul.wp-block-navigation__submenu-container li {padding: 4px 16px;}
ul.wp-block-navigation__submenu-container li a {color: #0040A6 !important;}
ul.wp-block-navigation__submenu-container li a:hover {color: #73A9FF; text-decoration: none;}
ul.wp-block-navigation__submenu-container li:hover {background-color: #e8ecf8;}


/********************* menu-hamburger ********************/
.hiddenmenu{ border: 0px solid red; overflow-y: auto;}

body.scrolled .width-content  {max-width:100%;}
body.scrolled .top-urls > a {display: none;}
body.scrolled .top-urls  a.ico-menu {display: block; float:right;}
body.scrolled ul li {list-style-type: disc; list-style-position: inside; color:#00bbe4;}
body.scrolled ul li ul li {list-style-type: circle; list-style-position: inside;}
body.scrolled header {margin-left: 0!important;} body.scrolled .sitemap {height:100%; }
body.scrolled .footer {display: none !important;}


body.scrolled .ico-menu > span {background: transparent; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
body.scrolled .ico-menu > span::after {top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
body.scrolled .ico-menu > span::before {top: 0;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

body.scrolled .hiddenmenu {right: 0;}

/*-- menu burger --*/
.hiddenmenu {position: fixed;  right: -100%; top: 0; width: 100%; background: #000; -webkit-transition: right 0.35s ease-in-out; -o-transition: right 0.35s ease-in-out; transition: right 0.35s ease-in-out; padding: 100px 3.5% 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; z-index: 4;}

.hiddenmenu li {list-style-type: none !important;}
.hiddenmenu li a {color: #FFF; font-size: 18px;-webkit-transition: color 0.35s ease-in-out;-o-transition: color 0.35s ease-in-out;transition: color 0.35s ease-in-out;}
.hiddenmenu li a:hover, .hiddenmenu li.selected > a {color:#73A9FF; text-decoration: none;}
/*-- end menu burger --*/

a.ico-menu {display: none; margin: 0;  padding: 0;  width: 32px;  height: 32px; position: relative; vertical-align: middle; top: -1px; right: 1.25rem;}
.ico-menu > span::after {
    top: -10px;
}
.ico-menu>span {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #ffffff;
    left: 0;
    display: block;
    -webkit-transition: background 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    -o-transition: background 0.35s ease-in-out, transform 0.35s ease-in-out;
    transition: background 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.ico-menu > span::after, .ico-menu > span::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    display: block;
    background: #ffffff;
    -webkit-transition: background 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    -o-transition: background 0.35s ease-in-out, transform 0.35s ease-in-out;
    transition: background 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.ico-menu > span::before {top: 10px;}
.ico-menu > span::after {top: -10px;}


/********************* END hamburger ********************/
.arrow-menu{
  width: 0px;
  height: 0px;
  border: 4px solid transparent;
  border-top-color: #3B58B8;
  margin: 0;
  padding: 0;
/*  float: left;*/
}
.arrow-menu:before{
  content:'';
  width: 0px;
  height: 0px;
  border: 4px solid transparent;
  border-top-color: white;
  display: inline-block;
  -webkit-transform: translate(-4px, -12px);
}


.main ul li:hover .submenu {visibility: visible;  opacity: 1;
    -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
nav.main a.select, nav.main a:hover {color: #ffffff; text-decoration: underline;}
nav.main .submenu > li > a {border-bottom: 1px solid rgba(255,255,255,.3); padding: 6px 10px 6px 16px; text-align: left; color: #0040A6; line-height: 1;}
nav.main .submenu > li > a:hover {color: #73A9FF; background-color: #e8ecf8; text-decoration: none;}


/*-- гамбургер --*/
button, button:hover, button:active, button:focus{outline:none;-webkit-tap-highlight-color:transparent;/*-- убираем обводку области при клике на мобильных устройствах --*/}
button::-moz-focus-inner {border:0;}
.hamburger{display: inline-block;cursor: pointer;background-color: transparent;border: 0;margin: 0;overflow: visible;}
.hamburger-box {width: 20px;height: 20px;display: inline-block;position: relative;vertical-align:middle;}
.hamburger-inner {display: block;top: 50%;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 20px;height: 1px;-webkit-border-radius:4px; border-radius:4px; position: absolute; transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block;}
.hamburger-inner::before {top: -6px;}
.hamburger-inner::after {bottom: -6px;}
.hamburger--spin .hamburger-inner {transition-duration: 0.22s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;}
.hamburger--spin .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin.is-active .hamburger-inner {transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--spin.is-active .hamburger-inner::before {top: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;}
.hamburger--spin.is-active .hamburger-inner::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}
/*-- конец гамбургер --*/

.footer {border-top: 1px solid #a0a09f; background-color:#f0f0f0; padding: 0 1.25rem;}

/*------------ list------------*/

ul, ol {list-style-position: inside; margin-bottom: 1.5rem; list-style-position:outside; padding-left: 20px;}
ol li {text-align: left;}
ol ul {margin-bottom: 1rem;}
ul.ball {list-style: none; padding-left: 0px; margin-top: 1rem; }
ul.ball span {
text-decoration: none;
display: inline-block;
padding-left: 28px;
height: 26px;
line-height: 26px;
font-size: 1rem;
position: relative;
transition: .3s linear;
}
ul.ball span:before {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background: #0040A6;
position: absolute;
left: -2px;
top: 4px;
}
ul.ball li {position: relative;}
ul.ball li:before {
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
background: #73A9FF;
position: absolute;
top: 8px;
left: 6px;
z-index: 2;
transition: .4s ease-in-out;
}
ul.ball li:hover:before {left: -2px;}


ul.checkmark,  ul.arrow {
	font-size: 1rem;
	line-height: 1.5em;
	margin: 5px 0 15px;
	padding: 0;
	}
ul.checkmark li, ul.arrow li{list-style: none; position: relative;padding: 0 0 0 20px;}

ul.checkmark li::before {
      content: "";
      position: absolute;
      left: 2px;
      top: 5px;
      width: 6px;
      height: 12px;
      border: solid #0040A6;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(38deg);
      -moz-transform: rotate(38deg);
      -o-transform: rotate(38deg);
      transform: rotate(38deg);
}


ul.arrow  li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 9px;
      height: 8px;
      width: 8px;
      border: 1px solid #0040A6;
      border-width: 2px 2px 0 0;
      transform: rotate(45deg);
    }

/*------------ END list------------*/

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

/* стили блока аккордеон */
.accordion {width:100%;}
/* секции аккордеона */
.accordion .accordion_item {margin-bottom:1px; position:relative;}
/* заголовки панелей аккордеона */
.accordion .title_block {
padding: 7px 20px;
border-radius: 5px;
font-size: 1.1rem;
border-left: 10px solid #0063ff; 
border:1px solid #e6e6e6;
transition: 0.3s all linear;
}
.accordion .title_block:hover {
  box-shadow: 2px 2px 5px rgba(122,122,122,0.35);
  border-left: 10px solid #0063ff;
  cursor: pointer;
}


/* переключатель панелей, положение вниз */
.accordion .title_block:before {
  content:'';
  height:8px;
  width:8px;
  display:block;
  border:2px solid #0063ff;
  border-right-width:0;
  border-top-width:0;
  -ms-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  position:absolute;
  right:20px;
  top:18px
}

/* активный переключатель, положение вверх */
.accordion .active_block .title_block:before {
  border:2px solid #0063ff;
  border-left-width:0;
  border-bottom-width:0;
  top:18px;


}
.accordion .title_block:hover:before {
  border:2px solid #0063ff;
  border-right-width:0;
  border-top-width:0;
}


/* заголовок активного блока  */
.accordion .active_block .title_block {
  color:#0040A6;
  border-left: 10px solid #0063ff; 
  box-shadow: 2px 2px 5px rgba(122,122,122,0.35);

}
/* блоки с содержанием */
.accordion .info {
  display:none;
  padding:10px 15px;
  overflow: hidden;
  border:1px solid #e6e6e6;
  box-shadow: 2px 2px 5px  rgba(122,122,122,0.35);
  border-radius: 0 0 10px 10px;
  margin-bottom: 12px;
}
/****************/
table.normal {margin: 1rem 0 2rem;}
table.normal tr {border-bottom: 1px dotted #cfd8dc;}
table.normal tr:first-child {border-bottom: 4px solid #fafcfc;}	
table.normal tr td:last-child {text-align: center; padding-right: 0;}
table.normal th {text-align: left;  padding: 0.75rem; font-size: 0.75rem; color: #7f888d; background-color: #e8ecf8;}
table.normal th.accent {color: #0063ff; font-weight: bold; font-size: 0.9rem;}
table.normal th, table.normal td {vertical-align: middle;}	
table.normal td {padding: 0.75rem; font-size: 0.875rem; color: #3e4446;}
	
/****************************/

.marginbottomzero {margin-bottom: 0;}
.disclosemenu > .selected {display: block; padding-left: 0.2rem;}
.pageseparator {height: 1px;background: #f3f5f6;}
.disclosemenu > .selected > ul.ball {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
	margin-bottom: 1.25rem;
}
.disclosemenu > .selected > ul.ball > li {flex-basis: 44%;margin-bottom: 0.25rem;}
.disclosemenu > .selected > ul.ball > li a:hover, .disclosemenu > .selected > ul.ball > li a.selected {color: #0040A6;}
.pageseparator.last{margin-bottom:4rem}