/* Start:/local/templates/medguard/css/magnific-popup.css?16170876666929*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #90AFA6;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
  }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #FFF; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #FFF; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* End */


/* Start:/local/templates/medguard/css/special.css?16170876668281*/
.special-settings {
	display: none;
	}
html.specialversion .special-settings {display: block; }
html.specialversion  {
	/*background-image: none !important;*/
	/* background-color: #fff !important; */
	color: #2c2c2c;
	}
html.specialversion body {
	padding-top: 45px;
	background: transparent;
	}
html.specialversion a#specialversion {
	display: none;
	}

html.specialversion, .specialversion .specialversion body {
	margin: 0px;
	padding: 0 0px;
	height: 100%;
	color: #2c2c2c;
}

.specialversion h1,
.specialversion h2,
.specialversion h3,
.specialversion h4 {
	color: inherit;
}

.specialversion p,
.specialversion img,
.specialversion table,
.specialversion ol,
.specialversion form,
.specialversion li,
.specialversion fieldset {
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	list-style: none;
}
.specialversion input { outline: none; }
.specialversion ol  li { list-style: decimal; }
.specialversion p { margin: 10px 0; }
.specialversion table td,
.specialversion table th { padding: 3px 5px; }
.specialversion ul  li { list-style: circle; }
.specialversion ul  li li { list-style: disc; }
.specialversion ul  li li li { list-style: square; }
.specialversion ul  li li li li { list-style: circle; }
.specialversion  ol { margin: 10px 0 10px 30px; }


.a-colors .a-color1 { color: #000; background-color: #FFF !important; }
.a-colors .a-color2 { color: #FFF; background-color: #000 !important; }
.a-colors .a-color3 { color: #195183; background-color: #9DD1FF !important; }
.a-colors a {
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 1px solid #000;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
}

.specialversion .logo a {
	background: transparent url(/local/templates/medguard/css/../images/logo_color1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	display:block;
	width:374px;
height:75px;
}
.specialversion .logo a:hover {
background: transparent url(/local/templates/medguard/css/../images/logo_color1.png) no-repeat 0px 0px !important;
}
.specialversion .logo a img {
display:none;
}
.a-fontsize, 
.a-colors,
.a-images,
.a-settings,
.norm-version {
	float: left;
	margin: 10px 0 0 25px;
	}
.a-fontsize a {
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: top;
	border-radius: 4px;
}

.a-fontsize-big { font-size: 24px; }
.a-fontsize-normal { font-size: 20px; }
.a-fontsize-small { font-size: 17px; }
.a-images a { padding: 0 5px; border: 1px solid #000; }
.choose-colors { margin: 10px 0; }
.choose-colors li { list-style: none; }

.special-settings h2 {
	margin: 0;
	color: inherit;
	font-size: 110%;
	}


/*COLOR1*/
.color1 .special-settings { border-color: #000; }
.color1 .special-settings {
	background-color: #f4f4f4 !important;
	color: #000;
	text-shadow: #FFF 1px 1px 0px;
}
.color1 .special-settings .popped { background-color: #f4f4f4 !important; border-color: #000; }

/*COLOR2*/
.color2 .special-settings { border-color: #FFF; }
.color2 .special-settings {
	background-color: #000;
	color: #FFF;
	text-shadow: #000 1px 1px 0px;
}
.color2 .special-settings .popped { background-color: #000 !important; color: #FFF; }

/*COLOR3*/
.color3 .special-settings { border-color: #063462; }
.color3 .special-settings {
	background-color: #7DB7E7 !important;
	color: #063462;
	text-shadow: none;
}
.color3 .special-settings .popped { background-color: #7DB7E7 !important; color: #063462; }

/*COLOR4*/
.color4 .special-settings { border-color: #4D4B43; }
.color4 .special-settings {
	background-color: #F7F3D6 !important;
	color: #4D4B43;
	text-shadow: none;
}
.color4 .special-settings .popped { background-color: #F7F3D6 !important; color: #4D4B43; }


/*COLOR5*/
.color5 .special-settings { border-color: #A9E44D; }
.color5 .special-settings {
	background-color: #3B2716;
	color: #A9E44D;
	text-shadow: none;
}
.color5 .special-settings .popped { background-color: #3B2716 !important; color: #A9E44D; }


.sans-serif.color1 #sans-serif,
.serif.color1 #serif,
.color1.spacing-small #spacing-small,
.color1.spacing-normal #spacing-normal,
.color1.spacing-big #spacing-big,
.color1 .special-settings .popped .saveit a {
	background-color: #000 !important;
	border: 1px solid #000;
	color: #FFF;
}

.sans-serif.color2 #sans-serif,
.serif.color2 #serif,
.color2.spacing-small #spacing-small,
.color2.spacing-normal #spacing-normal,
.color2.spacing-big #spacing-big,
.color2 .special-settings .popped .saveit a {
	background-color: #FFF !important;
	border: 1px solid #FFF;
	color: #000;
}

.sans-serif.color3 #sans-serif,
.serif.color3 #serif,
.color3.spacing-small #spacing-small,
.color3.spacing-normal #spacing-normal,
.color3.spacing-big #spacing-big,
.color3 .special-settings .popped .saveit a {
	background-color: #063462 !important;
	border: 1px solid #063462;
	color: #7DB7E7;
}

.sans-serif.color4 #sans-serif,
.serif.color4 #serif,
.color4.spacing-small #spacing-small,
.color4.spacing-normal #spacing-normal,
.color4.spacing-big #spacing-big,
.color4 .special-settings .popped .saveit a {
	background-color: #4D4B43 !important;
	border: 1px solid #4D4B43;
	color: #F7F3D6;
}

.sans-serif.color5 #sans-serif,
.serif.color5 #serif,
.color5.spacing-small #spacing-small,
.color5.spacing-normal #spacing-normal,
.color5.spacing-big #spacing-big,
.color5 .special-settings .popped .saveit a {
	background-color: #A9E44D !important;
	border: 1px solid #A9E44D;
	color: #3B2716;
}

.special-settings {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0;
	background-color: #f4f4f4;
	width: 100%;
	height: 45px;
	margin: 0 auto;
	position: fixed;
	top: 0;
	z-index: 1001;
	color: #000;
	border-bottom: 1px solid #000;
	border-width: 0 1px 1px 1px;
}
.special-settings .popped {
	display: none;
	position: absolute;
	width: 100%;
	top: 44px;
	border-bottom: 1px solid #000;
}
.special-settings .popped .poppend-inner {
	padding: 10px 15px;
	}
.special-settings .popped .choose-colors ul,
.special-settings .popped .choose-colors li {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}
.special-settings .popped .choose-colors li a {
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 110%;
	border: 5px solid;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.special-settings .popped .saveit { text-align: right; }
.special-settings .popped .saveit a {
	display: inline-block;
	padding: 10px;
	border-width: 2px;
	font-weight: bold;
	font-size: 120%;
	-webkit-border-radius: 0;
	border-radius: 0;
	behavior: none;
}
.special-settings .popped a {
	padding: 2px 10px;
	border: 1px solid;
	vertical-align: middle;
}
.special-settings .popped p { display: block; float: none; }
.special-settings .popped a {
	display: inline-block;
	text-decoration: none;
	text-shadow: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.special-settings p { display: inline; float: left; margin: 12px 0 12px 19px; }



#color1 a {
	border-color: #000 !important;
	color: #000 !important;
	background-color: #FFF !important;
}
#color1 a:hover {
	color: #000 !important;
	}
#color2 a {
	border-color: #FFF !important;
	color: #FFF !important;
	background-color: #000 !important;
}
#color2 a:hover {
	color: #FFF !important;
	}
#color3 a {
	border-color: #063462 !important;
	color: #063462 !important;
	background-color: #9DD1FF !important;
}
#color3 a:hover {
	color: #063462 !important;
	}
#color4 a {
	border-color: #4D4B43 !important;
	color: #4D4B43 !important;
	background-color: #F7F3D6 !important;
}
#color4 a:hover {
	color: #4D4B43 !important;
	}
#color5 a {
	border-color: #A9E44D !important;
	color: #A9E44D !important;
	background-color: #3B2716 !important;
}
#color5 a:hover {
	color: #A9E44D !important;
	}
/*#sans-serif { font-family: Tahoma, sans-serif; }*/
#serif { font-family: "Times New Roman", serif; }
#spacing-big { letter-spacing: 5px; }
#spacing-normal { letter-spacing: 2px; }
#spacing-small { letter-spacing: 0; }
.clr {clear: both; height: 0; overflow: hidden;}

.a-imagesoff {text-decoration: none;}
.imagesoff .a-images a .on { display: none; }
.imagesoff img { display: none; }
.imagesoff img.folder,
.imagesoff img.show-hide-image {display:inline;}
.imagesoff .navigation img {display:inline;}
.imagesoff .slide-welcome__pic{background-image: none!important;}
.imageson .a-images a .off { display: none; }
/* End */


/* Start:/local/templates/medguard/styles.css?17308854089853*/
@font-face {
    font-family: 'circe';
    src: url('/fonts/Circe-Regular.eot');
    src: local('circe'), local('circe-regular'),
    url('/fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-Regular.woff') format('woff'),
    url('/fonts/Circe-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'circe';
    src: url('/fonts/Circe-extralight.eot');
    src: local('circe extraLight'), local('circe-extralight'),
    url('/fonts/Circe-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-ExtraLight.woff') format('woff'),
    url('/fonts/Circe-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'circe';
    src: url('/fonts/Circe-Thin.eot');
    src: local('circe thin'), local('circe-thin'),
    url('/fonts/Circe-Thin.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-Thin.woff') format('woff'),
    url('/fonts/Circe-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'circe';
    src: url('/fonts/Circe-Light.eot');
    src: local('circe light'), local('circe-light'),
    url('/fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-Light.woff') format('woff'),
    url('/fonts/Circe-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'circe';
    src: url('/fonts/circe-bold.eot');
    src: local('circe bold'), local('circe-bold'),
    url('/fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-Bold.woff') format('woff'),
    url('/fonts/Circe-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
.h2_redactor{
    color: #ED6E00;
    font-size: 28px;
}
.h3_redactor{
    color: #46986B;
   font-size: 25px;
}
.p_redactor{
    color: #0E2009;
    width: 700px;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 26px;
    font-family: circe;
}
.heading-h2 {
    color: #144436;
    font-size: 28px!important;
    line-height: 42px!important;
    letter-spacing: 0.01em!important;
    font-weight: 700!important;
}

.smartbanner{
    width: 100vw;
    height: 20vw;
    z-index: 999;
    background-color: #E5F1EB;
    display: block;
	border: 2px solid #ddd;
    border-left:none;
    border-right:none;
}
@media all and (min-width:768px) {
	.smartbanner {
		display: none;
	}
}
.smartbanner {
		z-index: 1;
	}
}
.smartbanner__height {
    height: 20vw;
}
.smartbanner a {
    text-decoration: none !important;
}
.smartbanner__container{
    height: 100%;
    margin:0 auto;
}
.smartbanner__close{
    position: absolute;
    left: 1.3vw;
    display: block;
    font-size: 6vw;
    bottom: 5.5vw;
    color: #797979;
    cursor: pointer !important;
}
.smartbanner__button {
    position: relative;
    display: flex;  /* Используем Flexbox для выравнивания */
    align-items: center;  /* Выравнивание по вертикали */
    margin-left: 5vw;
    height: 100%;
    font-size: 5vw;
    color: #4d7cfe;
    cursor: pointer !important;
}
.smartbanner__icon {
    width: 15vw; /* Пропорциональный размер для иконки, можно менять */
    height: 15vw; /* Пропорциональный размер для иконки */
    background-image: url('https://samara.medguard.ru/local/templates/medguard/images/ico/apple-touch-icon-120x120.png');
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin-right: 2vw; /* Отступ между иконкой и текстом */
	border-radius: 20%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.smartbanner__info {
    position: relative;
    font-size: 2.8vw;
	padding-left: 10px;
    line-height: 1.25;
    color: #303030;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    overflow: hidden;
    margin: 0; /* Убираем лишние отступы, чтобы текст оставался по центру */
}
.smartbanner__title{
    color: #000;
    margin: 1vw 0 0 0;
    font-weight: bold;
}
.smartbanner__text {
    margin-top: 1vw;
}
.smartbanner__stars {
    color: #ff8a0d;
    position: relative;
    display: inline-block;
    font-size: 3vw !important;
    width: 5vw;
    height: 2vw;
    background-position: 0 -3vw;
}
.smartbanner__link-text {
    position: absolute;
    right: 5vw;
    bottom: 7.5vw;
    font-size: 3vw;
}
.choice-jump {
    width: 100vw;
    margin: 3vh auto;
    position: fixed;
    z-index: 9999999;
    text-align: center;
    bottom: 0;
}

.choice-jump a {
    min-height: 30px;
    width: 80vw;
    max-height: 15vh;
    margin: 0 auto;
    color: #000;
    font-size: calc(30px + 2vh);
    text-decoration: none;
    display: block;
    vertical-align: top;
    padding: 3.5vh 4vw;
    background: #f1f1f1;
    border-radius: 15px 15px 0 0;
}

.choice-jump a:last-child {
    border-top: 2px solid #dbdbdb;
    border-radius:  0 0 15px 15px;
}
.choice-jump .shadow {
    display: inline-block;
    border-radius: 15px;
    -webkit-box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0 9px 21px 0 rgba(0, 0, 0, 0.3);
    box-shadow:         0 9px 21px 0 rgba(0, 0, 0, 0.3);
}

.choice-jump a:hover {
    color: #333;
}

@media all and (max-width:768px) {
	.choice-jump a {
		font-size:20px;
		line-height:28px;
	}
}

.tooogletext h3 {
  color: #ED6E00;
  font-size: 18px;
  font-weight: bold;
}

.toggle-button {
  display: inline-block;
  text-decoration: none;
  position: relative;
}

.toggle-button::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
}

.toggle-button.active::after {
  /* Стиль для активной стрелки */
}

.expandable-text {
  display: none;
}

.expandable-text.active {
  display: block;
  border-bottom: 1px solid #E4ECEA;
}

.floating-button {
  position: fixed;
  bottom: 200px;
  right: 30px;
  background-color: #ED6E00;
  color: #ffffff;
  border-radius: 50%;
  max-width: 180px;
  height: 180px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:99;
  animation: pulse 1.5s ease-in-out infinite;
 /* Добавляем медиа-запрос для мобильных устройств */
  @media (max-width: 768px) {
    max-width: 200px;
    height: 80px;
    font-size: 0.1em;
	bottom: 120px;
    right: 30px;
	border-radius: 10px;
	
  } 
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.floating-button:hover {
  background-color: #FF8700;
}
.header_booking {
    background-color: #ED6E00; padding: 0 20px;
    display: flex;
    align-items: center;
    height: 62px;
	color: #fff;
    box-sizing: border-box;
    border-radius: 50px;
    margin-right: 20px;
    border-color: #ED6E00 !important;
}

.header_booking span{
	text-align: center;
	width: 250px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
	}

table.tableprice {
    width: 100%;
    text-align: left;
    padding-bottom: 100px;
    border-collapse: collapse; /* Устраняет двойные границы */
}

table.tableprice thead {
    background: #e5f1eb;
    border-radius: 50px 50px 0 0; /* Радиус верхних углов */
    overflow: hidden; /* Скрываем выступающие границы */
}

table.tableprice thead th {
    font-weight: bold;
    color: #21834d;
    text-align: center;
    padding: 16px 10px;
}

table.tableprice td, table.tableprice th {
    padding: 16px 10px;
    text-align: center;
}

table.tableprice tr:nth-child(even) {
    background: #F9F9F9;
}

/* Мобильные стили для экранов шириной до 768px */
@media (max-width: 768px) {
    .header_booking {
        flex-direction: column; /* Разместить элементы по вертикали */
        height: auto; /* Автоматическая высота для лучшей адаптации */
        padding: 10px;
        margin-right: 0; /* Убираем правый отступ для мобильной версии */
        border-radius: 30px; /* Немного уменьшаем радиус для лучшего вида на мобильных устройствах */
    }

    .header_booking span {
        width: 100%; /* На всю ширину экрана */
        font-size: 14px; /* Уменьшенный размер шрифта */
        line-height: 20px;
        padding: 10px 0;
    }

    table.tableprice thead th, table.tableprice td {
        font-size: 14px; /* Уменьшаем шрифт для мобильных устройств */
        padding: 12px 5px; /* Уменьшаем отступы */
    }

    table.tableprice {
        padding-bottom: 50px; /* Уменьшенный нижний отступ */
    }
}

/* Мобильные стили для экранов шириной до 480px */
@media (max-width: 480px) {
    .header_booking {
        padding: 8px; /* Еще меньше отступов на самых маленьких экранах */
        border-radius: 20px; /* Уменьшенный радиус */
    }

    .header_booking span {
        font-size: 12px; /* Еще меньше шрифт */
        padding: 8px 0; /* Меньше отступы внутри */
    }

    table.tableprice thead th, table.tableprice td {
        font-size: 12px; /* Еще меньше шрифт для узких экранов */
        padding: 8px 5px; /* Еще меньше отступы */
    }
}
/* End */


/* Start:/local/templates/medguard/template_styles.css?1751619463373174*/
.swiper-pagination-gallery .swiper-pagination-bullet/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */


@font-face {
    font-family: 'circe';
    src: url('/fonts/Circe-Regular.eot');
    src: local('circe'), local('circe-regular'),
    url('/fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-Regular.woff') format('woff'),
    url('/fonts/Circe-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'circe';
    src: url('/fonts/Circe-extralight.eot');
    src: local('circe extraLight'), local('circe-extralight'),
    url('/fonts/Circe-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-ExtraLight.woff') format('woff'),
    url('/fonts/Circe-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'circe';
    src: url('/fonts/Circe-Thin.eot');
    src: local('circe thin'), local('circe-thin'),
    url('/fonts/Circe-Thin.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-Thin.woff') format('woff'),
    url('/fonts/Circe-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'circe';
    src: url('/fonts/Circe-Light.eot');
    src: local('circe light'), local('circe-light'),
    url('/fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-Light.woff') format('woff'),
    url('/fonts/Circe-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'circe';
    src: url('/fonts/circe-bold.eot');
    src: local('circe bold'), local('circe-bold'),
    url('/fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-Bold.woff') format('woff'),
    url('/fonts/Circe-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'circe-extrabold';
    src: url('/fonts/Circe-ExtraBold.eot');
    src: local('circe extrabold'), local('circe-extrabold'),
    url('/fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Circe-ExtraBold.woff') format('woff'),
    url('/fonts/Circe-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/*@font-face {*/
    /*font-family: 'circe';*/
    /*src: url('/fonts/Circe-extraBold.eot');*/
    /*src: local('circe extrabold'), local('circe-extrabold'),*/
    /*url('/fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),*/
    /*url('/fonts/Circe-ExtraBold.woff') format('woff'),*/
    /*url('/fonts/Circe-ExtraBold.ttf') format('truetype');*/
    /*font-weight: 800;*/
    /*font-style: normal;*/
/*}*/



html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: none
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0 0;
    font-size: 2em
}

mark {
    color: #000;
    background-color: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0
}

button,
input,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button,
input,
select {
    overflow: visible
}

button,
input,
select,
textarea {
    margin: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    display: table;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color: inherit
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

* {
    box-sizing: border-box
}

html {
    position: relative;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    color: #000;
    background: #fff;
    font-family: circe, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.428
}

a {
    color: inherit;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

img {
    max-width: 100%
}

.heading-h1,
h1 {
    line-height: 1.25;
    font-weight: 400
}

.heading-h2,
.heading-h3,
.heading-h4,
.heading-h5,
.heading-h6,
h2,
h3,
h4,
h5,
h6 {
    margin: .75em 0 0;
    line-height: 1.25;
    font-weight: 400
}

.heading-h2+p,
.heading-h3+p,
.heading-h4+p,
.heading-h5+p,
.heading-h6+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p {
    margin-top: .75em
}

.heading-h2,
.heading-h3,
.heading-h4,
.heading-h5,
.heading-h6,
h3,
h4,
h5,
h6,
p+h2 {
    margin-top: 1.5em
}

.heading-h1,
h1 {
    font-size: 28px
}

@media (min-width:992px) {
    .heading-h1,
    h1 {
        font-size: 45px
    }
}

.heading-h2,
h2 {
    font-size: 26px
}

@media (min-width:992px) {
    .heading-h2,
    h2 {
        font-size: 35px
    }
}

.heading-h3,
h3 {
    font-size: 24px
}

@media (min-width:576px) {
    .heading-h3,
    h3 {
        font-size: 30px
    }
}

@media (min-width:992px) {
    .heading-h3,
    h3 {
        font-size: 36px
    }
}

.heading-h4,
h4 {
    font-size: 22px
}

@media (min-width:576px) {
    .heading-h4,
    h4 {
        font-size: 24px
    }
}

@media (min-width:992px) {
    .heading-h4,
    h4 {
        font-size: 30px
    }
}

.heading-h5,
h5 {
    font-size: 20px
}

@media (min-width:576px) {
    .heading-h5,
    h5 {
        font-size: 22px
    }
}

@media (min-width:992px) {
    .heading-h5,
    h5 {
        font-size: 24px
    }
}

.heading-h6,
h6 {
    font-size: 20px;
    font-weight: 700
}

h1.heading-h2 {
    margin-bottom: 0!important
}

em {
    font-style: italic
}

p {
    margin: .75em 0 0
}

blockquote,
q {
    quotes: none
}

blockquote::after,
blockquote::before,
q::after,
q::before {
    content: ''
}

.align-center {
    text-align: center;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.font-clearfix {
    font-size: 0
}

dd,
dl,
menu,
ol,
ul {
    margin: 0
}

menu,
ol,
ul {
    padding: 0;
    list-style-type: none
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #949494
}

input::placeholder,
textarea::placeholder {
    color: #949494
}

label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.meta-date {
    opacity: .5;
    margin-top: .625rem;
    margin-bottom: 1.25rem
}

[hidden] {
    display: none!important
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width:544px) {
    .container {
        max-width: 576px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 994px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

@media (min-width:1440px) {
    .container {
        max-width: 1400px
    }
}
.user_tab_bonus {
    display: none !important;
}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.col-xs {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.col-xs-1 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-xs-2 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-xs-3 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-xs-4 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-xs-5 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-xs-6 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-xs-7 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-xs-8 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-xs-9 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-xs-10 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-xs-11 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-xs-12 {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.offset-xs-1 {
    margin-left: 8.33333%
}

.offset-xs-2 {
    margin-left: 16.66667%
}

.offset-xs-3 {
    margin-left: 25%
}

.offset-xs-4 {
    margin-left: 33.33333%
}

.offset-xs-5 {
    margin-left: 41.66667%
}

.offset-xs-6 {
    margin-left: 50%
}

.offset-xs-7 {
    margin-left: 58.33333%
}

.offset-xs-8 {
    margin-left: 66.66667%
}

.offset-xs-9 {
    margin-left: 75%
}

.offset-xs-10 {
    margin-left: 83.33333%
}

.offset-xs-11 {
    margin-left: 91.66667%
}

@media (min-width:544px) {
    .col-sm {
        position: relative;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .col-sm-1 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        position: relative;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .col-md-1 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg {
        position: relative;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .col-lg-1 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        position: relative;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .col-xl-1 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1440px) {
    .col-xxl {
        position: relative;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .col-xxl-1 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xxl-2 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xxl-3 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xxl-4 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xxl-5 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xxl-6 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xxl-7 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xxl-8 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xxl-9 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xxl-10 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xxl-11 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xxl-12 {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.33333%
    }
    .offset-xxl-2 {
        margin-left: 16.66667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.33333%
    }
    .offset-xxl-5 {
        margin-left: 41.66667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.33333%
    }
    .offset-xxl-8 {
        margin-left: 66.66667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.33333%
    }
    .offset-xxl-11 {
        margin-left: 91.66667%
    }
}

.modal-open {
    overflow: hidden
}

.modal-open header {
    z-index: 0
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    display: none;
    overflow: hidden;
    transition: all 250ms cubic-bezier(.19, .33, .3, 1);
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    max-width: 1020px;
    width: 100%;
    margin: 0;
    pointer-events: none;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, .1);
    transition: all 250ms cubic-bezier(.19, .33, .3, 1)
}

@media (min-width:576px) {
    .modal-dialog {
        border-radius: .3125rem
    }
}

@media (min-width:576px) and (max-width:767px) {
    .modal-dialog {
        margin: 2.5rem auto;
        max-width: 90vw
    }
}

@media (min-width:768px) and (max-width:991px) {
    .modal-dialog {
        margin: 2.5rem auto;
        max-width: 90vw
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .modal-dialog {
        margin: 3.125rem auto;
        max-width: 80vw
    }
}

@media (min-width:1200px) {
    .modal-dialog {
        margin: 3.125rem auto;
        max-width: 1020px
    }
}

.modal.fade .modal-dialog {
    transition: all 250ms cubic-bezier(.19, .33, .3, 1);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, .25)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 2.5rem 1.25rem 1.25rem
}

.modal-header .close {
    position: absolute;
    top: .625rem;
    right: 0
}

@media (min-width:992px) {
    .modal-header .close {
        top: 2.5rem;
        right: 2.5rem
    }
}

@media (min-width:576px) {
    .modal-header {
        text-align: center
    }
}

@media (min-width:576px) and (max-width:991px) {
    .modal-header {
        padding: 2.5rem 1.25rem 2.5rem
    }
}

@media (min-width:992px) {
    .modal-header {
        padding: 3.75rem 1.875rem 2.5rem
    }
}

.modal-success {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
    padding: 3.75rem 1.875rem
}

.modal-success .modal-icon {
    margin-bottom: 1.25rem
}

.modal-title {
    margin-bottom: 0;
    font-size: 26px
}

@media (min-width:576px) {
    .modal-title {
        font-size: 36px
    }
}

@media (min-width:992px) {
    .modal-title {
        font-size: 48px
    }
}

.modal-lead {
    max-width: 640px;
    margin: auto;
    font-size: 1.125rem
}

.modal-body {
    position: relative
}

@media (min-width:576px) and (max-width:767px) {
    .modal-body .form-layout {
        max-width: 420px;
        margin: auto
    }
}

@media (min-width:768px) {
    .modal-body .form-layout {
        max-width: 640px;
        margin: auto
    }
}

@media (min-width:992px) {
    .modal-body .form-layout {
        max-width: 780px;
        margin: auto
    }
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.5rem;
    padding: 2.5rem 1.25rem 1.25rem;
    background-color: #f0f0f0
}

@media (min-width:576px) and (max-width:767px) {
    .modal-footer {
        padding: 2.5rem 1.25rem 0;
        text-align: center
    }
}

@media (min-width:768px) and (max-width:991px) {
    .modal-footer {
        padding: 2.5rem 3.75rem 1.25rem;
        text-align: center
    }
}

@media (min-width:992px) {
    .modal-footer {
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1.25rem 3.75rem 1.25rem
    }
    .modal-footer p {
        width: 60%
    }
}

.modal-footer p {
    margin: 0 1.25rem 0 0
}

.modal-footer p a {
    color: #007336
}

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

.close {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    opacity: .25;
    cursor: pointer;
    transition: all 350ms cubic-bezier(.19, .33, .3, 1);
    position: absolute;
    top: .625rem;
    right: 0
}

@media (min-width:992px) {
    .close {
        top: 2.5rem;
        right: 2.5rem
    }
}

.close:hover {
    opacity: .5
}

.close:after,
.close:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #000
}

@media (min-width:992px) {
    .close:before {
        width: 50px
    }
    .close:after {
        width: 50px
    }
}

.close:before {
    transform: rotate(45deg)
}

.close:after {
    transform: rotate(-45deg)
}

.modal-dialog--super {
    color: #fff;
    border: 1px solid #239d68
}

.modal-dialog--super .modal-body,
.modal-dialog--super .modal-header {
    z-index: 99
}

.modal-dialog--super .close:after,
.modal-dialog--super .close:before {
    background-color: #fff
}

.modal-dialog--super .modal-content {
    background: #4bb989;
    box-shadow: inset 0 0 100px 0 #239d68
}

.modal-dialog--super .modal-content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/local/templates/medguard/images/map-2.svg);
    z-index: 1
}

.pick-town__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 520px;
    margin: 0 auto 3.75rem
}

.pick-town__list li {
    width: 50%;
    margin-bottom: .625rem;
    font-size: 1.25rem
}

.pick-town__list li a:hover {
    opacity: .5
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    will-change: transform
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    z-index: 10;
    cursor: pointer
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    display: inline-block;
    border-radius: 100%
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.record-item__table-line {
    height: 16px;
    width: 100%;
    padding-top: 5px;
    display: inline-table;
}
.record-item__table-line td {
    border-top: 1px solid #90AFA6;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    from,
    to {
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from {
        transform: translate3d(0, 0, 0)
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    11.1%,
    from,
    to {
        transform: translate3d(0, 0, 0)
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }
    14% {
        transform: scale(1.3)
    }
    28% {
        transform: scale(1)
    }
    42% {
        transform: scale(1.3)
    }
    70% {
        transform: scale(1)
    }
}

.heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    animation-timing-function: ease-in-out
}

@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-duration: .75s;
    animation-name: bounceIn
}

@keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}
#auth_form_pass .modal_new_input a {
    border: none;
    display: inline-flex;
    color: #90AFA6;
}
#auth_form_pass .modal_new_input a:hover {
    color: #144436;
}
@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    animation-duration: .75s;
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    from {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipInX
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipInY
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-duration: .75s;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-duration: 2s;
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }
    50% {
        transform: rotate(-10deg)
    }
    70% {
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-0ms {
    animation-delay: 0s
}

.animated.delay-250ms {
    animation-delay: 250ms
}

.animated.delay-500ms {
    animation-delay: .5s
}

.animated.delay-750ms {
    animation-delay: 750ms
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion) {
    .animated {
        animation: unset!important;
        transition: none!important
    }
}

.item {
    position: relative;
    max-width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-grid-column: span 2;
    grid-column: span 2;
    -webkit-tap-highlight-color: transparent
}

@media (max-width:767px) {
    .item {
        width: 100%
    }
}

@media (min-width:992px) {
    .item {
        width: 200px
    }
}

@media (max-width:767px) {
    .item+.item {
        margin-top: 1.25rem
    }
}

.item__svg {
    position: relative;
    display: block;
    width: 60%;
    height: auto;
    min-height: 100px;
    margin: 0 auto
}

@media (max-width:992px) {
    .item__svg {
        display: none
    }
}

.item__clippath,
.item__deco,
.item__img {
    transform-origin: 50% 50%
}

.item__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center
}

.item__title {
    font-size: 1.125rem;
    width: 100%;
    text-align: center
}

.item--style-1 .item__deco {
    fill: #4bb989
}

.item--style-2 .item__deco {
    fill: #ea676a
}

.item--style-3 .item__deco {
    fill: #fbd047
}

.item--style-3 .item__title {
    color: #131314
}

.item--style-4 .item__deco {
    fill: #ed6e00
}

.item--style-5 .item__deco {
    fill: #007336
}

.item--style-6 .item__deco {
    fill: #dcdcde
}

.item--style-7 .item__deco {
    fill: #fff
}

.item--style-7 .item__title {
    color: #131314
}

.item--style-8 .item__deco {
    fill: #404040
}

.item--style-9 .item__deco {
    fill: #dcdcde
}

.item__deco {
    opacity: .25
}

.item__svg {
    position: absolute;
    top: -1.875rem;
    left: 0;
    z-index: 1
}

.item__icon {
    z-index: 100
}

@media (min-width:768px) {
    .item__icon {
        position: relative;
        margin: 1.25rem auto;
        width: 120px;
        height: 120px;
        border-radius: 100px;
        background-color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .item__icon {
        width: 60px;
        height: 60px;
        padding: .9375rem;
        border-radius: 100px;
        background-color: #fff;
        margin: 0 1.25rem 0 0
    }
    .item__icon img {
        max-width: 100%;
        max-height: 100%
    }
}

.selectBox-dropdown {
    position: relative;
    min-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: solid 1px #e6e6e6;
    outline: 0;
    border-radius: .3125rem;
    padding: 1.25rem 1.875rem;
    display: inline-block;
    cursor: default;
    background-color: #fff
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
    border-color: #666
}

.selectBox-dropdown.selectBox-menuShowing-bottom {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.selectBox-dropdown.selectBox-menuShowing-top {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.selectBox-dropdown .selectBox-label {
    white-space: nowrap;
    overflow: hidden
}

.selectBox-dropdown .selectBox-arrow {
    position: absolute;
    top: 25px;
    right: 20px;
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    border-right: 2px solid #007336;
    border-bottom: 2px solid #007336
}

.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 200px;
    min-height: 1em;
    border: solid 1px #bbb;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.selectBox-inline {
    min-width: 150px;
    outline: 0;
    border: solid 1px #bbb;
    background: #fff;
    display: inline-block;
    border-radius: 4px;
    overflow: auto
}

.selectBox-inline:focus {
    border-color: #666
}

.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
    list-style: none;
    display: block;
    cursor: default;
    padding: 0;
    margin: 0
}

.selectBox-options.selectBox-options-top {
    border-bottom: none;
    margin-top: 1px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.selectBox-options.selectBox-options-bottom {
    border-top: none;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.selectBox-options LI A {
    line-height: 1.5;
    padding: 0 .5em;
    white-space: nowrap;
    overflow: hidden;
    background: 6px center no-repeat
}

.selectBox-options LI.selectBox-hover A {
    background-color: #eee
}

.selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent
}

.selectBox-options LI.selectBox-selected A {
    background-color: #c8def4
}

.selectBox-options .selectBox-optgroup {
    color: #666;
    background: #eee;
    font-weight: 700;
    line-height: 1.5;
    padding: 0 .3em;
    white-space: nowrap
}

.symbol {
    display: inline-block
}

.symbol svg {
    width: 100%;
    height: 100%;
    fill: inherit
}

.symbol-small {
    width: 18px;
    height: 18px
}

.symbol-medium {
    width: 24px;
    height: 24px
}

.table-wrapper {
    overflow-x: auto
}

.table-wrapper thead th {
    padding: 1.25rem;
    text-transform: uppercase;
    font-size: .75rem;
    text-align: left;
    white-space: nowrap
}

.table-wrapper tbody {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2)
}

@media (min-width:1200px) {
    .table-wrapper tr:first-child td {
        padding-top: 1.875rem
    }
    .table-wrapper tr:last-child td {
        padding-bottom: 1.875rem
    }
    .table-wrapper th:first-child {
        padding-left: 2.5rem
    }
    .table-wrapper th:last-child {
        padding-right: 2.5rem
    }
    .table-wrapper td:first-child {
        padding-left: 2.5rem
    }
    .table-wrapper td:last-child {
        padding-right: 2.5rem
    }
}

.table-wrapper td {
    padding: 1.25rem
}

@media (min-width:1200px) {
    .table-wrapper td {
        min-width: 160px
    }
}

.table-wrapper td span {
    display: block
}

table {
    min-width: 100%;
    border-spacing: 0;
    font-size: 1rem
}

table a:hover {
    color: #006338
}

.cell-time {
    opacity: .5
}

.cell-target {
    opacity: .5
}

.cell-link {
    color: #007336
}

.cell-link:hover {
    color: #006338
}

.l-account-nav-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.l-account-nav-item {
    position: relative;
    width: 100%;
    padding: 2.5rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1)
}

.l-account-nav-item:hover {
    background-color: #f0f0f0
}

.l-account-nav-item:hover .l-account-nav-item__title {
    color: #007336
}

@media (min-width:992px) {
    .l-account-nav-item {
        width: 50%;
        margin: 0 -1px 0 0
    }
}

.l-account-nav-item__title {
    font-size: 20px
}

@media (min-width:576px) {
    .l-account-nav-item__title {
        font-size: 22px
    }
}

@media (min-width:992px) {
    .l-account-nav-item__title {
        font-size: 24px
    }
}

.l-account-nav-item__subtitle {
    margin-top: .625rem;
    opacity: .5
}

@media (min-width:992px) {
    .l-account-nav-item__subtitle {
        font-size: 18px
    }
}

.l-account-nav-item__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.s-account-nav-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:768px) {
    .s-account-nav-list {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 1.25rem
    }
}

.s-account-nav-item {
    font-size: 1.125rem;
    font-weight: 700;
    color: #007336
}

.s-account-nav-item:hover {
    color: #000
}

@media (max-width:768px) {
    .s-account-nav-item {
        white-space: nowrap;
        margin-bottom: .625rem;
        margin-right: 1.25rem
    }
}

.s-account-nav-item.active {
    position: relative;
    color: #000
}

.s-account-nav-item.active:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
    background-color: #007336
}

.s-account-nav-item+.s-account-nav-item {
    margin-top: 1.25rem
}

@media (max-width:768px) {
    .s-account-nav-item+.s-account-nav-item {
        margin-right: 1.875rem;
        margin-top: 0
    }
}

header .header-nav-sub {
    position: absolute;
    padding: 1.25rem 1.875rem;
    transform: translateY(-100%);
    transition: all .4s cubic-bezier(.19, .33, .3, 1);
    background-color: #fff;
    top: 269px;
    left: 0;
    right: 0;
    z-index: 101;
    box-shadow: 0 10px 50px -15px rgba(0, 0, 0, .2);
    opacity: 0;
    visibility: hidden;
    z-index: -999
}

header .header-nav-sub .subnav-list {
    max-width: 1380px;
    margin: auto
}

@media (max-width:992px) {
    header .header-nav-sub {
        display: none
    }
}

header .header-nav-sub.active {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    transform: translateY(0);
    transition: all .6s cubic-bezier(.19, .33, .3, 1)
}

.header-scroll {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 3px solid rgba(0, 0, 0, .1);
    padding: 0 2.5rem;
    z-index: -9999;
    background-color: #fff;
    opacity: 0;
    transition: all .5s;
    visibility: hidden;
    z-index: 999;
}

@media (max-width:992px) {
    .header-scroll {
        display: none
    }
}

.header-scroll .header-logo {
   width: 10rem
}


.header-scroll .menu-primary__item {
    font-size: 1rem
}

.header-scroll .menu-primary__item.active:after {
    bottom: -10px
}




.header-scroll .btn-record {
    color: #007336;
    border: 2px solid #007336
}

.header-scroll .btn-record .symbol {
    display: inline-block
}

.header-topline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.75rem;
    color: #fff;
    background-image: linear-gradient(-45deg, rgba(4, 115, 54, .6) 0, #21834d 100%);
    text-transform: uppercase;
    white-space: nowrap;
    font-size: .75rem;
    font-weight: 700
}

.header-topline .link {
    fill: #fff
}

.header-topline .link .symbol {
    margin-right: .625rem
}

.header-topline .link:hover {
    opacity: .5
}

.header-secondary {
    max-width: 1440px;
    width: 100%;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

@media (max-width:991px) {
    .header-secondary {
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

@media (min-width:992px) {
    .header-secondary {
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.header-topline__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

@media (max-width:991px) {
    .header-topline__box {
        position: absolute;
        top: 3.75rem;
        left: 0;
        right: 0;
        height: 3.75rem;
        visibility: hidden;
        opacity: 0;
        background-color: #006338;
        z-index: 101;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        transition: all .5s cubic-bezier(.19, .33, .3, 1)
    }
}

.header-topline__box.active {
    visibility: visible;
    opacity: 1
}

.header-social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

.header-middle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1440px;
    margin: auto;
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 1.25rem auto 0;
    font-size: 0;
    background-color: #fff
}

@media (min-width:992px) {
    .header-middle {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
        margin: 1.5rem auto
    }
}

.header-logo {
    width: 10rem
}

.header-logo img {
    max-width: 100%;
    max-height: 100%
}

@media (min-width:460px) {
    .header-logo {
        width: 12.5rem
    }
}

@media (min-width:992px) {
    .header-logo {
        width: 15rem
    }
}

.header-bottom {
    position: relative;
    z-index: 101;
    border-bottom: 3px solid rgba(0, 0, 0, .1);
    max-width: 1440px;
    margin: auto
}

@media (min-width:992px) {
    .header-bottom {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.header-nav {
    margin-bottom: -3px
}

@media (max-width:991px) {
    .header-nav {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
}

.header-scroll--active {
    z-index: 999;
    opacity: 1;
    visibility: visible
}

.page-content__title {
    position: relative;
    padding-top: 40px;
    padding-bottom: 50px;
}

.page-content__title h1 {
    margin: 0
}

@media (max-width:767px) {
    .page-content__title {
        padding: 2.5rem 0 .625rem
    }
}

@media (min-width:768px) and (max-width:991px) {
    .page-content__title {
        padding-top: 3.75rem;
        padding-bottom: 1.25rem
    }
}

@media (min-width:992px) {
    .page-content__title {
        padding-top: 40px;
        padding-bottom: 50px
    }
}

.page-content__title--super {
    background-color: #f0f0f0
}

.page-content__title--super .breadcrumbs {
    justify-content: center;
}

.page-content__title--super img {
    margin: 1.25rem auto
}

@media (max-width:767px) {
    .page-content__title--super {
        margin-bottom: 2.5rem
    }
}

@media (min-width:768px) and (max-width:991px) {
    .page-content__title--super {
        margin-bottom: 3.75rem;
        padding-bottom: 3.75rem
    }
}

@media (min-width:992px) {
    .page-content__title--super {
        margin-bottom: 5rem;
        padding-bottom: 5rem
    }
}

.page-content {
    -ms-flex-positive: 2;
    flex-grow: 2;
    overflow: hidden
}

.page-content .page-section+.page-section {
    margin-top: 2.5rem
}

.page-block {
    margin-bottom: 2.5rem
}

@media (min-width:768px) {
    .page-block {
        margin-top: 1.25rem;
        margin-bottom: 2.5rem
    }
}

@media (min-width:992px) {
    .page-block {
        margin-top: 3.75rem;
        margin-bottom: 0
    }
}

.page-section {
    margin-bottom: 2.5rem
}

.page-section--border {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media (min-width:768px) and (max-width:991px) {
    .page-section--border {
        padding-bottom: 3.75rem
    }
}

@media (min-width:992px) {
    .page-section--border {
        padding-bottom: 5rem
    }
}

.page-section--inverse {
    background-color: #f0f0f0;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    margin-bottom: 0
}

@media (max-width:768px) {
    .page-section--reverse .row {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.section__badge {
    font-size: .875rem;
    font-weight: 700;
    color: #ed6e00;
    text-transform: uppercase
}

.section__head .heading-h2,
.section__head .heading-h3,
.section__head .heading-h4,
.section__head h2,
.section__head h3,
.section__head h4,
.section__head h5,
.section__head h6 {
    margin: 0 0 .5em
}

.section__head+.section__body .toggle-group {
    margin-top: 0
}

@media (max-width:991px) {
    .section-picture {
        display: none
    }
}

@media (min-width:992px) {
    .section-picture {
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.page-content__nav {
    margin-bottom: 2.5rem
}

.page-content__nav .btn {
    position: absolute;
    top: -8rem;
    right: 0
}

@media (max-width:768px) {
    .page-content__nav {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }
}

.subnav-list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

.subnav-item+.subnav-item {
    margin-left: 2.5rem
}

.subnav-item {
    font-size: 1.125rem;
    font-weight: 700;
    white-space: nowrap
}

.subnav-item a {
    color: #007336
}

.subnav-item a:hover {
    color: #000;
    cursor: pointer;
}

.subnav-item.active {
    position: relative
}

.subnav-item.active:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
    background-color: #007336
}

.subnav-item.active a {
    color: #000
}

.page-foot {
    padding-bottom: 1.875rem;
    padding-top: 1.875rem;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

@media (min-width:768px) {
    .page-foot {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
}

.page-foot__dev:hover {
    color: #007336
}

@media (max-width:991px) {
    .page-foot__dev {
        text-align: center
    }
}

@media (min-width:992px) {
    .page-foot__dev {
        margin-top: 1.875rem;
		
    }
}

.page-foot__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:768px) and (max-width:991px) {
    .page-foot__box {
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.page-foot__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.25rem auto
}

@media (min-width:992px) {
    .page-foot__social {
        display: none
    }
}

.page-foot__link a:hover {
    color: #007336
}

@media (max-width:992px) {
    .page-foot__link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        text-align: center;
        margin: 0 auto .625rem
    }
    .page-foot__link ul+ul {
        margin-top: 1.25rem
    }
}

@media (min-width:768px) and (max-width:991px) {
    .page-foot__link {
        margin: 1.875rem auto 0;
        padding-top: 1.875rem;
        border-top: 1px solid rgba(0, 0, 0, .1)
    }
}

@media (min-width:992px) {
    .page-foot__link {
        width: 35%
    }
    .page-foot__link ul+ul {
        margin-top: 3.125rem
    }
}

.page-foot__nav-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:767px) {
    .page-foot__nav-group {
        display: none
    }
}

@media (min-width:992px) {
    .page-foot__nav-group {
        width: 65%
    }
}

@media (min-width:768px) {
    .title--mobile {
        display: none
    }
}

@media (max-width:767px) {
    .title--desktop {
        display: none
    }
}

.page-up {
    position: fixed;
    right: 2.5rem;
    bottom: 2.5rem;
    display: inline-block;
    display: none;
    height: 60px;
    width: 60px;
    background-color: #fff;
    border-radius: 100px;
    border: 2px solid #007336;
    z-index: 999;
}

.page-up:after,
.page-up:before {
    content: '';
    position: absolute;
    top: 20px;
    width: 2px;
    height: 15px;
    background-color: #007336
}

.page-up:before {
    left: 23px;
    transform: rotate(45deg)
}

.page-up:after {
    left: 33px;
    transform: rotate(-45deg)
}

.menu-primary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

.menu-primary__item {
    position: relative;
    font-size: 1.125rem;
    color: #000;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.menu-primary__item a {
    white-space: nowrap
}

.menu-primary__item a:hover {
    color: #007336
}

@media (max-width:991px) {
    .menu-primary__item {
        padding: 1.25rem 0;
        margin: 0 .625rem
    }
}

.menu-primary__item.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 3px;
    background-color: #007336
}

@media (min-width:992px) {
    .menu-primary__item+.menu-primary__item {
        margin-left: 1.875rem
    }
}

.menu-secondary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}
input, textarea{
    outline: none;
}
.menu-secondary__item+.menu-secondary__item {
    margin-left: 1.875rem
}

.menu-secondary__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center
}

.menu-secondary--right {
    margin-left: 1.875rem
}

@media (max-width:992px) {
    .menu-secondary--right {
        padding-right: .625rem
    }
}

.menu-foot-primary__item {
    font-size: 1.125rem;
    font-weight: 700;
    color: #007336
}

.menu-foot-primary__item:hover {
    color: #006338
}

.menu-foot-primary__item+.menu-foot-primary__item {
    margin-top: .9375rem
}

.menu-foot-sec-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #007336
}

.menu-foot-sec {
    margin-top: 1.25rem
}

.menu-foot-sec a:hover {
    color: #007336
}

.menu-foot-sec__item+.menu-foot-sec__item {
    margin-top: .625rem
}

header .social-item {
    fill: #fff
}

footer .social-item {
    fill: rgba(0, 0, 0, .25)
}

.social-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:991px) {
    .social-list {
        padding-left: .625rem
    }
}

.social-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 250ms cubic-bezier(.19, .33, .3, 1)
}

.social-item:hover {
    opacity: .5
}

.social-item+.social-item {
    margin-left: 1.25rem
}

.social-list+.secondary-menu {
    margin-left: 1.875rem
}

.inst-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:768px) {
    .inst-layout {
        margin-top: 2.5rem
    }
}

.inst-item {
    width: 33.33%;
    margin: .3125rem
}

.inst-item img {
    width: 100%
}

.card-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:768px) {
    .card-layout--small .card-item {
        padding: 1.875rem
    }
    .card-layout--small .card-item__picture {
        display: block
    }
}

.card-item {
    position: relative;
    width: 100%;
    padding: 1.875rem;
    margin-bottom: 1.25rem;
    background-color: #fff;
    border-radius: .625rem;
    box-shadow: 0 10px 20px -15px rgba(0, 0, 0, .2);
    overflow: hidden;
    transition: all .5s cubic-bezier(.19, .33, .3, 1)
}

.card-item:hover {
    box-shadow: 0 10px 60px -15px rgba(0, 0, 0, .25)
}

.card-item:hover .card-item__picture img {
    transform: scale(1.1)
}

.card-item .btn {
    display: inline-block;
    margin-top: .625rem
}

@media (min-width:768px) {
    .card-item {
        padding: 2.5rem
    }
}

@media (min-width:992px) {
    .card-item {
        margin-bottom: 1.25rem;
        box-shadow: 0 10px 50px -15px rgba(0, 0, 0, .2)
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .card-item {
        width: calc(50% - 1.25rem)
    }
}

@media (min-width:1200px) {
    .card-item {
        width: calc(50% - 1.875rem);
        padding: 3.75rem
    }
}

.card-item__title {
    font-size: 18px
}

@media (min-width:576px) {
    .card-item__title {
        font-size: 24px
    }
}

@media (min-width:992px) {
    .card-item__title {
        font-size: 28px
    }
}

.card-item__descr {
    margin-top: .625rem;
    opacity: .35
}

@media (min-width:768px) {
    .card-item__descr {
        margin-top: .625rem;
        font-size: 1.125rem
    }
}

.card-item__descr,
.card-item__title {
    position: relative;
    z-index: 10
}

@media (min-width:768px) {
    .card-item__picture+.card-item__container {
        max-width: 360px
    }
}

.card-item__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    /*width: inherit;*/
    width: 100%;
	display: flex;
	justify-content: flex-end;
}

.card-item__picture img {
    max-height: 100%;
    min-height: 100%;
    transition: all .5s cubic-bezier(.19, .33, .3, 1);
    max-width: initial;
}

@media (max-width:767px) {
    .card-item__picture {
        display: none
    }
}

.contact-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-left: 37px;
    color: #000
}

@media (max-width:991px) {
    .contact-item {
        margin-top: 1.875rem
    }
}

@media (min-width:992px) {
    .contact-item {
        margin-bottom: 2.5rem
    }
}

@media (min-width:1200px) {
    .contact-item {
        margin-bottom: 3.75rem
    }
}

h3+.contact-item {
    margin-bottom: 1.875rem
}

.contact-item__icon {
    position: absolute;
    top: 0;
    left: 0
}

.contact-item__title {
    color: inherit!important;
    font-size: 1.125rem;
    line-height: 1.25;
    margin-bottom: .3125rem;
    transition: all .2s cubic-bezier(.19, .33, .3, 1)
}

.contact-item__title:hover {
    color: #ed6e00
}

@media (min-width:992px) {
    .contact-item__title {
        font-size: 1.25rem
    }
}

.contact-item__content {
    color: inherit!important;
    opacity: .5
}

.link {
    transition: all 250ms cubic-bezier(.19, .33, .3, 1)
}

.link-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center
}

.link-phone {
    font-size: .875rem;
    font-weight: 700
}

@media (max-width:575px) {
    .link-callback {
        display: none
    }
}

.link-select {
    padding: .625rem 1.25rem;
    border-radius: 6.25rem;
    background-color: rgba(255, 255, 255, .25)
}

.link-select:after {
    content: '';
    position: relative;
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    margin-left: .3125rem;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateX(-2px) translateY(-1px)
}

.link-select:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, .1)
}

.link-instagram {
    font-size: 1.875rem;
    color: #007336
}

@media (min-width:768px) and (max-width:991px) {
    .link-instagram {
        font-size: 3.75rem
    }
}

@media (min-width:992px) {
    .link-instagram {
        font-size: 5rem;
        line-height: 1
    }
}

.link-download {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    margin: .625rem 0;
    padding: .625rem 0
}

.link-download:before {
    content: '';
    position: relative;
    display: inline-block;
    margin-right: .625rem;
    width: 30px;
    height: 34px;
    background-image: url(/local/templates/medguard/images/icon/f-pdf.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.link-download:hover span:first-child {
    color: #007336
}

.link-download-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.link-download-text span:first-child {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.link-download-text span:last-child {
    font-size: 12px;
    opacity: .5
}

.link-more {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3.75rem auto 0;
    max-width: 180px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.link-more:hover img {
    transform: rotate(360deg)
}

.link-more__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    margin-bottom: .625rem;
    border-radius: 200px;
    background-color: #f0f0f0
}

.link-more__icon img {
    transition: all 750ms cubic-bezier(.19, .33, .3, 1)
}

.breadcrumbs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: .3em;
    margin-bottom: 0;
    color: #144436;
    font-size: 14px;
    line-height: 20px;
}

.breadcrumbs .breadcrumb-item .breadcrumb-item__link,
.breadcrumbs .breadcrumb-separator {
    opacity: 0.5;
}

.breadcrumbs .breadcrumb-item .breadcrumb-item__link:hover {
    opacity: 1;
}

.btn-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center
}

.btn-group .btn+.btn {
    margin-left: .625rem
}

.btn-group.align-center {
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group--record {
    margin: 0 0 2rem!important
}

.btn-group--record span {
    margin: 0 2rem
}

@media (max-width:768px) {
    .btn-group--record span {
        font-size: 14px;
        margin: 0 1rem
    }
}

.btn {
    display: inline-block;
    margin: .625rem 0;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    cursor: pointer
}

@media (min-width:769px) {
    .btn {
        font-size: .875rem
    }
}

.btn-large {
    padding: .9375rem 1.875rem;
    border-radius: 6.25rem;
    transition: all .5s cubic-bezier(.19, .33, .3, 1)
}

@media (min-width:768px) {
    .btn-large {
        padding: .9375rem 2.5rem
    }
}

@media (min-width:992px) {
    .btn-large {
        padding: 1.25rem 3.125rem
    }
}

.btn-small {
    padding: 8px 2.5rem 6px;
    border-radius: .9375rem
}

.btn-action {
    color: #fff!important;
    background-color: #ed6e00;
    border-color: transparent
}

.btn-large {
    margin: 1.25rem 0
}

.btn-account:hover,
.btn-action:hover {
    box-shadow: 0 20px 20px -20px #c75200
}

.btn-account:active,
.btn-action:active {
    background-color: #c75200;
    box-shadow: 0 20px 20px -20px #ed6e00
}

.btn-outline {
    color: #000;
    border: 2px solid #007336;
    margin: .625rem 0
}

.btn-outline:hover,
.btn-record:hover {
    color: #ed6e00;
    border: 2px solid #006338
}

.btn-outline:active,
.btn-record:active {
    color: #000;
    border: 2px solid #000
}

.btn-search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.875rem;
    height: 1.875rem;
    fill: #fff
}

.btn-search:hover {
    opacity: .5
}

.btn-account,
.btn-record {
    display: -ms-flexbox;
    display: flex;
    border-radius: 6.25rem;
    transition: all .5s cubic-bezier(.19, .33, .3, 1)
}

@media (min-width:992px) {
    .btn-account,
    .btn-record {
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-align: center;
        align-items: center;
        padding: 1.25rem 3.125rem
    }
}

@media (max-width:991px) {
    .btn-account,
    .btn-record {
        font-size: 0;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        height: 3.125rem;
        width: 3.125rem
    }
}

.btn-account {
    color: #fff;
    background-color: #ed6e00
}

@media (min-width:992px) {
    .btn-account .symbol {
        margin-right: .625rem
    }
}

.btn-record {
    color: #007336;
    border: 2px solid #007336
}

@media (min-width:992px) {
    .btn-record .symbol {
        display: none
    }
}

.btn-close {
    position: absolute;
    top: 1.25rem;
    right: .625rem;
    width: 30px;
    height: 30px;
    opacity: .5;
    z-index: 99;
    cursor: pointer
}

.btn-close:before {
    content: '';
    position: absolute;
    top: 0;
    left: .625rem;
    bottom: 0;
    height: 100%;
    width: 1px;
    background-color: #000;
    transform: rotate(45deg)
}

.btn-close:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: .625rem;
    height: 100%;
    width: 1px;
    background-color: #000;
    transform: rotate(135deg)
}

.btn-next {
    position: relative
}

.btn-next:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1rem;
    margin: auto;
    transform: rotate(45deg);
    width: .5rem;
    height: .5rem;
    border-top: 2px solid #000;
    border-right: 2px solid #000
}

@media (max-width:992px) {
    .btn-next {
        font-size: 0;
        padding: 1rem 2rem
    }
    .btn-next:before {
        right: 1.75rem
    }
}

.btn-prev {
    position: relative
}

.btn-prev:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1rem;
    margin: auto;
    transform: rotate(-135deg);
    width: .5rem;
    height: .5rem;
    border-top: 2px solid #000;
    border-right: 2px solid #000
}

@media (max-width:992px) {
    .btn-prev {
        font-size: 0;
        padding: 1rem 2rem
    }
    .btn-prev:before {
        left: 1.75rem
    }
}

.nav-toggler {
    display: none
}

@media (max-width:991px) {
    .nav-toggler {
        position: absolute;
        right: .625rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 1.875rem;
        height: 1.25rem
    }
    .nav-toggler span {
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: all .25s ease-out
    }
    .nav-toggler span:nth-child(1) {
        top: 0
    }
    .nav-toggler span:nth-child(2) {
        top: 9px
    }
    .nav-toggler span:nth-child(3) {
        top: 18px
    }
    .nav-toggler span:nth-child(4) {
        top: 9px
    }
    .nav-toggler span:nth-child(5) {
        top: 9px
    }
}

.nav-toggler.is-active {
    transition: all .5s ease
}

.nav-toggler.is-active span:nth-child(1),
.nav-toggler.is-active span:nth-child(2),
.nav-toggler.is-active span:nth-child(3) {
    transform: translate(-4px, 0) scale(0, 0)
}

.nav-toggler.is-active span:nth-child(4) {
    transform: rotate(45deg)
}

.nav-toggler.is-active span:nth-child(5) {
    transform: rotate(-45deg)
}

.toggle-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -1.25rem;
    margin-bottom: 1.25rem
}

@media (max-width:576px) {
    .toggle-group {
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

.toggle-control {
    position: relative;
    padding: .625rem;
    width: 220px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .4;
    text-align: center;
    cursor: pointer
}

@media (min-width:768px) {
    .toggle-control {
        width: 280px
    }
}

.toggle-control:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.toggle-control.active {
    color: #007336;
    opacity: 1
}

.toggle-control.active:after {
    background-color: #007336
}

.time-group+.time-group {
    margin-top: 2.5rem
}

.time-group__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: .625rem;
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

.time-control {
    min-width: 80px;
    padding: .625rem 1.25rem;
    margin: .3125rem;
    -ms-flex-line-pack: center;
    align-content: center;
    border-radius: .3125rem;
    background-color: #f0f0f0;
    cursor: pointer
}

.time-control:hover {
    color: #fff;
    background-color: #007336
}

.body--inverse {
    background-color: #f6f6f6
}

.form-layout {
    width: 100%
}

@media (min-width:768px) {
    .form-layout {
        font-size: 1.125rem
    }
}

.form-layout h4 {
    margin-bottom: .525em
}

@media (max-width:768px) {
    .form-layout .form-row+.form-row .col-xs-12+.col-xs-12+.col-xs-12 {
        margin-top: 1.25rem
    }
    .card-layout--small .card-item__picture {
	    display: flex;
	}
}

.form-layout--search {
    margin-bottom: 2.5rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.form-row label {
    display: inline-block;
    margin: 1.05em 0 0 0
}

@media (max-width:767px) {
    .form-row label {
        margin: 0 0 .525em 0
    }
}

.form-row+.form-row {
    margin-top: 1.875rem
}

@media (max-width:991px) {
    .selectBox {
        margin: .625rem 0
    }
}

.form-field--input {
    width: 100%
}

.form-field--input input {
    width: 100%;
    padding: 1.25rem;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    color: #000;
    text-align: left;
    line-height: 20px;
    transition: all 250ms cubic-bezier(.19, .33, .3, 1)
}

.form-field--input input:hover {
    border-color: #cacaca;
    outline: 0
}

.form-field--input input:active {
    border-color: #007336;
    outline: 0
}

.form-field--input input:focus {
    border-color: #007336;
    outline: 0
}

.form-field--textarea {
    width: 100%
}

.form-field--textarea textarea {
    width: 100%;
    padding: 1.25rem;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    color: #000;
    text-align: left;
    line-height: 20px;
    transition: all 250ms cubic-bezier(.19, .33, .3, 1)
}

.form-field--textarea textarea:hover {
    border-color: #cacaca;
    outline: 0
}

.form-field--textarea textarea:active {
    border-color: #007336;
    outline: 0
}

.form-field--textarea textarea:focus {
    border-color: #007336;
    outline: 0
}

.form-foot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    max-width: 960px;
    padding: 2.5rem 1.25rem;
    margin-top: 2.5rem;
    border-top: 1px solid rgba(51, 51, 51, .1)
}

.form-foot a {
    display: inline-block;
    color: #007336
}

@media (min-width:992px) {
    .form-foot {
        -ms-flex-flow: row;
        flex-flow: row;
        text-align: left;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .form-foot p {
        width: calc(100% - 300px)
    }
}

.filter-panel .form-field {
    margin: .625rem 0
}

.time-control[disabled] {
    color: #f00
}

.time-control[disabled]:hover {
    background-color: #f0f0f0
}

.date-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

@media (max-width:992px) {
    .date-group {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }
}

.date-control {
    position: relative;
    padding: 1.25rem 2.5rem;
    margin-right: .625rem;
    border-radius: .3125rem;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    transition: all .3s cubic-bezier(.19, .33, .3, 1);
    cursor: pointer
}

.date-control:hover {
    background-color: #007336;
    color: #fff
}

.date-control span:first-child {
    font-weight: 700;
    font-size: 1.25rem
}

.date-control span:last-child {
    position: absolute;
    right: .625rem;
    bottom: .625rem;
    opacity: .5
}

@media (min-width:768px) {
    .date-control {
        padding: 2.5rem 3.125rem;
        font-size: 1.25rem
    }
    .date-control span:first-child {
        font-weight: 700;
        font-size: 1.875rem
    }
}

h3+.doctor-group {
    margin-top: 1.25rem
}

.doctor-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.doctor-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.875rem;
    min-width: 100%;
    margin-right: 1.25rem;
    margin-bottom: 1.25rem;
    border-radius: .3125rem;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    transition: all 250ms cubic-bezier(.19, .33, .3, 1);
    cursor: pointer
}

.doctor-control:hover {
    border-color: #007336
}

@media (min-width:576px) {
    .doctor-control {
        min-width: 400px;
        max-width: 400px
    }
}

.doctor-control--empty {
    background-color: #007336;
    border-color: #007336;
    min-height: 60px;
    color: #fff
}

.doctor-control__userpic {
    margin-top: 1.25rem;
    font-size: 0
}

.doctor-control__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-left: 2.5rem
}

.doctor-control__content span:last-child {
    opacity: .5
}

.result-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.result-list__item:hover .result-list__item-title {
    color: #007336
}

.result-list__item+.result-list__item {
    margin-top: 2.5rem
}

.result-list__item-title {
    font-size: 22px
}

@media (min-width:576px) {
    .result-list__item-title {
        font-size: 24px
    }
}

@media (min-width:992px) {
    .result-list__item-title {
        font-size: 30px
    }
}

.result-list__item-subtitle {
    margin-top: .625rem
}

@media (min-width:992px) {
    .result-list__item-subtitle {
        font-size: 20px
    }
}

.record-item {
    position: relative;
    height: 100%;
    padding: 1.25rem;
    margin-bottom: 2.5rem;
    border-radius: .3125rem;
    border: 1px solid rgba(51, 51, 51, .1)
}

.record-item .form-layout {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 2.5rem 2.5rem;
    background-color: #fff;
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
}

.record-item .form-layout.active {
    opacity: 1;
    visibility: visible
}

.record-item .form-head {
    padding-bottom: 1.25rem
}

.record-item .form-label {
    margin-bottom: .625rem
}

.record-item__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    /*align-items: flex-end;*/
    border-bottom: 1px solid rgba(51, 51, 51, .1);
    font-size: 0;

}

.record-item__head .so-so {
    margin: .625rem auto;
    font-size: 16px
}

.record-item__head ul {
    font-size: 16px;
    margin: 1.25rem 0
}

.record-item__head ul li+li {
    margin-top: .3125rem
}

.record-item__body {
    margin-top: 1.25rem
}

.record-item__table {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.page-404__content {
    margin: 2.5% auto 5%;
    text-align: center
}

.page-404__title {
    font-size: 32px;
    margin-bottom: 1rem;
    color: #007336
}

.page-404__message {
    font-size: 16px;
    max-width: 720px;
    margin: auto
}

.slider-welcome .swiper-button-next,
.slider-welcome .swiper-button-prev {
    position: absolute;
    top: 2.5rem
}

@media (max-width:768px) {
    .slider-welcome .swiper-button-next,
    .slider-welcome .swiper-button-prev {
        top: 9.625rem
    }
}

.slider-welcome .swiper-button-next,
.slider-welcome .swiper-button-prev {
    width: 3.125rem;
    height: 3.125rem;
    background-color: #007336
}

.slider-welcome .swiper-button-next:hover,
.slider-welcome .swiper-button-prev:hover {
    background-color: #006338
}

@media (max-width:768px) {
    .slider-welcome .swiper-button-next,
    .slider-welcome .swiper-button-prev {
        display: none
    }
}

.slider-welcome .swiper-button-prev {
    right: 6.25rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/local/templates/medguard/images/icon/arrow/arrow-prev-white.svg)
}

@media (max-width:768px) {
    .slider-welcome .swiper-button-prev {
        right: 65px
    }
}

.slider-welcome .swiper-button-next {
    right: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/local/templates/medguard/images/icon/arrow/arrow-next-white.svg)
}

@media (max-width:768px) {
    .slider-welcome .swiper-button-next {
        right: 10px
    }
}

.slide-welcome {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width:768px) and (max-width:991px) {
    .slide-welcome {
        height: 320px
    }
}

@media (min-width:992px) {
    .slide-welcome {
        height: 420px
    }
}

.slide-welcome__content {
    max-width: 1440px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    width: 100%;
    margin: auto
}

.slide-welcome__content-badge {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    opacity: .5;
    margin-bottom: .625rem
}

@media (min-width:992px) and (max-width:1199px) {
    .slide-welcome__content-badge {
        margin-bottom: 1.875rem
    }
}

@media (min-width:1200px) {
    .slide-welcome__content-badge {
        margin-bottom: 3.125rem
    }
}

.slide-welcome__content-title {
    display: inline-block;
    margin-bottom: .625rem;
    font-size: 1.25rem;
    line-height: 1
}

@media (min-width:768px) and (max-width:991px) {
    .slide-welcome__content-title {
        font-size: 1.875rem
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .slide-welcome__content-title {
        max-width: 50%;
        margin-bottom: 1.25rem;
        font-size: 2.5rem
    }
}

@media (min-width:1200px) {
    .slide-welcome__content-title {
        max-width: 75%;
        font-size: 3.75rem
    }
}

.slide-welcome__content-subtitle {
    opacity: .5;
    font-size: .875rem
}

@media (min-width:768px) {
    .slide-welcome__content-subtitle {
        max-width: 50%;
        font-size: 1.125rem
    }
}

@media (min-width:1200px) {
    .slide-welcome__content-subtitle {
        font-size: 1.25rem
    }
}

.slide-welcome__content-action {
    margin-top: .625rem
}

@media (max-width:768px) {
    .slide-welcome__content-action .btn-simple {
        display: none
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .slide-welcome__content-action {
        margin-top: 1.25rem
    }
}

.slide-welcome__pic {
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat
}

@media (max-width:767px) {
    .slide-welcome__pic {
        position: relative;
        display: inline-block;
        height: 180px;
        margin-bottom: 1.25rem
    }
}

@media (min-width:768px) {
    .slide-welcome__pic {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index:0;
        height: auto
    }
}

.swiper-pagination-welcome {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 10;
    height: 1.25rem
}

@media (max-width:767px) {
    .swiper-pagination-welcome {
        display: none;
        top: 1.25rem;
        left: 1.25rem
    }
}

@media (min-width:768px) {
    .swiper-pagination-welcome {
        left: auto!important;
        right: 1.875rem!important;
        bottom: 1.875rem!important
    }
}

.swiper-pagination-welcome .swiper-pagination-bullet {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 .625rem!important
}

.swiper-pagination-welcome .swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-radius: .625rem;
    border: 2px solid #000;
    background-color: transparent;
    transition: all .3s cubic-bezier(.19, .33, .3, 1)
}

.swiper-pagination-welcome .swiper-pagination-bullet-active:before {
    width: 16px;
    height: 16px;
    border-radius: 1.25rem;
    border-color: #ed6e00;
    background-color: #ed6e00
}

.slider-sale {
    overflow: visible
}

.slider-sale .swiper-slide {
    height: auto;
    box-shadow: 10px 75px 30px -60px rgba(0, 0, 0, .05)
}

.slider-sale .swiper-button-next,
.slider-sale .swiper-button-prev {
    position: absolute;
    top: -5rem
}

.slider-sale .swiper-button-prev {
    right: 3.75rem;
    width: 2.5rem;
    height: 1.25rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/local/templates/medguard/images/icon/arrow/arrow-prev.svg)
}

.slider-sale .swiper-button-next {
    right: 0;
    width: 2.5rem;
    height: 1.25rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/local/templates/medguard/images/icon/arrow/arrow-next.svg)
}

.slider-picture {
    overflow: visible
}

.slider-picture .swiper-slide {
    width: auto
}

/*.slider-picture .swiper-button-next,*/
/*.slider-picture .swiper-button-prev {*/
    /*position: absolute;*/
    /*top: -5rem*/
/*}*/

/*.slider-picture .swiper-button-prev {*/
    /*right: 3.75rem;*/
    /*width: 2.5rem;*/
    /*height: 1.25rem;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-image: url(/local/templates/medguard/images/icon/arrow/arrow-prev.svg)*/
/*}*/

/*.slider-picture .swiper-button-next {*/
    /*right: 0;*/
    /*width: 2.5rem;*/
    /*height: 1.25rem;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-image: url(/local/templates/medguard/images/icon/arrow/arrow-next.svg)*/
/*}*/

.picture-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 1.25rem 2.5rem;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    text-align: center
}

.picture-card__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 220px;
    margin: 1.25rem
}

.picture-card__image img {
    max-height: 100%
}

.picture-card__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 180px;
    margin: auto
}

.slider-gallery {
    overflow: visible;
    margin-top: 2.5rem
}

.slider-gallery .swiper-slide {
    width: auto
}

.slider-picture .swiper-button-next,
.slider-picture .swiper-button-prev,
.slider-gallery .swiper-button-next,
.slider-gallery .swiper-button-prev {
    position: absolute;
    top: -81px;
    width: 48px;
    height: 21px;
}

.swiper-button-next:not(.swiper-button-disabled):hover path{
    fill:#ed6e00;
}
.slider-gallery img {
    height: 242px;
    border-radius: 6px;
}
.swiper-button-prev:not(.swiper-button-disabled):hover path{
    fill:#c75200;
}
.slider-gallery .swiper-button-prev, .slider-picture .swiper-button-prev {
    right: 78px;
}

.slider-gallery .swiper-button-next, .slider-picture .swiper-button-next {
    right: 0;
}

.gallery-item__image {
    margin-bottom: 1.25rem;
    cursor: pointer;
}

.gallery-item__content {
    max-width: 340px
}
.map_mark_name {
    font-size: 14px;
}
.gallery-item__content{
    color: #144436;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.01em;
    margin-top:16px;
    font-weight: 800;
}
.gallery-item__image{
    width: 100%;
    height: 242px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.gallery-item__image img{
    position: absolute;
}
.gallery-item__image::after {
    content: '';
    width: 0;
    height: 0;
    background: #144436;
    opacity: 0.2;
    display: block;
    border-radius: 6px;
    position: relative;
    transition-duration: 0.5s;
}
.gallery-item__image::before {
    content: 'Смотреть подробнее';
    position: absolute;
    bottom: 0;
    left: calc(50% - 110px);
    background: #fff;
    color: #144436;
    font-weight: 800;
    line-height: 22px;
    font-size: 14px;
    letter-spacing: 0.01em;
    z-index: 1;
    border-radius: 18px;
    padding: 9px 43.2px;
    opacity: 0;
    transition-duration: .5s;
}
.gallery-item__image:hover::before{
    opacity: 1;
    bottom: 30px;
}
.gallery-item__image:hover::after{
    width: 100%;
    height: 100%;
}
.swiper-pagination-gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.25rem;
    margin-top: 2.5rem
}

.swiper-pagination-gallery .swiper-pagination-bullet {
    position: relative;
    width: 15px;
    height: 15px;
    margin-right: 17px !important;
    border: 2px solid #B7E1D2;
    background: #DDF6EA;
}
.swiper-pagination-gallery .swiper-pagination-bullet:last-child{
    margin-right: 0!important;
}
.swiper-pagination-gallery .swiper-pagination-bullet:before {
    /*content: '';*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-radius: .625rem;
    border: 2px solid #000;
    background-color: transparent;
    transition: all .3s cubic-bezier(.19, .33, .3, 1)
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #DDF6EA;
    background: #144436;
}

.swiper-pagination-gallery .swiper-pagination-bullet-active:before {
    width: 16px;
    height: 16px;
    border-radius: 1.25rem;
    border-color: #ed6e00;
    background-color: #ed6e00
}

.department-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:992px) {
    .department-layout {
        margin-top: 6.25rem;
        margin-bottom: 3.125rem
    }
}

.department-layout .item {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:768px) {
    .department-layout .item {
        -ms-flex-flow: row;
        flex-flow: row
    }
}

@media (min-width:768px) and (max-width:991px) {
    .department-layout .item {
        width: 30%;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media (min-width:992px) {
    .department-layout .item {
        width: 20%;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.dep-list-group {
    margin-top: 1.875rem;
    columns: 1
}

@media (min-width:576px) and (max-width:991px) {
    .dep-list-group {
        columns: 2
    }
}

@media (min-width:993px) {
    .dep-list-group {
        columns: 3
    }
}

.dep-list__title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ed6e00
}

.dep-list {
    margin-bottom: 1.875rem;
    break-inside: avoid;
}

.dep-list ul {
    display: inline-block;
    font-size: 1.25rem
}

.dep-list li {
    margin-top: .625rem
}

.dep-list a {
    transition: all 150ms cubic-bezier(.19, .33, .3, 1)
}

.dep-list a:hover {
    color: #007336
}

.doctor-layout {
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.25rem
}

@media (max-width:575px) {
    .doctor-layout {
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media (min-width:576px) {
    .doctor-layout {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-top: 2.5rem
    }
}

.doctor-item {
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media (max-width:767px) {
    .doctor-item {
        margin-bottom: 1.25rem
    }
}

@media (max-width:991px) {
    .doctor-item {
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
}

@media (min-width:768px) and (max-width:991px) {
    .doctor-item {
        width: calc(50% - 1.25rem)
    }
}

@media (min-width:992px) {
    .doctor-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-align: center;
        align-items: center;
        width: 25%
    }
    .doctor-item:hover .doctor-item__foot {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
    .doctor-item:hover .figure-person {
        visibility: visible;
        opacity: 1
    }
}

@media (min-width:576px) {
    .doctor-item {
        margin-top: 0rem
    }
}

.doctor-item__picture {
    position: relative;
    height: 80px;
    width: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    z-index: 10
}

@media (min-width:576px) {
    .doctor-item__picture {
        height: 120px;
        width: 120px
    }
}

@media (min-width:992px) {
    .doctor-item__picture:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 2.5rem;
        right: 2.5rem;
        display: inline-block;
        height: 1px;
        background-color: rgba(0, 0, 0, .1)
    }
}

.doctor-item__picture img {
    max-width: 100%;
    max-height: 100%
}

@media (min-width:992px) {
    .doctor-item__picture {
        height: 220px;
        width: 100%
    }
}

.doctor-item__content {
    margin: 0 0 0 1.25rem;
    padding: 0 5%;
}

@media (min-width:992px) {
    .doctor-item__content {
        margin: 1.25rem 0 0 0;
        text-align: center
    }
}

.doctor-item__title {
    font-size: 1.125rem
}

.doctor-item__position {
    opacity: .5
}

@media (max-width:991px) {
    .doctor-item__foot {
        display: none
    }
}

@media (min-width:992px) {
    .doctor-item__foot {
        margin: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: all .5s cubic-bezier(.19, .33, .3, 1);
        transform: translateY(1.125rem);
        z-index: 20
    }
}

@media (min-width:992px) {
    /*.service-list {*/
        /*margin-top: -2.5rem*/
    /*}*/
}

.service-item {
    padding: 1.875rem 0
}


.service-item a:hover {
    color: #006338
}

.service-item-inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.service-item__content {
    max-width: 75%
}

@media (min-width:992px) {
    .service-item__content {
        max-width: 60%
    }
}

.service-item__content-title {
    font-size: 18px
}

@media (min-width:576px) {
    .service-item__content-title {
        font-size: 22px
    }
}

@media (min-width:992px) {
    .service-item__content-title {
        font-size: 24px
    }
}

.service-item__content-subtitle {
    opacity: .5
}

.service-item__action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center
}

.service-item__action .btn-simple {
    margin-left: 1.25rem
}

@media (max-width:768px) {
    .service-item__action .btn-simple {
        display: none
    }
}

@media (max-width:768px) {
    .service-item__action {
        position: absolute;
        top: 0;
        right: 0
    }
}

.faq-item {
    padding: 0 1.25rem 0 3.125rem;
    border: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
    transition: all .5s cubic-bezier(.19, .33, .3, 1);
    overflow: hidden
}

@media (min-width:768px) {
    .faq-item {
        padding: 0 2.5rem 0 5rem
    }
}

.faq-item+.faq-item {
    margin-top: -1px
}

.faq-item__title {
    position: relative;
    padding: .75em 0;
    font-size: 18px
}
.faq-item {
    margin-bottom: 30px;
}
@media (min-width:768px) {
    .faq-item__title {
        font-size: 22px
    }
}

@media (min-width:992px) {
    .faq-item__title {
        font-size: 24px
    }
}

.faq-item__title:after,
.faq-item__title:before {
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    margin: auto 0;
    background-color: #ed6e00;
    transition: all .5s cubic-bezier(.19, .33, .3, 1)
}

.faq-item__title:before {
    left: -1.5625rem;
    width: 2px;
    height: 16px
}

@media (min-width:768px) {
    .faq-item__title:before {
        left: -2.5rem
    }
}

.faq-item__title:after {
    left: calc(-1.5625rem - 7px);
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
}

@media (min-width:768px) {
    .faq-item__title:after {
        left: calc(-2.5rem - 7px)
    }
}

.faq-item__content {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10%);
    transition: all .5s cubic-bezier(.19, .33, .3, 1);
    max-height: 0
}

.faq-item.is-active .faq-item__title:before {
    opacity: 0
}

.faq-item.is-active .faq-item__content {
    margin-bottom: 1.875rem;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    max-height: none
}

.sale-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    min-height: 280px;
    height: 100%;
    padding: 2.5rem 1.25rem;
    will-change: transform;
    background-color: #fff;
    border-radius: .3125rem
}

@media (min-width:768px) {
    .sale-card {
        padding: 3.75rem;
        min-height: 360px
    }
}

.sale-card:hover .sale-card__content-title {
    color: #006338
}

.sale-card+.sale-card {
    margin-left: 1.25rem
}

.sale-card__content {
    -ms-flex-positive: 2;
    flex-grow: 2
}

.sale-card__content-title {
    font-size: 22px
}

@media (min-width:576px) {
    .sale-card__content-title {
        font-size: 24px
    }
}

@media (min-width:992px) {
    .sale-card__content-title {
        font-size: 30px
    }
}

.sale-card__content-subtitle {
    margin-top: 1.25rem
}

@media (min-width:992px) {
    .sale-card__content-subtitle {
        font-size: 1.125rem
    }
}

@media (min-width:768px) {
    .sale-card__action {
        margin-top: 2.5rem
    }
}

.sale-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

@media (min-width:768px) {
    .sale-item {
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.sale-item+.sale-item {
    margin-top: 2.5rem
}

.sale-item__pic {
    position: relative;
    height: 220px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .sale-item__pic {
        width: 50%;
        height: 240px
    }
}

@media (min-width:992px) {
    .sale-item__pic {
        height: 360px
    }
}

.sale-item__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .sale-item__content {
        margin-top: 1.25rem
    }
}

@media (min-width:768px) {
    .sale-item__content {
        width: 50%;
        margin-left: 2.5rem
    }
}

.sale-item__content-title {
    font-size: 20px
}

@media (min-width:576px) {
    .sale-item__content-title {
        font-size: 22px
    }
}

@media (min-width:992px) {
    .sale-item__content-title {
        font-size: 24px
    }
}

.sale-item__content-title:hover {
    color: #007336
}

.sale-item__content-descrp {
    margin-top: .625rem
}

@media (min-width:992px) {
    .sale-item__content-descrp {
        font-size: 1.25rem;
        margin-bottom: 1.25rem
    }
}

.planning-list {
    list-style-type: none!important
}

.feedback-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.feedback-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%
}

@media (min-width:992px) {
    .feedback-item {
        width: calc(50% - 1.25rem);
        font-size: 1.125rem
    }
}

.feedback-item:nth-child(n+3) {
    margin-top: 5rem
}

@media (max-width:992px) {
    .feedback-item+.feedback-item {
        margin-top: 2.5rem
    }
}

.feedback-item__author {
    font-weight: 700;
    font-size: 1.25rem
}

@media (min-width:992px) {
    .feedback-item__author {
        margin-bottom: .625rem
    }
}

.feedback-item__report {
    padding-top: 1.25rem
}

@media (min-width:992px) {
    .feedback-item__report {
        margin-left: 3.75rem
    }
}

.report-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

.report-item__userpic {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 3.75rem;
    background-color: #007336;
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.report-item__text {
    width: calc(100% - 3.75rem);
    padding-left: 1.25rem
}

.report-item__text strong {
    color: #ed6e00
}

.report-item__text p {
    opacity: .5
}

.report-item__text strong+p {
    margin-top: .625rem
}

.price-item {
    padding: 1.875rem 0
}

.price-item:nth-child(2n) {
    background-color: #f0f0f0
}

.price-item a:hover {
    color: #006338
}

.price-item-inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.price-item__content {
    max-width: 70%
}

.price-item__content-title {
    font-size: 18px
}

@media (min-width:576px) {
    .price-item__content-title {
        font-size: 22px
    }
}

@media (min-width:992px) {
    .price-item__content-title {
        font-size: 24px
    }
}

.price-item__content-subtitle {
    opacity: .5
}

.price-item__value {
    font-size: 1.25rem;
    color: #ed6e00
}

.vacancy-list-title {
    margin-top: 0
}

.vacancy-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vacancy-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

@media (min-width:992px) {
    .vacancy-item {
        width: calc(50% - 1.25rem)
    }
}

.vacancy-item__title {
    margin-top: 2.5rem;
    font-size: 18px;
    font-weight: 700
}

@media (min-width:768px) {
    .vacancy-item__title {
        font-size: 22px
    }
}

@media (min-width:992px) {
    .vacancy-item__title {
        font-size: 24px;
        margin-bottom: 1.25rem
    }
}

.vacancy-item__title:hover {
    color: #007336
}

.vacancy-item__title+.contact-item {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.vacancy-section {
    color: #fff;
    background-color: inherit;
}
.vacancy_main_text {
    color: #0E2009;
    width: 731px;
    letter-spacing: 0.01em;
    line-height: 26px;
    font-size: 16px;
}
.vacancy_elem_name {
    color: #144436;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 0.01em;
    font-weight: 900;
    margin-bottom: 20px;
}
.vacancy_elem_mini_head {
    color: #90AFA6;
    letter-spacing: 0.01em;
    line-height: 20px;
    font-size: 14px;
    margin-top: -20px;
}
.vacancy_elem p, .vacancy_elem ul {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #144436;
    margin: 0;
    margin-bottom: 10px;
}
.vacancy_elem a{
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #144436;
}
.vacancy_modal_container {
    font-size: 16px;
    color: #0E2009;
    width: 492px;
    position: absolute;
    right: 0;
    border: 1px solid #ED6E00;
    padding: 25px;
    border-radius: 10px;
    top: 0;
}
.header-scroll .menu-primary__item.active::after{
    content:none;
}
.vacancy-section .container, .all_reviews .container {
    position: relative;
}
.vacancy_modal_container p {
    margin-top: 5px;
}
.vacancy_modal_container p:first-child {
    margin-top: 0;
}
.vacancy_elem a:hover{
    color:#90AFA6;
}
.vacancy_elem_sub_head {
    color: #515151;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.01em;
    margin-bottom: 10px;
}
.vacancy_elem_text {
    margin-bottom: 20px;
}
.vacancy_elem ul {
    padding-left: 10px;
}
.vacancy_elem {
    margin-top: 50px;
    width: 594px;
}
.vacancy_main_text {
    margin-bottom: 70px;
}
.vacancy_elem li{
    position: relative;
}
.vacancy_elem li::before {
    content: '';
    height: 5px;
    width: 5px;
    background: #ED6E00;
    border-radius: 30px;
    position: absolute;
    top: calc(50% - 2.5px);
    left: -10px;
}
.vacancy-feature-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 2.5rem
}
.vacancy_elem_first_text {
    margin-top: 20px;
    margin-bottom: 20px;
}












@media (min-width:768px) and (max-width:991px) {
    .vacancy-feature-list {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:992px) {
    .vacancy-feature-list {
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 5rem
    }
}

.vacancy-feature-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media (max-width:576px) {
    .vacancy-feature-item {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
        margin-bottom: 1.25rem
    }
    .vacancy-feature-item .vacancy-feature-item__icon {
        margin-right: 1.25rem
    }
}

@media (min-width:577px) and (max-width:991px) {
    .vacancy-feature-item {
        width: 25%;
        margin: 2.5rem 1.25rem
    }
}

@media (min-width:992px) {
    .vacancy-feature-item {
        width: calc(20% - 1.25rem)
    }
}

.vacancy-feature-item__icon {
    height: 100px;
    width: 100px;
    margin-bottom: 1.25rem
}

@media (max-width:576px) {
    .vacancy-feature-item__icon {
        width: 40px;
        height: 40px
    }
}

.vacancy-feature-item__title {
    font-size: 1.25rem;
    font-weight: 700
}

@media (max-width:576px) {
    .vacancy-feature-item__title {
        font-size: 1rem
    }
}

.clinic-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.clinic-item:nth-child(2n+1) {
    background-color: #f0f0f0
}

@media (min-width:992px) {
    .clinic-item:last-child {
        margin-bottom: -5rem
    }
}

.clinic-item:hover .clinic-item__content-title {
    color: #007336
}

.clinic-item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (min-width:768px) {
    .clinic-item-inner {
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 2.5rem
    }
}

.clinic-item__content {
    width: 50%
}

@media (min-width:768px) {
    .clinic-item__content {
        padding-right: 2.5rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5em;
    }
}

@media (max-width:768px) {
    .clinic-item__content {
        width: 100%;
        margin-bottom: 2.5rem
    }
}

.clinic-info div:not(.time_p) {
    display: flex;
    margin-top: 20px;
}
.clinic-info div p {
    margin-top: 0;
}
.clinic-info span {
    margin-right: 20px;
    font-weight: 900;
    min-width: 160px;
}
.clinic-item__pic {
    margin-top: 1.25rem
}

.clinic-item__pic img {
    max-width: 100%
}

.clinic-item__map {
    width: 50%
}

@media (max-width:768px) {
    .clinic-item__map {
        width: 100%
    }
}

.map-layout {
    position: relative;
    margin-top: 2.5rem;
    padding-bottom: 60%
}

.map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.media-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.media-layout a {
    transition: all 250ms cubic-bezier(.19, .33, .3, 1)
}

.media-layout__featured {
    width: 100%;
    padding-bottom: 1.875rem
}

@media (min-width:992px) and (max-width:1199px) {
    .media-layout__featured {
        width: calc(33.33% - 1.25rem)
    }
}

@media (min-width:1200px) {
    .media-layout__featured {
        width: calc(41.66% - 1.875rem)
    }
}

.media-layout__list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:992px) and (max-width:1199px) {
    .media-layout__list {
        width: calc(66.66% - 1.25rem)
    }
}

@media (min-width:1200px) {
    .media-layout__list {
        width: calc(58.33% - 1.875rem)
    }
}

.media-layout__list a:hover {
    color: #006338
}

.media-post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.post--card {
    width: 100%;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

@media (min-width:768px) {
    .post--card {
        width: calc(50% - 1.25rem)
    }
}

.media-post__pic {
    margin-bottom: 1.25rem;
    overflow: hidden
}

.media-post__pic img {
    max-width: 100%;
    transition: all .5s cubic-bezier(.19, .33, .3, 1)
}

.media-post.post--card .media-post__title {
    font-size: 1.125rem;
    margin-bottom: 1.25rem
}

@media (min-width:1200px) {
    .media-post.post--card .media-post__title {
        font-size: 1.25rem
    }
}

.media-post.post--featured .media-post__title {
    margin-bottom: .625rem;
    font-size: 22px
}

@media (min-width:576px) {
    .media-post.post--featured .media-post__title {
        font-size: 24px
    }
}

@media (min-width:992px) {
    .media-post.post--featured .media-post__title {
        font-size: 30px
    }
}

.media-post.post--featured:hover .media-post__title {
    color: #006338
}

.media-post.post--featured:hover .media-post__pic img {
    transform: scale(1.05)
}

.media-post__date {
    opacity: .5
}

.photo-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.photo-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

@media (min-width:576px) {
    .photo-item {
        width: calc(50% - 1.875rem)
    }
}

@media (min-width:992px) {
    .photo-item {
        width: calc(33.33% - 1.875rem)
    }
}

.photo-item img {
    overflow: hidden
}

.photo-item:hover .photo-item__title {
    color: #007336
}

.photo-item:hover .photo-item__preview:before {
    transform: translateX(4px) translateY(4px)
}

.photo-item:hover .photo-item__preview:after {
    transform: translateX(2px) translateY(2px)
}

.photo-item__preview {
    position: relative;
    font-size: 0;
    margin-bottom: 1.25rem
}

.photo-item__preview:before {
    content: '';
    position: absolute;
    top: .625rem;
    left: .625rem;
    right: -.625rem;
    bottom: -.625rem;
    border: 1px solid rgba(51, 51, 51, .1);
    background-color: #fff;
    z-index: -1;
    transition: all .5s cubic-bezier(.19, .33, .3, 1)
}

.photo-item__preview:after {
    content: '';
    position: absolute;
    top: .3125rem;
    left: .3125rem;
    right: -.3125rem;
    bottom: -.3125rem;
    border: 1px solid rgba(51, 51, 51, .1);
    background-color: #fff;
    z-index: -1;
    transition: all .5s cubic-bezier(.19, .33, .3, 1)
}

.movie-item__title,
.photo-item__title {
    font-size: 18px;
    margin-top: -1.25rem;
    margin-bottom: 2.5rem
}

@media (min-width:576px) {
    .movie-item__title,
    .photo-item__title {
        font-size: 18px
    }
}

@media (min-width:992px) {
    .movie-item__title,
    .photo-item__title {
        font-size: 30px
    }
}

.photo-layout+.movie-layout {
    margin-top: 3.75rem
}

.movie-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:576px) {
    .movie-item {
        width: calc(50% - 1.875rem)
    }
}

.movie-item:hover .movie-item__title {
    color: #007336
}

.movie-item__preview {
    font-size: 0;
    margin-bottom: 1.25rem
}

.feature-layout {
    display: -ms-flexbox;
    display: flex
}

.feature-layout--column {
    -ms-flex-flow: column;
    flex-flow: column
}

.feature-layout--column .feature-item {
    margin-bottom: 2.5rem
}

@media (max-width:576px) {
    .feature-layout--column {
        margin-top: 2.5rem
    }
}

.feature-layout--row {
    -ms-flex-flow: column;
    flex-flow: column
}

.feature-layout--row .feature-item {
    margin-bottom: 2.5rem
}

@media (min-width:768px) and (max-width:991px) {
    .feature-layout--row {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .feature-layout--row .feature-item {
        width: calc(50% - 1.25rem)
    }
}

@media (min-width:992px) {
    .feature-layout--row {
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .feature-layout--row .feature-item {
        width: calc(33.33% - 1.875rem)
    }
}

@media (min-width:992px) {
    .feature-layout--row .feature-item+.feature-item {
        margin-left: 2.5rem
    }
}

.feature-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.feature-item__title {
    position: relative;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
    color: #ed6e00
}

@media (min-width:1200px) {
    .feature-item__title {
        font-size: 2.5rem
    }
}

@media (min-width:1600px) {
    .feature-item__title {
        font-size: 3.125rem
    }
}

.feature-item__title:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #007336
}

.feature-item__subtitle {
    font-size: 1.125rem;
    opacity: .5;
    margin-top: 1.25rem;
    max-width: 320px
}

@media (min-width:1200px) {
    .feature-item__subtitle {
        font-size: 1.25rem
    }
}

.figure-person {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s cubic-bezier(.19, .33, .3, 1)
}

.article-layout {
    max-width: 960px
}



.article-body a:not(.doctor-control, .btn-outline) {
    color: #007336
}

.article-body a:not(.doctor-control, .btn-outline):hover {
    color: #006338
}

@media (min-width:768px) {
    .article-body {
        font-size: 1.125rem
    }
}

@media (min-width:1200px) {
    .article-body {
        font-size: 1.25rem
    }
}

.article-body p+p {
    margin-top: 1.25rem
}

.article-body img {
    max-width: 100%;
    margin: auto
}



.record_show_more.show {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 80px;
    color: #90afa6;
    border: 1px solid #90afa6;
    border-radius: 20px;
    cursor: pointer;
}
.record_show_more:focus{
    outline: 0!important;
}
.record_show_more:hover{
    color: #144436;
    border-color: #144436;
}

.record_show_more.load_record{
    border-color: #90afa6;
    text-indent: -99999px;
    overflow: hidden;
}

.record_show_more.load_record #loadingProgressG {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: #90afa6;
    margin: auto;
    margin-top: auto;
    margin-left: auto;
    margin-top: -1px;
    margin-left: -1px;
}

.record_show_more.load_record .loadingProgressG {
    background-color: rgb(255,255,255);
    margin-top: 0;
    margin-left: 100%;
    animation-name: bounce_loadingProgressG;
    -o-animation-name: bounce_loadingProgressG;
    -ms-animation-name: bounce_loadingProgressG;
    -webkit-animation-name: bounce_loadingProgressG;
    -moz-animation-name: bounce_loadingProgressG;
    animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    width: 100%;
    height: 100%;
}

@keyframes bounce_loadingProgressG{
    0%{
        margin-left:-100%;
    }
    100%{
        margin-left:100%;
    }
}

@-o-keyframes bounce_loadingProgressG{
    0%{
        margin-left:-100%;
    }
    100%{
        margin-left:100%;
    }
}

@-ms-keyframes bounce_loadingProgressG{
    0%{
        margin-left:-100%;
    }
    100%{
        margin-left:100%;
    }
}

@-webkit-keyframes bounce_loadingProgressG{
    0%{
        margin-left:-100%;
    }
    100%{
        margin-left:100%;
    }
}

@-moz-keyframes bounce_loadingProgressG{
    0%{
        margin-left:-100%;
    }
    100%{
        margin-left:100%;
    }
}



.record_show_more:not(.show){
    display: none;
}
.dont_show.btn{
    display: none;
}

.article-body ul li {
    position: relative;
    margin: 10px 0
}
.copyright_symbol {
    display: block;
    float: left;
    margin-top: -2px;
    margin-right: 4px;
}
.section_detail_text {
    margin-top: 0;
}
.section_new_text *:not(img):not(iframe):not(.podrazd) {
    width: 700px;
	text-align: justify;
}
.section_new_text .podrazd *:not(img){
    width: 700px;
}
.section_new_text img{
    max-width: 630px;
    float: right;
    margin-bottom: 30px;
    clear: both;
}
.close_search:hover .a23 {
    fill: #fff;
}
.main-block-cliniks {
    margin-top: 40px;
}
.article-body ol {
    list-style-type: decimal
}

.article-body ol li {
    margin: 1.875rem 0 1.875rem 2.5rem
}
.article-body ol li {

    margin: 10px 10px 10px 20px;

}
.article-body ul>li {
    padding-left: 25px
}

.article-body ul>li:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    top: 8px;
    left: .3125rem;
    background-color: #ed6e00;
    transform: rotate(45deg);
    border-radius: 3px
}

.article-body ul.list-planning>li {
    padding-left: 2.5rem
}

.article-body ul.list-planning>li:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 23px;
    height: 20px;
    top: 3px;
    left: 0;
    background-image: url(/local/templates/medguard/images/static/ok-icon.svg);
    background-color: transparent;
    transform: none;
    border-radius: none
}

.article-body .contact-item {
    margin-bottom: 32.5px;
}

.article-picture img {
    max-width: 100%;
    margin: auto
}

.lead {
    font-size: 1.125rem;
    max-width: 960px
}

@media (min-width:768px) {
    .lead {
        margin: 2.5rem auto;
        font-size: 20px;
    }
}

.lead ul li {
    position: relative;
    margin: 1.875rem 0
}

.lead ol {
    list-style-type: decimal
}

.lead ol li {
    margin: 1.875rem 0 1.875rem 2.5rem
}

.lead ul>li {
    padding-left: 25px
}

.lead ul>li:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    top: 8px;
    left: .3125rem;
    background-color: #fff;
    transform: rotate(45deg);
    border-radius: 3px
}

.so-so {
    opacity: .5
}

.extra {
    color: #ed6e00
}

.color2 {
    background: #000;
    color: #fff
}

.color2 .article-layout a {
    text-decoration: underline
}


.color2 .header-topline {
    background: #000;
    color: #fff
}

.color2 .page-section--inverse {
    background: #fff
}

.color2 .card-item {
    background: #fff;
    color: #000
}

.color2 .slide-welcome {
    color: #000
}

.color2 .slide-welcome .btn-outline {
    border-color: #000!important;
    color: #000!important
}

.color2 .l-account-nav-item {
    border: 2px solid #fff!important
}

.color2 .l-account-nav-item:hover {
    border-color: #fff;
    background: #fff
}

.color2 .l-account-nav-item__icon {
    display: none
}

.color2 .clinic-item:nth-child(2n+1),
.color2 .page-content__title--super,
.color2 .price-item:nth-child(2n){
    background: #fff
}

.color2 .vacancy-section .lead {
    color: #fff
}

.color2 .slider-welcome .btn-outline {
    border-color: #fff;
    color: #fff
}

.color2 body {
    color: #fff;
    background: #000
}

.color2 .modal-dialog {
    background: #000;
    border: 1px solid #f0f0f0
}

.color2 .modal-content {
    background-color: #000
}

.color2 .modal-footer {
    background-color: #000
}

.color2 .modal-footer p a {
    color: #fff
}

.color2 .close:after,
.color2 .close:before {
    background-color: #fff
}

.color2 .modal-dialog--super {
    color: #000;
    border: 1px solid #239d68
}

.color2 .modal-dialog--super .close:after,
.color2 .modal-dialog--super .close:before {
    background-color: #000
}

.color2 .modal-dialog--super .modal-content {
    background: #4bb989;
    box-shadow: inset 0 0 100px 0 #239d68
}

@media (min-width:768px) {
    .color2 .item__icon {
        background-color: #000
    }
}

@media (max-width:767px) {
    .color2 .item__icon {
        background-color: #000
    }
}

.color2 .selectBox-dropdown {
    background-color: #000;
    border-color: #fff
}

.color2 .selectBox-dropdown .selectBox-arrow {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.color2 .selectBox-dropdown-menu {
    border: solid 1px #bbb;
    background: #000
}

.color2 .selectBox-inline {
    border: solid 1px #bbb;
    background: #000
}

.color2 .selectBox-options LI.selectBox-hover A {
    background-color: #eee
}

.color2 .selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent
}

.color2 .selectBox-options LI.selectBox-selected A {
    background-color: #c8def4
}

.color2 .selectBox-options .selectBox-optgroup {
    color: #666;
    background: #eee
}

.color2 .table-wrapper tbody {
    background-color: #000;
    border: 1px solid rgba(0, 0, 0, .2)
}

.color2 table a:hover {
    opacity: .5;
    color: #fff
}

.color2 .cell-link {
    color: #fff
}

.color2 .cell-link:hover {
    opacity: .5;
    color: #fff
}

.color2 .l-account-nav-item {
    background-color: #000;
    border: 1px solid rgba(0, 0, 0, .1)
}

.color2 .l-account-nav-item:hover {
    background-color: #000
}

.color2 .l-account-nav-item:hover .l-account-nav-item__title {
    color: #fff
}

.color2 .s-account-nav-item {
    color: #fff
}

.color2 .s-account-nav-item:hover {
    color: #fff
}

.color2 .s-account-nav-item.active {
    color: #fff
}

.color2 .s-account-nav-item.active:before {
    background-color: #fff
}

.color2 .header-scroll {
    background-color: #000
}


.color2 .header-scroll .btn-record {
    color: #fff;
    border: 2px solid #fff
}

.color2 .header-topline {
    color: #000
}

.color2 .header-topline svg {
    fill: #fff
}

.color2 .header-topline .link {
    fill: #fff;
    color: #fff
}

@media (max-width:991px) {
    .color2 .header-topline__box {
        background-color: #000
    }
}

.color2 .header-middle {
    background-color: #000
}

.color2 .page-content__title--super {
    background-color: #000
}

.color2 .page-section--inverse {
    background-color: #000
}

.color2 .section__badge {
    color: #fff
}

.color2 .subnav-item a {
    color: #fff
}

.color2 .subnav-item a:hover {
    color: #fff
}

.color2 .subnav-item.active:before {
    background-color: #fff
}

.color2 .subnav-item.active a {
    color: #fff
}

.color2 .page-foot__dev:hover {
    color: #fff
}

.color2 .page-foot__link a:hover {
    color: #fff
}

.color2 .page-up {
    background-color: #000;
    border: 2px solid #fff
}

.color2 .page-up:after,
.color2 .page-up:before {
    background-color: #fff
}

.color2 .menu-primary__item {
    color: #fff
}

.color2 .menu-primary__item a:hover {
    color: #fff
}

.color2 .menu-primary__item.active:after {
    background-color: #fff
}

.color2 .menu-foot-primary__item {
    color: #fff
}

.color2 .menu-foot-primary__item:hover {
    opacity: .5;
    color: #fff
}

.color2 .menu-foot-sec-title {
    color: #fff
}

.color2 .menu-foot-sec a:hover {
    color: #fff
}

.color2 header .social-item {
    fill: #000
}

.color2 .contact-item {
    color: #fff
}

.color2 .contact-item__title:hover {
    color: #fff
}

.color2 .link-select:after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000
}

.color2 .link-instagram {
    color: #fff
}

.color2 .link-download:hover span:first-child {
    color: #fff
}

.color2 .link-more__icon {
    background-color: #000
}

.color2 .btn-action {
    color: #000!important;
    background-color: #fff
}

.color2 .btn-account:hover,
.color2 .btn-action:hover {
    box-shadow: 0 20px 20px -20px #000
}

.color2 .btn-account:active,
.color2 .btn-action:active {
    background-color: #000;
    box-shadow: 0 20px 20px -20px #ed6e00
}

.color2 .btn-outline {
    color: #fff;
    border: 2px solid #fff;
    margin: .625rem 0
}

.color2 .btn-outline:hover,
.color2 .btn-record:hover {
    background: #fff;
    color: #000
}

.color2 .btn-outline:active,
.color2 .btn-record:active {
    color: #fff;
    border: 2px solid #fff
}

.color2 .btn-search {
    fill: #000
}

.color2 .btn-account {
    color: #000;
    background-color: #fff
}

.color2 .btn-record {
    color: #fff;
    border: 2px solid #fff
}

.color2 .btn-close:before {
    background-color: #fff
}

.color2 .btn-close:after {
    background-color: #fff
}

@media (max-width:991px) {
    .color2 .nav-toggler span {
        background-color: #000
    }
}

.color2 .toggle-control.active {
    color: #fff
}

.color2 .toggle-control.active:after {
    background-color: #fff
}

.color2 .time-control {
    background-color: #000
}

.color2 .time-control:hover {
    color: #000;
    background-color: #fff
}

.color2 .body--inverse {
    background-color: #f6f6f6
}

.color2 .form-field--input input {
    border: 1px solid #fff;
    color: #fff
}

.color2 .form-field--input input:hover {
    border-color: #fff;
    outline: 0
}

.color2 .form-field--input input:active {
    border-color: #fff;
    outline: 0
}

.color2 .form-field--input input:focus {
    border-color: #fff;
    outline: 0
}

.color2 .form-field--textarea textarea {
    border: 1px solid #fff;
    color: #fff
}

.color2 .form-field--textarea textarea:hover {
    border-color: #fff
}

.color2 .form-field--textarea textarea:active {
    border-color: #fff
}

.color2 .form-field--textarea textarea:focus {
    border-color: #fff
}

.color2 .form-foot a {
    color: #fff
}

.color2 .date-control {
    border: 1px solid #000;
    background-color: #000
}

.color2 .date-control:hover {
    background-color: #fff;
    color: #000
}

.color2 .doctor-control {
    border: 1px solid #e6e6e6;
    background-color: #000
}

.color2 .doctor-control:hover {
    border-color: #fff
}

.color2 .doctor-control--empty {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

.color2 .result-list__item:hover .result-list__item-title {
    color: #fff
}

.color2 .record-item .form-layout {
    background-color: #000
}

.color2 .page-404__title {
    color: #fff
}

.color2 .slider-welcome .swiper-button-next,
.color2 .slider-welcome .swiper-button-prev {
    background-color: #000
}

.color2 .swiper-pagination-welcome .swiper-pagination-bullet:before {
    border: 2px solid #fff
}

.color2 .swiper-pagination-welcome .swiper-pagination-bullet-active:before {
    border-color: #fff;
    background-color: #fff
}

.color2 .picture-card {
    background-color: #000;
    border: 1px solid #fff
}

.color2 .slider-gallery .swiper-button-next,
.color2 .slider-gallery .swiper-button-prev {
    background-color: #fff
}

.color2 .slider-gallery .swiper-button-next:hover,
.color2 .slider-gallery .swiper-button-prev:hover {
    background-color: #000
}

.color2 .swiper-pagination-gallery .swiper-pagination-bullet:before {
    border: 2px solid #fff
}

.color2 .swiper-pagination-gallery .swiper-pagination-bullet-active:before {
    border-color: #fff;
    background-color: #fff
}

.color2 .dep-list__title {
    color: #fff
}

.color2 .dep-list a:hover {
    color: #fff
}


.color2 .service-item a:hover {
    color: #000
}

.color2 .faq-item__title:after,
.color2 .faq-item__title:before {
    background-color: #fff
}

.color2 .sale-card {
    background-color: #000;
    border: 1px solid #fff
}

.color2 .sale-card:hover .sale-card__content-title {
    color: #fff
}

.color2 .sale-item__content-title:hover {
    color: #fff
}

.color2 .report-item__userpic {
    background-color: #fff;
    color: #000
}

.color2 .report-item__text strong {
    color: #fff
}

.color2 .price-item:nth-child(2n) {
    background-color: #000
}

.color2 .price-item a:hover {
    color: #000
}

.color2 .price-item__value {
    color: #fff
}

.color2 .vacancy-item__title:hover {
    color: #fff
}

.color2 .vacancy-section {
    background-color: #000
}

.color2 .clinic-item:nth-child(2n+1) {
    background-color: #000
}

.color2 .clinic-item:hover .clinic-item__content-title {
    color: #fff
}

.color2 .media-layout__list a:hover {
    opacity: .5;
    color: #fff
}

.color2 .media-post.post--featured:hover .media-post__title {
    opacity: .5;
    color: #fff
}

.color2 .photo-item:hover .photo-item__title {
    color: #fff
}

.color2 .photo-item__preview:before {
    background-color: #000
}

.color2 .photo-item__preview:after {
    background-color: #000
}

.color2 .movie-item:hover .movie-item__title {
    color: #fff
}

.color2 .feature-item__title {
    color: #fff
}

.color2 .feature-item__title:before {
    background-color: #fff
}

.color2 .article-body a {
    color: #fff
}
.article-body {
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 26px;
    color: #0E2009;
}
.color2 .article-body a:hover {
    opacity: .5;
    color: #fff
}

.color2 .article-body ul>li:before {
    background-color: #000
}

.color2 .lead ul>li:before {
    content: '';
    background-color: #000
}

.color2 .extra {
    color: #fff
}

.color1 {
    background: #fff;
    color: #000
}

.color1 .article-layout a {
    text-decoration: underline
}

.color1 .header-topline {
    background: #000;
    color: #fff
}

.color1 .header-topline svg {
    fill: #000
}

.color1 .page-section--inverse {
    background: #000
}

.color1 .card-item {
    background: #fff;
    color: #000
}

.color1 .slide-welcome {
    color: #000
}

.color1 .l-account-nav-item {
    border-color: #000
}

.color1 .l-account-nav-item:hover {
    border-color: #000;
    background: #000
}

.color1 .l-account-nav-item__icon {
    display: none
}

.color1 .clinic-item:nth-child(2n+1),
.color1 .page-content__title--super,
.color1 .price-item:nth-child(2n){
    background: #000
}

.color1 .vacancy-section .lead {
    color: #fff
}

.color1 .slider-welcome .btn-outline {
    border-color: #000;
    color: #000
}

.color1 body {
    color: #000;
    background: #fff
}

.color1 .modal-dialog {
    background: #fff;
    border: 1px solid #f0f0f0
}

.color1 .modal-content {
    background-color: #fff
}

.color1 .modal-footer {
    background-color: #fff
}

.color1 .modal-footer p a {
    color: #000
}

.color1 .close:after,
.color1 .close:before {
    background-color: #000
}

.color1 .modal-dialog--super {
    color: #fff;
    border: 1px solid #239d68
}

.color1 .modal-dialog--super .close:after,
.color1 .modal-dialog--super .close:before {
    background-color: #fff
}

.color1 .modal-dialog--super .modal-content {
    background: #4bb989;
    box-shadow: inset 0 0 100px 0 #239d68
}

@media (min-width:768px) {
    .color1 .item__icon {
        background-color: #fff
    }
}

@media (max-width:767px) {
    .color1 .item__icon {
        background-color: #fff
    }
}

.color1 .selectBox-dropdown {
    background-color: #fff;
    border-color: #000
}

.color1 .selectBox-dropdown .selectBox-arrow {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000
}

.color1 .selectBox-dropdown-menu {
    border: solid 1px #bbb;
    background: #fff
}

.color1 .selectBox-inline {
    border: solid 1px #bbb;
    background: #fff
}

.color1 .selectBox-options LI.selectBox-hover A {
    background-color: #eee
}

.color1 .selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent
}

.color1 .selectBox-options LI.selectBox-selected A {
    background-color: #c8def4
}

.color1 .selectBox-options .selectBox-optgroup {
    color: #666;
    background: #eee
}

.color1 .table-wrapper tbody {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2)
}

.color1 table a:hover {
    opacity: .5;
    color: #000
}

.color1 .cell-link {
    color: #000
}

.color1 .cell-link:hover {
    opacity: .5;
    color: #000
}

.color1 .l-account-nav-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1)
}

.color1 .l-account-nav-item:hover {
    background-color: #fff
}

.color1 .l-account-nav-item:hover .l-account-nav-item__title {
    color: #000
}

.color1 .s-account-nav-item {
    color: #000
}

.color1 .s-account-nav-item:hover {
    color: #000
}

.color1 .s-account-nav-item.active {
    color: #000
}

.color1 .s-account-nav-item.active:before {
    background-color: #000
}

.color1 .header-scroll {
    background-color: #fff
}


.color1 .header-scroll .btn-record {
    color: #000;
    border: 2px solid #000
}

.color1 .header-topline {
    color: #fff
}

.color1 .header-topline .link {
    fill: #fff
}

@media (max-width:991px) {
    .color1 .header-topline__box {
        background-color: #fff
    }
}

.color1 .header-middle {
    background-color: #fff
}

.color1 .page-content__title--super {
    background-color: #fff
}

.color1 .page-section--inverse {
    background-color: #fff
}

.color1 .section__badge {
    color: #000
}

.color1 .subnav-item a {
    color: #000
}

.color1 .subnav-item a:hover {
    color: #000
}

.color1 .subnav-item.active:before {
    background-color: #000
}

.color1 .subnav-item.active a {
    color: #000
}

.color1 .page-foot__dev:hover {
    color: #000
}

.color1 .page-foot__link a:hover {
    color: #000
}

.color1 .page-up {
    background-color: #fff;
    border: 2px solid #000
}

.color1 .page-up:after,
.color1 .page-up:before {
    background-color: #000
}

.color1 .menu-primary__item {
    color: #000
}

.color1 .menu-primary__item a:hover {
    color: #000
}

.color1 .menu-primary__item.active:after {
    background-color: #000
}

.color1 .menu-foot-primary__item {
    color: #000
}

.color1 .menu-foot-primary__item:hover {
    opacity: .5;
    color: #000
}

.color1 .menu-foot-sec-title {
    color: #000
}

.color1 .menu-foot-sec a:hover {
    color: #000
}

.color1 header .social-item {
    fill: #fff
}

.color1 .contact-item {
    color: #000
}

.color1 .contact-item__title:hover {
    color: #000
}

.color1 .link-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.color1 .link-instagram {
    color: #000
}

.color1 .link-download:hover span:first-child {
    color: #000
}

.color1 .link-more__icon {
    background-color: #fff
}

.color1 .btn-action {
    color: #fff!important;
    background-color: #000
}

.color1 .btn-account:hover,
.color1 .btn-action:hover {
    box-shadow: 0 20px 20px -20px #fff
}

.color1 .btn-account:active,
.color1 .btn-action:active {
    background-color: #fff;
    box-shadow: 0 20px 20px -20px #ed6e00
}

.color1 .btn-outline {
    color: #000;
    border: 2px solid #000;
    margin: .625rem 0
}

.color1 .btn-outline:hover,
.color1 .btn-record:hover {
    background: #000;
    color: #fff
}

.color1 .btn-outline:active,
.color1 .btn-record:active {
    color: #000;
    border: 2px solid #000
}

.color1 .btn-search {
    fill: #fff
}

.color1 .btn-account {
    color: #fff;
    background-color: #000
}

.color1 .btn-record {
    color: #000;
    border: 2px solid #000
}

.color1 .btn-close:before {
    background-color: #000
}

.color1 .btn-close:after {
    background-color: #000
}

@media (max-width:991px) {
    .color1 .nav-toggler span {
        background-color: #fff
    }
}

.color1 .toggle-control.active {
    color: #000
}

.color1 .toggle-control.active:after {
    background-color: #000
}

.color1 .time-control {
    background-color: #fff
}

.color1 .time-control:hover {
    color: #fff;
    background-color: #000
}

.color1 .body--inverse {
    background-color: #f6f6f6
}

.color1 .form-field--input input {
    border: 1px solid #000;
    color: #000
}

.color1 .form-field--input input:hover {
    border-color: #000;
    outline: 0
}

.color1 .form-field--input input:active {
    border-color: #000;
    outline: 0
}

.color1 .form-field--input input:focus {
    border-color: #000;
    outline: 0
}

.color1 .form-field--textarea textarea {
    border: 1px solid #000;
    color: #000
}

.color1 .form-field--textarea textarea:hover {
    border-color: #000
}

.color1 .form-field--textarea textarea:active {
    border-color: #000
}

.color1 .form-field--textarea textarea:focus {
    border-color: #000
}

.color1 .form-foot a {
    color: #000
}

.color1 .date-control {
    border: 1px solid #fff;
    background-color: #fff
}

.color1 .date-control:hover {
    background-color: #000;
    color: #fff
}

.color1 .doctor-control {
    border: 1px solid #e6e6e6;
    background-color: #fff
}

.color1 .doctor-control:hover {
    border-color: #000
}

.color1 .doctor-control--empty {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.color1 .result-list__item:hover .result-list__item-title {
    color: #000
}

.color1 .record-item .form-layout {
    background-color: #fff
}

.color1 .page-404__title {
    color: #000
}

.color1 .slider-welcome .swiper-button-next,
.color1 .slider-welcome .swiper-button-prev {
    background-color: #000
}

.color1 .slider-welcome .swiper-button-next:hover,
.color1 .slider-welcome .swiper-button-prev:hover {
    background-color: #fff
}

.color1 .swiper-pagination-welcome .swiper-pagination-bullet:before {
    border: 2px solid #000
}

.color1 .swiper-pagination-welcome .swiper-pagination-bullet-active:before {
    border-color: #000;
    background-color: #000
}

.color1 .picture-card {
    background-color: #fff;
    border: 1px solid #000
}

.color1 .slider-gallery .swiper-button-next,
.color1 .slider-gallery .swiper-button-prev {
    background-color: #000
}

.color1 .slider-gallery .swiper-button-next:hover,
.color1 .slider-gallery .swiper-button-prev:hover {
    background-color: #fff
}

.color1 .swiper-pagination-gallery .swiper-pagination-bullet:before {
    border: 2px solid #000
}

.color1 .swiper-pagination-gallery .swiper-pagination-bullet-active:before {
    border-color: #000;
    background-color: #000
}

.color1 .dep-list__title {
    color: #000
}

.color1 .dep-list a:hover {
    color: #000
}


.color1 .service-item a:hover {
    color: #fff
}

.color1 .faq-item__title:after,
.color1 .faq-item__title:before {
    background-color: #000
}

.color1 .sale-card {
    background-color: #fff;
    border: 1px solid #000
}

.color1 .sale-card:hover .sale-card__content-title {
    color: #000
}

.color1 .sale-item__content-title:hover {
    color: #000
}

.color1 .report-item__userpic {
    background-color: #000;
    color: #fff
}

.color1 .report-item__text strong {
    color: #000
}

.color1 .price-item:nth-child(2n) {
    background-color: #fff
}

.color1 .price-item a:hover {
    color: #fff
}

.color1 .price-item__value {
    color: #000
}

.color1 .vacancy-item__title:hover {
    color: #000
}

.color1 .vacancy-section {
    color: #fff;
    background-color: #000
}

.color1 .clinic-item:nth-child(2n+1) {
    background-color: #fff
}

.color1 .clinic-item:hover .clinic-item__content-title {
    color: #000
}

.color1 .media-layout__list a:hover {
    opacity: .5;
    color: #000
}

.color1 .media-post.post--featured:hover .media-post__title {
    opacity: .5;
    color: #000
}

.color1 .photo-item:hover .photo-item__title {
    color: #000
}

.color1 .photo-item__preview:before {
    background-color: #fff
}

.color1 .photo-item__preview:after {
    background-color: #fff
}

.color1 .movie-item:hover .movie-item__title {
    color: #000
}

.color1 .feature-item__title {
    color: #000
}

.color1 .feature-item__title:before {
    background-color: #000
}

.color1 .article-body a {
    color: #000
}

.color1 .article-body a:hover {
    opacity: .5;
    color: #000
}

.color1 .article-body ul>li:before {
    background-color: #fff
}

.color1 .lead ul>li:before {
    content: '';
    background-color: #fff
}

.color1 .extra {
    color: #000
}

.color3 {
    background: #9dd1ff;
    color: #063462
}

.color3 .header-topline {
    background: #063462;
    color: #fff
}

.color3 .header-topline svg {
    fill: #063462
}

.color3 .page-section--inverse {
    background: #063462
}

.color3 .card-item {
    background: #fff;
    color: #063462
}

.color3 .slide-welcome {
    color: #063462
}

.color3 .l-account-nav-item {
    border-color: #063462
}

.color3 .l-account-nav-item:hover {
    border-color: #063462;
    background: #063462
}

.color3 .l-account-nav-item__icon {
    display: none
}

.color3 .clinic-item:nth-child(2n+1),
.color3 .page-content__title--super,
.color3 .price-item:nth-child(2n){
    background: #063462
}

.color3 .vacancy-section .lead {
    color: #fff
}

.color3 .slider-welcome .btn-outline {
    border-color: #063462;
    color: #063462
}

.color3 body {
    color: #063462;
    background: #9dd1ff
}

.color3 .modal-dialog {
    background: #9dd1ff;
    border: 1px solid #f0f0f0
}

.color3 .modal-content {
    background-color: #9dd1ff
}

.color3 .modal-footer {
    background-color: #9dd1ff
}

.color3 .modal-footer p a {
    color: #063462
}

.color3 .close:after,
.color3 .close:before {
    background-color: #063462
}

.color3 .modal-dialog--super {
    color: #9dd1ff;
    border: 1px solid #239d68
}

.color3 .modal-dialog--super .close:after,
.color3 .modal-dialog--super .close:before {
    background-color: #9dd1ff
}

.color3 .modal-dialog--super .modal-content {
    background: #4bb989;
    box-shadow: inset 0 0 100px 0 #239d68
}

@media (min-width:768px) {
    .color3 .item__icon {
        background-color: #9dd1ff
    }
}

@media (max-width:767px) {
    .color3 .item__icon {
        background-color: #9dd1ff
    }
}

.color3 .selectBox-dropdown {
    background-color: #9dd1ff;
    border-color: #063462
}

.color3 .selectBox-dropdown .selectBox-arrow {
    border-right: 2px solid #063462;
    border-bottom: 2px solid #063462
}

.color3 .selectBox-dropdown-menu {
    border: solid 1px #bbb;
    background: #fff
}

.color3 .selectBox-inline {
    border: solid 1px #bbb;
    background: #fff
}

.color3 .selectBox-options LI.selectBox-hover A {
    background-color: #eee
}

.color3 .selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent
}

.color3 .selectBox-options LI.selectBox-selected A {
    background-color: #c8def4
}

.color3 .selectBox-options .selectBox-optgroup {
    color: #666;
    background: #eee
}

.color3 .table-wrapper tbody {
    background-color: #9dd1ff;
    border: 1px solid rgba(0, 0, 0, .2)
}

.color3 table a:hover {
    opacity: .5;
    color: #063462
}

.color3 .cell-link {
    color: #063462
}

.color3 .cell-link:hover {
    opacity: .5;
    color: #063462
}

.color3 .l-account-nav-item {
    background-color: #9dd1ff;
    border: 1px solid rgba(0, 0, 0, .1)
}

.color3 .l-account-nav-item:hover {
    background-color: #9dd1ff
}

.color3 .l-account-nav-item:hover .l-account-nav-item__title {
    color: #063462
}

.color3 .s-account-nav-item {
    color: #063462
}

.color3 .s-account-nav-item:hover {
    color: #063462
}

.color3 .s-account-nav-item.active {
    color: #063462
}

.color3 .s-account-nav-item.active:before {
    background-color: #063462
}

.color3 .header-scroll {
    background-color: #9dd1ff
}


.color3 .header-scroll .btn-record {
    color: #063462;
    border: 2px solid #063462
}

.color3 .header-topline {
    color: #9dd1ff
}

.color3 .header-topline .link {
    fill: #9dd1ff
}

@media (max-width:991px) {
    .color3 .header-topline__box {
        background-color: #9dd1ff
    }
}

.color3 .header-middle {
    background-color: #9dd1ff
}

.color3 .page-content__title--super {
    background-color: #9dd1ff
}

.color3 .page-section--inverse {
    background-color: #9dd1ff
}

.color3 .section__badge {
    color: #063462
}

.color3 .subnav-item a {
    color: #063462
}

.color3 .subnav-item a:hover {
    color: #063462
}

.color3 .subnav-item.active:before {
    background-color: #063462
}

.color3 .subnav-item.active a {
    color: #063462
}

.color3 .page-foot__dev:hover {
    color: #063462
}

.color3 .page-foot__link a:hover {
    color: #063462
}

.color3 .page-up {
    background-color: #9dd1ff;
    border: 2px solid #063462
}

.color3 .page-up:after,
.color3 .page-up:before {
    background-color: #063462
}

.color3 .menu-primary__item {
    color: #063462
}

.color3 .menu-primary__item a:hover {
    color: #063462
}

.color3 .menu-primary__item.active:after {
    background-color: #063462
}

.color3 .menu-foot-primary__item {
    color: #063462
}

.color3 .menu-foot-primary__item:hover {
    opacity: .5;
    color: #063462
}

.color3 .menu-foot-sec-title {
    color: #063462
}

.color3 .menu-foot-sec a:hover {
    color: #063462
}

.color3 header .social-item {
    fill: #9dd1ff
}

.color3 .contact-item {
    color: #063462
}

.color3 .contact-item__title:hover {
    color: #063462
}

.color3 .link-select:after {
    border-bottom: 2px solid #9dd1ff;
    border-right: 2px solid #9dd1ff
}

.color3 .link-instagram {
    color: #063462
}

.color3 .link-download:hover span:first-child {
    color: #063462
}

.color3 .link-more__icon {
    background-color: #9dd1ff
}

.color3 .btn-action {
    color: #9dd1ff!important;
    background-color: #063462
}

.color3 .btn-account:hover,
.color3 .btn-action:hover {
    box-shadow: 0 20px 20px -20px #9dd1ff
}

.color3 .btn-account:active,
.color3 .btn-action:active {
    background-color: #9dd1ff;
    box-shadow: 0 20px 20px -20px #ed6e00
}

.color3 .btn-outline {
    color: #063462;
    border: 2px solid #063462;
    margin: .625rem 0
}

.color3 .btn-outline:hover,
.color3 .btn-record:hover {
    background: #063462;
    color: #fff
}

.color3 .btn-outline:active,
.color3 .btn-record:active {
    color: #063462;
    border: 2px solid #063462
}

.color3 .btn-search {
    fill: #9dd1ff
}

.color3 .btn-account {
    color: #9dd1ff;
    background-color: #063462
}

.color3 .btn-record {
    color: #063462;
    border: 2px solid #063462
}

.color3 .btn-close:before {
    background-color: #063462
}

.color3 .btn-close:after {
    background-color: #063462
}

@media (max-width:991px) {
    .color3 .nav-toggler span {
        background-color: #9dd1ff
    }
}

.color3 .toggle-control.active {
    color: #063462
}

.color3 .toggle-control.active:after {
    background-color: #063462
}

.color3 .time-control {
    background-color: #9dd1ff
}

.color3 .time-control:hover {
    color: #9dd1ff;
    background-color: #063462
}

.color3 .body--inverse {
    background-color: #f6f6f6
}

.color3 .form-field--input input {
    border: 1px solid #063462;
    color: #000
}

.color3 .form-field--input input:hover {
    border-color: #063462;
    outline: 0
}

.color3 .form-field--input input:active {
    border-color: #063462;
    outline: 0
}

.color3 .form-field--input input:focus {
    border-color: #063462;
    outline: 0
}

.color3 .form-field--textarea textarea {
    border: 1px solid #063462;
    color: #000
}

.color3 .form-field--textarea textarea:hover {
    border-color: #063462
}

.color3 .form-field--textarea textarea:active {
    border-color: #063462
}

.color3 .form-field--textarea textarea:focus {
    border-color: #063462
}

.color3 .form-foot a {
    color: #063462
}

.color3 .date-control {
    border: 1px solid #fff;
    background-color: #9dd1ff
}

.color3 .date-control:hover {
    background-color: #063462;
    color: #9dd1ff
}

.color3 .doctor-control {
    border: 1px solid #e6e6e6;
    background-color: #9dd1ff
}

.color3 .doctor-control:hover {
    border-color: #063462
}

.color3 .doctor-control--empty {
    background-color: #063462;
    border-color: #063462;
    color: #9dd1ff
}

.color3 .result-list__item:hover .result-list__item-title {
    color: #063462
}

.color3 .record-item .form-layout {
    background-color: #9dd1ff
}

.color3 .page-404__title {
    color: #063462
}

.color3 .slider-welcome .swiper-button-next,
.color3 .slider-welcome .swiper-button-prev {
    background-color: #063462
}

.color3 .slider-welcome .swiper-button-next:hover,
.color3 .slider-welcome .swiper-button-prev:hover {
    background-color: #9dd1ff
}

.color3 .swiper-pagination-welcome .swiper-pagination-bullet:before {
    border: 2px solid #063462
}

.color3 .swiper-pagination-welcome .swiper-pagination-bullet-active:before {
    border-color: #063462;
    background-color: #063462
}

.color3 .picture-card {
    background-color: #9dd1ff;
    border: 1px solid #063462
}

.color3 .slider-gallery .swiper-button-next,
.color3 .slider-gallery .swiper-button-prev {
    background-color: #063462
}

.color3 .slider-gallery .swiper-button-next:hover,
.color3 .slider-gallery .swiper-button-prev:hover {
    background-color: #9dd1ff
}

.color3 .swiper-pagination-gallery .swiper-pagination-bullet:before {
    border: 2px solid #063462
}

.color3 .swiper-pagination-gallery .swiper-pagination-bullet-active:before {
    border-color: #063462;
    background-color: #063462
}

.color3 .dep-list__title {
    color: #063462
}

.color3 .dep-list a:hover {
    color: #063462
}


.color3 .service-item a:hover {
    color: #9dd1ff
}

.color3 .faq-item__title:after,
.color3 .faq-item__title:before {
    background-color: #063462
}

.color3 .sale-card {
    background-color: #9dd1ff;
    border: 1px solid #063462
}

.color3 .sale-card:hover .sale-card__content-title {
    color: #063462
}

.color3 .sale-item__content-title:hover {
    color: #063462
}

.color3 .report-item__userpic {
    background-color: #063462;
    color: #9dd1ff
}

.color3 .report-item__text strong {
    color: #063462
}

.color3 .price-item:nth-child(2n) {
    background-color: #9dd1ff
}

.color3 .price-item a:hover {
    color: #9dd1ff
}

.color3 .price-item__value {
    color: #063462
}

.color3 .vacancy-item__title:hover {
    color: #063462
}

.color3 .vacancy-section {
    color: #9dd1ff;
    background-color: #063462
}

.color3 .clinic-item:nth-child(2n+1) {
    background-color: #9dd1ff
}

.color3 .clinic-item:hover .clinic-item__content-title {
    color: #063462
}

.color3 .media-layout__list a:hover {
    opacity: .5;
    color: #063462
}

.color3 .media-post.post--featured:hover .media-post__title {
    opacity: .5;
    color: #063462
}

.color3 .photo-item:hover .photo-item__title {
    color: #063462
}

.color3 .photo-item__preview:before {
    background-color: #9dd1ff
}

.color3 .photo-item__preview:after {
    background-color: #9dd1ff
}

.color3 .movie-item:hover .movie-item__title {
    color: #063462
}

.color3 .feature-item__title {
    color: #063462
}

.color3 .feature-item__title:before {
    background-color: #063462
}

.color3 .article-body a {
    color: #063462
}

.color3 .article-body a:hover {
    opacity: .5;
    color: #063462
}

.color3 .article-body ul>li:before {
    background-color: #9dd1ff
}

.color3 .lead ul>li:before {
    content: '';
    background-color: #9dd1ff
}

.color3 .extra {
    color: #063462
}

.color4 {
    background: #f7f3d6;
    color: #4d4b43
}

.color4 .article-layout a {
    text-decoration: underline
}

.color4 .header-topline {
    background: #4d4b43;
    color: #fff
}

.color4 .header-topline svg {
    fill: #4d4b43
}

.color4 .page-section--inverse {
    background: #4d4b43
}

.color4 .card-item {
    background: #fff;
    color: #4d4b43
}

.color4 .slide-welcome {
    color: #4d4b43
}

.color4 .l-account-nav-item {
    border-color: #4d4b43
}

.color4 .l-account-nav-item:hover {
    border-color: #4d4b43;
    background: #4d4b43
}

.color4 .l-account-nav-item__icon {
    display: none
}

.color4 .clinic-item:nth-child(2n+1),
.color4 .page-content__title--super,
.color4 .price-item:nth-child(2n){
    background: #4d4b43
}

.color4 .vacancy-section .lead {
    color: #fff
}

.color4 .slider-welcome .btn-outline {
    border-color: #4d4b43;
    color: #4d4b43
}

.color4 body {
    color: #4d4b43;
    background: #f7f3d6
}

.color4 .modal-dialog {
    background: #f7f3d6;
    border: 1px solid #f0f0f0
}

.color4 .modal-content {
    background-color: #f7f3d6
}

.color4 .modal-footer {
    background-color: #f7f3d6
}

.color4 .modal-footer p a {
    color: #4d4b43
}

.color4 .close:after,
.color4 .close:before {
    background-color: #4d4b43
}

.color4 .modal-dialog--super {
    color: #f7f3d6;
    border: 1px solid #239d68
}

.color4 .modal-dialog--super .close:after,
.color4 .modal-dialog--super .close:before {
    background-color: #f7f3d6
}

.color4 .modal-dialog--super .modal-content {
    background: #4bb989;
    box-shadow: inset 0 0 100px 0 #239d68
}

@media (min-width:768px) {
    .color4 .item__icon {
        background-color: #f7f3d6
    }
}

@media (max-width:767px) {
    .color4 .item__icon {
        background-color: #f7f3d6
    }
}

.color4 .selectBox-dropdown {
    background-color: #f7f3d6;
    border-color: #4d4b43
}

.color4 .selectBox-dropdown .selectBox-arrow {
    border-right: 2px solid #4d4b43;
    border-bottom: 2px solid #4d4b43
}

.color4 .selectBox-dropdown-menu {
    border: solid 1px #bbb;
    background: #f7f3d6
}

.color4 .selectBox-inline {
    border: solid 1px #bbb;
    background: #f7f3d6
}

.color4 .selectBox-options LI.selectBox-hover A {
    background-color: #eee
}

.color4 .selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent
}

.color4 .selectBox-options LI.selectBox-selected A {
    background-color: #c8def4
}

.color4 .selectBox-options .selectBox-optgroup {
    color: #666;
    background: #eee
}

.color4 .table-wrapper tbody {
    background-color: #f7f3d6;
    border: 1px solid rgba(0, 0, 0, .2)
}

.color4 table a:hover {
    opacity: .5;
    color: #4d4b43
}

.color4 .cell-link {
    color: #4d4b43
}

.color4 .cell-link:hover {
    opacity: .5;
    color: #4d4b43
}

.color4 .l-account-nav-item {
    background-color: #f7f3d6;
    border: 1px solid rgba(0, 0, 0, .1)
}

.color4 .l-account-nav-item:hover {
    background-color: #f7f3d6
}

.color4 .l-account-nav-item:hover .l-account-nav-item__title {
    color: #4d4b43
}

.color4 .s-account-nav-item {
    color: #4d4b43
}

.color4 .s-account-nav-item:hover {
    color: #4d4b43
}

.color4 .s-account-nav-item.active {
    color: #4d4b43
}

.color4 .s-account-nav-item.active:before {
    background-color: #4d4b43
}

.color4 .header-scroll {
    background-color: #f7f3d6
}


.color4 .header-scroll .btn-record {
    color: #4d4b43;
    border: 2px solid #4d4b43
}

.color4 .header-topline {
    color: #f7f3d6
}

.color4 .header-topline .link {
    fill: #f7f3d6
}

@media (max-width:991px) {
    .color4 .header-topline__box {
        background-color: #f7f3d6
    }
}

.color4 .header-middle {
    background-color: #f7f3d6
}

.color4 .page-content__title--super {
    background-color: #f7f3d6
}

.color4 .page-section--inverse {
    background-color: #f7f3d6
}

.color4 .section__badge {
    color: #4d4b43
}

.color4 .subnav-item a {
    color: #4d4b43
}

.color4 .subnav-item a:hover {
    color: #4d4b43
}

.color4 .subnav-item.active:before {
    background-color: #4d4b43
}

.color4 .subnav-item.active a {
    color: #4d4b43
}

.color4 .page-foot__dev:hover {
    color: #4d4b43
}

.color4 .page-foot__link a:hover {
    color: #4d4b43
}

.color4 .page-up {
    background-color: #f7f3d6;
    border: 2px solid #4d4b43
}

.color4 .page-up:after,
.color4 .page-up:before {
    background-color: #4d4b43
}

.color4 .menu-primary__item {
    color: #4d4b43
}

.color4 .menu-primary__item a:hover {
    color: #4d4b43
}

.color4 .menu-primary__item.active:after {
    background-color: #4d4b43
}

.color4 .menu-foot-primary__item {
    color: #4d4b43
}

.color4 .menu-foot-primary__item:hover {
    opacity: .5;
    color: #4d4b43
}

.color4 .menu-foot-sec-title {
    color: #4d4b43
}

.color4 .menu-foot-sec a:hover {
    color: #4d4b43
}

.color4 header .social-item {
    fill: #f7f3d6
}

.color4 .contact-item {
    color: #4d4b43
}

.color4 .contact-item__title:hover {
    color: #4d4b43
}

.color4 .link-select:after {
    border-bottom: 2px solid #f7f3d6;
    border-right: 2px solid #f7f3d6
}

.color4 .link-instagram {
    color: #4d4b43
}

.color4 .link-download:hover span:first-child {
    color: #4d4b43
}

.color4 .link-more__icon {
    background-color: #f7f3d6
}

.color4 .btn-action {
    color: #f7f3d6!important;
    background-color: #4d4b43
}

.color4 .btn-account:hover,
.color4 .btn-action:hover {
    box-shadow: 0 20px 20px -20px #f7f3d6
}

.color4 .btn-account:active,
.color4 .btn-action:active {
    background-color: #f7f3d6;
    box-shadow: 0 20px 20px -20px #ed6e00
}

.color4 .btn-outline {
    color: #4d4b43;
    border: 2px solid #4d4b43;
    margin: .625rem 0
}

.color4 .btn-outline:hover,
.color4 .btn-record:hover {
    background: #4d4b43;
    color: #f7f3d6
}

.color4 .btn-outline:active,
.color4 .btn-record:active {
    color: #4d4b43;
    border: 2px solid #4d4b43
}

.color4 .btn-search {
    fill: #f7f3d6
}

.color4 .btn-account {
    color: #f7f3d6;
    background-color: #4d4b43
}

.color4 .btn-record {
    color: #4d4b43;
    border: 2px solid #4d4b43
}

.color4 .btn-close:before {
    background-color: #4d4b43
}

.color4 .btn-close:after {
    background-color: #4d4b43
}

@media (max-width:991px) {
    .color4 .nav-toggler span {
        background-color: #f7f3d6
    }
}

.color4 .toggle-control.active {
    color: #4d4b43
}

.color4 .toggle-control.active:after {
    background-color: #4d4b43
}

.color4 .time-control {
    background-color: #f7f3d6
}

.color4 .time-control:hover {
    color: #f7f3d6;
    background-color: #4d4b43
}

.color4 .body--inverse {
    background-color: #f6f6f6
}

.color4 .form-field--input input {
    border: 1px solid #4d4b43;
    color: #4d4b43
}

.color4 .form-field--input input:hover {
    border-color: #4d4b43;
    outline: 0
}

.color4 .form-field--input input:active {
    border-color: #4d4b43;
    outline: 0
}

.color4 .form-field--input input:focus {
    border-color: #4d4b43;
    outline: 0
}

.color4 .form-field--textarea textarea {
    border: 1px solid #4d4b43;
    color: #4d4b43
}

.color4 .form-field--textarea textarea:hover {
    border-color: #4d4b43
}

.color4 .form-field--textarea textarea:active {
    border-color: #4d4b43
}

.color4 .form-field--textarea textarea:focus {
    border-color: #4d4b43
}

.color4 .form-foot a {
    color: #4d4b43
}

.color4 .date-control {
    border: 1px solid #f7f3d6;
    background-color: #f7f3d6
}

.color4 .date-control:hover {
    background-color: #4d4b43;
    color: #f7f3d6
}

.color4 .doctor-control {
    border: 1px solid #e6e6e6;
    background-color: #f7f3d6
}

.color4 .doctor-control:hover {
    border-color: #4d4b43
}

.color4 .doctor-control--empty {
    background-color: #4d4b43;
    border-color: #4d4b43;
    color: #f7f3d6
}

.color4 .result-list__item:hover .result-list__item-title {
    color: #4d4b43
}

.color4 .record-item .form-layout {
    background-color: #f7f3d6
}

.color4 .page-404__title {
    color: #4d4b43
}

.color4 .slider-welcome .swiper-button-next,
.color4 .slider-welcome .swiper-button-prev {
    background-color: #4d4b43
}

.color4 .slider-welcome .swiper-button-next:hover,
.color4 .slider-welcome .swiper-button-prev:hover {
    background-color: #f7f3d6
}

.color4 .swiper-pagination-welcome .swiper-pagination-bullet:before {
    border: 2px solid #4d4b43
}

.color4 .swiper-pagination-welcome .swiper-pagination-bullet-active:before {
    border-color: #4d4b43;
    background-color: #4d4b43
}

.color4 .picture-card {
    background-color: #f7f3d6;
    border: 1px solid #4d4b43
}

.color4 .slider-gallery .swiper-button-next,
.color4 .slider-gallery .swiper-button-prev {
    background-color: #4d4b43
}

.color4 .slider-gallery .swiper-button-next:hover,
.color4 .slider-gallery .swiper-button-prev:hover {
    background-color: #f7f3d6
}

.color4 .swiper-pagination-gallery .swiper-pagination-bullet:before {
    border: 2px solid #4d4b43
}

.color4 .swiper-pagination-gallery .swiper-pagination-bullet-active:before {
    border-color: #4d4b43;
    background-color: #4d4b43
}

.color4 .dep-list__title {
    color: #4d4b43
}

.color4 .dep-list a:hover {
    color: #4d4b43
}


.color4 .service-item a:hover {
    color: #f7f3d6
}

.color4 .faq-item__title:after,
.color4 .faq-item__title:before {
    background-color: #4d4b43
}

.color4 .sale-card {
    background-color: #f7f3d6;
    border: 1px solid #4d4b43
}

.color4 .sale-card:hover .sale-card__content-title {
    color: #4d4b43
}

.color4 .sale-item__content-title:hover {
    color: #4d4b43
}

.color4 .report-item__userpic {
    background-color: #4d4b43;
    color: #f7f3d6
}

.color4 .report-item__text strong {
    color: #4d4b43
}

.color4 .price-item:nth-child(2n) {
    background-color: #f7f3d6
}

.color4 .price-item a:hover {
    color: #f7f3d6
}

.color4 .price-item__value {
    color: #4d4b43
}

.color4 .vacancy-item__title:hover {
    color: #4d4b43
}

.color4 .vacancy-section {
    color: #f7f3d6;
    background-color: #4d4b43
}

.color4 .clinic-item:nth-child(2n+1) {
    background-color: #f7f3d6
}

.color4 .clinic-item:hover .clinic-item__content-title {
    color: #4d4b43
}

.color4 .media-layout__list a:hover {
    opacity: .5;
    color: #4d4b43
}

.color4 .media-post.post--featured:hover .media-post__title {
    opacity: .5;
    color: #4d4b43
}

.color4 .photo-item:hover .photo-item__title {
    color: #4d4b43
}

.color4 .photo-item__preview:before {
    background-color: #f7f3d6
}

.color4 .photo-item__preview:after {
    background-color: #f7f3d6
}

.color4 .movie-item:hover .movie-item__title {
    color: #4d4b43
}

.color4 .feature-item__title {
    color: #4d4b43
}

.color4 .feature-item__title:before {
    background-color: #4d4b43
}

.color4 .article-body a {
    color: #4d4b43
}

.color4 .article-body a:hover {
    opacity: .5;
    color: #4d4b43
}

.color4 .article-body ul>li:before {
    background-color: #f7f3d6
}

.color4 .lead ul>li:before {
    content: '';
    background-color: #f7f3d6
}

.color4 .extra {
    color: #4d4b43
}

.color5 {
    background: #3b2716;
    color: #a9e44d
}

.color5 .article-layout a {
    text-decoration: underline
}

.color5 .header-topline {
    background: #3b2716;
    color: #a9e44d
}

.color5 .header-topline svg {
    fill: #a9e44d
}

.color5 .menu-secondary__item {
    color: #a9e44d
}

.color5 .page-section--inverse {
    background: #a9e44d
}

.color5 .card-item {
    background: #fff;
    color: #3b2716
}

.color5 .slide-welcome {
    color: #3b2716
}

.color5 .l-account-nav-item {
    border-color: #a9e44d
}

.color5 .l-account-nav-item:hover {
    border-color: #a9e44d;
    background: #a9e44d
}

.color5 .l-account-nav-item__icon {
    display: none
}

.color5 .clinic-item:nth-child(2n+1),
.color5 .page-content__title--super,
.color5 .price-item:nth-child(2n){
    background: #a9e44d
}

.color5 .vacancy-section .lead {
    color: #fff
}

.color5 .slider-welcome .btn-outline {
    border-color: #a9e44d;
    color: #a9e44d
}

.color5 body {
    color: #a9e44d;
    background: #3b2716
}

.color5 .modal-dialog {
    background: #3b2716;
    border: 1px solid #f0f0f0
}

.color5 .modal-content {
    background-color: #3b2716
}

.color5 .modal-footer {
    background-color: #3b2716
}

.color5 .modal-footer p a {
    color: #a9e44d
}

.color5 .close:after,
.color5 .close:before {
    background-color: #a9e44d
}

.color5 .modal-dialog--super {
    color: #3b2716;
    border: 1px solid #239d68
}

.color5 .modal-dialog--super .close:after,
.color5 .modal-dialog--super .close:before {
    background-color: #3b2716
}

.color5 .modal-dialog--super .modal-content {
    background: #4bb989;
    box-shadow: inset 0 0 100px 0 #239d68
}

@media (min-width:768px) {
    .color5 .item__icon {
        background-color: #3b2716
    }
}

@media (max-width:767px) {
    .color5 .item__icon {
        background-color: #3b2716
    }
}

.color5 .selectBox-dropdown {
    background-color: #3b2716;
    border-color: #a9e44d
}

.color5 .selectBox-dropdown .selectBox-arrow {
    border-right: 2px solid #a9e44d;
    border-bottom: 2px solid #a9e44d
}

.color5 .selectBox-dropdown-menu {
    border: solid 1px #bbb;
    background: #3b2716
}

.color5 .selectBox-inline {
    border: solid 1px #bbb;
    background: #3b2716
}

.color5 .selectBox-options LI.selectBox-hover A {
    background-color: #eee
}

.color5 .selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent
}

.color5 .selectBox-options LI.selectBox-selected A {
    background-color: #c8def4
}

.color5 .selectBox-options .selectBox-optgroup {
    color: #666;
    background: #eee
}

.color5 .table-wrapper tbody {
    background-color: #3b2716;
    border: 1px solid rgba(0, 0, 0, .2)
}

.color5 table a:hover {
    opacity: .5;
    color: #a9e44d
}

.color5 .cell-link {
    color: #a9e44d
}

.color5 .cell-link:hover {
    opacity: .5;
    color: #a9e44d
}

.color5 .l-account-nav-item {
    background-color: #3b2716;
    border: 1px solid rgba(0, 0, 0, .1)
}

.color5 .l-account-nav-item:hover {
    background-color: #3b2716
}

.color5 .l-account-nav-item:hover .l-account-nav-item__title {
    color: #a9e44d
}

.color5 .s-account-nav-item {
    color: #a9e44d
}

.color5 .s-account-nav-item:hover {
    color: #a9e44d
}

.color5 .s-account-nav-item.active {
    color: #a9e44d
}

.color5 .s-account-nav-item.active:before {
    background-color: #a9e44d
}

.color5 .header-scroll {
    background-color: #3b2716
}


.color5 .header-scroll .btn-record {
    color: #a9e44d;
    border: 2px solid #a9e44d
}

.color5 .header-topline {
    color: #3b2716
}

.color5 .header-topline .link {
    fill: #a9e44d
}

@media (max-width:991px) {
    .color5 .header-topline__box {
        background-color: #3b2716
    }
}

.color5 .header-middle {
    background-color: #3b2716
}

.color5 .page-content__title--super {
    background-color: #3b2716
}

.color5 .page-section--inverse {
    background-color: #3b2716
}

.color5 .section__badge {
    color: #a9e44d
}

.color5 .subnav-item a {
    color: #a9e44d
}

.color5 .subnav-item a:hover {
    color: #a9e44d
}

.color5 .subnav-item.active:before {
    background-color: #a9e44d
}

.color5 .subnav-item.active a {
    color: #a9e44d
}

.color5 .page-foot__dev:hover {
    color: #a9e44d
}

.color5 .page-foot__link a:hover {
    color: #a9e44d
}

.color5 .page-up {
    background-color: #3b2716;
    border: 2px solid #a9e44d
}

.color5 .page-up:after,
.color5 .page-up:before {
    background-color: #a9e44d
}

.color5 .menu-primary__item {
    color: #a9e44d
}

.color5 .menu-primary__item a:hover {
    color: #a9e44d
}

.color5 .menu-primary__item.active:after {
    background-color: #a9e44d
}

.color5 .menu-foot-primary__item {
    color: #a9e44d
}

.color5 .menu-foot-primary__item:hover {
    opacity: .5;
    color: #a9e44d
}

.color5 .menu-foot-sec-title {
    color: #a9e44d
}

.color5 .menu-foot-sec a:hover {
    color: #a9e44d
}

.color5 header .social-item {
    fill: #3b2716
}

.color5 .contact-item {
    color: #a9e44d
}

.color5 .contact-item__title:hover {
    color: #a9e44d
}

.color5 .link-select:after {
    border-bottom: 2px solid #3b2716;
    border-right: 2px solid #3b2716
}

.color5 .link-instagram {
    color: #a9e44d
}

.color5 .link-download:hover span:first-child {
    color: #a9e44d
}

.color5 .link-more__icon {
    background-color: #3b2716
}

.color5 .btn-action {
    color: #3b2716!important;
    background-color: #a9e44d
}

.color5 .btn-account:hover,
.color5 .btn-action:hover {
    box-shadow: 0 20px 20px -20px #3b2716
}

.color5 .btn-account:active,
.color5 .btn-action:active {
    background-color: #3b2716;
    box-shadow: 0 20px 20px -20px #ed6e00
}

.color5 .btn-outline {
    color: #a9e44d;
    border: 2px solid #a9e44d;
    margin: .625rem 0
}

.color5 .btn-outline:hover,
.color5 .btn-record:hover {
    background: #a9e44d;
    color: #3b2716
}

.color5 .btn-outline:active,
.color5 .btn-record:active {
    color: #a9e44d;
    border: 2px solid #a9e44d
}

.color5 .btn-search {
    fill: #3b2716
}

.color5 .btn-account {
    color: #3b2716;
    background-color: #a9e44d
}

.color5 .btn-record {
    color: #a9e44d;
    border: 2px solid #a9e44d
}

.color5 .btn-close:before {
    background-color: #a9e44d
}

.color5 .btn-close:after {
    background-color: #a9e44d
}

@media (max-width:991px) {
    .color5 .nav-toggler span {
        background-color: #3b2716
    }
}

.color5 .toggle-control.active {
    color: #a9e44d
}

.color5 .toggle-control.active:after {
    background-color: #a9e44d
}

.color5 .time-control {
    background-color: #3b2716
}

.color5 .time-control:hover {
    color: #3b2716;
    background-color: #a9e44d
}

.color5 .body--inverse {
    background-color: #f6f6f6
}

.color5 .form-field--input input {
    border: 1px solid #a9e44d;
    color: #a9e44d
}

.color5 .form-field--input input:hover {
    border-color: #a9e44d;
    outline: 0
}

.color5 .form-field--input input:active {
    border-color: #a9e44d;
    outline: 0
}

.color5 .form-field--input input:focus {
    border-color: #a9e44d;
    outline: 0
}

.color5 .form-field--textarea textarea {
    border: 1px solid #a9e44d;
    color: #a9e44d
}

.color5 .form-field--textarea textarea:hover {
    border-color: #a9e44d
}

.color5 .form-field--textarea textarea:active {
    border-color: #a9e44d
}

.color5 .form-field--textarea textarea:focus {
    border-color: #a9e44d
}

.color5 .form-foot a {
    color: #a9e44d
}

.color5 .date-control {
    border: 1px solid #3b2716;
    background-color: #3b2716
}

.color5 .date-control:hover {
    background-color: #a9e44d;
    color: #3b2716
}

.color5 .doctor-control {
    border: 1px solid #e6e6e6;
    background-color: #3b2716
}

.color5 .doctor-control:hover {
    border-color: #a9e44d
}

.color5 .doctor-control--empty {
    background-color: #a9e44d;
    border-color: #a9e44d;
    color: #3b2716
}

.color5 .result-list__item:hover .result-list__item-title {
    color: #a9e44d
}

.color5 .record-item .form-layout {
    background-color: #3b2716
}

.color5 .page-404__title {
    color: #a9e44d
}

.color5 .slider-welcome .swiper-button-next,
.color5 .slider-welcome .swiper-button-prev {
    background-color: #a9e44d
}

.color5 .slider-welcome .swiper-button-next:hover,
.color5 .slider-welcome .swiper-button-prev:hover {
    background-color: #3b2716
}

.color5 .swiper-pagination-welcome .swiper-pagination-bullet:before {
    border: 2px solid #a9e44d
}

.color5 .swiper-pagination-welcome .swiper-pagination-bullet-active:before {
    border-color: #a9e44d;
    background-color: #a9e44d
}

.color5 .picture-card {
    background-color: #3b2716;
    border: 1px solid #a9e44d
}

.color5 .slider-gallery .swiper-button-next,
.color5 .slider-gallery .swiper-button-prev {
    background-color: #a9e44d
}

.color5 .slider-gallery .swiper-button-next:hover,
.color5 .slider-gallery .swiper-button-prev:hover {
    background-color: #3b2716
}

.color5 .swiper-pagination-gallery .swiper-pagination-bullet:before {
    border: 2px solid #a9e44d
}

.color5 .swiper-pagination-gallery .swiper-pagination-bullet-active:before {
    border-color: #a9e44d;
    background-color: #a9e44d
}

.color5 .dep-list__title {
    color: #a9e44d
}

.color5 .dep-list a:hover {
    color: #a9e44d
}


.color5 .service-item a:hover {
    color: #3b2716
}

.color5 .faq-item__title:after,
.color5 .faq-item__title:before {
    background-color: #a9e44d
}

.color5 .sale-card {
    background-color: #3b2716;
    border: 1px solid #a9e44d
}

.color5 .sale-card:hover .sale-card__content-title {
    color: #a9e44d
}

.color5 .sale-item__content-title:hover {
    color: #a9e44d
}

.color5 .report-item__userpic {
    background-color: #a9e44d;
    color: #3b2716
}

.color5 .report-item__text strong {
    color: #a9e44d
}

.color5 .price-item:nth-child(2n) {
    background-color: #3b2716
}

.color5 .price-item a:hover {
    color: #3b2716
}

.color5 .price-item__value {
    color: #a9e44d
}

.color5 .vacancy-item__title:hover {
    color: #a9e44d
}

.color5 .vacancy-section {
    color: #3b2716;
    background-color: #a9e44d
}

.color5 .clinic-item:nth-child(2n+1) {
    background-color: #3b2716
}

.color5 .clinic-item:hover .clinic-item__content-title {
    color: #a9e44d
}

.color5 .media-layout__list a:hover {
    opacity: .5;
    color: #a9e44d
}

.color5 .media-post.post--featured:hover .media-post__title {
    opacity: .5;
    color: #a9e44d
}

.color5 .photo-item:hover .photo-item__title {
    color: #a9e44d
}

.color5 .photo-item__preview:before {
    background-color: #3b2716
}

.color5 .photo-item__preview:after {
    background-color: #3b2716
}

.color5 .movie-item:hover .movie-item__title {
    color: #a9e44d
}

.color5 .feature-item__title {
    color: #a9e44d
}

.color5 .feature-item__title:before {
    background-color: #a9e44d
}

.color5 .article-body a {
    color: #a9e44d
}

.color5 .article-body a:hover {
    opacity: .5;
    color: #a9e44d
}

.color5 .article-body ul>li:before {
    background-color: #3b2716
}

.color5 .lead ul>li:before {
    content: '';
    background-color: #3b2716
}

.color5 .extra {
    color: #a9e44d
}

.fs-normal .article-body p {
    font-size: 22px!important
}

.fs-big .article-body p {
    font-size: 26px!important
}

.spacing-big {
    letter-spacing: 5px!important
}

.spacing-normal {
    letter-spacing: 2px!important
}

.serif body {
    font-family: "Times New Roman", sans-serif!important
}

.sans-serif body {
    font-family: Tahoma, sans-serif!important
}
.breadcrumbs {
    color: #144436;
}
.mobile_burger{
    display: none;
}
h1 {
    color: #144436;
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 0.01em;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 20px;
}
.contact-item__title {
    color: #144436!important;
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: 800;
    margin-top: 2.5px;
}
.contact-item__content {
    color: #90AFA6 !important;
    opacity: 1;
    font-size: 14px;
    line-height: 15px;
}
.doctors_page .article-picture {
    width: 282px;
}
.article-picture .btn {
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0;
    line-height: 23px;
    width: 218px;
    margin-top: 25px;
    padding: 12px 34px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.article-picture .btn:hover{
    box-shadow: 0 10px 10px -10px #c75200;
}
.doctor_pict .article-picture img{
    border-bottom-left-radius: 3%;
    border-bottom-right-radius: 3%;
}
.section__head .heading-h2 {
    margin-bottom: 30px;
}
.doctors_page .service-item {
    width: 300px;
    display: block;
    margin-left: 12px;
    margin-right: 220px;
    color: #144436;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 26px;
    margin-bottom: 50px;
    position: relative;
    padding: 0;
}
.doctors_page .service-list {
    display: flex;
    flex-wrap: wrap;
}
.doctors_page .service-item::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 9px;
    width: 5px;
    height: 5px;
    background: #ED6E00;
    border-radius: 100%;
}
.doctors_page .service-item:not(.noclick-service-item):hover {
    text-decoration: underline;
}
.doctor_first_screen {
    margin-bottom: 60px;
}
.doctor_gallery{
    overflow: hidden;
}
.doctor-first-container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    width: 100%;
}
.doctor_text {
    max-width: 883px;
}
.doctor_pict{
    float: right;
    padding-left: 50px;
}
.doctor_pict img{
    display: flex;
}
.heading-h6{
    color: #ED6E00;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    font-weight: 800;
}
.doctor_education {
    width: 100%;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.doctor_education_item {
    width: 250px;
    margin-right: 116px;
    margin-bottom: 40px;
}
.doctor_education_item:nth-child(4n){
    margin-right: 0;
}
.doctor_education_item p{
    color: #144436;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    margin-top: 10px;
}
.doctor_education_item .heading-h6::before {
    content: '';
    position: absolute;
    left: -14px;
    top: calc(50% - 3.3px);
    background: #000;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0.9;
}
.doctor_education_item .heading-h6{
    position: relative;
}
.doctor_education_item:nth-child(4n - 3) .heading-h6::after, .doctor_education_item:nth-child(4n - 3) .heading-h6::before{
    content: none;
}
.doctor_education_item .heading-h6::after {
    content: '';
    position: absolute;
    left: -258px;
    top: calc(50% - 2.2px);
    background: #000;
    width: 245px;
    height: 1px;
    border-radius: 100%;
    opacity: 0.9;
}
.doctor_education_main {
    margin-top: 100px !important;
}
.doctor_slider_item .picture-card {
    padding: 0;
    border: 0;
}
.doctor_slider_item {
    display: block;
    height: 200px;
}
.doctor_slider_item img {
    height: 100%;
    max-width: inherit;
}
.doctor_slider_item .picture-card__image{
    height: 100%;
    margin: 0;
}
.doctor_slider_container{
    overflow: hidden;
}
.slider-picture.swiper-container.swiper-container-horizontal {
    margin-top: 40px;
    margin-bottom: 40px;
}
.sale-item__pic:hover + .sale-item__content .sale-item__content-title{
    color: #007336;
}
.new_h1 {
    margin-top: 20px !important;
}
.page-content__title {
    padding-bottom: 30px;
}
.toggle-control:not(.active):hover {
    color: #ed6e00;
    opacity: 1;
}
.contact-item__title:hover{
    color: #ed6e00!important;
}
.toggle-control:not(.active):hover::after{
    opacity: .4;
}
.card-item:hover .card-item__title {
    color: #ed6e00;
}
.doctor-layout {
    margin-top: 0;
}
.doctor-group {
    margin-top: 30px;
}
.header-scroll .container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.swiper-pagination-bullet:hover {
    background: #ED6E00;
    border-color: #ED6E00;
}
.vacancy_elem li{
    margin-bottom: 10px;
}
.mfp-close {
    background: url(/local/templates/medguard/images/close_modal.svg) !important;
    width: 40px !important;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden !important;
    right: -50px !important;
    top: -10px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height: 30px !important;
    cursor: pointer !important;
}
.header_login {
    display: flex;
    margin-right: 40px;
}
.header_record {
    display: flex;
}
.header_record, .header_login{
    font-size:14px;
    color: #007336;
    letter-spacing: 0.01em;
    line-height: 24px;
    font-weight: 800;
}
.header_record span, .header_login span{
    margin-right: 10px;
}
.header_record:hover svg .a, .header_login:hover svg .a{
    fill:#144436;
}
.mfp-counter{
    display: none;
}
.doctors_page .service-item:nth-child(3n){
    margin-right: 0;
}
.education_more{
    display: none;
}
.header-topline .menu-primary__item.active::after{
    content: none;
}
.header-middle .header_login, .header-middle .header_record{
    display: none;
   
}
.search_hidden {
    position: relative;
}
.smart_search form {
    height: 100%;
    width: 100%;
}
.smart_search.show_smart_search{
    display: block;
}
.search_text {
    width: 100%;
    border: 0;
    height: 100%;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 130px;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: #343f34;
    font-weight: 500;
}
.btn-search.search_btn_hide {
    opacity: 0;
    pointer-events: none;
}

.mobile_btn_records{
    display: none;
}

.search_text::-moz-placeholder {color: #90AFA6;opacity: 1;}
.search_text::-webkit-input-placeholder { color: #90AFA6;opacity: 1; }
.search_text:-ms-input-placeholder { color: #90AFA6;opacity: 1; }
.search_text::placeholder { color: #90AFA6;opacity: 1; }

.close_search {
    position: absolute;
    right: -40px;
    top: 8px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.search_submit {
    position: absolute;
    right: 3px;
    top: 3px;
    height: calc(100% - 6px);
    border: 0;
    width: 113px;
    border-radius: 32px;
    background: #90AFA6;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 0.01em;
}
.smart_search {
    position: absolute;
    right: 41px;
    top: 4px;
    height: 42px;
    width: 540px;
    display: none;
}
.search_submit:hover {
    background: #1F9562;
}


.main_screen .container{
    width: 100%;
}
.main_color_head .link-callback, .main_color_head .link-icon {
    color: #144436;
}
.main_color_head .link-phone {
    color: #144436;
}
.main_color_head .social-item{
    fill: #144436;
}
.main_color_head .header-topline .link {
    fill: #144436;
}
.main_color_head .btn-search {
    fill: #144436;
}
.main_color_head .link-select {
    color: #0E2009;
}
.main_color_head .link-select::after {
    border-bottom: 2px solid #0E2009;
    border-right: 2px solid #0E2009;
}
.main_color_head .link-select {
    background-color: #F2F5ED;
}
.main_color_head .header-topline {
    background: #fff;
}
.main_color_head  .link-select span{
    font-weight: 400;
}
.main_color_head .header-topline {
    height: 82px;
}
.main_text1_big_word {
    font-family: circe-extrabold;
    font-size: 153px;
    color: #144436;
    letter-spacing: 0.03em;
    line-height: 130px;
    text-transform: uppercase;
    margin-right: 12px;
}
.main_text1_mani_word div:nth-child(1) {
    color: #144436;
    font-size: 66px;
    font-weight: 900;
    line-height: 56px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}
.main_text1_mani_word div:nth-child(2) {
    color: #144436;
    font-size: 23px;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    line-height: 37px;
}
.main_text1_mani_word div:nth-child(3) {
    color: #144436;
    font-size: 63px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 90px;
}
.main_text1_mani_word div:nth-child(4){
    font-size: 54px;
    color: #144436;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 56px;
    text-align: right;
}
.main_color_head .close_search {
    opacity: 0.3;
}
.main_color_head .close_search:hover .a23 {
    fill: #144e3d;
    opacity: 1;
}
.main_color_head .close_search:hover {
    opacity: 1;
}
.main_color_head .search_text {
    border: 1px solid #9fa89f;
}
.main_color_head .header-secondary .menu-secondary{
    flex-wrap: wrap;
}
.main_color_head .menu-secondary.menu-secondary--left li:first-child {
    width: 100%;
}
.main_color_head .menu-secondary.menu-secondary--left li:nth-child(2) {
    margin-left: 0;
}
.main_color_head .header-logo {
    width: 211px;
    margin-right: -100px;
}
.main_color_head .menu-secondary.menu-secondary--left li:first-child a{
    width: 135px;
}
.main_text1 {
    display: flex;
    position: relative;
    padding-top: 152px;
    padding-left: 57px;
    margin-bottom: 200px;
}
.main_text2_big_word {
    font-family: circe-extrabold;
    font-size: 101px;
    color: #144436;
    letter-spacing: 0.03em;
    line-height: 101px;
    text-transform: uppercase;
}
.main_text2_small_word {
    font-size: 46px;
    color: #144436;
    letter-spacing: 0.01em;
    line-height: 58px;
    text-transform: uppercase;
    font-weight: 900;
}
.main_text2 {
    padding-right: 90px;
    float: right;
}
.map_main_img {
    width: 781px;
    margin-left: -66px;
    margin-top: 80px;
    float: left;
    position: relative;
}
.map_main_text {
    color: #0E2009;
    line-height: 26px;
    letter-spacing: 0.01em;
    width: 551px;
    float: right;
    margin-right: 90px;
    margin-top: -30px;
}
.main_text3_big_word {
    font-family: circe-extrabold;
    font-size: 149px;
    color: #144436;
    letter-spacing: 0.03em;
    line-height: 149px;
    text-transform: uppercase;
}
.map_mark_name {
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 16px;
}
.main_text3_small_word div:nth-child(1) {
    font-size: 36px;
    text-transform: uppercase;
    color: #144436;
    letter-spacing: 0.01em;
    line-height: 40px;
    font-weight: 900;
}
.map_main_arrow_text {
    color: #ED6E00;
    font-size: 53px;
    letter-spacing: 0;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 68px;
}
.map_main_arrow_text span:last-child {
    float: right;
}
.map_main_arrow {
    width: 342px;
    position: relative;
    float: right;
    margin-top: 100px;
    margin-right: 184px;
}
.map_main_text p {
    margin-top: 26px;
}
.map_main_text p:first-child {
    margin-top: 0;
}
.map_main_arrow_img {
    position: absolute;
    left: -126px;
    top: 80px;
}
.main_text3_small_word div:nth-child(2) {
    font-size: 29px;
    text-transform: uppercase;
    color: #144436;
    letter-spacing: 0.01em;
    line-height: 50px;
    font-weight: 900;
}
.main_text3 {
    margin-left: -30px;
    margin-top: 500px;
}
.main_screen {
    position: relative;
}
.parallax-window, .parallax-window2, .parallax-window3, .parallax-window4, .parallax-window5, .parallax-window6 {
    min-height: 2000px;
    background: transparent;
    position: absolute;
    left: -10%;
    top: 0;
    width: 120%;
}
.parallax-window6{
    min-height: 1500px;
    top: 500px;
}
body{
    overflow-x: hidden;
}
.news_main_overflow{
    overflow: hidden;
    margin-bottom: 100px;
    margin-top: 100px;
}
.gallery-item__content_data {
    color: #144436;
    font-size: 12px;
    letter-spacing: 0.01em;
    margin-top: 8px;
}
.news_main_overflow .gallery-item__image::before {
    content: 'Читать полностью';
}
.parallax-mirror:nth-child(3) img, .parallax-mirror:nth-child(2) img, .parallax-mirror:nth-child(1) img{
    opacity: 0;
}
.parallax-mirror:nth-child(3), .parallax-mirror:nth-child(2), .parallax-mirror:nth-child(1){
    width: 100%;
    height: 100%;
}
#news_modal, #review_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: -1000;
}
.background_modal_news {
    width: 100%;
    height: 100%;
    background: #90AFA6;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8;
    z-index: -10;
}
#news_modal .all_detail_news {
    margin: 0 auto;
    margin-top: 138px;
    background: #fff;
    width: 1010px;
    min-height: 800px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    margin-bottom: 138px;
    right: -100%;
    transition-duration: 1s;
}
#news_modal.news_modal_open, #review_modal.news_modal_open{
    z-index: 999;
}
.html_oveflow {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}
#news_modal .show_news {
    right: 0;
    position: relative;
}
#news_modal .mfp-close, #review_modal .mfp-close {
    position: absolute;
    right: calc(50% - 565px) !important;
    top: 90px;
    outline: none!important;
}
.gallery-item__content_text {
    padding: 30px 104px 50px 104px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #0E2009;
}
.modal_news_scroll {
    position: relative;
    overflow: hidden;
}
#news_modal .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    will-change: transform;
    width: 100%;
    height: 655px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#news_modal .swiper-container img{
    height: 655px!important;
}
#news_modal .gallery-item {
    height: 100%;
}
#news_modal .gallery-item__image {
    height: 100%;
    display: block;
}
#news_modal .gallery-item__image img {
    position: absolute;
    width: 100%;
    height: 100%;
}
#news_modal .gallery-item__image:hover::before {
    content: none;
}
#news_modal .gallery-item__content {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    max-width: 100%;
    width: 100%;
    padding: 0 104px;
    margin-top: 50px;
}
#news_modal .gallery-item__image:hover::after {
    content: none;
}
.gallery-item__content_text p:first-child{
    margin-top: 0;
}
#news_modal .gallery-item__content_data {
    position: absolute;
    left: 104px;
    bottom: 50px;
    font-size: 16px;
}
#news_modal .next_news {
    padding-bottom: 50px;
    font-size: 16px;
    color: #90AFA6;
    cursor: pointer;
}
#news_modal .swiper-pagination-gallery {
    background: #fff;
    z-index: 99;
    position: relative;
    height: 39px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: inline-flex;
    padding: 0 56px;
    margin: 0 auto;
}
.instagram_container iframe {
    margin: 0 auto;
    display: block;
    margin-top: 40px;
    /*border-right: 1px solid #c3c3c3 !important;*/
    /*border-radius: 5px;*/
}
.parallax-mirror:nth-child(3){
    background: rgb(255,250,225);
    background: -webkit-linear-gradient(180deg, rgba(255,250,225,0.3) 33%, rgba(248,233,199,0.15) 66%, transparent 100%); /* для webkit-браузеров */
    background: -moz-linear-gradient(180deg, rgba(255,250,225,0.3) 33%, rgba(248,233,199,0.15) 66%, transparent 100%); /* для firefox 3.6+ */
    background: -o-linear-gradient(180deg, rgba(255,250,225,0.3) 33%, rgba(248,233,199,0.15) 66%, transparent 100%); /* для Opera 11.10+ */
    background: -ms-linear-gradient(180deg, rgba(255,250,225,0.3) 33%, rgba(248,233,199,0.15) 66%, transparent 100%); /* для IE10+ */
    background: linear-gradient(180deg, rgba(255,250,225,0.3) 33%, rgba(248,233,199,0.15) 66%, transparent 100%);
}
.parallax-mirror:nth-child(2){
    background: rgb(255,246,235);
    background: -webkit-linear-gradient(90deg, rgba(255,246,235,0.5) 0%, transparent 15%, transparent 85%, rgba(255,246,235,0.5) 100%); /* для webkit-браузеров */
    background: -moz-linear-gradient(90deg, rgba(255,246,235,0.5) 0%, transparent 15%, transparent 85%, rgba(255,246,235,0.5) 100%); /* для firefox 3.6+ */
    background: -o-linear-gradient(90deg, rgba(255,246,235,0.5) 0%, transparent 15%, transparent 85%, rgba(255,246,235,0.5) 100%); /* для Opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255,246,235,0.5) 0%, transparent 15%, transparent 85%, rgba(255,246,235,0.5) 100%); /* для IE10+ */
    background: linear-gradient(90deg, rgba(255,246,235,0.5) 0%, transparent 15%, transparent 85%, rgba(255,246,235,0.5) 100%);
}
.parallax-mirror:nth-child(1){
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, transparent 100%); /* для webkit-браузеров */
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, transparent 100%); /* для firefox 3.6+ */
    background: -o-linear-gradient(0deg, rgba(255,255,255,1) 0%, transparent 100%); /* для Opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(255,255,255,1) 0%, transparent 100%); /* для IE10+ */
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, transparent 100%);
}
.map_main_arrow_text span:first-child {
    transform: translateX(-100px);
    display: block;
    opacity: 0;
    transition-duration: 1s;
}
.anim_city .map_main_arrow_text span:first-child {
    transform: translateX(0);
    display: block;
    opacity: 1;
}
.map_main_arrow_text span:last-child {
    transform: translateX(60px);
    display: block;
    opacity: 0;
    transition-duration: 1s;
}
.anim_city .map_main_arrow_text span:last-child {
    transform: translateX(0);
    display: block;
    opacity: 1;
}
.map_main_img img {
    width: 100%;
}
.map_mark img {
    width: 25px;
    height: 25px;
}
.map_mark {
    position: absolute;
    width: 25px;
    height: 25px;
    display: flex;
}
.map_main_arrow_img{
    opacity: 0;
    transition-duration: 1s;
    transition-delay: 0.6s;
    transform: rotate(-60deg);
}
.anim_city .map_main_arrow_img{
    opacity: 1;
    transform: rotate(0);
}
.map_mark.position_top {
    align-items: center;
    flex-direction: column;
}
.map_mark.position_down {
    flex-direction: column-reverse;
    align-items: center;
}
.map_mark.position_right {
    align-items: center;
}
.map_mark.position_left {
    flex-direction: row-reverse;
    align-items: center;
}
.map_mark.position_right .map_mark_name {
    margin-left: 6px;
}
.map_mark.position_left .map_mark_name {
    margin-right: 6px;
}
#news_modal .next_news:hover {
    color: #144436;
}
.map_mark:hover div {
    color: #B6FF57;
}
.map_mark_name_small {
    font-size: 12px;
}
.next_news span {
    margin-left: 10px;
    font-family: timenewromans;
}
.small_citi {
    display: none;
}
.subnav-item a {
    color: #90AFA6;
    font-size: 30px;
    /*line-height: 0.01em;*/
}
.subnav-item + .subnav-item {
    margin-left: 90px;
}
.subnav-item a:hover{
    color: #ED6E00;
}
.subnav-item.active a {
    color: #144436;
}
.subnav-item.active:before {
    content:none;
}
.download_price {
    display: block;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-top: 10px;
    color: #90AFA6!important;
    font-weight: 500;
}
.breadcrumbs-price {
    color: #a7a7a7;
    font-size: 14px;
    letter-spacing: 0.01em;
    margin-bottom: 30px;
}
.breadcrumbs-price a:hover{
    color: #144436;
}
.download_price:hover{
    color: #ED6E00!important;
}
.search_price .search_text {
    background: #F2F5ED;
}
.search_price {
    width: 495px;
    height: 42px;
    position: relative;
    /*margin-top: -10px;*/
}
.price_pharmacy-clinik-main_parent-elem-name {
    color: #515151;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    margin-bottom: 5px;
}
.price_pharmacy-clinik-main_parent-elem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #D7E6E2;
}
.price_pharmacy-clinik-main_parent-elem:hover .price_pharmacy-clinik-main_parent-elem-price, .price_pharmacy-clinik-main_parent-elem:hover .price_pharmacy-clinik-main_parent-elem-code{
    color: #ED6E00;
}
.price_pharmacy-clinik-main_parent-elem-price {
    color: #515151;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    font-weight: 900;
}
.price_pharmacy-clinik-main_parent-elem:last-child{
    border: 0;
}
.price_pharmacy-clinik-main_parent-elem-code {
    color: #90AFA6;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
}
.price_pharmacy-clinik-main_parent-elem-container {
    width: 600px;
    display: flex;
    flex-direction: column;
}
.search_price form {
    height: 100%;
}
.price_search .focus .search_submit:hover {
    background: #144436;
}

.price_search .search_submit:hover{
    background: #90AFA6;
}
.price-clinik-main_parent-elem {
    font-size: 20px;
    line-height: 29px;
    color: #515151;
    letter-spacing: 0.01em;
    width: 100%;
    padding: 15px 10px 15px 10px;
    display: block;
    border-bottom: 1px solid #D7E6E2;
    position: relative;
}
.price-clinik-main_parent-elem:last-child{
    border: none;
}
.price-clinik-main_parent-elem:hover{
    background-color:#FEFCFC;
    color: #ED6E00;
}
.price-clinik-main_parent-elem::before {
    content: 'Подробнее';
    position: absolute;
    right: 10px;
    top: 11px;
    background-color: #ED6E00;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    border-radius: 30px;
    padding: 8px 20px 8px 20px;
    opacity: 0;
}
.price-clinik-main_parent-elem:hover::before {
    opacity: 1;
}
.price_search {
    display: flex;
    justify-content: space-between;
}
.mobile_head_log{
    display: none;
}
.main_map_block_city .map_main_text {
    margin-top: 160px;
}
.main_map_block_city .feature-layout.feature-layout--row {
    padding-top: 60px;
}
.main-ui-pagination-pages-list a, .main-ui-pagination-pages-list span {
    width: 29px;
    height: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: #DDF6EA;
    border: 2px solid #DDF6EA;
    color: #144436;
    font-size: 14px;
    letter-spacing: 0.01em;
    margin: 0 5px;
}
.main-ui-pagination-pages-list {
    display: flex;
    max-width: 350px;
    margin: 0 auto;
    justify-content: center;
}
.main-ui-pagination-pages-list a:hover{
    background-color: #ED6E00;
    border: 2px solid #ED6E00;
    color: #fff;
}
.main-ui-pagination-pages-list .main-ui-pagination-dots{
    border:none!important;
    background-color: inherit;!important;
    padding-top: 15px;
    font-size: 22px;
}
.contact_slider .slider-gallery.swiper-container.swiper-container-horizontal {
    padding-top: 60px;
    overflow: hidden;
}
.contact_slider .slider-gallery .swiper-button-next, .contact_slider .slider-gallery .swiper-button-prev{
    position: absolute;
    top: -1px;
    width: 48px;
    height: 21px;
}
.main-ui-pagination-pages-list .main-ui-pagination-dots:hover{
    color: #ED6E00!important;
    background-color: inherit;!important;
}
.main-ui-pagination-pages-list span{
    border: 2px solid #B7E1D2;
}
.main-ui-pagination {
    padding-top: 40px;
}
.slider-welcome .swiper-button-prev {
    left: calc(-98px + 42px);
    top: calc(50% - 42px);
    height: 84px;
    width: 98px;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    transition-duration: 0.3s;
    display: flex;
    padding-right: 18px;
    align-items: center;
    background-image: none;
    justify-content: flex-end;
    opacity: 0.15;
}
.slider-welcome .swiper-button-prev path, .slider-welcome .swiper-button-next path{
    fill:#fff;
}
.photo-item__title {
    padding-top: 20px;
}
input.error {
    border-color: red;
}
.slider-welcome .swiper-button-prev:hover path, .slider-welcome .swiper-button-next:hover path{
    fill:#fff;
}
.main_text3, .main_text2{
    position: relative;
}
.slider-welcome .swiper-button-prev:hover{
    background-color: #ED6E00;
    opacity: 1;
}
.slider-welcome .swiper-button-next:hover{
    background-color: #ED6E00;
    opacity: 1;
}
.slider-welcome .swiper-button-next {
    right: calc(-98px + 42px);
    top: calc(50% - 42px);
    height: 84px;
    width: 98px;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    display: flex;
    padding-left: 18px;
    align-items: center;
    background-image: none;
    opacity: 0.15;
}
.slide-welcome__content {
    width: 90%;
}
.main_map_block{
    position: relative;
}
.page_search .subnav-item a {
    font-size: 22px;
}
.doctor-control__userpic {
    min-width: 100px;
    width: 100px;
}
.hidden-record{
    display: none!important;
}
.record-item .form-layout{
    position: relative;
    display: none;
}
.record-item .form-layout.active{
    display: block;
}
.js__doctor-scope{
    margin-bottom: 60px;
}
.record-item__head{
    min-height: 222px;
}
.record-item__body .btn-group {
    margin-top: 40px;
}
.doctor-layout {
    margin-bottom: 40px;
}
.page_hide{
    display: none;
}
.line_price {
    height: 1px;
    width: 100%;
    background: #D7E6E2;
}
.price_back svg {
    width: 33px;
    margin-right: 20px;
}
.price_back {
    display: flex;
    font-weight: 900;
    color: #0E2009;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.01em;
    padding: 30px 0;
    border-bottom: 1px solid #D7E6E2;
}
.price_back:hover path {
    fill: #ED6E00;
}

.hide_text_group {
    position: absolute;
    z-index: 99;
    background: #fff;
    top: calc(100% - 10px);
    left: 0;
    width: 100%;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .25);
    overflow: hidden;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    height: inherit;
}
.hide_text_group{
    display: none;
}
.card-item__picture{
    overflow: hidden;
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem;
}
.section__body .card-item{
    overflow: visible;
}
.record-item__head_img {
    display: flex;
    align-items: flex-end;
}

.all_clinik_price_title {
    color: #144436;
    font-weight: 900;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 0.01em;
    margin-top: 80px;
    margin-bottom: 50px;
    width: 100%;
}
.all_clinik_price .container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 120px;
}
.price_clinik_address {
    color: #144436;
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: 22px;
    font-weight: 900;
}
.price_clinik_name {
    color: #90AFA6;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.01em;
    margin-top: 10px;
}
.all_clinik_price_elem {
    margin-right: 90px;
    width: 260px;
}
.all_clinik_price_elem:nth-child(5n-1) {
    margin-right: 0;
}

.all_clinik_price_elem {
    margin-bottom: 40px;
}
:not(.is-active) .faq-item__content .article-body p, :not(.is-active) .faq-item__content .article-body ul, :not(.is-active) .faq-item__content .article-body li{
    margin: 0;
}


.popup-gallery iframe {
    max-width: 100%;
}
.price-clinik-main_parent-elem.not_link:hover{
    background-color: initial;
    color: #144436;
}
.price-clinik-main_parent-elem.not_link:before{
    content: none
}
.section_new_text a {
    color: #ed6e00;
    text-decoration: underline;
}
.section_new_text a:hover {
    text-decoration: none;
}

ul ul,ol ul, ul ol, ol ol {
    margin-left: 20px;
}
.review_name {
    color: #ED6E00;
    font-weight: 900;
    letter-spacing: 0.01em;
    line-height: 22px;
    font-size: 18px;
}
.review_doctor, .review_quest_block div, .review_answ_date {
    color: #90AFA6;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 15px;
}
.review_quest_text, .review_answ_text, .review_quest_text_slide {
    color: #0E2009;
    letter-spacing: 0.01em;
    line-height: 26px;
    font-size: 16px;
}
.review_elem  .review_quest_text_slide, .review_elem.review_open .review_quest_text div:not(.review_quest_text_slide){
    display: none;
}

.review_elem.review_open .review_quest_text_slide{
    display: block;
}
.review_medg {
    color: #144436;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.01em;
    font-weight: 900;
}
.all_reviews .feedback-layout{
    display: block;
}
.review_elem {
    padding-bottom: 50px;
    width: 507px;
}
.review_elem:not(:last-child){
    margin-bottom: 50px;
    border-bottom: 1px solid #E4ECEA;
}
.review_doctor {
    margin-top: 3px;
}
.review_quest_text {
    margin-top: 20px;
}
.review_quest_block {
    margin-top: 10px;
    height: 15px;
    position: relative;
}
.review-answ {
    margin-top: 30px;
    margin-left: 40px;
}
.review_answ_text {
    margin-top: 10px;
}
.review_answ_date {
    margin-top: 10px;
}
.review_quest_img {
    position: absolute;
    left: 98px;
    top: 0;
    cursor: pointer;
}
.review_quest_read {
    position: absolute;
    right: 40px;
    top: 0;
    cursor: pointer;
}
.review_doctor a:hover, .review_quest_img:hover, .review_quest_read:hover{
    color:#ED6E00;
}
.review_quest_img a{
    width: 100%;
    display: block;
    position: absolute;
}
.review_quest_img img{
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.all_reviews .vacancy_modal_container {
    width: 491px;
    border: none;
    right: 166px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.all_reviews .vacancy_modal_container span {
    color: #90AFA6;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
}
.all_reviews .vacancy_modal_container a {
    padding: 10px 42px;
    border-radius: 20px;
    text-transform: none;
    margin-top: 50px;
}
.all_reviews .vacancy_modal_container a:hover{
    box-shadow: 0 20px 20px -15px #c75200;
}
#review_modal{
    opacity: 0;
}
#review_modal.news_modal_open{
    opacity: 1;
}
#review_modal form {
    width: 594px;
    margin: 0 auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 14px;
    padding: 30px 104px;
    position: relative;
}
#review_modal .mfp-close {
    top: -40px;
    right: -50px!important;
}

#review_modal.news_modal_open .modal_news_scroll {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.review_form_title {
    color: #144436;
    font-weight: 900;
    line-height: 42px;
    letter-spacing: 0.01em;
    font-size: 28px;
    margin-bottom: 50px;
}
#review_modal form input:not(.new_btn) {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #90AFA6;
    box-shadow: none;
    height: 40px;
    display: flex;
    font-size: 14px;
    color: #144436;
    letter-spacing: 0.01em;
    padding: 0 20px;
}
#review_modal form textarea {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #90AFA6;
    box-shadow: none;
    display: flex;
    font-size: 14px;
    color: #144436;
    letter-spacing: 0.01em;
    padding: 20px;
    height: 136px;
    resize: none;
}
.review_form_personal {
    color: #90AFA6;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.01em;
    text-align: center;
}
.review_form_personal a{
    text-decoration: underline;
}
.review_form_personal a:hover{
    color: #ED6E00;
}
.new_btn {
    width: 218px;
    display: flex;
    background-color: #90AFA6;
    color: #fff;
    font-size: 16px;
    height: 48px;
    align-items: center;
    border-radius: 30px;
    padding: 0 51px;
    font-weight: 900;
    cursor: pointer;
    margin: 50px 0;
    border: none;
}
.new_btn span {
    padding-left: 20px;
}
.check_cap {
    height: 19px;
    width: 19px;
    background-color: #fff;
    border-radius: 100%;
    position: relative;
}
.check_cap::after{
    content: '';
    width: 13px;
    height: 13px;
    opacity: 0;
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 100%;
    background-color: #ED6E00;
}
.new_btn:hover .check_cap::after{
    opacity: 0.4;
}
.new_btn.active .check_cap::after{
    opacity: 1;
}
.doctor-group {
    width: 860px;
}
@media screen and (max-width: 900px){
    .doctor-group {
        max-width: 100%;
    }
}
.doctor-group .doctor-control:nth-child(2n){
    margin-right: 0px;
}

input.new_btn:not(.step_one):hover{
    background-color: #ED6E00;
}
#review_modal form input:not(.new_btn)::-moz-placeholder {color: #90AFA6;text-align: center;letter-spacing: 0.01em;font-size: 14px;opacity: 1;}
#review_modal form input:not(.new_btn)::-webkit-input-placeholder { color: #90AFA6;text-align: center;letter-spacing: 0.01em;font-size: 14px;opacity: 1; }
#review_modal form input:not(.new_btn):-ms-input-placeholder { color: #90AFA6;text-align: center;letter-spacing: 0.01em;font-size: 14px;opacity: 1; }
#review_modal form input:not(.new_btn)::-ms-input-placeholder { color: #90AFA6;text-align: center;letter-spacing: 0.01em;font-size: 14px;opacity: 1; }
#review_modal form input:not(.new_btn)::placeholder { color: #90AFA6;text-align: center;letter-spacing: 0.01em;font-size: 14px;opacity: 1; }

.placeholder_emul {
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 44px;
}
.placeholder_emul_text {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    font-size: 14px;
    color: #90AFA6;
    letter-spacing: 0.01em;
    text-align: center;
    width: 100%;
    pointer-events: none;
}
.placeholder_emul_text.hidden, .placeholder_emul_text.hidden {
    display: none;
}
.placeholder_emul_input {
    position: relative;
    width: 100%;
    z-index: 2;
    overflow-x: hidden;
}
.form_doct_search{
    width: 100%;
    position: relative;
}
.placeholder_doctor_name {
    position: absolute;
    left: 21px;
    top: calc(50% - 9px);
    font-size: 14px;
    color: #90AFA6;
    letter-spacing: 0.01em;
    text-align: center;
    pointer-events: none;
}
.placeholder_doctor_name span {
    opacity: 0;
}
.form_doct_search_result, .form_spec_search_result{
    position: absolute;
    left: 0;
    top: 20px;
    padding-top: 26px;
    color: #90AFA6;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 15px;
    border: 1px solid #90AFA6;
    border-top: none;
    width: 100%;
    background-color: #fff;
    z-index: 1;
}
.form_doct_search_result div{
    cursor: pointer;
    padding: 8px 20px;
}
.form_doct_search_result_item:nth-child(2) {
    background-color: #F8F8F8;
    padding: 4px 20px;
}
.form_doct_search_result_item:hover {
    color: #ED6E00;
}
.form_doct_search_result{
    display: none;
}
.form_doct_search_result.open{
    display: block;
}

.form_spec_search_result div{
    cursor: pointer;
    padding: 8px 20px;
}
.form_spec_search_result_item:nth-child(2) {
    background-color: #F8F8F8;
    padding: 4px 20px;
}
.form_spec_search_result_item:hover {
    color: #ED6E00;
}
.form_spec_search_result{
    display: none;
}
.form_spec_search_result.open{
    display: block;
}

.message_thx{
    display: none;
}
.container.instagram_container {
    margin-top: 30px;
}
.message_thx.open{
    display: block;
}
#review_modal textarea.error, #review_modal input.error {
    border-color: #ffb1b1!important;
}
.message_thx {
    background-color: #fff;
    width: 594px;
    padding: 50px;
    border-radius: 10px;
    text-align: center;
    color: #144436;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 0.01em;
    font-weight: 900;
    position: relative;
}


.toggle-group{
	flex-wrap: wrap;
}
.authorise{
    display: none;
}

.share p {
    margin-top: 0;
}
.page-foot__dev {
    display: flex;
    justify-content: space-between;
}
.share {
    margin-top: -85px;
    margin-right: 34px;
}



.record-item__body.thx_for_record {
    color: #026c02;
    margin-top: 50px;
}
.modal-dialog .close {
    background-color: inherit;
}
.special-settings .h2 {
    margin: 0;
    color: inherit;
    font-size: 110%;
}

.soc_log {
    cursor: pointer;
    text-align: center;
    display: block;
    color: #90AFA6;
    margin-top: 10px;
}
#vk_review {
    margin-top: 30px;
}
.soc_login{
    color: #144436!important;
    cursor: default!important;
}
.soc_log:hover{
    color: #144436;
}
.soc_log.error {
    color: #ffb1b1!important;
}


@media screen and (max-width: 1440px){




    .btn-group .new_btn_rec_cancel a{
        padding: 0;
    }
    .all_reviews .vacancy_modal_container {
        right: 0;
    }
    .all_clinik_price_elem:nth-child(5n-1) {
        margin-right: 90px;
    }
    .slider-welcome .swiper-button-prev {
        left: -40px;
        top: calc(50% - 32.5px);
        height: 65px;
        width: 80px;
        padding-left: 15px;
    }
    .slider-welcome .swiper-button-next {
        right: -40px;
        top: calc(50% - 32.5px);
        height: 65px;
        width: 80px;
        padding-right: 15px;
    }
    .vacancy_main_text {
        width: 605px;
    }
    .main_color_head .header-secondary {
        width: 1240px;
    }
    .main_color_head .header-logo {
        margin-right: 0px;
    }
    .map_main_arrow {
        width: 302px;
        margin-right: 184px;
    }
    .main_color_head .header-topline .menu-secondary.menu-secondary--left {

        width: 330px;

    }
    .map_main_arrow_text {
        font-size: 46px;
    }
    .main_text1 {
        margin-bottom: 140px;
    }
    .main_text3 {
        margin-top: 400px;
    }
    .map_main_arrow_img {
        position: absolute;
        left: -60px;
        top: 40px;
        width: 180px;
    }
    .map_main_img {
        width: 600px;
        margin-left: -20px;
    }
    .map_main_text {
        margin-right: 0;
    }
    .main_text3 {
        margin-left: 0;
    }
    .main_text2 {
        padding-right: 0;
    }
    .main_text1 {
        padding-left: 0;
    }
    .section_new_text *:not(img, .podrazd){
        width: 600px;
    }
    .section_new_text .podrazd *:not(img){
        width: 600px;
    }
    .section_new_text img{
        max-width: 530px;
    }
    .header-scroll .menu-primary__item {
        font-size: 14px;
    }
    .doctor_text {
        max-width: 718px;
    }
    .doctor_first_screen {
        margin-bottom: 100px;
    }
    .doctor_education_item {
        margin-right: 50px;
    }
    .doctor_education_item .heading-h6::after {
        left: -258px;
        width: 245px;
    }
    .mfp-close{
        top: 1px!important;
    }
    .doctors_page .service-item {
        margin-right: 122px;
    }
    .mfp-close{
        right: 0px !important;
    }
    .subnav-item + .subnav-item {
        margin-left: 50px;
    }
}
@media screen and (max-width: 1200px){
    .share {
        margin-top: -105px;
        margin-right: 35px;
    }
	.toggle-group {
    	flex-wrap: nowrap !important;
    	overflow: auto;
	}

    .all_reviews .vacancy_modal_container {
        width: 440px;
    }
    @media screen and (min-width: 992px) {
        .record-item__head {
            min-height: 222px;
            flex-direction: column;
        }

        .record-item__head_img, .record-item__head_text {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%;
        }

        .record-item__head_text {
            min-height: 218px;
        }

        .record-item__head_img {
            justify-content: center;
            align-items: center;
            display: flex;
        }
    }



    .search_price {
        width: 421px;
    }
    .vacancy_modal_container {
        width: 383px;
        padding: 20px;
    }
    .vacancy_main_text {
        width: 502px;
    }
    .vacancy_elem {
        width: 502px;
    }
    .main_color_head .header-secondary {
        width: 994px;
    }
    .main_color_head .header-logo {
        margin-top: 66px;
    }
    .main_color_head .menu-secondary.menu-secondary--left li:first-child a {
        position: absolute;
        left: calc(50% - 468px);
        top: 20px;
        outline: none;
    }
    .main_color_head .header-topline {
        height: 121px;
    }
    .main_color_head #sv_on {
        position: absolute;
        right: calc(50% - 466px);
        top: 81px;
    }
    .main_color_head .header-topline__box .menu-secondary {
        height: 50px;
    }
    .main_color_head .menu-secondary.menu-secondary--left li:nth-child(3) {
        position: absolute;
        top: 22px;
        left: calc(50% + 60px);
    }
    .main_color_head .menu-secondary.menu-secondary--left li:nth-child(2) {
        position: absolute;
        top: 20px;
        left: calc(50% - 60px);
    }
    .main_color_head .social-list {
        position: absolute;
        left: calc(50% + 100px);
        top: 80px;
    }
    .map_mark_name {
        font-size: 12px;
    }
    .map_main_arrow {
        width: 302px;
        margin-right: 20px;
        margin-top: 50px;
    }
    .map_main_text {
        margin-top: 30px;
    }
    .map_main_img {
        margin-top: 220px;
    }
    .news_main_overflow .slider-gallery img {
        height: 206px;
    }
    .news_main_overflow .gallery-item__image {
        height: 206px;
    }
    .map_main_text {
        width: 431px;
    }
    .map_main_img {
        width: 560px;
        margin-left: -40px;
    }
    .section_new_text *:not(img, .podrazd){
        width: 500px;
    }
    .section_new_text .podrazd *:not(img){
        width: 500px;
    }
    .section_new_text img{
        max-width: 430px;
    }
    .header-scroll .header-nav{
        display: none;
    }
    .header-scroll{
        height: 60px;
    }
    .doctor_text {
        max-width: 100%;
    }
    .doctor_education_item:nth-child(4n - 3) .heading-h6::after, .doctor_education_item:nth-child(4n - 3) .heading-h6::before{
        content: '';
    }
    .doctor_education_item:nth-child(3n - 2) .heading-h6::after, .doctor_education_item:nth-child(3n - 2) .heading-h6::before{
        content: none;
    }
    .doctor_education_item {
        margin-right: 97px;
    }
    .doctor_education_item:nth-child(4n) {
        margin-right: 97px;
    }
    .doctor_education_item:nth-child(3n) {
        margin-right: 0;
    }
    .doctor_education_item .heading-h6::after {
        left: -292px;
        width: 280px;
    }
    .doctor_slider_item {
        height: 164px;
    }
    .doctors_page .service-item {
        margin-right: 19px;
    }
    #news_modal .mfp-close {
        right: calc(50% - 505px) !important;
        top: 90px !important;
    }
    .map_mark_name_small {
        font-size: 10px;
    }
}
@media screen and (max-width: 992px){
    .page-foot__dev {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .share {
        margin-top: 0;
        margin-right: 0;
        order: 1;
        margin-bottom: 20px;
    }
    .developers{
        order:2;
    }
    .all_reviews .container {
        display: flex;
        flex-direction: column;
    }
    .all_reviews .vacancy_modal_container {
        width: 507px;
        margin: 0 auto;
        margin-top: 20px;
    }
    .all_reviews .vacancy_modal{
        order: 1;
        margin-bottom: 80px;
    }
    .review_elem {
        margin: 0 auto;
    }
    .all_reviews .feedback-layout{
        order: 2;
    }
    .all_reviews .main-ui-pagination{
        order:3;
    }
    .all_clinik_price_elem:nth-child(5n-1) {
        margin-right: 90px;
    }
    .all_clinik_price .container {
        justify-content: space-between;
    }
    .all_clinik_price_elem{
        margin-right: 0px;
    }
    .item__svg {
        display: block;
        top: -0.5rem;
    }
    .toggle-group {
        flex-wrap: wrap;
    }
    .toggle-control {
        margin-top: 20px;
    }
    .doctor-item {
        flex-wrap: nowrap;
    }
    .doctor-layout{
        justify-content: space-between;
    }
    .doctor-item__content {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .doctor-item__position {
        font-size: 14px;
    }
    .doctor-item__title {
        font-size: 16px;
    }
    .doctor-item__picture {
        height: 100%;
        width: 120px;
        min-width: 120px;
    }
    .slider-welcome .swiper-button-prev {
        left: -10px;
        top: calc(50% - 25px);
        height: 50px;
        width: 45px;
        padding-left: 10px;
        padding-right: 14px;
    }
    .section__foot.align-center {
        margin-top: 40px;
    }
    .slider-welcome .swiper-button-next {
        right: -10px;
        top: calc(50% - 25px);
        height: 50px;
        width: 45px;
        padding-left: 14px;
        padding-right: 10px;
    }
    .slider-welcome .swiper-button-prev svg, .slider-welcome .swiper-button-next svg {
        width: 70%;
    }
    .instagram_container iframe {
        padding-left: 35px;
    }
    .search_price {
        width: 495px;
        margin-top: 50px;
        margin-left: 100px;
    }
    .price-clinik-main_parent-elem::before {
        content: 'Подробнее';
        position: absolute;
        background-color: inherit;
        color: #90AFA6;
        opacity: 1;
        padding-right: 0;
        right: 0px;
    }
    .price_pharmacy-clinik-main_parent-elem-container {
        width: 462px;
    }
    .price-clinik-main_parent-elem:hover::before{
        color: #ED6E00;
    }
    .price-clinik-main_parent-elem {
        font-size: 18px;
        line-height: 26px;
    }
    .price_search {
        flex-direction: column;
    }
    .vacancy_elem {
        width: 100%;
    }
    .vacancy_main_text {
        width: 100%;
    }
    .subnav-list {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .subnav-item a {
        font-size: 24px;
        line-height: 60px;
    }
    .subnav-item{
        margin-left: 0!important;
    }
    .page-content__nav {
        margin-bottom: 30px;
    }
    .vacancy_main_text {
        line-height: 20px;
        font-size: 14px;
    }
    .vacancy_elem_name {
        font-size: 26px;
        line-height: 39px;
    }
    .vacancy_modal_container {
        width: 100%;
        position: relative;
        margin-top: -40px;
    }
    .vacancy_elem p, .vacancy_elem ul {
        font-size: 14px;
        line-height: 20px;
    }
    .subnav-item a {
        font-size: 30px;
    }
    .main_color_head .header-secondary {
        width: 760px;
    }
    .main_color_head .header-topline {
        height: 130px;
    }
    .main_color_head .header-logo {
        margin-top: 60px;
    }
    .vacancy-section{
        padding-top: 0;
    }
    .main_color_head .header-topline__box {
        position: unset;
        visibility: visible;
        opacity: 1;
        background: none;
        overflow: visible;
    }
    .main_color_head .menu-secondary__item.search_hidden {
        position: absolute;
        right: calc(50% - 374px);
        top: 5px;
    }
    .main_color_head .menu-secondary.menu-secondary--left li:first-child a {
        left: calc(50% - 370px);
    }
    .main_color_head .social-list {
        position: absolute;
        left: calc(50% + 100px);
        top: 80px;
    }
    .main_color_head #sv_on {
        right: calc(50% - 370px);
    }
    .main_color_head .social-list {
        left: calc(50% + 30px);
    }
    .main_color_head #sv_on + li {
        display: none;
    }


    .small_citi {
        display: block;
    }
    .main_text1_big_word {
        font-size: 100px;
        line-height: 92px;
    }
    .main_text2_big_word {
        font-size: 85px;
        line-height: 86px;
    }
    .main_text2_small_word {
        font-size: 38px;
        line-height: 48px;
    }
    .main_text3_big_word {
        font-size: 125px;
        line-height: 136px;
    }
    .main_text3_small_word div:nth-child(1) {
        font-size: 29px;
        line-height: 36px;
    }
    .main_text3_small_word div:nth-child(2) {
        font-size: 24px;
        line-height: 40px;
    }
    .main_text1 {
        margin-bottom: 100px;
        margin-left: 40px;
    }
    .main_text3 {
        margin-top: 320px;
        margin-left: 46px;
    }
    .main_map_block {
        display: flex;
        flex-direction: column;
    }
    .map_main_text {
        order: 1;
        width: 100%;
        margin-top: 120px;
    }
    .map_main_arrow {
        display: none;
    }
    .small_citi {
        order: 2;
        margin-top: 130px;
        position: relative;
    }
    .small_city_all {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .small_city_elem {
        margin-right: 52px;
        color: #0E2009;
        font-size: 16px;
        letter-spacing: 0.03em;
        font-weight: 900;
        margin-top: 20px;
    }
    .map_main_img {
        margin-top: 20px;
    }
    .small_city_elem:hover{
        color: #144436;
    }
    .small_city_text {
        text-align: center;
        text-transform: uppercase;
        color: #ED6E00;
        font-size: 24px;
        line-height: 35px;
        font-weight: 900;
    }
    .map_main_arrow{
        order: 2;
    }
    .map_main_img {
        width: 100%;
        margin-left: 0;
        order: 3;
    }
    .main_text2 {
        padding-right: 40px;
    }
    .main_text1 {
        padding-top: 90px;
    }
    .main_text1_mani_word div:nth-child(1) {
        font-size: 43px;
        line-height: 43px;
    }
    .main_text1_mani_word div:nth-child(2) {
        font-size: 15px;
        line-height: 22px;
    }
    .main_text1_mani_word div:nth-child(3) {
        font-size: 40px;
        line-height: 50px;
    }
    .main_text1_mani_word div:nth-child(4) {
        font-size: 35px;
        line-height: 52px;
    }
    .section_new_text *:not(img, .podrazd){
        width: 100%;
    }
    .section_new_text .podrazd *:not(img){
        width: 100%;
    }
    .section_new_text img{
        max-width: 360px;
        padding-left:20px;
        padding-top:20px;
        padding-bottom:20px;
    }
    .header-middle .header_login, .header-middle .header_record{
        display: flex;
    }
    .header-middle .btn-record, .header-middle .btn-account{
        display: none;
    }
    .page-content__title {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    h1 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0.01em;
    }
    .doctors_page .article-picture {
        width: 218px;
    }
    .contact-item__title {
        font-size: 16px;
        line-height: 17px;
    }
    .contact-item__content {
        font-size: 12px;
        line-height: 15px;
    }
    .doctors_page .service-item {
        margin-right: 76px;
    }
    .doctors_page .service-item:nth-child(3n){
        margin-right: 76px;
    }
    .doctors_page .service-item:nth-child(2n){
        margin-right: 0;
    }
    .slider-picture .swiper-button-next, .slider-picture .swiper-button-prev, .slider-gallery .swiper-button-next, .slider-gallery .swiper-button-prev {
        top: -72px;
    }
    .head-slider {
        width: 76%;
    }
    .news_main_overflow .gallery-item__image {
        height: 224px;
    }
    .news_main_overflow .slider-gallery img {
        height: 224px;
    }
    .doctor_education_item {
        width: 200px;
        margin-right: 35px;
        margin-bottom: 20px;
    }
    .doctor_education_item:nth-child(4n) {
        margin-right: 35px;
    }
    .doctor_education_item p {
        font-size: 14px;
        line-height: 20px;
    }
    .doctor_education_item .heading-h6::after {
        left: -185px;
        width: 175px;
    }
    #news_modal .all_detail_news {
        width: 656px;
    }
    #news_modal .swiper-container {
        height: 425px;
    }
    #news_modal .swiper-container img {
        height: 425px!important;
    }
    #news_modal .next_news {
        padding-bottom: 30px;
    }
    #news_modal .gallery-item__content {
        padding: 0 30px;
        margin-top: 30px;
    }
    .gallery-item__content_text {
        padding: 30px 30px 50px 30px;
    }
    #news_modal .gallery-item__content_data {
        left: 30px;
    }
    #news_modal .all_detail_news {
        margin-top: 83px;
        margin-bottom: 83px;
    }
    #news_modal .mfp-close {
        right: calc(50% - 380px) !important;
        top: 40px !important;
    }
    .form-layout--search {
        margin-bottom: 0;
    }
    .page_search .subnav-list a {
        font-size: 18px;
    }
    .page_search .subnav-list {
        justify-content: flex-start;
    }
    .page_search .subnav-item {
        margin-left: 40px!important;
    }
    .page_search .subnav-item:first-child{
        margin-left: 0!important;
    }
    .social-item .a {
        fill: inherit;
    }
    .copyright_symbol {
        float: none;
        display: inline;
    }


    


}
@media screen and (max-width: 769px){

    .review_elem {
        max-width: 626px;
        width: 100%;
        margin: 0;
    }
    .all_reviews .vacancy_modal_container {
        margin: 0px;
        width: 100%;
        margin-top: 20px;
    }
    .all_clinik_price_elem:nth-child(5n-1) {
        margin-right: 0px;
    }
    @media screen and (max-width: 600px){
        .all_clinik_price .container {
            justify-content: center;
        }
    }
    .item__svg {
        left: -1rem;
        width: 15%;
    }
    .map {
        position: relative;
        height: 400px;
    }
    .map-layout {
        padding-bottom: 0;
    }
    /*.filter-panel {*/
        /*margin-top: -60px;*/
    /*}*/
    .record-item__head {
        min-height: 222px;
        flex-direction: column;
    }

    .record-item__head_img, .record-item__head_text {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .record-item__head_text {
        min-height: 218px;
    }

    .record-item__head_img {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .slider-welcome .swiper-button-prev, .slider-welcome .swiper-button-next {
        top: calc(50% - 40px);
    }
    .slide-welcome__content {
        width: 100%;
    }
    .instagram_container iframe {
        padding-left: 15px;
    }
    .download_price {
        margin-top: -12px;
    }
    .subnav-item a {
        font-size: 24px;
    }
    .main_color_head #sv_on {
        display: none;
    }
    .main_color_head .social-list {
        display: none;
    }
    .main_color_head .menu-secondary.menu-secondary--left li:first-child a {
        left: 20px;
    }
    .main_color_head .header-topline .btn-search {
        right: 20px;
        top: 4px;
    }
    .main_color_head .menu-secondary__item.search_hidden {
        position: unset;
    }
    .main_color_head .smart_search {
        right: 61px;
        top: 7px;
        height: 36px;
        width: calc(100vw - 80px);
    }
    .main_color_head .header-secondary {
        width: 100%;
    }
    .main_color_head .header-logo {
        width: 137px;
        margin-left: 10px;
        min-width: 137px;
    }
    .main_color_head .menu-secondary.menu-secondary--left li:nth-child(3) {
        right: 20px;
        left: inherit;
        top: 96px;
    }
    .main_color_head .menu-secondary.menu-secondary--left li:nth-child(2) {
        left: inherit;
        right: 20px;
        top: 70px;
    }
    .main_color_head .smart_search {
        height: 27px;
    }

    .main_color_head .mobile_hide_search {
        display: block!important;
    }
    .main_color_head #sv_on + li, .main_color_head #sv_on {
        display: none!important;
    }
    .main_color_head .smart_search {
        top: 15px;
    }
    .main_color_head .menu-secondary.menu-secondary--left li:nth-child(3) a {
        display: block;
    }
    .gallery-item {
        height: inherit;
    }
    .main_text1_mani_word div:nth-child(1) {
        font-size: 40px;
        line-height: 40px;
    }
    .main_text1_mani_word div:nth-child(2) {
        font-size: 14px;
        line-height: 20px;
    }
    .main_text1_mani_word div:nth-child(3) {
        font-size: 37px;
        line-height: 50px;
    }
    .main_text1_mani_word div:nth-child(4) {
        font-size: 32px;
        line-height: 38px;
    }
    .main_text3_big_word {
        font-size: 100px;
        line-height: 110px;
    }
    .main_text3_small_word div:nth-child(2) {
        font-size: 16px;
        line-height: 28px;
    }
    .main_text2 {
        padding-right: 50px;
    }
    .main_text3 {
        margin-left: 20px;
    }
    .map_main_text {
        width: calc(100% - 40px);
        margin: 0 auto;
        margin-top: 80px;
        font-size: 14px;
        line-height: 20px;
    }
    .small_citi {
        margin-top: 80px;
    }
    .map_mark_name {
        display: none;
    }
    .head-slider {
        width: 100%;
        text-align: center;
    }
    .small_city_all {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .small_city_elem {
        font-size: 15px;
        margin-right: 0;
        width: 50%;
    }
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .map_main_img {
        width: calc(100% - 40px);
        margin: 0 auto;
        margin-top: 20px;
    }
    .main_text1 {
        display: flex;
        position: relative;
        padding-top: 50px;
        margin-left: 20px;
        flex-direction: column;
        width: 280px;
    }
    .main_text3_small_word div:nth-child(1) {
        font-size: 19px;
        line-height: 28px;
    }
    .main_text2_small_word {
        font-size: 25px;
        line-height: 37px;
    }
    .main_text2_big_word {
        line-height: 75px;
    }
    .mobile_hide_search:not(:first-child) {
        display: none;
    }
    .header-topline__box{
        top: 0;
        opacity: 1;
        visibility: inherit;
        background: none;
        width: 20%;
        left: 80%;
    }
    .header-topline__box_search {
        width: 100%;
        left: 0%;
        transition: none;
    }
    .menu-secondary__item.search_hidden {
        width: calc(70% - 60px);
    }
    .smart_search {
        right: 41px;
        top: 7px;
        height: 36px;
        width: 100%;
    }
    .header-topline .btn-search{
        position: absolute;
        right: 0;
    }
    .close_search {
        top: 5px;
    }
    .header-topline__box .social-list{
        display: none;
    }
    .header-topline__box .menu-secondary__item{
        display: none;
    }
    .header-topline__box .menu-secondary__item.search_hidden{
        display: block;
    }
    .menu-secondary__item.search_hidden {
        position: absolute;
        right: 10px;
        top: 5px;
    }
    .header-bottom .menu-primary__item {
        padding: 10px 0;
        padding-top: 30px;
        color: #144436;
    }
    .header-bottom .menu-primary {
        justify-content: space-evenly;
    }
    .section_new_text img{
        max-width: 100%;
        float: none!important;
        margin: 0 auto!important;
        display: block;
        padding-left: 0;
        width: 100%;
    }
    h1 {
        font-size: 28px;
    }
    .page-content__title {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .article-body {
        font-size: 14px;
        line-height: 20px;
    }
    .heading-h2 {
        font-size: 26px !important;
        line-height: 33px !important;
    }
    .slider-welcome .swiper-slide.swiper-slide-active{
        margin-top: 0!important;
    }
    .gallery-item__image {
        width: 100%;
        height: 200px;
    }
    .slider-gallery img {
        height: 200px;
    }
    .gallery-item {
        width: 280px;
        height: 200px;
    }
    .swiper-pagination-gallery {
        margin-top: 66px;
    }
    .doctor_pict {
        padding-left: 20px;
    }
    .doctor_first_screen {
        margin-bottom: 80px;
    }
    .doctors_page .service-item {
        margin: 0 auto !important;
        margin-bottom: 20px !important;
    }
    .gallery-item {
        width: 280px;
        height: 200px;
        margin: 0 auto;
    }
    .slider-gallery {
        margin-top: 100px;
    }
    .slider-picture .swiper-button-next, .slider-picture .swiper-button-prev, .slider-gallery .swiper-button-next, .slider-gallery .swiper-button-prev {
        top: -60px;
    }
    .news_main_overflow {
        margin-top: 40px;
    }
    .gallery-item {
        height: inherit;
    }
    #news_modal .all_detail_news {
        width: 280px;
    }
    #news_modal .gallery-item__content {
        text-align: center;
    }
    #news_modal .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 3px !important;
    }
    #news_modal .swiper-container img {
        height: 181px !important;
    }
    #news_modal .swiper-container {
        height: 181px;
    }
    #news_modal .swiper-pagination-gallery {
        height: 50px !important;
    }
    #news_modal .gallery-item__content {
        font-size: 20px;
        line-height: 26px;
    }
    .gallery-item__content_text {
        font-size: 14px;
        line-height: 20px;
        padding: 20px 20px 60px 30px;
    }
    #news_modal .gallery-item__content_data {
        bottom: 60px;
        font-size: 14px;
    }
    #news_modal .next_news {
        font-size: 14px;
    }
    .news_main_overflow .gallery-item__image {
        height: 200px;
    }
    .news_main_overflow .slider-gallery img {
        height: 200px;
    }
    #news_modal .all_detail_news {
        margin-top: 71px;
        margin-bottom: 71px;
    }
    #news_modal .mfp-close {
        right: calc(50% - 150px) !important;
        top: 20px !important;
    }
    .slider-gallery .swiper-button-next, .slider-picture .swiper-button-next {
        right: calc(50% - 70px);
    }
    .slider-gallery .swiper-button-prev, .slider-picture .swiper-button-prev {
        right: calc(50% + 25px);
    }
    .doctor_education_main {
        margin-top: 80px !important;
    }
    .doctor_education_item:nth-child(3n) {
        margin-right: 35px;
    }
    .doctor_education_item:nth-child(4n) {
        margin-right: 35px;
    }
    .doctor_education_item:nth-child(2n) {
        margin-right: 0;
    }
    .doctor_education_item:nth-child(4n - 3) .heading-h6::after, .doctor_education_item:nth-child(4n - 3) .heading-h6::before{
        content: '';
    }
    .doctor_education_item:nth-child(3n - 2) .heading-h6::after, .doctor_education_item:nth-child(3n - 2) .heading-h6::before{
        content: '';
    }
    .doctor_education_item:nth-child(2n - 1) .heading-h6::after, .doctor_education_item:nth-child(2n - 1) .heading-h6::before{
        content: none;
    }
    .doctor_slider_item {
        height: 200px;
    }
    .doctor_slider_item {
        height: initial;
        margin: 0 auto;
        width: 280px;
    }
    .doctor_slider_item img {
        width: 100%;
    }
    .swiper-pagination-gallery {
        margin-top: 46px;
    }
    .swiper-slide.swiper-slide-active {
        margin-top: 56px;
    }
    .slider-picture .swiper-button-next, .slider-picture .swiper-button-prev {
        top: -10px;
    }
    .slider-picture .swiper-wrapper{
        align-items: center;
    }
    .search_price {
        width: 90vw;
        margin-top: 50px;
        margin-left: calc(5vw - 10px);
    }
    .price_pharmacy-clinik-main_parent-elem-container {
        width: 50%;
    }
    .price_pharmacy-clinik-main_parent-elem {
        padding-left: 0;
        padding-right: 0;
    }
    .article-picture.picture_sale {
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .main-block-cliniks {
        margin-top: 0;
    }
    .map_mark {
        margin-left: -10px;
        margin-top: -10px;
    }


}



@media screen and (max-width: 640px){
    #review_modal form {
        margin-top: 80px;
        width: calc(100% - 40px);
        padding: 30px 20px;
        margin-bottom: 20px;
    }
    #review_modal .mfp-close {
        top: -50px!important;
        right: 0px!important;
    }
    .placeholder_emul_text span {
        display: none;
    }
    .review_form_title {
        margin-bottom: 30px;
    }
    .new_btn {
        margin: 30px 0;
    }
    .message_thx {
        width: calc(100% - 40px);
        font-size: 24px;
        padding: 30px;
    }
}



@media screen and (max-width: 540px){
    .filter-panel{
        margin-top: 0;
    }
    .review_quest_text, .review_answ_text, .review_quest_text_slide {
        line-height: 20px;
        font-size: 14px;
    }
    .review_quest_block {
        height: 50px;
    }
    .review_quest_read {
        right: 10px;
    }
    .review_quest_date {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .all_reviews .vacancy_modal_container a {
        margin-top: 30px;
    }
    .review-answ {
        margin-left: 20px;
    }
    .review_quest_img {
        right: 10px;
        left: inherit;
        bottom: 0;
        top: inherit;
    }
    .all_reviews .vacancy_modal_container span {
        font-size: 14px;
        line-height: 20px;
    }
    .contact_slider .slider-gallery .swiper-pagination-gallery {
        margin-top: 0;
    }
    .slider-welcome .swiper-button-prev, .slider-welcome .swiper-button-next {
        top: 70px;
    }
    .time-group__list {
        justify-content: space-evenly;
    }
    .page_search .subnav-item:first-child {
        width: inherit;
    }
    .page_search .subnav-item {
        margin-top: 0;
        margin-left: 0!important;
        margin-right: 40px;
        height: 40px;
    }
    .page_search .subnav-list {
        justify-content: space-around;
    }
    .toggle-control{
        width: 50%;
    }
    .section__foot.align-center {
        margin-top:20px;
    }
    #m-pick-town{
        overflow: hidden;
    }
    .slider-welcome.swiper-container.swiper-container-horizontal {
        margin-top: 20px;
    }
    .search_price {
        height: 26px;
    }
    .price_pharmacy-clinik-main_parent-elem-name {
        font-size: 14px;
        line-height: 20px;
    }
    .price_pharmacy-clinik-main_parent-elem-price {
        font-size: 14px;
        line-height: 23px;
    }
    .price_search .search_submit:hover {
        background: url(/local/templates/medguard/images/search_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .subnav-item {
        margin-top: 10px;
    }
    .subnav-item a{
        line-height: 40px;
    }
    .map-layout{
        margin-top: 0px;
    }
    .contact_slider .slider-gallery.swiper-container.swiper-container-horizontal{padding-top: 40px; margin-top: 20px;}
    .subnav-item:first-child {
        margin-top: 0px;
        width: 100%;
    }
    #m-pick-town {
        width: 100%;
        height: 100%;
    }
    #m-pick-town .modal-dialog {
        height: 100%;
        width: 100%;
        border: 0;
        box-shadow: none;
    }
    #m-pick-town .modal-content {
        width: 100%;
        height: 100%;
    }
    #m-pick-town .modal-dialog--super .modal-content {
        background: #144436d9;
        box-shadow: none;
    }
    #m-pick-town .modal-dialog{
        background: none;
    }
    #m-pick-town .modal-dialog--super .modal-content::after{
        content:none;
    }
    #m-pick-town .modal-header .close {
        position: absolute;
        top: 16px;
        right: 20px;
        width: 30px;
        height: 30px;
        opacity: 1;
    }
    #m-pick-town .modal-header {
        padding-top: 61px;
        padding-bottom: 20px;
    }
    #m-pick-town .modal-title {
        font-size: 20px;
        text-align: center;
        letter-spacing: 0.01em;
        font-weight: 900;
    }
    #m-pick-town .pick-town__list {
        max-width: 100%;
        width: 100%;
        text-align: center;
        flex-direction: column;
        margin-bottom: 30px;
        height: 100%;
        justify-content: space-evenly;
    }
    #m-pick-town .modal-body {
        height: calc(100% - 110px);
    }
    #m-pick-town .pick-town__list li {
        width: 100%;
    }
    #m-pick-town .pick-town__list li a {
        font-weight: 900;
        font-size: 14px;
    }
    .header-bottom {
        position: fixed;
        height: 100vh;
        width: 100vw;
        top: 0;
        left: -100vw;
        background: #fff;
        z-index: 999999;
        transition-duration: 1s;
    }
    .header-bottom .header_login{
        font-size: 16px;
        letter-spacing: 0;
        line-height: 23px;
        margin-left: 20px;
        margin-top: 20px;
    }
    .close_mobile_burger {
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }
    .header-bottom .header_record{
        font-size: 16px;
        letter-spacing: 0;
        line-height: 23px;
        color:#ED6E00;
        margin-left: 20px;
        margin-top: 10px;
    }
    .header-bottom.opened::before {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: #E4E4E4;
        top: 96px;
    }
    .header-bottom .menu-primary {
        justify-content: space-between;
        flex-direction: column;
        text-align: center;
        height: 70%;
    }
    .menu-primary__item {
        padding: 0 !important;
    }
    .opened .menu-primary__item.active::after{
        content: none;
    }
    .header-nav {
        width: 100%;
        height: calc(100vh - 160px);
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 30px 0;
    }
    .header-bottom.opened{
        left: 0;
    }
    .mobile_btn_records{
        display: block;
    }
    .mobile_burger{
        display: block;
        cursor: pointer;
    }
    .btn-group:not(.btn-group--record) a:not([data-period]) {
        display: none !important;
    }
    .mobile_hide_search {
        display: none;
    }
    .search_submit:hover {
        background: url(/local/templates/medguard/images/search_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        border-radius: 0;
    }
    .smart_search {
        right: 41px;
        top: 12px;
        height: 26px;
    }
    .search_text {
        background: #F2F5ED;
    }
    .header-topline__box{
        height: 51px;
    }
    .menu-secondary__item.search_hidden {
        top: 0;
    }
    .close_search {
        top: 1px;
        width: 15px;
        height: 15px;
    }
    .close_search svg{
        width: 100%;
    }
    .search_text {
        padding-left: 10px;
        padding-right: 35px;
        font-size: 12px;
    }
    .search_submit {
        text-indent: 10000%;
        overflow: hidden;
        background: url(/local/templates/medguard/images/search_mobile.svg);
        width: 15px;
        background-repeat: no-repeat;
        background-size: 100%;
        border-radius: 0;
        font-size: 0px;
        height: 17px;
        top: 5px;
        right: 10px;
    }
    .header-topline {
        height: 51px;
    }
    .menu-secondary__item.search_hidden {
        width: calc(100% - 80px);
    }
    .doctor-first-container h1 {
        text-align: center;
        order: 1;
    }
    .doctor_pict {
        float: none;
    }
    .doctor-first-container .clinik-items{
        order: 2;
        margin-top: -20px;
    }
    .doctor-first-container .article-body {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .doctor_pict{
        order: 3;
        padding-left: 0;
    }
    .doctor_text{
        order: 4;
    }
    .contact-item {
        margin-top: 20px;
    }
    .section__head .heading-h2 {
        margin-bottom: 30px;
    }
    .doctors_page .service-item {
        margin-left: 20px !important;
        width: calc(100% - 20px);
    }
    .swiper-slide.swiper-slide-active {
        margin-top: 0;
    }
    .slider-gallery .swiper-pagination-gallery {
        margin-top: 66px;
    }
    .doctor_education_item {
        width: 100%;
        margin-right: 0!important;
        margin-bottom: 30px;
        text-align: center;
    }
    .doctor_education_item .heading-h6::after, .doctor_education_item .heading-h6::before {
        content: none!important;
    }
    .doctors_page .heading-h2 {
        text-align: center;
    }
    .swiper-pagination-gallery {
        flex-wrap: wrap;
        height: 50px;
        justify-content: space-evenly;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 !important;
    }
    .main_screen{
        overflow: hidden;
    }
    .doctors_page .swiper-pagination-gallery {
        margin-top: 6px;
    }
    .slider-picture.swiper-container.swiper-container-horizontal {
        margin-top: 60px;
    }
    .slider-picture .swiper-button-next, .slider-picture .swiper-button-prev {
        top: -35px;
    }
    .education_more{
        display: block;
    }
    .education_more {
        display: block;
        color: #90AFA6;
        font-size: 12px;
        letter-spacing: 0.01em;
        line-height: 15px;
        margin: 0 auto;
        cursor: pointer;
        text-align: center;
    }
    .education_more:hover {
        color: #0b2e13;
    }
    .education_more_item ~ div {
        display: none;
    }
    .header-topline{
        overflow: hidden;
    }
    .header-topline .link-phone {
       
    }
    .price-clinik-main_parent-elem {
        padding-right: 90px;
    }
    .clinic-item__content {
        padding-top: 20px;
    }
    .clinic-info div:not(.time_p) {
        flex-wrap: wrap;
    }
    .clinic-info span {
        min-width: 100%;
    }


    .menu-secondary__item .link.link-phone::before {
        content: '';
        width: 22px;
        height: 22px;
        display: block;
        background: url(/local/templates/medguard/images/icon/phone.svg);
    }
    .header-topline .link-phone {
        width: 22px;
        height: 22px;
        overflow: hidden;
    }
    .header_record.mobile_head_log svg {
        display: none;
    }
    .header_record.mobile_head_log {
        width: 126px!important;
    }
    .header_record.mobile_head_log::before {
        content: 'Запись на прием';
        display: block;
        height: 21px;
        width: 100px;
        color: #fff;
        font-size: 14px;
        line-height: 21px;
        text-transform: none;
        margin-top: 4px;
        padding: 0 10px;
    }
    .header-topline__box {
        overflow: inherit !important;
    }

    .mobile_btn_records .link-callback {

    display: block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 23px;
    color: #ED6E00;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: 800;

}
.mobile_btn_records .header_record{
    display: none;
}

.smart_search{
z-index: 99;
}
.header_record.mobile_head_log {

    position: absolute;
    top: 10px;
    height: 30px;
    width: 30px;
    display: block;
    right: 45px;
    background-color: #ed6e00;
    border-radius: 30px;
}

.header_record.mobile_head_log svg {

    width: 100%;
    height: 100%;

}

.link.link-icon span {

    display: none;

}
.header-topline__box:not(.header-topline__box_search) {
    width: 100px;
    left: calc(100% - 100px);

}


.header-topline__box{
    overflow: hidden;
}
.header-topline.ths_scroll {
    position: fixed;
    width: 100%;
    z-index: 999;
        top: 0;
    left: 0;
}
header.ths_scroll {
    padding-top: 51px;
}

}
@media screen and (max-width: 400px){
    .toggle-control {
        font-size: 11px;
    }
}
.expirience_main .heading-h6::before{
    display: none;
}

.btn-group font + .btn {
    display: none;
}



.s-account-nav-list a:nth-child(4) {

    display: none;

}




.floatingCirclesG{
    width:67px;
    height:67px;
    transform:scale(0.6);
    -o-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    position: absolute;
    right: 0;
    top: -2px;
}

.change_analis_all {
    position: relative;
}

.f_circleG{
    position:absolute;
    background-color:rgb(255,255,255);
    height:12px;
    width:12px;
    border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    animation-name:f_fadeG;
    -o-animation-name:f_fadeG;
    -ms-animation-name:f_fadeG;
    -webkit-animation-name:f_fadeG;
    -moz-animation-name:f_fadeG;
    animation-duration:0.932s;
    -o-animation-duration:0.932s;
    -ms-animation-duration:0.932s;
    -webkit-animation-duration:0.932s;
    -moz-animation-duration:0.932s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

.frotateG_01{
    left:0;
    top:27px;
    animation-delay:0.3495s;
    -o-animation-delay:0.3495s;
    -ms-animation-delay:0.3495s;
    -webkit-animation-delay:0.3495s;
    -moz-animation-delay:0.3495s;
}

.frotateG_02{
    left:8px;
    top:8px;
    animation-delay:0.466s;
    -o-animation-delay:0.466s;
    -ms-animation-delay:0.466s;
    -webkit-animation-delay:0.466s;
    -moz-animation-delay:0.466s;
}

.frotateG_03{
    left:27px;
    top:0;
    animation-delay:0.5825s;
    -o-animation-delay:0.5825s;
    -ms-animation-delay:0.5825s;
    -webkit-animation-delay:0.5825s;
    -moz-animation-delay:0.5825s;
}

.frotateG_04{
    right:8px;
    top:8px;
    animation-delay:0.699s;
    -o-animation-delay:0.699s;
    -ms-animation-delay:0.699s;
    -webkit-animation-delay:0.699s;
    -moz-animation-delay:0.699s;
}

.frotateG_05{
    right:0;
    top:27px;
    animation-delay:0.8155s;
    -o-animation-delay:0.8155s;
    -ms-animation-delay:0.8155s;
    -webkit-animation-delay:0.8155s;
    -moz-animation-delay:0.8155s;
}

.frotateG_06{
    right:8px;
    bottom:8px;
    animation-delay:0.932s;
    -o-animation-delay:0.932s;
    -ms-animation-delay:0.932s;
    -webkit-animation-delay:0.932s;
    -moz-animation-delay:0.932s;
}

.frotateG_07{
    left:27px;
    bottom:0;
    animation-delay:1.0485s;
    -o-animation-delay:1.0485s;
    -ms-animation-delay:1.0485s;
    -webkit-animation-delay:1.0485s;
    -moz-animation-delay:1.0485s;
}

.frotateG_08{
    left:8px;
    bottom:8px;
    animation-delay:1.165s;
    -o-animation-delay:1.165s;
    -ms-animation-delay:1.165s;
    -webkit-animation-delay:1.165s;
    -moz-animation-delay:1.165s;
}



@keyframes f_fadeG{
    0%{
        background-color:rgb(0,115,54);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes f_fadeG{
    0%{
        background-color:rgb(0,115,54);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes f_fadeG{
    0%{
        background-color:rgb(0,115,54);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes f_fadeG{
    0%{
        background-color:rgb(0,115,54);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes f_fadeG{
    0%{
        background-color:rgb(0,115,54);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}
.change_analis_all {
    vertical-align: top;
}

@media screen and (max-width:1440px){
    .floatingCirclesG{
        right: -13px;
    }
    @media screen and (max-width:1200px){
        .change_analis_all {
            min-width: 200px;
        }
    }
}


#cabinet_error .modal-dialog {
    max-width: 600px;
    margin-top: 20vh;
}
#cabinet_error .modal-lead{
    margin-bottom: 20px;
    margin-top: 10px;
}
@media screen and (max-width: 768px){
    .section_new_text *:not(img):not(iframe):not(.podrazd) {
        width: 100%;
        text-align: justify;
    }
    #cabinet_error .modal-dialog {
        max-width: 300px;
    }
    #cabinet_error .modal-lead {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.ya-share2 ul>li {
    padding-left: 0px;
	}

.share {
	color: #000;
	float: right;
    	}
	
	
.clinik-items {
    display: flex;
    flex-wrap: wrap;
}
.contact-item {
    width: 400px;
    margin-right: 50px;
}
@media screen and (max-width: 1440px){
    .contact-item {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1000px){
    .contact-item {
        width: inherit;
        margin-right: 0;
    }
}








































#modal_new{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: -1000;
    opacity: 0;
}
#modal_new.modal_open_new {
    z-index: 999;
    opacity: 1;
}
#modal_new .modal_news_scroll {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.new_form {
    width: 698px;
    background-color: #fff;
    border-radius: 10px;
    padding: 60px 129px;
    position: relative;
    margin: 10vh 0;
    display: none;
}
.new_form.open{
    display: block;
}
#modal_new .background_modal_news{
    background-color:rgba(18, 28, 24, 0.8);
    z-index: 0;
    opacity: 1;
}
#modal_new .mfp-close {
    top: -30px;
    right: -55px !important;
    opacity: 1;
}
#modal_new .mfp-close:hover {
    opacity: 0.7;
}
.modal_new_title {
    text-align: center;
    font-size: 28px;
    line-height: 41px;
    color: #144436;
    font-weight: 900;
}
.modal_new_text {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #90AFA6;
    margin-top: 16px;
}
.modal_new_input {
    width: 100%;
    margin-top: 70px;
    position: relative;
}
.modal_new_input_text {
    font-size: 16px;
    line-height: 26px;
    color: #0E2009;
    margin-bottom: 10px;
}
.modal_new_input input, .modal_new_input a {
    border: 1px solid #90AFA6;
    box-sizing: border-box;
    border-radius: 10px;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #144436;
    font-size: 14px;
    line-height: 26px;
    outline:none!important;
}
.modal_new_input input::-moz-placeholder {font-size: 14px;color: #90AFA6;opacity: 1;}
.modal_new_input input::-webkit-input-placeholder {font-size: 14px;color: #90AFA6;opacity: 1;}
.modal_new_input input:-ms-input-placeholder {font-size: 14px;color: #90AFA6;opacity: 1;}
.modal_new_input input::placeholder {font-size: 14px;color: #90AFA6;opacity: 1;}

.modal_new_button{
    width: 218px;
    height: 48px;
    background: #90AFA6;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 25px;
    position: relative;
    cursor: pointer;
}
.modal_new_button span{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    right: 50px;
}
.modal_new_button::after {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background-color: #fff;
    left: 50px;
    top: calc(50% - 9.5px);
    border-radius: 100%;
    z-index: 1;
}
.modal_new_button.steady::before {
    position: absolute;
    content: '';
    background-color: #ED6E00;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    left: 53px;
    top: calc(50% - 6.5px);
    z-index: 2;
}
.modal_new_button.ready {
    background-color: #ED6E00;
}
.modal_new_button.ready::before,.modal_new_button.ready::after{
    content: none;
}
.error_form{
    display: none;
}
#auth_form.error .modal_new_text, #auth_form.error .modal_new_input, #auth_form.error .modal_new_button{
    display: none;
}
#auth_form.error .error_form,.new_form.error .error_form{
    display: block;
}
.new_form.error .modal_new_input, .new_form.error .modal_new_button{
    display: none;
}
.modal_new_error {
    margin-top: 91px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #EB5757;
}
.modal_new_error_back, .modal_new_link_back {
    color: #90AFA6;
    cursor: pointer;
    font-size: 16px;
    line-height: 26px;
    margin: 0 auto;
    display: table;
    margin-top: 40px;
    margin-bottom: 67px;
}
.send_sms_again {
    font-size: 16px;
    line-height: 26px;
    color: #E3E3E3;
    margin-top: 5px;
}
.send_sms_again_time {
    margin-left: 8px;
}
#auth_form_sms .modal_new_button span {
    right: calc(50% - 45px);
}
#auth_form_sms.error .modal_new_text,#auth_form_sms.error .modal_new_input, #auth_form_sms.error .modal_new_button {
    display: none;
}
#auth_form_sms.error .error_form{
    display: block;
}
.eye_pass {
    position: absolute;
    right: 15px;
    top: 44px;
    cursor: pointer;
}
#auth_form_change_pass .modal_new_input + .modal_new_input {
    margin-top: 30px;
}

.eye_pass:not(.active):hover path {
    fill: #144436;
}
.eye_pass.active path {
    fill: #144436;
}
#auth_form_sms .modal_new_error_back, #auth_form_change_pass .modal_new_error_back {
    margin-bottom: 95px;
}
#auth_form_change_pass .modal_new_button span{
    right: calc(50% - 37.5px);
}
#auth_form_pass .modal_new_button span, #change_password .modal_new_button span{
    right: calc(50% - 45px);
}
#auth_form_pass .open_form {
    font-size: 16px;
    line-height: 26px;
    color: #90AFA6;
    margin-top: 5px;
    display: table;
}
#auth_form_pass .open_form:hover{
    color: #144436;
}
#change_password .modal_new_input{
    margin-top: 60px;
}
#change_password .modal_new_input:nth-child(6){
    margin-top: 30px;
}
.send_sms_again.send_again {
    cursor: pointer;
    color: #90AFA6;
}
.send_sms_again.send_again:hover{
    color: #144436;
}
.user_select_auth {
    display: table;
    font-size: 16px;
    line-height: 26px;
    color: #144436;
    cursor: pointer;
    border-bottom: 1px solid #90AFA6;
    margin-bottom: 30px;
}
.user_select_auth:hover{
    color:#ED6E00;
}
.user_select_auth_all {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 70px;
}
.user_select_auth_all div:last-child {
    margin-bottom: 0;
}
#auth_form_restore_pass .modal_new_button span{
    right: calc(50% - 37.5px);
}
#auth_form_restore_pass .modal_new_input:nth-child(5) {
    margin-top: 30px;
}
#auth_form_change_pass2 .modal_new_input:nth-child(6) {
    margin-top: 30px;
}
.l-account-nav-item {
    width: 470px;
    height: 146px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.l-account-nav-item:nth-child(2n-1) {
    margin-right: 30px;
}
.l-account-nav-item__title {
    color: #144436;
    font-size: 24px;
    line-height: 35px;
}
.l-account-nav-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 60px;
}
.container.user_title {
    display: flex;
    align-items: center;
}
.user_name_title {
    color: #144436;
    font-size: 20px;
    line-height: 29px;
    margin-left: 50px;
    font-weight: 900;
}
.s-account-nav-item {
    color: #007336;
    font-size: 18px;
    line-height: 100%;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0 !important;
}
.s-account-nav-item.active::before {
    bottom: -4px;
}
.s-account-nav-item.active {
    color: #144436;
}
.s-account-nav-item:not(.active):hover {
    color: #ed6e00;
}
.s-account-nav-item.s-account-nav_type {
    color: #90AFA6;
}
.s-account-nav-item.s-account-nav_type.open_form {
    margin-top: 20px !important;
}
.user_tab_bonus {
    width: 205px;
    height: 117px;
    border: 1px solid #E3E3E3;
    border-radius: 10px;
    padding: 15px;
}
.user_tab_bonus_price {
    color: #ED6E00;
    font-size: 24px;
    line-height: 100%;
    font-weight: 900;
}
.user_tab_bonus_bon {
    color: #144436;
    font-size: 14px;
    line-height: 100%;
}
.user_tab_bonus_svg {
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
}
.user_tab_bonus a{
    color: #90AFA6;
    font-size: 13.8px;
    line-height: 100%;
    display: block;
}
.user_tab_bonus .open_form{
    margin-top: 18px;
}
.user_tab_bonus a:not(.open_form){
    margin-top: 14px;
}
.user_tab_bonus{
    margin-bottom: 40px;
    position: relative;
}
.user_tab_bonus_fade {
    background-color: #fff;
    position: absolute;
    z-index: 99;
    padding: 15px;
    width: 205px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    font-size: 12px;
    line-height: 16px;
    color: #0E2009;
    display: none;
}
.user_tab_bonus_fade::after {
    content: '';
    position: absolute;
    top: -11px;
    right: calc(50% - 6.5px);
    border-left: 6.5px solid transparent;
    border-right: 6.5px solid transparent;
    border-bottom: 13px solid #fff;
}
.user_tab_bonus_fade.open{
    display: block;
}
.user_tab_bonus_svg:hover + .user_tab_bonus_fade{
    display: block;
}
.user_tab_bonus_fade{
    left: 58px;
    top: 60px;
}
.user_tab_bonus a:hover {
    color: #ED6E00;
}
#form_akcii .modal_new_button.ready span {
    right: 70px;
}
.child_elem_name {
    color: #0E2009;
    font-size: 16px;
    line-height: 24px;
    width: 260px;
    margin-right: 31px;
}
.child_elem_login, .child_elem_hide,.hidden_child_elem_reset{
    color: #90AFA6;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}
.child_elem {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.child_elem_login {
    margin-right: 60px;
    position: relative;
}
.child_elem_login:hover, .child_elem_hide:hover,.show_hidden_child:hover,.hidden_child_elem_reset:hover,.hidden_child_back:hover{
    color: #ED6E00;
}
.child_elem_login::after {
    content: '';
    height: 100%;
    width: 1px;
    background: #E3E3E3;
    position: absolute;
    right: -31px;
    pointer-events: none;
}
.show_hidden_child,.hidden_child_back {
    color: #90AFA6;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
    cursor: pointer;
    display: table;
}
.all_child,.hidden_child{
    display: none;
}
.all_child.open,.hidden_child.open{
    display: block;
}
.hidden_child_elem_name {
    color: #0E2009;
    font-size: 16px;
    line-height: 24px;
    width: 260px;
    margin-right: 31px;
}
.hidden_child_elem {
    display: flex;
    align-items: center;
}
.hidden_child_elem {
    margin-bottom: 40px;
}
.table-wrapper td, .table-wrapper tr, .table-wrapper th {
    padding-left: 0 !important;
}
.user_tab_bonus_svg:hover circle {
    fill: #ED6E00;
}
#new_bonus_form .modal_new_input:nth-child(5){
    margin-top: 30px;
}
.modal_new_input textarea {
    width: 100%;
    min-height: 145px;
    min-width: 100%;
    max-width: 100%;
    border: 1px solid #90AFA6;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    color: #144436;
    font-size: 14px;
    line-height: 26px;
    outline:none!important;
}
.modal_new_input textarea::-moz-placeholder {font-size: 14px;color: #90AFA6;opacity: 1;line-height: 145px;}
.modal_new_input textarea::-webkit-input-placeholder {font-size: 14px;color: #90AFA6;opacity: 1;line-height: 145px;}
.modal_new_input textarea:-ms-input-placeholder {font-size: 14px;color: #90AFA6;opacity: 1;line-height: 145px;}
.modal_new_input textarea::placeholder {font-size: 14px;color: #90AFA6;opacity: 1;line-height: 145px;}

#new_bonus_form .modal_new_button::after{
    content: none;
}
#new_bonus_form .modal_new_button span{
    right: calc(50% - 38px);
}
#new_bonus_form .modal_new_button{
    cursor: default;
}
.agreement_form {
    font-size: 14px;
    line-height: 21px;
    color: #90AFA6;
    text-align: center;
    margin-top: 40px;
}
.agreement_form a {
    text-decoration: underline;
}
.bonus_history_name {
    font-size: 16px;
    line-height: 24px;
    color: #0E2009;
}
.bonus_history_elem{
    line-height: 21px;
    display: flex;
    margin-bottom: 40px;
    font-size: 14px;
}
.summ_plus{
    color: #3CB11B;
}
.summ_minus{
    color: #CC2323;
}
.bonus_history_header {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 30px;
}
.bonus_history {
    width: 910px;
}
.bonus_history_name {
    width: 470px;
    margin-right: 80px;
}
.bonus_history_data {
    width: 58px;
    margin-right: 73px;
}
.bonus_more {
    color: #90AFA6;
    font-size: 14px;
    line-height: 21px;
    display: table;
    margin: 0 auto;
    margin-top: 60px;
    cursor: pointer;
}
.bonus_more:hover{
    color: #ED6E00;
}
.hide_bonus{
    display: none;
}
.back_main {
    margin-left: 20px;
    color: #90AFA6;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}
.back_main:hover {
    color: #ED6E00;
}

@media screen and (max-width: 1367px){
    .l-account-nav-item {
        width: 380px;
        height: 95px;
        margin-bottom: 20px;
        padding: 0 30px;
    }
    .l-account-nav-item:nth-child(2n-1) {
        margin-right: 20px;
    }
    .l-account-nav-item__icon {
        height: 45px;
    }
    .bonus_history_name {
        width: 370px;
        margin-right: 101px;
    }
    .bonus_history {
        width: 804px;
    }
}
@media screen and (max-width: 992px){
    .page-section--reverse .row {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .l-account-nav-item {
        width: 421px;
    }
    .s-account-nav-list{
        flex-direction: column;
    }
    .change_analis_all {
        min-width: 100px;
    }
    .child_elem_name {
        font-size: 14px;
        line-height: 21px;
        width: 126px;
        margin-right: 44px;
    }
    .child_elem_login, .child_elem_hide, .hidden_child_elem_reset {
        font-size: 14px;
        line-height: 21px;
    }
    .child_elem_login {
        margin-right: 20px;
    }
    .child_elem_login::after {
        right: -11px;
    }
    .child_elem {
        margin-bottom: 43px;
    }
    .show_hidden_child, .hidden_child_back {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 33px;
    }
    .hidden_child_elem_name {
        font-size: 14px;
        line-height: 21px;
        width: 132px;
        margin-right: 50px;
    }
    .user_tab_bonus_fade {
        left: -80px;
        top: 10px;
    }
    .user_tab_bonus_fade::after {
        top: 10px;
        right: -10px;
        transform: rotate(90deg);
    }
    .back_main {
        font-size: 14px;
        line-height: 21px;
    }
    .bonus_history {
        width: 457px;
    }
    .bonus_history_header {
        font-size: 16px;
        line-height: 24px;
    }
    .bonus_history_elems{
        font-size: 14px;
        line-height: 21px;
    }
    .bonus_history_name {
        width: 243px;
        margin-right: 43px;
    }
    .bonus_history_data {
        margin-right: 32px;
    }
    .bonus_form_close {
        width: 13px;
        height: 13px;
        background: url(/local/templates/medguard/images/icon/close2.svg);
        position: absolute;
        right: 15px;
        top: 15px;
        background-size: 100%;
        cursor: pointer;
    }
}
@media screen and (max-width: 767px){
    .page-section--reverse .row {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .user_title h1 {
        font-size: 28px;
        line-height: 41px;
    }
    .container.user_title {
        align-items: flex-start;
        flex-direction: column;
    }
    .user_name_title {
        margin-left: 0;
        margin-top: 10px;
    }
    .user_tab_bonus {
        width: 280px;
        margin-left: auto;
        margin-right: auto;
    }
    .l-account-nav-item__icon {
        height: 30px;
    }
    .l-account-nav-item__title {
        font-size: 18px;
        line-height: 27px;
    }
    .l-account-nav-item {
        width: 280px;
        margin-right: auto !important;
        margin-left: auto;
        padding: 20px;
        height: 67px;
        margin-bottom: 10px;
    }
    .user_tab_bonus_fade {
        left: 58px;
        top: 60px;
    }
    .user_tab_bonus_fade::after {
        top: -11px;
        right: calc(50% - 6.5px);
        transform: none;
    }
    .bonus_history_elem {
        flex-wrap: wrap;
    }
    .bonus_history {
        width: 100%;
    }
    .bonus_history_name {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .child_elem {
        flex-wrap: wrap;
    }
    .child_elem_name,.hidden_child_elem_name {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .show_hidden_child, .hidden_child_back {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    .hidden_child_elem {
        flex-wrap: wrap;
    }
    .s-account-nav-list {
        width: 280px;
        align-items: center;
        background-color: #F9F9F9;
        border-radius: 10px;
        height: 60px;
        overflow: hidden;
        flex-wrap: nowrap;
    }
    .lk_mobile {
        color: #144436;
        font-size: 18px;
        margin-right: 33px;
        position: relative;
    }
    .s-account-nav-list.open {
        height: inherit;
    }
    .s-account-nav-item {
        color: #144436;
    }
    .lk_mobile_all {
        width: 100%;
        min-height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        margin-bottom: 29px;
    }
    .s-account-nav-item.active::before {
        content: none;
    }
    .s-account-nav-item {
        margin-right: 0!important;
        margin-bottom: 30px;
    }
    .s-account-nav-item.active {
        color: #E3E3E3;
    }
    .s-account-nav-list{
        position: relative;
    }
    .s-account-nav-item.s-account-nav_type.open_form::before {
        content: '';
        width: 240px;
        height: 1px;
        background: #E9E9E9;
        position: absolute;
        left: 20px;
        margin-top: -30px;
    }
    .s-account-nav-item.s-account-nav_type.open_form {
        margin-top: 30px !important;
    }
    .lk_mobile::before {
        content: '';
        background: red;
        width: 18px;
        height: 10px;
        position: absolute;
        right: -30px;
        top: 8px;
        background: url(/local/templates/medguard/images/icon/arrow.svg);
        background-size: 100%;
        transform: rotate(180deg);
        transition-duration: .5s;
    }
    .s-account-nav-list.open .lk_mobile::before {
        transform: rotate(0deg);
    }
    .s-account-nav-list {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }
    .user_tab_bonus {
        margin-bottom: 20px;
    }
    .back_main {
        margin-top: 5px;
        margin-left: 0;
    }
    .new_form {
        width: 280px;
        padding: 30px 20px;
    }
    .modal_new_input {
        margin-top: 50px;
    }
    .modal_new_text {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .modal_new_title {
        font-size: 24px;
        line-height: 28px;
    }
    .modal_new_error {
        font-size: 14px;
        line-height: 20px;
    }
}
.new_form input.error{
    border-color: red;
}
.akcii_send_btn a, .load_more_new{
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color:#fff;
    background-color:#ed6e00;
    height: 50px;
    font-size: 18px;
    cursor: pointer;
}
.akcii_send_btn {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 60px;
}
.akcii_send_btn a:hover, .load_more_new:hover{
    box-shadow: 0 20px 20px -20px #c75200;
}
.main-ui-pagination-pages{
    display: none;
}
.main-ui-pagination {
    display: flex;
    justify-content: center;
}
@media screen and (min-width: 769px){
    .modal_new_button.steady.ready span{
        right: 70px;
    }
}
@media screen and (max-width: 768px){
    .l-account-nav-item__icon img {
        height: 100%;
    }
}

@media screen and (max-width: 440px){
    .filter-panel .selectBox-label::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 100%;
        background: #fff;
    }
    .filter-panel .selectBox-label::after {
        content: '';
        position: absolute;
        right: 40px;
        top: 0;
        width: 100px;
        height: 100%;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
        background: linear-gradient(to right,rgba(255, 255, 255, 0.2),#fff 100%);
    }
    .filter-panel .selectBox {
        margin: .625rem 0;
        max-width: 100%;
        overflow: hidden;
    }
}
.form-anket iframe {
    height: 70vh;
    width: 100%;
}
#form-anket {
    padding: 60px 45px;
}
@media screen and (max-width:768px){
    .form-anket {
        width: 320px;
        padding: 30px 0;
    }
}
.btn-group a:hover path{
    fill:#144436;
}

.slide-welcome {
    height: 21.88vw;
}
.slide-welcome__pic + .slide-welcome__pic {
    display: none;
}
@media screen and (max-width:768px){
    .slide-welcome__pic{
        margin-bottom: 0;
        height: 100%;
    }
    .slide-welcome__content{
        display: none;
    }
    .slider-welcome .swiper-button-prev, .slider-welcome .swiper-button-next {
        top: calc(50% - 25px);
    }
    .slide-welcome {
        height: 80.9vw;
    }

    .slide-welcome__pic[attr-img-r="2"] {
        display: none;
    }
    .slide-welcome__pic + .slide-welcome__pic[attr-img-r="2"] {
        display: block;
    }


	.main_color_head .header_record{
		display: none;
	}
    .record-item .form-layout{
        padding: 0;
    }
}





.gallery_sect .gallery-item__image{
    height: 426px;
    margin-bottom: 15px;
}
.gallery_sect .slider-gallery img {
    height: 100%;
}
.gallery_sect{
    overflow: hidden;
}
.gallery_sect_name {
    font-size: 20px;
    line-height: 26px;
    color:#000000;
    margin-bottom: 10px;
}
.gallery-item__content {
    font-size: 14px;
    line-height: 18px;
    color:#000000;
    letter-spacing: initial;
    font-weight: initial;
    margin-bottom: 20px;
}
.hover_akcii {
    font-size: 16px;
    line-height: 22px;
    color: #90AFA6;
}
.gallery_sect a:hover .hover_akcii{
    color: #ED6E00;
}
@media screen and (max-width:768px) {
    .gallery_sect .gallery-item {
        width: 301px;
    }
    .gallery_sect .swiper-slide.swiper-slide-active {
        margin-top: 0;
    }
    .gallery_sect .heading-h2{
        text-align: center;
    }
}








.service_price {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 48px;
}
.service_price .price_pharmacy-clinik-main_parent-elem-container {
    width: 729px;
}
.service_price .page_price {
    width: 971px;
    margin-top: 30px;
}
.service_price_btn {
    font-size: 16px;
    line-height: 24px;
    color: #90AFA6;
    margin-top: 30px;
    cursor: pointer;
    display: table;
}
.service_price_btn:hover{
    color: #ED6E00;
}
.service_price_hide {
    display: none;
}
.service_price .price_pharmacy-clinik-main_parent-elem-name{
    margin-bottom: 0;
}
.price_pharmacy-clinik-main_parent-elem:hover {
    background:#FEFCFC;
}

@media screen and (max-width: 1300px){
    .service_price .page_price {
        width: 100%;
    }
    .service_price {
        margin-top: 0;
    }
    .service_price .price_pharmacy-clinik-main_parent-elem-container {
        width: 520px;
    }
    .service_price .price_pharmacy-clinik-main_parent-elem {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .service_price .price_pharmacy-clinik-main_parent-elem-price{
        margin-top: 10px;
    }
    .service_price .price_pharmacy-clinik-main_parent-elem-container {
        width: 100%;
    }
    .service_price .heading-h2{
        margin-top: 0;
    }
}





.heading-h2.new_h2{
    margin-bottom: 30px;
}


/**/



#ndfl .modal_new_input{
    margin-top: 40px;
}
#ndfl .modal_new_input:nth-child(4){
    margin-top: 50px;
}

#ndfl .modal-file-field{
    margin-top: 40px;
}
#ndfl .modal_new_button{
    margin-top: 50px;
}
#ndfl .require_fields{
    margin-top: 30px;
    font-size: 16px;
    line-height: 20px;
    color: #0E2009;
}
#ndfl .add_file {
    width: 131px;
    height: 131px;
    cursor: pointer;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#ndfl .add_file.hide svg{
    opacity: 0;
}

#ndfl .delete_file.show{
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FFFFFF;
    justify-content: center;
}
#ndfl .delete_file.show:hover svg path{
    fill: #ED6E00;
}
#ndfl .delete_file.show:hover{
    color: #ED6E00;
}
#ndfl .add_file:hover rect{
    stroke: #ED6E00;
}
#ndfl .add_file:hover path{
    fill: #ED6E00;
}
#ndfl .delete_file {
    position: absolute;
    left: 0;
    top: 0;
    width: 131px;
    height: 131px;
    display: none;
}
#ndfl .modal-file-field-input{
    position: relative;
}
#ndfl .modal-file-field-input input{
    display: none;
}
#ndfl .modal_new_input_text_small {
    font-size: 14px;
    line-height: 100%;
    color: #939393;
    margin-bottom: 20px;
}
.so_short_time {
    margin-top: 30px;
    height: 48px;
    background: #90AFA6;
    border-radius: 25px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add_file.error svg path {
    fill: red;
}
.add_file.error svg rect {
    stroke: red;
}
#ndfl .success_text{
    display: none;
    font-weight: bold;
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    color:#144436;
    width: calc(100% + 133px);
    margin-left: calc(-133px / 2);
}
#ndfl .success_text.show{
    display: block;
}

@media screen and (max-width: 768px){
    #ndfl .delete_file{
        width: 100px;
        height: 100px;
    }
    .add_file svg {
        width: 100%;
        height: 100%;
    }
    #ndfl .add_file{
        width: 100px;
        height: 100px;
    }
    .modal_new_input textarea{
        min-height: 140px;
    }
    .so_short_time {
        font-size: 13px;
        text-align: center;
        padding: 0 10px;
    }

    #ndfl .modal_new_button.ready span{
        right: 70px;
    }

}

@media screen and (max-width: 1181px){

}


























    .discount_doctors {
        display: flex;
        width: 1410px;
        margin: 0 auto;
        margin-top: 80px;
        flex-direction: column;
        margin-bottom: 100px;
        padding-left: 16px;
    }



    .discount_doctors .owl-nav {
        position: absolute;
        top: 60px;
    }

    .discount_doctors button.owl-prev {
        position: absolute;
        left: -57px;
        outline: none;
    }
    .discount_doctors button.owl-next {
        position: absolute;
        left: 1354px;
        outline: none;
    }

    .h_discount_doctors {
        font-size: 28px;
        line-height: 42px;
        color: #144436;
        /*font-family: &&&;*/
        margin-bottom: 40px;
        font-weight: bold;
    }
    .slider_disc_doct_block {
        width: 1410px;
    }
    .slider_disc_doct {
        width: 1410px;
        display: flex;
        height: 336px;
        /*justify-content: space-between;*/
    }
    .slider_disc_doct_elem {
        width: 430px;
        height: 336px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-right: 60px;
        cursor: pointer;
    }
    .slider_disc_doct_elem:last-child {
        margin-right: 0;
    }
    .elem_sl_banner_block {
        width: 430px;
        height: 225px;
    }
    .elem_sl_banner_block {
        width: 430px;
        height: 225px;
        position: relative;
    }
    .elem_sl_banner {
        border-radius: 10px;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        transition-duration: .3s;
    }
    .elem_sl_banner img {
        width: 100%;
    }
    .elem_sl_banner_cont, .elem_sl_banner_cont_two {
        position: absolute;
        opacity: 0;
        left: 0;
        bottom: 2px;
        font-size: 14px;
        line-height: 20px;
        color: #ED6E00;
        /*font-family: &&&;*/
        transition-duration: .5s;
        z-index: -1;
    }
    .elem_sl_content_block {
        height: 95px;
    }
    .elem_sl_content_h {
        height: 24px;
        font-size: 16px;
        line-height: 24px;
        color: #144436;
        width: 430px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 10px;
        display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;  
         overflow: hidden
    }
    .elem_sl_content_text {
        width: 427px;
        height: 60px;
        font-size: 14px;
        line-height: 20px;
        color: #90AFA6;
        text-overflow: ellipsis;
        /*font-family: &&&;*/
        display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;  
         overflow: hidden
    }
    @media (min-width: 1501px) and (max-width: 2000px) {
        .slider_disc_doct_elem:hover .elem_sl_banner{
            height: 194px;
            width: 100%;
        }
        .slider_disc_doct_elem:hover .elem_sl_banner_cont{
            opacity: 1;
        }
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        background: #fff;
    }
    .s_line {
        position: absolute;
        width: 5px;
        height: 225px;
        /*background: rebeccapurple;*/
        z-index: 100;
        right: -4px;
        background: #fff; 
    }

    .elem_sl_banner_cont_two{
        display: none;
    }

@media screen and (max-width: 1500px) {
.discount_doctors {
    padding-left: 0px;
    width: 1410px;
}
.discount_doctors button.owl-next {
    position: absolute;
    left: 1337px;
    outline: none;
}
.discount_doctors button.owl-prev {
    position: absolute;
    left: -40px;
    outline: none;
}
}
@media screen and (max-width: 1439px) {
.discount_doctors button.owl-prev {
    position: absolute;
    left: -57px;
    outline: none;
}
.discount_doctors button.owl-next {
    position: absolute;
    left: 1354px;
    outline: none;
}

.discount_doctors {
    padding-left: 6px;
    width: 1188px;
}
.slider_disc_doct_block {
    width: 1188px;
}
.slider_disc_doct.owl-carousel {
    width: 1188px;
    height: 314px;
}
.slider_disc_doct_elem {
    height: 314px;
    width: 354px;
    margin-right: 63px;
}
.s_line {
    height: 183px;
}
.elem_sl_banner_block {
    width: 354px;
    height: 183px;
}
.elem_sl_content_block {
    height: 114px;
}
.elem_sl_content_h{
    width: auto;
}
.elem_sl_content_text {
    width: auto;
    height: 80px;
}
.discount_doctors .owl-nav {
    position: absolute;
    top: 38px;
}
.discount_doctors button.owl-next {
    position: absolute;
    left: 1130px;
    outline: none;
}
}
@media (min-width: 1200px) and (max-width: 1500px) {
.slider_disc_doct_elem:hover .elem_sl_banner{
    height: 146px;
    width: 100%;
}
}
@media screen and (max-width: 1199px) {
.elem_sl_banner_cont{
    display: none;
}
.elem_sl_banner_cont_two{
    text-decoration: none;
    display: flex;
    z-index: 1;
    opacity: 1 !important;
}
.discount_doctors {
    margin-left: calc((((100vw - 994px)/2) + 12px ));
    padding: 0;
    width: 981px;
    margin-bottom: 80px;
}
.slider_disc_doct_block {
    width: 572px;
}
.slider_disc_doct.owl-carousel.owl-loaded.owl-drag {
    width: 572px;
    height: 286px;
}
.slider_disc_doct_elem {
    height: 232px;
    width: 269px;
}
.s_line {
    height: 141px;
}
.elem_sl_banner_block {
    width: 269px;
    height: 139px;
}
/*ниже в спан поместить*/
.elem_sl_banner_cont, .elem_sl_banner_cont_two {
    z-index: 1;
    opacity: 0;
    transition-duration: .3s;
    width: 88px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    font-size: 12px;
    bottom: 5px;
    left: 5px;
}
.elem_sl_content_h {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 20px;
}
.elem_sl_content_text {
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 16px;
}
.elem_sl_content_block {
    height: 75px;
}
.slider_disc_doct_block {
    margin: 0 auto;
}
.slider_disc_doct.owl-carousel.owl-loaded.owl-drag {
    width: 572px;
    height: 233px;
}
.discount_doctors button.owl-next {
    position: absolute;
    left: 500px;
    outline: none;
}
.discount_doctors .owl-btn {
    height: 113px;
}
.discount_doctors .owl-nav {
    position: absolute;
    top: 20px;
}
.discount_doctors button.owl-prev {
    position: absolute;
    left: -92px;
    outline: none;
}
.discount_doctors button.owl-next {
    position: absolute;
    left: 550px;
    outline: none;
}
}
@media screen and (max-width: 990px) {
.discount_doctors {
    margin-left: calc((100vw - 700px) / 2);
    padding: 0;
    width: 699px;
}
}














@media screen and (max-width: 767px) {


.discount_doctors {
    margin-left: calc((100vw - 556px) / 2);
    padding: 0;
    width: 500px;
}
.h_discount_doctors {
    font-size: 26px;
    line-height: 33px;
}
.slider_disc_doct_block {
    width: 269px;
}
.slider_disc_doct.owl-carousel.owl-loaded.owl-drag{
    width: 269px;   
    height: 216px;
}
.slider_disc_doct_elem {
    height: 216px;
    width: 270px;
}
.slider_disc_doct_elem {
    height: 216px;
    width: 269px;
}
.s_line {
    position: absolute;
    width: 4px;
    z-index: 100;
    right: -4px;
    background: #fff;
}
.discount_doctors button.owl-prev {
    position: absolute;
    left: -60px;
    outline: none;
}
.discount_doctors button.owl-next {
    position: absolute;
    left: 213px;
    outline: none;
}
}
@media screen and (max-width: 580px) {
.discount_doctors {
    margin-left: 10px;
}
}

@media screen and (max-width: 540px) {
.discount_doctors {
    padding: 0;
    width: 320px;
    margin: 0 auto;
    margin-bottom: 100px;

}
.h_discount_doctors {
    text-align: center;
}
}
.section_new_text iframe{
    clear: both;
    float: right;
    width: 630px;
    margin-bottom: 30px;
}
@media (min-width:  1200px) and (max-width: 1440px) {
.section_new_text iframe{
    width: 530px;
}
}

@media (min-width: 993px) and (max-width: 1199px){
.section_new_text img {
    padding-left: 20px;
}
.section_new_text iframe {
    width: 430px;
    padding-left: 20px;
}
}
@media (min-width: 1201px) and (max-width: 1439px){
.section_new_text img {
    padding-left: 20px;
}
.section_new_text iframe{
    padding-left: 20px;
}
}
@media (min-width: 770px) and (max-width: 992px){
.section_new_text iframe {
    width: 360px;
    padding-left: 20px;
}
}
@media screen and (max-width: 769px){
	.modal_new_button.steady.ready span {
    right: calc(50% - 40px);
}
.section_new_text iframe {
    clear: both;
    float: right;
    width: 100%;
}
}
.new_article-picture{
    display: flex;
    flex-direction: column;
}

.new_review_slider .new_form_btn{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #90AFA6;
}
.new_article-picture .new_form_btn {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #90AFA6;
    padding-top: 15px;
}





.new_doctor-control__content span, .doctor-control .doctor-control__content span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.new_form_btn:hover {
    color: #144436;
}




/*---------------------------------------------------------------------------------*/



.new_btn_record_cancel span {
        font-family: Circe;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 21px;
        text-transform: uppercase;
        color: #007336;
    }
    .new_btn_record_cancel.btn.btn-record:hover span {
        color: #ed6e00;
    }

    .new_btn_record_cancel{
        display: flex;
        width: max-content;
        margin: 0 auto;
        margin-right: 10px;
    }
    #record_cancel .placeholder_emul_input {
        overflow-x: inherit;
    }
    #record_cancel .form_doct_search_result {
        top: 68px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top: 1px solid #90AFA6;
        padding-top: 0;
    }
    #record_cancel .form_spec_search_result {
        top: 68px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top: 1px solid #90AFA6;
        padding-top: 0;
    }

    


    #record_home .placeholder_emul_input {
        overflow-x: inherit;
    }
    #record_home .form_doct_search_result {
        top: 68px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top: 1px solid #90AFA6;
        padding-top: 0;
    }
    #record_home .form_spec_search_result {
        top: 68px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top: 1px solid #90AFA6;
        padding-top: 0;
    }

    .new_modal_new_input_pad, .new_form_spec_search_pad{
        padding-top: 10px;
    }
    .form_doct_search_result_item:last-child{
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .form_spec_search_result_item:last-child{
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .form_doct_search.modal_new_input {
        z-index: 999;
    }
    @media (min-width: 993px) and (max-width: 1098px){
        .header-middle .btn {
            padding: 1.25rem 1.125rem;
        }
    }
    .header_login.new_btn_record_cancel.new_btn_rec_cancel{display: none;}
    @media screen and (max-width: 992px) {
        .header_login.new_btn_record_cancel.new_btn_rec_cancel{display: flex;}
        .new_btn_record_cancel.new_btn_rec_cancel span {
            font-size: 14px;
            color: #144436;
            letter-spacing: 0.01em;
            line-height: 24px;
            font-weight: 800;
            text-transform: initial;
        }
        .new_btn_record_cancel{display: none;}
        .new_btn_record_cancel.new_btn_rec_cancel{display: flex; margin-right: 30px;}
        .header_login.new_btn_record_cancel.new_btn_rec_cancel:hover svg path {
            fill: #144436;
        }
        .btn-group .header_login {
            margin-right: 30px;
        }
        .s-account-nav-item.open_form {
            margin-bottom: 0;
        }
    }
    @media (min-width: 768px) and (max-width: 768px) {
        .s-account-nav-item.open_form {
            margin-bottom: 0;
            margin-right: 0 !important;
        }
    }
    @media (min-width: 541px) and (max-width: 767px) {
        .btn-group .header_login {margin-right: 20px;}
        .btn-group .symbol {display: none;}
        .new_btn_record_cancel.new_btn_rec_cancel span {font-size: 13px;}
        .header_record, .header_login {font-size: 13px;}
        .header_record span, .header_login span {margin-right: 0;}
        .new_btn_record_cancel .symbol {display: none;}
    }
    @media (min-width: 541px) and (max-width: 599px) {
        .header-middle .header-logo {width: 8.5rem;}
    }
    .new_btn_record_cancel.new_btn_record_cancel_bottom.btn.btn-record {
        display: none;
    }
    @media screen and (max-width: 540px) {
        .header_login.new_btn_record_cancel.new_btn_rec_cancel{display: none;}
        .new_btn_record_cancel_bottom{

        }
        .new_btn_record_cancel.new_btn_record_cancel_bottom.btn.btn-record {
            display: flex;
        }
        .new_btn_record_cancel.new_btn_record_cancel_bottom.btn.btn-record {
            display: flex;
            border: 0;
            padding: 0;
            margin: 10px 0 0 20px;
            height: min-content;
        }
        .new_btn_record_cancel.new_btn_record_cancel_bottom span {
            color: #144436;
            font-weight: 800;
            font-size: 16px;
            line-height: 23px;
            font-family: circe, "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-transform: initial;
        }
        .new_btn_record_cancel.btn.btn-record:hover span {
            color: #007336;
        }
        header .header-nav {padding-top: 60px;}

        .header-bottom.opened::before {

            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            height: 1px;
            background: #E4E4E4;
            top: 160px;

        }
        .new_btn_record_cancel.new_btn_record_cancel_bottom.btn.btn-record {
            position: relative;
            z-index: 1;
        }
        #record_cancel .mfp-close {
            right: -8px !important;
            top: -40px !important;
        }
        #record_home .mfp-close {
            right: -8px !important;
            top: -40px !important;
        }
    }
    
   header .s-account-nav-item {
        margin-bottom: 0;
   }
   #record_cancel .error input {
        border-color: red;
    }
    #record_home .error input {
        border-color: red;
    }


    .opacity_record_cancel .modal_new_title {
        display: none !important;
    }
    .opacity_record_cancel .modal_new_input {
        display: none !important;
    }
    .opacity_record_cancel .require_fields {
        display: none !important;
    }
    .opacity_record_cancel .modal_new_button  {
        display: none !important;
    }
    .opacity_record_cancel .agreement_form  {
        display: none !important;
    }
    #record_cancel .success_text {
        display: none;
        flex-direction: column;
        align-items: center;
    }
    #record_cancel .success_text span {
        margin-bottom: 15px;
        font-size: 28px;
        line-height: 41px;
        color: #144436;
        font-weight: 900;
    }
    

    #record_cancel .modal_new_input {
        margin-top: 40px;
    }
    #record_cancel.opacity_record_cancel .success_text {
        display: flex;
    }
    #record_cancel .require_fields {
        margin-top: 30px;
    }
    #record_cancel .selectBox-dropdown {
        padding: 8px 15px;
        margin-top: 10px;
    }

    #record_cancel .selectBox-dropdown .selectBox-arrow {
        top: 12px;
    }

    #record_home .modal_new_input {
        margin-top: 40px;
    }




    #record_home .success_text {
        display: none;
        flex-direction: column;
        align-items: center;
    }
    #record_home .success_text span {
        margin-bottom: 15px;
        font-size: 28px;
        line-height: 41px;
        color: #144436;
        font-weight: 900;
    }
    

    #record_home .modal_new_input {
        margin-top: 40px;
    }
    #record_home.opacity_record_cancel .success_text {
        display: flex;
    }
    #record_home .require_fields {
        margin-top: 30px;
    }
    #record_home .selectBox-dropdown {
        padding: 8px 15px;
        margin-top: 10px;
    }

    #record_home .selectBox-dropdown .selectBox-arrow {
        top: 12px;
    }

    @media screen and (max-width: 767px) {
        #record_cancel .selectBox-dropdown .selectBox-label {
            max-width: 182px !important;
            width: 182px !important;
            text-overflow: ellipsis;
            display: block;
        }

        #record_home .selectBox-dropdown .selectBox-label {
            max-width: 182px !important;
            width: 182px !important;
            text-overflow: ellipsis;
            display: block;
        }
    }
#record_cancel .modal_new_input {
    margin-top: 40px;
    padding: 0;
    padding-top: 10px;
}

#record_home .modal_new_input {
    margin-top: 40px;
    padding: 0;
    padding-top: 10px;
}

@media(min-width: 1099px){
    .btn.btn-record {
        margin-left: 0;
        margin-right: .625rem;
    }
}

@media(min-width: 1099px) and (max-width: 1439px){
    .btn-group a {
        padding: 20px 30px 20px 30px;
    }
}
@media(min-width: 993px) and (max-width: 1098px){
    .btn.btn-record {
        margin-left: 0;
        margin-right: .625rem;
    }
}
@media(min-width: 768px) and (max-width: 992px){
    .btn-group .a {
         fill: #144436 !important;
    }
    .header_login.new_btn_record_cancel.new_btn_rec_cancel svg path{
        fill: #144436 !important;
    }
}





/**/

.change-clinic-item {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    width: 426px;
    display: inline-block;
    padding: 34px 30px 30px 80px;
    position: relative;
    margin-right: 51px;
}
.change-clinic-item:last-child{
    margin-right: 0;
}
.change-clinic-item-svg {
    width: 30px;
    height: 30px;
    display: flex;
    position: absolute;
    left: 30px;
    top: 30px;
}
.change-clinic-item-svg svg {
    width: 100%;
    height: 100%;
}
.change-clinic-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 140%;
    color: #144436;
}
.change-clinic-adress {
    font-size: 14px;
    line-height: 140%;
    color: #90AFA6;
    margin-top: 5px;
}
.change-clinic-item:hover {
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.07);
}
.change-clinic-item:hover .change-clinic-name{
    color: #ED6E00;
}
.change-clinic-title {
    font-weight: bold;
    font-size: 46px;
    line-height: 100%;
    color: #144436;
    margin-bottom: 20px;
}
.change-clinic-text {
    font-size: 16px;
    line-height: 140%;
    color: #90AFA6;
    margin-bottom: 30px;
    width: 719px;
}
.change-clinic-items {
    display: flex;
}
.change-clinic {
    margin-top: 50px;
    margin-bottom: 70px;
}
.change-clinic {
    padding: 30px 0;
}



.header_record span, .header_login span {
    margin-right: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.header-middle .header_login, .header-middle .header_record,.new_btn_record_cancel{
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 62px;
    border: 1px solid #007336;
    box-sizing: border-box;
    border-radius: 50px;
    margin-right: 20px;
}
.new_btn_record_cancel span{
    font-weight: 600;
    text-transform: initial;
    color: #007336;
}
.header-middle .header_login:hover, .header-middle .header_record:hover,.new_btn_record_cancel:hover{
    border-color: #144436;
}
.btn.btn-record{
    display: none;
}
.btn-account{
    display: none;
}
.header-middle .header_record{
    margin-right: 0;
}
.new_btn_record_cancel span {
    font-weight: 500 !important;
    font-size: 16px !important;
}
.new_btn_record_cancel.new_btn_rec_cancel {
    display: flex!important;
}
.header-middle .header_record{
    margin-right: 20px;
}
.header-middle .header_login{
    margin-right: 0;
}
.new_btn_rec_cancel.new_btn_record_cancel  {
    margin-right: 20px;
}
.new_btn_record_cancel.new_btn_rec_cancel .symbol-medium {
    width: 29px;
    height: 27px;
}
.new_form .change-clinic-items {
    margin-top: 50px;
}
.new_form {
    padding: 60px 50px;
}



.new_form .change-clinic-item {
    width: 100%;
    padding: 34px 70px 30px 80px;
    margin-right: 0;
    margin-bottom: 10px;
}

.new_form .change-clinic-item:last-child {
    margin-bottom: 0;
}

.new_form .change-clinic-items {
    flex-direction: column;
}

.new_form .change-clinic-item-svg {
    left: 30px;
    top: calc(50% - 15px);
}

.new_form .change-clinic-adress {
    font-size: 13px;
    margin-top: 0;
    width: 200px;
    text-align: right;
}

.new_form .change-clinic-item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.new_form .change-clinic-name {
    width: 320px;
    margin-right: 30px;
}

.new_form .change-clinic-item::before {
    content: '';
    background: url(/local/templates/medguard/images/arrow-clinic.svg);
    width: 10px;
    height: 17px;
    position: absolute;
    right: 30px;
    top: calc(50% - 8.5px);
}

.new_form .change-clinic-item::before{
    transition-duration: .3s;
}

.header-change-clinics span {
    font-size: 12px;
    line-height: 100%;
    color: #90AFA6;
    margin-bottom: 6px;
}
.header-change-clinics {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.header-change-clinic.open_form {
    font-size: 14px;
    line-height: 100%;
    color: #007336;
    padding: 10px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 50px;
}
.header-change-clinic div{
    display: none;
}
.header-middle{
    margin-top: 35px;
}
.change-clinic {
    background: url(/local/templates/medguard/images/clinic-bg-full.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.header-block {
    display: flex;
    width: calc(100% - 254px - 40px);
    justify-content: space-between;
    align-items: center;
}
.header-logo {
    width: 254px;
}
.clinik-checkbox .selectBox {
    display: none !important;
}
.clinik-checkbox-text {
    font-size: 16px;
    line-height: 24px;
    color: #144436;
    margin-left: 10.5px;
}
.clinik-checkbox-block {
    background: #FFFFFF;
    border: 1px solid #144436;
    box-sizing: border-box;
    width: 19px;
    height: 19px;
    border-radius: 100%;
    position: relative;
}
.clinik-checkbox {
    display: flex;
    align-items: center;
    margin-right: 100px;
}
.form-row {
    align-items: center;
}
.clinik-checkbox:hover .clinik-checkbox-text{
    color: #ED6E00;
}
.clinik-checkbox.active .clinik-checkbox-block:before{
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 13px;
    height: 13px;
    background: #ED6E00;
    border-radius: 100%;
}

.spec-width {
    width: 433px;
    margin-right: 30px;
}
.docs-width {
    width: 633px;
}

.clinik-checkbox-solo {
    margin-bottom: 50px;
}
.doctor_education_item .heading-h6::after{
    z-index: -1;
}
.doctor_education_item .heading-h6 {
    display: inline-block;
}

.slider-welcome + .page-section {
    margin-top: 100px;
}


.header_record {
    background: #ED6E00;
    color: #fff;
    border-color: #ED6E00 !important;
}
.header-middle .header_record path{
    fill: #fff!important;
}

.header-scroll .header_record {
    background: none;
    color: #ED6E00;
}
.header-scroll .header_record path{
    fill: #ED6E00;
}
/**/

@media screen and (min-width: 1024px){

    .new_form .change-clinic-item:hover::before{
        transform: translateX(10px);
        background: url(/local/templates/medguard/images/arrow-clinic-hover.svg);
    }

    .new_form .change-clinic-item:hover .change-clinic-adress {
        color: #ED6E00;
    }
    .header-change-clinic:hover{
        border-color: #ED6E00;
    }
    .header-middle .header_login:hover, .header-middle .header_record:hover, .new_btn_record_cancel:hover {
        border-color: #ED6E00;
    }
    .header-middle .header_login path, .header-middle .header_record path, .new_btn_record_cancel path {
        fill: #007336;
    }
    .header-middle .header_login:hover path, .header-middle .header_record:hover path, .new_btn_record_cancel:hover path {
        fill: #007336;
    }
    .header_record:hover{
        color: #ED6E00;
        background-color: #fff;
    }
    .header-middle .header_record:hover path.a{
        fill: #ED6E00!important;
    }
    
}




@media screen and (max-width: 1440px){

    .change-clinic-item {
        width: 380px;
        padding: 34px 30px 30px 70px;
        margin-right: 20px;
    }

    .change-clinic-item-svg {
        left: 20px;
    }

    .change-clinic-title {
        font-size: 36px;
    }

    .change-clinic {
        margin-top: 56px;
    }
    .change-clinic {
        background: url(/local/templates/medguard/images/clinic-bg-1366.svg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .header_record span, .header_login span {
        margin-right: 5px;
        font-size: 14px;
    }
    .new_btn_record_cancel.new_btn_rec_cancel .symbol-medium {
        width: 20px;
        height: 18px;
    }
    .new_btn_record_cancel span {
        font-size: 14px !important;
    }
    .header-middle .header_login, .header-middle .header_record, .new_btn_record_cancel {
        height: 48px;
    }
    .header-action .symbol-medium {
        width: 16px;
        height: 16px;
    }
    .header-logo {
        width: 218px;
    }
    .header-block {
        width: calc(100% - 218px - 30px);
    }
    .docs-width {
        width: 453px;
    }
    .clinik-checkbox {
        margin-right: 80px;
    }

}

@media screen and (max-width: 1200px){

    .change-clinic-item {
        width: 100%;
        padding: 34px 70px 30px 80px;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .change-clinic-item:last-child {
        margin-bottom: 0;
    }

    .change-clinic-items {
        flex-direction: column;
    }

    .change-clinic-item-svg {
        left: 30px;
        top: calc(50% - 15px);
    }
    .change-clinic-adress {
        font-size: 13px;
        margin-top: 0;
        width: 200px;
        text-align: right;
    }

    .change-clinic-item {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .change-clinic-name {
        width: 320px;
        margin-right: 30px;
    }

    .change-clinic-item::before {
        content: '';
        background: url(/local/templates/medguard/images/arrow-clinic.svg);
        width: 10px;
        height: 17px;
        position: absolute;
        right: 30px;
        top: calc(50% - 8.5px);
    }

    .change-clinic {
        margin-top: 50px;
    }

    .change-clinic {
        background: url(/local/templates/medguard/images/clinic-bg-768.svg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .docs-width {
        width: 100%;
    }
    .spec-width {
        width: calc(100% - 182px - 81px);
        margin-right: 0;
    }

}

@media screen and (max-width: 1100px){

    .new_btn_record_cancel.new_btn_rec_cancel .symbol-medium {
        width: 18px;
        height: 16px;
    }
    .header-middle .header_login, .header-middle .header_record, .new_btn_record_cancel{
        border: none;
        height: inherit;
        padding: 0;
    }
    .new_btn_rec_cancel.new_btn_record_cancel {
        margin-right: 30px;
        margin-left: 0;
    }

    .header-middle .header_record {
        margin-right: 30px;
    }
    .header-change-clinic.open_form {
        font-size: 12px;
        padding: 5px 10px;
    }
    .header-change-clinics span{
        display: none;
    }
    .header-change-clinic{
        position: relative;
    }
    .header-change-clinic div {
        display: block;
        font-size: 12px;
        line-height: 100%;
        color: #ED6E00;
        position: absolute;
        left: calc(100% + 10px);
        top: 5px;
    }
    .header-block {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .header-change-clinics{
        margin-top: 10px;
    }
    .header-logo {
        width: 246px;
    }
    .header-block {
        width: calc(100% - 246px - 56px);
    }
    .header-middle {
        margin-top: 30px;
        margin-bottom: 14px;
    }

    .header_record {
        background: #fff;
        color: #ED6E00;
        border-color: #fff !important;
    }
    .header-middle .header_record path {
        fill: #ED6E00 !important;
    }

}



@media screen and (max-width: 840px){
    #get-clinics-form.new_form {
        width: 594px;
    }




    .new_form .change-clinic-item {
        padding: 55px 15px 15px 15px;
        margin-bottom: 20px;
        flex-direction: column;
    }

    .new_form .change-clinic-item-svg {
        top: 15px;
        left: calc(50% - 15px);
    }

    .new_form .change-clinic-item::before {
        right: 15px;
        top: 15px;
    }

    .new_form .change-clinic-name {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .new_form .change-clinic-adress {
        margin-top: 0;
        width: 100%;
        text-align: center;
        font-size: 13px;
        margin-top: 10px;
    }

    .new_form .change-clinic-name{
        font-size: 16px;
    }

    .new_form .change-clinic-text {
        font-size: 12px;
        margin-bottom: 30px;
        width: 100%;
    }

    .new_form .change-clinic-title {
        line-height: 120%;
        margin-bottom: 10px;
        font-size: 24px;
    }

    .header-logo {
        width: 130px;
    }

    .header-block {
        width: calc(100% - 130px - 30px);
    }

    .new_btn_rec_cancel.new_btn_record_cancel {
        margin-right: 15px;
    }
    .header-middle .header_record {
        margin-right: 15px;
    }

    .new_btn_record_cancel span {
        font-size: 12px !important;
    }
    .header_record span, .header_login span {
        font-size: 12px;
    }

}

@media screen and (max-width: 767px){

    .change-clinic-item {
        padding: 55px 15px 15px 15px;
        margin-bottom: 20px;
        flex-direction: column;
    }

    .change-clinic-item-svg {
        top: 15px;
        left: calc(50% - 15px);
    }

    .change-clinic-item::before {
        right: 15px;
        top: 15px;
    }

    .change-clinic-name {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .change-clinic-adress {
        margin-top: 0;
        width: 100%;
        text-align: center;
        font-size: 12px;
        margin-top: 10px;
    }

    .change-clinic-name{
        font-size: 14px;
    }

    .change-clinic-text {
        font-size: 12px;
        margin-bottom: 30px;
        width: 100%;
    }

    .change-clinic-title {
        line-height: 120%;
        margin-bottom: 10px;
        font-size: 24px;
    }
    .change-clinic {
        padding: 20px 0;
    }

    .new_form .change-clinic-adress {
        font-size: 12px;
    }

    .new_form .change-clinic-name{
        font-size: 14px;
    }

    #get-clinics-form.new_form {
        width: 280px;
        padding: 30px 20px;
    }
    .new_form .change-clinic-items {
        margin-top: 30px;
    }

    .change-clinic {
        background: url(/local/templates/medguard/images/clinic-bg-320.svg);
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 540px){

    .header-logo {
        width: 177px;
    }
    .header-block {
        width: calc(100% - 177px);
        align-items: flex-end;
    }
    header {
        padding-bottom: 30px;
    }
    .header-middle{
        position: relative;
    }
    .header-change-clinic.open_form {
        font-size: 12px;
        padding: 5px 10px;
        position: absolute;
        left: 10px;
        top: 56px;
    }
    .new_btn_record_cancel span {
        font-size: 16px !important;
        font-weight: 800!important;
    }
    .header_record span, .header_login span {
        font-size: 16px;
        font-weight: 800;
    }
    #get-clinics-form .mfp-close {
        right: -8px !important;
        top: -40px !important;
    }
    .spec-width .selectBox {
        margin: 0;
    }
    .clinik-checkbox {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .spec-width {
        width: 100%;
    }



}




.cookie-modal-close {
    font-weight: bold;
    font-size: 12px;
    line-height: 100%;
    color: #FFFFFF;
    background: #ED6E00;
    border-radius: 50px;
    width: 182px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cookie-modal-text {
    font-size: 12px;
    line-height: 100%;
    color: #144436;
    
}

.cookie-modal-icon {
    display: none;
}

.cookie-modal {
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #f0f0f0;
    opacity: 0.95;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 4px 20px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    position: fixed;
    bottom: 0px;
    z-index: 11;
}

.cookie-modal-text a {
    color: #007336;
}
.cookie-modal-text a:hover {
    color: #ED6E00;
}


@media screen and (max-width:900px){
    .cookie-modal {
        /* padding: 30px; */
        width: 700px;
        /* left: calc(50% - 350px); */
        /* bottom: 28px; */
    }

    .cookie-modal-text {
        width: 430px;
    }
}

@media screen and (max-width:750px){
    .cookie-modal {
       width: 100%;
       /* left: calc(50% - 150px); */
       flex-direction: column;
    }

    .cookie-modal-text {
        width: 100%;
        margin-bottom: 20px;
        font-size: 12px;
        text-align: center;
    }

    .cookie-modal-icon {
        display: none;
        width: 30px;
        height: 30px;
       
    }

    .cookie-modal::after {
        content: '';
        background: url(/local/templates/medguard/images/arrow-clinic.svg);
        width: 10px;
        height: 17px;
        position: absolute;
        right: 15px;
        top: 15px;
    }
}








/*.cookie-modal-close {
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    background: #ED6E00;
    border-radius: 50px;
    width: 182px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cookie-modal-text {
    font-size: 16px;
    line-height: 140%;
    color: #144436;
    width: 590px;
}

.cookie-modal-icon {
    display: none;
}

.cookie-modal {
    padding: 28px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 882px;
    background: #FFFFFF;
    opacity: 0.95;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 4px 20px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    position: fixed;
    bottom: 50px;
    left: calc(50% - 441px);
    z-index: 11;
}

.cookie-modal-text a {
    color: #007336;
}
.cookie-modal-text a:hover {
    color: #ED6E00;
}


@media screen and (max-width:900px){
    .cookie-modal {
        padding: 30px;
        width: 700px;
        left: calc(50% - 350px);
        bottom: 28px;
    }

    .cookie-modal-text {
        width: 430px;
    }
}

@media screen and (max-width:750px){
    .cookie-modal {
        padding: 20px;
        width: 300px;
        left: calc(50% - 150px);
        bottom: 20px;
        flex-direction: column;
    }

    .cookie-modal-text {
        width: 100%;
        margin-bottom: 20px;
        font-size: 12px;
        text-align: center;
    }

    .cookie-modal-icon {
        display: block;
        width: 30px;
        height: 30px;
        margin-bottom: 17px;
    }

    .cookie-modal::after {
        content: '';
        background: url(/local/templates/medguard/images/arrow-clinic.svg);
        width: 10px;
        height: 17px;
        position: absolute;
        right: 15px;
        top: 15px;
    }
}

*/




@media(max-width: 1181px) {
    .review_slider {
        margin-left: 40px;
        margin-right: 40px;
    }
}
.review_slider {
    position: relative;
}
@media(max-width: 974px) {
    .dlink{    flex-wrap: nowrap;
        display: flex;}
    }

.review_slider .swiper-button-prev {
    width: 25px;
    height: 29px;
    left: -27px;
    top: calc(50% - 111px);
}

.review_slider .swiper-button-next {
    width: 25px;
    height: 29px;
    right: -27px;
    top: calc(50% - 111px);
}

.review_slider .swiper-button-next svg path {
    fill: #399161;
}

.review_slider .swiper-button-prev svg path {
    fill: #399161;
}

@media(max-width: 537px) {}


/*.breadcrumbs_new a:nth-child(){*/
/*	!*display:none; *!*/
/*}*/

.swiper-slider-container {
    --navigation-size: 48px;
    --navigation-offset: 10px;
    --navigation-background-color: transparent;
    --navigation-background-color--hover: #007336;
    --navigation-color: #90afa6;
    --navigation-color--hover: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.swiper-slider-container .swiper-container {
    width: 100%;
}

.swiper-slider-container .swiper-button-prev,
.swiper-slider-container .swiper-button-next {
    height: var(--navigation-size);
    width: var(--navigation-size);
}

.swiper-slider-container > .swiper-button-prev,
.swiper-slider-container > .swiper-button-next  {
    position: static;
    flex-shrink: 0;
}

.swiper-slider-container .swiper-container .swiper-button-prev,
.swiper-slider-container .swiper-container .swiper-button-next {
    top: 50%;
}

.swiper-slider-container > .swiper-button-prev {
    transform: rotate(180deg);
}

.swiper-slider-container .swiper-container .swiper-button-prev {
    transform: translateY(-50%) rotate(180deg);
    left: var(--navigation-offset, 0);
}

.swiper-slider-container .swiper-container .swiper-button-next {
    transform: translateY(-50%);
    right: var(--navigation-offset, 0);
}

.swiper-slider-container .swiper-button-prev svg circle,
.swiper-slider-container .swiper-button-next svg circle {
    fill: var(--navigation-background-color);
    transition: fill .15s ease-in-out;
}

.swiper-slider-container .swiper-button-prev svg path,
.swiper-slider-container .swiper-button-next svg path {
    fill: var(--navigation-color) !important;
    transition: fill .15s ease-in-out;
}

.swiper-slider-container .swiper-button-prev:not(.swiper-button-disabled):hover,
.swiper-slider-container .swiper-button-next:not(.swiper-button-disabled):hover {
    --navigation-background-color: var(--navigation-background-color--hover);
    --navigation-color: var(--navigation-color--hover);
}

.swiper-slider-container[data-swiper-navigation="false"] .swiper-button-prev,
.swiper-slider-container[data-swiper-navigation="false"] .swiper-button-next {
    display: none;
}

.swiper-slider-container .swiper-slide {
    margin: 0;
}

@media (max-width: 767px) {
    .swiper-slider-container {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .swiper-slider-container .swiper-button-prev {
        order: 2;
    }

    .swiper-slider-container .swiper-button-next {
        order: 3;
    }
}

.doctors-slider .doctor-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    border-bottom: 0;
}

.doctors-slider .doctor-item:hover .doctor-item__foot {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.doctors-slider .doctor-item:hover .figure-person {
    visibility: visible;
    opacity: 1
}

.doctors-slider .doctor-item__picture:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 2.5rem;
    right: 2.5rem;
    display: inline-block;
    height: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.doctors-slider .doctor-item__picture {
    height: 220px;
    width: 100%
}

.doctors-slider .doctor-item__content {
    margin: 1.25rem 0 0 0;
    text-align: center
}

.doctors-slider .doctor-item__foot {
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all .5s cubic-bezier(.19, .33, .3, 1);
    transform: translateY(1.125rem);
    z-index: 20
}


@media (max-width: 767px) {
    .doctors-slider .doctor-item .doctor-item__foot {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.iframe--16x9 {
    position: relative;
    width: 100%;
}

.iframe--16x9 iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.department-text-gallery.swiper-slider-container .swiper-slide img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
}
.department-text-gallery.swiper-slider-container {
    --navigation-size: 48px;
    --navigation-background-color: #007336;
    --navigation-background-color--hover: #90afa6;
    --navigation-color: #fff;
    --navigation-color--hover: #fff;
}

.department-text-gallery.swiper-slider-container {
    margin-top: 30px;
    margin-bottom: 42px;
}

.text .p_redactor {
    width: unset;
}

.text p {
    color: #0E2009;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 26px;
    font-family: circe;
}

.text h2 {
    color: #ED6E00;
    font-size: 28px;
}

.text h3 {
    color: #46986B;
    font-size: 25px;
}

.text img, .text iframe  {
    float: right;
    margin-bottom: 30px;
    clear: both;
    width: 100%;
}

@media (min-width: 768px) {
    .text img, .text iframe {
        max-width: 630px;
        width: 50%;
        margin-left: 30px;
    }
}

[data-switch-status="false"] {
    display: none;
}

.doctors-switch {
    border: 0;
    outline: 0;
    border-radius: 6.25rem;
    padding: 0.5rem 1rem;
    margin: 30px auto 60px;
    display: none;
    background: #144436;
    color: #fff;
    transition: background-color .15s ease-in-out;
}

.doctors-switch:hover,.doctors-switch:focus, .doctors-switch:active  {
    background-color: #007336;
}

.form-checkbox, label.form-checkbox {
    --checkmark-color: #fff;
    --checkbox-background-color: #fff;
    --checkbox-border-color: #90AFA6;
    --checkbox-font-size: 1.2rem;
    --label-color: intherit;
    --label-font-size: 14px;
    --label-line-height: 21px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}

.form-checkbox .form-checkbox__input {
    appearance: none;
    width: var(--checkbox-font-size);
    height: var(--checkbox-font-size);
    font-size: var(--checkbox-font-size);
    background-color: var(--checkbox-background-color);
    border: 1px solid var(--checkbox-border-color);
    border-radius: 3px;
    text-align: center;
    flex-shrink: 0;
}

.form-checkbox .form-checkbox__input:checked {
    --checkmark-color: #fff;
    --checkbox-background-color: #ed6e00;
    --checkbox-border-color: var(--checkbox-background-color);
}

.form-checkbox .form-checkbox__input:checked::after {
    content: "\2714";
    color: var(--checkmark-color);
    font-size: 1em;
    line-height: 1.1em;
    vertical-align: super;
}

.form-checkbox .form-checkbox__label {
    text-align: left;
    color: var(--label-color);
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
}

.form-checkbox .form-checkbox__label a {
    text-decoration: underline;
}

[data-entity="form-input"].error .form-checkbox {
    --label-color: #f00;
    --checkbox-border-color: #f00;
}

.form-checkbox.form-checkbox--agreement {
    --label-color: #90AFA6;
}

.record-item .form-checkbox {
    --label-color: rgb(14 32 9 / 50%);
    --label-font-size: 16px;
    --checkbox-border-color: #e6e6e6;
}

.captcha-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.captcha-modal {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

.card-item .card-item__title,
.card-item .btn {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 3rem;
    --icon-color: #90AFA6;
    --icon-content: "\2606";
    --icon-gap: 0.1em;
}

.rating input {
    display: none !important;
}

.rating label {
    padding-right: var(--icon-gap, 0);
    cursor: pointer;
    position: relative;
}

.rating label::before {
    content: var(--icon-content);
    color: var(--icon-color);
}

.rating:not(:hover) input:checked ~ label,
.rating input:hover ~ label {
    --icon-color: #ed6e00;
    --icon-content: "\2605";
}

.rating.rating--select input:checked ~ label::after {
    content: var(--icon-content);
    color: var(--icon-color);
    position: absolute;
    top: 50%;
    left: 50%;
    padding-right: var(--icon-gap, 0);
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center;
    animation: flashRating 0.3s ease-in-out;
    animation-delay: var(--delay, 0s);
    pointer-events: none;
}

.rating.rating--select input[value="1"] + label {
    --delay: 0s;
}

.rating.rating--select input[value="2"] + label {
    --delay: .1s
}

.rating.rating--select input[value="3"] + label {
    --delay: .2s
}

.rating.rating--select input[value="4"] + label {
    --delay: .3s
}

.rating.rating--select input[value="5"] + label {
    --delay: .4s
}

@keyframes flashRating {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(3);
    }
}

.review-modal__fields {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

.rating-modal__field {

}

.rating-modal__field .rating-modal__field-error {
    color: #ffb1b1;
}

.rating-modal__field:not(.error) .rating-modal__field-error {
    display: none;
}

.review-modal__fields .placeholder_emul {
    margin: 0;
}

.review-modal__rating {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #90AFA6;
}

.review-quest__top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0 15px;
}

.rating-stars {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 18px;
    gap: .1em;
    --icon-color: #90AFA6;
}


.rating-stars .rating-stars__item {
    color: var(--icon-color);
}

.rating-stars .rating-stars__item.rating-stars__item--fill {
    --icon-color: #ed6e00;
}
/* End */
/* /local/templates/medguard/css/magnific-popup.css?16170876666929 */
/* /local/templates/medguard/css/special.css?16170876668281 */
/* /local/templates/medguard/styles.css?17308854089853 */
/* /local/templates/medguard/template_styles.css?1751619463373174 */