@charset "UTF-8";
/*
$color__background-body: white;
$color__background-card: #F1F1F1;

$color__background-footer: #fff;




// Backgrounds
$color__background-body: #fff;
$color__background-footer: #fff;
$color__background-card: #F1F1F1;



$color__background-input: #fff;
$color__background-screen: #f1f1f1;
$color__background-hr: #ccc;
$color__background-button: #0073aa;
$color__background-button-hover: #111;
$color__background-pre: #eee;
$color__background-ins: #fff9c0;
$color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );

// Theme colors
$color_main: #141820;
$color_dark_grey: #565962;
$color_bg_grey: #21222a;
$color_grey: #CFCFCF;
$color_white: #fff;
$color_blue: #00ADE9;
$color_red: #CB6659;
$color_black: #292B35;
$color_min_black: #1D202B;// #161820;

$color_green: #03A598;
$color_orange: #DB7B32;
$color_violet: #765ABC;
$color_pump: #B66094;

// Text theme;
$color_text_site: #CFCFCF;


// Text
$color__text-main: #000;
$color__text-light: #767676;
$color__text-hover: lighten( #111, 22.5% );
$color__text-screen: #21759b;
$color__text-input: #000;
$color__text-input-focus: #111;

// Links
$color__link: #CFCFCF;
$color__link-visited: #00ADE9;
$color__link-hover: $color_blue;

// Borders
$color__border: #ccc;
$color__border-link: #0073aa;
$color__border-link-hover: darken( $color_white, 10% );
$color__border-button: #ccc #ccc #bbb;
$color__border-button-hover: #ccc #bbb #aaa;
$color__border-button-focus: #aaa #bbb #bbb;
$color__border-input: $color__border;
$color__border-abbr: #666;


*/
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");
/**
	@include phone_view { 
		line-height: 60px;
	} 
	@include tablet_view {
		line-height: 90px;
	} 
	@include desktop_view { 
		line-height: 120px;
	} 
*/
/* $radius: (
  "small": (
    min-width: $mobile-landscape,
  ),
  "medium": (
    min-width: $tablet,
  ),
  "large": (
    min-width: $desktop,
  ),
  "xlarge": (
    min-width: $desktop,
  ),
);  */
/* @import "columns"; */
/* @import "transitions"; */
/* Normalize */
@import "/assets/css/normalize.css";
/* Typography */
/* @import "typography"; */
*, ::after, ::before {
  box-sizing: border-box;
  outline: 0;
}

html {
  overflow-x: hidden;
}

body {
  padding-top: 28px;
  min-width: 360px;
  font-family: "Onest", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  color: #595858;
  background-color: white;
}
@media (min-width: 1px) and (max-width: 767px) {
  body {
    line-height: 20px;
  }
}

p {
  margin: 0 0 1em 0;
  padding: 0;
}

div {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Onest", sans-serif, -apple-system;
  padding: 0;
  font-weight: 500;
  text-align: left;
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
  color: #4B637D;
  font-weight: inherit;
}

h1 {
  font-size: 60px;
  line-height: 60px;
  color: #2A2A2A;
}
@media (min-width: 768px) and (max-width: 1024px) {
  h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  h1 {
    font-size: 32px;
    line-height: 32px;
  }
}

h2 {
  font-size: 40px;
  line-height: 50px;
  color: #2A2A2A;
}
@media (min-width: 768px) and (max-width: 1024px) {
  h2 {
    font-size: 34px;
    line-height: 40px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  h2 {
    font-size: 24px;
    line-height: 28px;
  }
}

h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
}
@media (min-width: 1px) and (max-width: 767px) {
  h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
  }
}

h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #2A2A2A;
}

.highlighted {
  color: #9DB0C4;
}

.with-arrow::after {
  position: relative;
  left: 8px;
  top: 3px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8H23' stroke='%232a2a2a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M16.5129 14.5L23.0001 8L16.5129 1.5' stroke='%232a2a2a' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* --- не обработано --- */
a {
  color: #2A2A2A;
  text-decoration: none;
  /* &.type-doc {
  	background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5848 0H3.10845C2.59901 0 2.18555 0.4137 2.18555 0.923439V21.0803C2.18555 21.59 2.59901 22.0037 3.10845 22.0037H17.6829C18.1923 22.0037 18.6058 21.59 18.6058 21.0803V5.77334L12.5848 0Z' fill='%23E2E5E7'/%3E%3Cpath d='M13.459 5.16019L18.6014 10.095V5.77335L17.9664 5.16019H13.459Z' fill='%23CAD1D8'/%3E%3Cpath d='M12.6211 0V4.38818C12.6211 5.15279 13.2413 5.77334 14.0054 5.77334H18.6384L12.6211 0Z' fill='%23B0B7BD'/%3E%3Cpath d='M16.029 18.4651V11.9013C16.029 11.4026 15.6267 11 15.1283 11H2.18555V19.3664H15.1283C15.6267 19.3664 16.029 18.9637 16.029 18.4651Z' fill='%23CAD1D8'/%3E%3Cpath d='M0.90075 10.2871H15.1282C15.6265 10.2871 16.0289 10.6897 16.0289 11.1884V17.7522C16.0289 18.2508 15.6265 18.6535 15.1282 18.6535H0.90075C0.402384 18.6535 0 18.2508 0 17.7522V11.1884C0 10.6897 0.402384 10.2871 0.90075 10.2871Z' fill='%238C7D55'/%3E%3Cpath d='M4.32558 14.8526H3.62787V15.9164C3.62787 16.0678 3.59096 16.1823 3.52082 16.2636C3.37684 16.4151 3.13689 16.4187 2.98553 16.2747C2.98184 16.271 2.97815 16.2673 2.97446 16.2636C2.90432 16.186 2.87109 16.0715 2.87109 15.9201V13.0279C2.87109 12.8617 2.90801 12.7398 2.98553 12.6696C3.06306 12.5994 3.18488 12.5625 3.351 12.5625H4.32558C4.61353 12.5625 4.83502 12.5846 4.99007 12.629C5.13774 12.6696 5.27433 12.7398 5.38876 12.8432C5.49951 12.9429 5.58811 13.0685 5.64348 13.2089C5.70255 13.364 5.73208 13.5265 5.73208 13.6928C5.73208 14.0769 5.61395 14.365 5.37769 14.5608C5.14143 14.7529 4.79073 14.8526 4.32558 14.8526ZM4.141 13.1313H3.62787V14.2801H4.141C4.29236 14.2838 4.44372 14.2653 4.59138 14.2247C4.70213 14.1951 4.79811 14.1286 4.86825 14.04C4.9347 13.9402 4.96792 13.822 4.96423 13.7038C4.97161 13.5561 4.91993 13.4083 4.82026 13.2975C4.70582 13.1867 4.48063 13.1313 4.141 13.1313Z' fill='white'/%3E%3Cpath d='M6.99639 12.5625H7.98574C8.21093 12.5588 8.43242 12.5809 8.65023 12.6363C8.83481 12.6844 9.00831 12.7767 9.15229 12.906C9.5436 13.2421 9.73925 13.7482 9.73925 14.4315C9.73925 14.6384 9.72079 14.8452 9.68019 15.0484C9.64327 15.2257 9.5842 15.3919 9.4993 15.5507C9.41808 15.7022 9.31103 15.8351 9.18551 15.9533C9.08584 16.042 8.97509 16.1159 8.85696 16.1713C8.73514 16.2267 8.60593 16.2673 8.47303 16.2858C8.31798 16.3079 8.16294 16.319 8.00789 16.319H7.01485C6.87457 16.319 6.7712 16.2969 6.70106 16.2562C6.63462 16.2193 6.58293 16.1528 6.56447 16.0789C6.54233 15.9829 6.53125 15.8832 6.53125 15.7834V13.0316C6.53125 12.869 6.56817 12.7508 6.642 12.677C6.71583 12.6031 6.83027 12.5625 6.99639 12.5625ZM7.29172 13.1645V15.7132H7.86392C7.98943 15.7132 8.08911 15.7095 8.15925 15.7022C8.23308 15.6948 8.3106 15.6763 8.38074 15.6504C8.45457 15.6246 8.52102 15.5877 8.58009 15.5359C8.83481 15.3217 8.96032 14.9486 8.96032 14.4241C8.96032 14.0547 8.90495 13.7777 8.7942 13.593C8.68345 13.4083 8.54317 13.2901 8.38074 13.2421C8.18878 13.1867 7.98574 13.1645 7.78639 13.1682L7.29172 13.1645Z' fill='white'/%3E%3Cpath d='M12.8027 13.1461H11.3076V14.1064H12.559C12.6735 14.1064 12.7621 14.1323 12.8175 14.184C12.8765 14.2357 12.9061 14.3133 12.9024 14.3909C12.9061 14.4684 12.8728 14.546 12.8138 14.5977C12.7547 14.6494 12.6698 14.6753 12.5554 14.6753H11.3039V15.9127C11.3039 16.0715 11.267 16.186 11.1968 16.2636C11.0492 16.415 10.8055 16.415 10.6542 16.2673L10.6505 16.2636C10.5804 16.186 10.5434 16.0715 10.5434 15.9164V13.0279C10.5397 12.9355 10.5582 12.8432 10.5914 12.7619C10.621 12.6954 10.6763 12.64 10.7428 12.6105C10.8277 12.5772 10.9163 12.5588 11.0086 12.5624H12.799C12.9208 12.5624 13.0094 12.5883 13.0685 12.6437C13.1276 12.6991 13.1608 12.7767 13.1571 12.8543C13.1608 12.9355 13.1276 13.0131 13.0685 13.0685C13.0131 13.1202 12.9245 13.1461 12.8027 13.1461Z' fill='white'/%3E%3C/svg%3E%0A");
  	background-position: center left;
  	background-repeat: no-repeat;
  	padding-left: 30px;
  	line-height: 64px;
  }

  &.dash {
  	font-family: $font__heading;
  	font-size: 12px;
  	font-weight: 500;
  	letter-spacing: 0.28em;
  	line-height: 19px;
  	color: $color_beige;
  	text-transform: uppercase;

  	&::before {
  		content: "\2014";
  		color: $color_beige;
  		display: inline-block;
  		margin-right: 12px;
  		position: relative;
  		bottom: 1px;
  	}

  	&.gold {
  		text-decoration: none;
  	}
  } */
}

figure {
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.hide {
  display: none;
}

.column, .col {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.row {
  display: flex;
  flex-direction: row;
  width: 100%;
  /* &.reverse {
  	flex-direction: row-reverse!important;
  } */
}
.row.justify {
  justify-content: space-between;
}
.row.center {
  justify-content: center;
}
.row.middle {
  align-items: center;
}
.row .col.half {
  flex: 1 0 50%;
}
@media (max-width: 499px) {
  .row.xs-col {
    flex-direction: column;
    gap: 20px;
  }
  .row.xs-col.reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .row.sm-col {
    flex-direction: column;
    gap: 20px;
  }
  .row.sm-col.reverse {
    flex-direction: column-reverse !important;
  }
  .row.sm-col h2 {
    margin-top: 0;
    margin-bottom: 28px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .row.sm-col {
    flex-direction: column;
    gap: 20px;
  }
  .row.sm-col.reverse {
    flex-direction: column-reverse !important;
  }
}

.flex {
  display: flex;
}
.flex.vertical {
  flex-direction: column;
}
.flex.vertical.center {
  align-items: center;
}
.flex.horizontal {
  flex-direction: row;
}
.flex.horizontal.center {
  align-items: center;
}
.flex.equal > * {
  flex: 1;
}
.flex.justify {
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .flex.justify-lg {
    justify-content: space-between;
  }
}
.flex.stretch {
  align-items: stretch;
}
.flex.start, .flex.top, .flex.left {
  align-items: flex-start;
}
.flex.end, .flex.bottom, .flex.right {
  align-items: flex-end;
}
.flex.center {
  justify-content: center;
}
.flex.wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

.h-full {
  height: 100% !important;
}

.full {
  width: 100% !important;
}

.half {
  width: 50%;
}

@media (min-width: 1px) and (max-width: 767px) {
  .sm-full {
    width: 100%;
  }
}

@media (max-width: 499px) {
  .xs-full {
    width: 100%;
    flex: 1 0 100% !important;
  }
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.self-center {
  align-self: center;
}

.third {
  width: 33.33%;
}

.twothird {
  width: 66.67%;
}

.quater {
  width: 25%;
}

.fifth {
  width: 20%;
}

.flexible {
  flex-grow: 1;
}

.gap-0 {
  gap: 0 !important;
}

.gap-8 {
  gap: 8px;
}

@media (max-width: 499px) {
  .xs-gap-12 {
    gap: 12px !important;
  }
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

.gap-18 {
  gap: 18px;
}

@media (max-width: 499px) {
  .xs-gap-24 {
    gap: 24px !important;
  }
}

.gap-24 {
  gap: 24px;
}

.gap-col-24 {
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.gap-row-24 {
  row-gap: 24px;
}

.gap-28 {
  gap: 28px;
}

.gap-32 {
  gap: 32px;
}

.gap-48 {
  gap: 48px;
}

.gap-60 {
  gap: 60px;
}

.sorting {
  max-width: 240px;
}

/* .new {

} */
.center {
  text-align: center !important;
}

.my-130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}

.mt-130 {
  margin-top: 130px !important;
}

.mb-130 {
  margin-bottom: 130px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.my-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.mx-48 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

@media (max-width: 499px) {
  .xs-my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

@media (max-width: 499px) {
  .xs-my-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}

@media (max-width: 499px) {
  .xs-mt-12 {
    margin-top: 12px !important;
  }
}

.p-40 {
  padding: 40px !important;
}

.p-12 {
  padding: 12px;
}

.p-16 {
  padding: 16px;
}

.p-20 {
  padding: 20px;
}

.p-24 {
  padding: 24px;
}

.p-48 {
  padding: 48px;
}

.pt-48 {
  padding-top: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

@media (max-width: 499px) {
  .xs-p-5 {
    padding: 5px;
  }
}

hr {
  height: 1px;
  background: #F2F2F2;
  border: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.bold {
  font-weight: 600;
}

.gold, .gold a {
  color: #4B637D;
}
.gold:hover, .gold a:hover {
  color: #4B637D;
}

.social {
  display: flex;
  flex-wrap: nowrap;
  gap: 18px;
}
.social i {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  filter: invert(70%) sepia(6%) saturate(1062%) hue-rotate(5deg) brightness(92%) contrast(94%);
}
.social i:hover {
  filter: invert(49%) sepia(6%) saturate(2184%) hue-rotate(6deg) brightness(99%) contrast(89%);
}
.social i.vk {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM21.6284 26.3135C21.4312 26.5214 21.0462 26.5634 21.0462 26.5634H19.7712C19.7712 26.5634 16.9581 26.7293 14.48 24.1975C11.7776 21.4352 9.39128 15.9546 9.39128 15.9546C9.39128 15.9546 9.25355 15.5951 9.40276 15.422C9.57075 15.2264 10.0288 15.2141 10.0288 15.2141L13.0766 15.1947C13.0766 15.1947 13.3636 15.2407 13.5691 15.3893C13.7392 15.5122 13.8341 15.7406 13.8341 15.7406C13.8341 15.7406 14.3266 16.9635 14.9788 18.0696C16.2528 20.2297 16.8454 20.7018 17.2774 20.4704C17.9076 20.1334 17.7188 17.4172 17.7188 17.4172C17.7188 17.4172 17.7302 16.4319 17.4016 15.9925C17.147 15.6525 16.667 15.5531 16.4552 15.5255C16.283 15.5029 16.5648 15.1117 16.93 14.9365C17.4788 14.6733 18.4471 14.658 19.5917 14.6692C20.4838 14.6784 20.7405 14.7327 21.089 14.8157C21.8978 15.0073 21.8726 15.6213 21.8181 16.9464C21.8018 17.3427 21.7829 17.8026 21.7829 18.3339C21.7829 18.4532 21.7793 18.5805 21.7757 18.7114C21.7568 19.3903 21.7351 20.1677 22.1908 20.4571C22.4246 20.6045 22.9953 20.4786 24.4237 18.0983C25.1009 16.9696 25.608 15.6433 25.608 15.6433C25.608 15.6433 25.7197 15.4067 25.8918 15.3053C26.0682 15.2018 26.3061 15.2336 26.3061 15.2336L29.5135 15.2141C29.5135 15.2141 30.4776 15.1004 30.6331 15.5285C30.7969 15.9761 30.2731 17.0229 28.9626 18.7374C27.7195 20.3642 27.1145 20.9632 27.17 21.4929C27.2106 21.88 27.6038 22.2301 28.3585 22.9172C29.9338 24.3529 30.3561 25.1082 30.4575 25.2897C30.4659 25.3048 30.4721 25.3159 30.4766 25.3231C31.183 26.4733 29.693 26.5634 29.693 26.5634L26.8434 26.6023C26.8434 26.6023 26.232 26.7211 25.4265 26.1783C25.0045 25.8942 24.5922 25.4302 24.1995 24.9882C23.5997 24.3132 23.0456 23.6896 22.5727 23.8369C21.7787 24.0848 21.8027 25.7635 21.8027 25.7635C21.8027 25.7635 21.809 26.123 21.6284 26.3135Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}
.social i.zen {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM20.1071 30C20.2429 25.5714 20.3571 23.55 21.9286 21.9286C23.55 20.3571 25.5714 20.25 30 20.1071C30 24.1 29.9857 27.0857 28.5571 28.5571C27.0857 29.9857 24.2357 30 20.1071 30ZM11.4429 28.5571C10.0143 27.0857 10 24.1 10 20.1071C14.4286 20.2429 16.45 20.3571 18.0714 21.9286C19.6429 23.55 19.75 25.5714 19.8929 30C15.7643 30 12.9143 29.9857 11.4429 28.5571ZM11.4429 11.4429C12.9143 10.0143 15.7714 10 19.8929 10C19.7571 14.4286 19.6429 16.45 18.0714 18.0714C16.45 19.6429 14.4286 19.75 10 19.8929C10 15.9 10.0143 12.9143 11.4429 11.4429ZM20.1071 10C20.2429 14.4286 20.3571 16.45 21.9286 18.0714C23.55 19.6429 25.5714 19.75 30 19.8929C30 15.9 29.9857 12.9143 28.5571 11.4429C27.0857 10.0143 24.2357 10 20.1071 10Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}
.social i.youtube {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM28.3347 13.1244C29.2526 13.3763 29.9755 14.1185 30.2208 15.061C30.6667 16.7692 30.6667 20.3333 30.6667 20.3333C30.6667 20.3333 30.6667 23.8973 30.2208 25.6056C29.9755 26.5482 29.2526 27.2903 28.3347 27.5423C26.6712 28 20 28 20 28C20 28 13.3288 28 11.6652 27.5423C10.7473 27.2903 10.0244 26.5482 9.77903 25.6056C9.33333 23.8973 9.33333 20.3333 9.33333 20.3333C9.33333 20.3333 9.33333 16.7692 9.77903 15.061C10.0244 14.1185 10.7473 13.3763 11.6652 13.1244C13.3288 12.6667 20 12.6667 20 12.6667C20 12.6667 26.6712 12.6667 28.3347 13.1244Z' fill='%23000000'/%3E%3Cpath d='M18 24V17.3334L23.3333 20.6668L18 24Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}
.social i.email {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20C40 31.0457 31.0457 40 20 40ZM20.2787 18.8775C21.9163 18.8775 29.8787 14.4 29.8787 14.4L29.8915 13.6C29.8915 12.7168 29.1747 12 28.2891 12H12.2683C11.3835 12 10.6667 12.7168 10.6667 13.6V14.3128C10.6667 14.3128 18.7163 18.8775 20.2787 18.8775ZM10.6795 16.8C10.6787 16.8 18.7163 21.0775 20.2787 21.0775C21.9915 21.0775 29.8787 16.8 29.8787 16.8L29.8915 26.4C29.8915 27.2832 29.1747 28 28.2891 28H12.2683C11.3843 28 10.6667 27.2832 10.6667 26.4L10.6795 16.8Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}

.desktop-only {
  display: none;
}
@media (min-width: 1025px) {
  .desktop-only {
    display: block;
  }
}

@media (min-width: 1px) and (max-width: 767px) {
  .no-mobile {
    display: none;
  }
}

@media (max-width: 499px) {
  .no-phone {
    display: none;
  }
}

/* .mobile-only {
	@media screen and (min-width: 769px) {
		display: none;
	}
} */
@media (min-width: 768px) {
  .phone-only {
    display: none;
  }
}

.pull {
  float: left;
}

.push {
  float: right;
}

@media (min-width: 1px) and (max-width: 767px) {
  .sm-nofloat {
    float: none;
  }
}

@media (max-width: 499px) {
  .xs-nofloat {
    float: none;
  }
}

nav.menu {
  flex: 1;
  width: 100%;
  margin-top: 11px;
}
nav.menu > ul,
nav.menu > .mobile-wrapper > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav.menu > ul > li > a,
nav.menu > .mobile-wrapper > ul > li > a {
  font-weight: 500;
  display: block;
  padding-bottom: 20px;
  text-decoration: none;
}

dl.list2col {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
  align-items: center;
}
dl.list2col dt {
  margin: 0;
  flex-basis: 74px;
}
dl.list2col dd {
  margin: 0;
  flex-basis: calc(100% - 90px);
  flex-grow: 1;
}

.paging {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  margin: 64px 0;
}
.paging a {
  padding: 16px 20px;
  border-radius: 8px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  background-color: white;
  border: 1px solid transparent;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.paging a.active {
  background-color: #F8F8F8;
  color: #2A2A2A;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.paging a:hover {
  border: 1px solid #F8F8F8;
}

.go-back, .breadcrumbs {
  margin-top: 48px;
  margin-bottom: 36px;
}
.go-back a, .breadcrumbs a {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #2A2A2A;
}
.go-back a::before, .breadcrumbs a::before {
  content: " ";
  position: relative;
  top: 2px;
  display: inline-block;
  width: 24px;
  height: 16px;
  margin-right: 28px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 8H0.999999' stroke='%232A2A2A' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M7.48633 14.5L0.999149 8L7.48633 1.5' stroke='%232A2A2A' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center left transparent;
}

@media (min-width: 1px) and (max-width: 767px) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs ul {
  list-style: none;
  display: flex;
  gap: 1em;
  margin: 0;
  padding: 0;
}
.breadcrumbs ul li:not(:first-child)::before {
  content: "/";
  margin-right: 0.7em;
}

.with-icon {
  position: relative;
  padding-left: 1.5em;
  color: #2A2A2A;
}
.with-icon::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  aspect-ratio: 1;
  content: " ";
  display: inline-block;
  margin-right: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.with-icon.icon-eye::before {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.2497 24.9974C31.2497 28.4492 28.4515 31.2474 24.9997 31.2474C21.548 31.2474 18.7497 28.4492 18.7497 24.9974C18.7497 21.5456 21.548 18.7474 24.9997 18.7474C28.4515 18.7474 31.2497 21.5456 31.2497 24.9974Z' stroke='%234B637D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.0006 10.4141C15.6723 10.4141 7.77583 16.5451 5.12109 24.9973C7.77579 33.4497 15.6722 39.5807 25.0007 39.5807C34.3291 39.5807 42.2255 33.4497 44.8802 24.9975C42.2256 16.5451 34.3291 10.4141 25.0006 10.4141Z' stroke='%234B637D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.with-icon.icon-alert::before {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0015 20.8318V29.1651M25.0015 35.4151H25.0223M15.4983 41.6651H34.5048C38.2322 41.6651 40.096 41.6651 41.1859 40.8814C42.1369 40.1976 42.7562 39.1452 42.8921 37.9818C43.0478 36.6484 42.1427 35.0192 40.3325 31.7608L30.8292 14.655C28.9266 11.2302 27.9753 9.51785 26.7213 8.94962C25.6283 8.45429 24.3747 8.45429 23.2817 8.94962C22.0278 9.51785 21.0764 11.2302 19.1738 14.655L9.67056 31.7608C7.86034 35.0192 6.95522 36.6484 7.11096 37.9818C7.24684 39.1452 7.86611 40.1976 8.8171 40.8814C9.90705 41.6651 11.7708 41.6651 15.4983 41.6651Z' stroke='%23FF2525' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

ul.list {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-columns: var(--columns);
       columns: var(--columns);
  margin-top: 32px;
}
ul.list li {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #D9D9D9;
}

ul.with-bullet {
  padding: 0;
  margin: 1em 0;
  max-width: 80%;
  list-style-type: none;
}
@media (max-width: 1024px) {
  ul.with-bullet {
    max-width: 100%;
  }
}
ul.with-bullet li {
  padding: 8px 0;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%239DB0C4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left center;
}
ul.with-bullet.right li {
  background-position: right center;
}
ul.with-bullet.left li {
  background-position: left center;
  padding-left: 28px;
}
ul.with-bullet.with-lines li {
  border-bottom: 1px #D9D9D9 solid;
  padding: 16px 16px 16px 0;
}

/*
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/
p:has(iframe.videoWrapper) {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

iframe.videoWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grecaptcha-badge {
  visibility: hidden;
}

.info h1 {
  margin-top: 0;
  font-size: 40px;
  line-height: 44px;
}

.container {
  margin: 0 auto;
  max-width: 1440px;
  padding-left: 48px;
  padding-right: 48px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 499px) {
  .container .outer {
    position: relative;
    left: -20px;
    right: -20px;
    width: 100vw;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.slider {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  overflow-x: auto;
}

.silver {
  background-color: #F8F8F8;
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (min-width: 1025px) {
  .lg-silver {
    background-color: #F8F8F8;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

article {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #595858;
  margin-top: 128px;
  margin-bottom: 128px;
  max-width: 800px;
}
@media (max-width: 1024px) {
  article {
    max-width: 100%;
  }
}
article:first-of-type {
  margin-top: 0;
}
article h2 {
  margin-top: 0;
  margin-bottom: 24px;
}
article header h2 {
  margin-bottom: 0px;
}
article > figure {
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  overflow: hidden;
  aspect-ratio: 8/7;
  margin-top: 64px;
}
article > figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
article > figure figcaption {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #989898;
  text-align: center;
}
article.silver {
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  background-color: #F8F8F8;
  padding: 48px;
}
@media (min-width: 1px) and (max-width: 767px) {
  article.silver {
    padding: 48px 20px;
  }
}
article.outlined {
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  border: 1px solid #989898;
  padding: 48px;
}
@media (min-width: 1px) and (max-width: 767px) {
  article.outlined {
    padding: 48px 20px;
  }
}
article.list dl {
  margin-top: 24px;
}
article.list dl dt {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}

/* .with-sidebar {
	display: grid;
	grid-template-columns: auto 400px;
	grid-template-areas: "content sidebar";
	align-items: stretch;
}
 */
main {
  grid-area: content;
}
main.with-sidebar {
  position: relative;
  padding-right: 400px;
  /* display: grid;
  grid-template-areas: "content sidebar";
  grid-template-columns: auto 400px;
  grid-auto-flow: row; */
}
@media (min-width: 768px) and (max-width: 1024px) {
  main.with-sidebar {
    padding: 0;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  main.with-sidebar {
    padding: 0;
  }
}
main::after {
  clear: both;
}
main section:first-child {
  margin-top: 0;
}
main > h1 {
  margin-top: 64px;
  margin-bottom: 64px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  main > h1 {
    margin-top: 32px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  main > h1 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) {
  main article img.right {
    float: right;
    margin-left: 48px;
  }
  main article img.left {
    float: left;
    margin-right: 48px;
  }
}

.banner + main {
  margin-top: 64px;
}

main + .callback-request {
  margin-top: 128px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  main + .callback-request {
    margin-top: 80px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  main + .callback-request {
    margin-top: 64px;
  }
}

aside {
  grid-area: sidebar;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0;
  bottom: 0;
  width: 300px;
}
@media (max-width: 1024px) {
  aside {
    position: sticky;
    top: 0px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  aside {
    margin-bottom: 32px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  aside {
    margin-bottom: 20px;
  }
}
aside nav.submenu {
  position: sticky;
  top: 74px;
  right: 0;
  padding: 28px;
  width: 100%;
  background-color: #F8F8F8;
  border-radius: 16px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
@media (max-width: 1024px) {
  aside nav.submenu {
    position: static;
    border-radius: 8px;
    /* 	&.small {
    		border-radius: 8px;
    	}
    	&.big {
    		border-radius: 20px;
    	} */
    padding: 8px;
    width: 100%;
  }
  aside nav.submenu .action {
    display: none;
  }
}
aside nav.submenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1024px) {
  aside nav.submenu ul {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-around;
    overflow: auto;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  aside nav.submenu ul {
    gap: 24px;
    margin-left: 16px;
    margin-right: 16px;
  }
}
aside nav.submenu ul li {
  margin: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 1024px) {
  aside nav.submenu ul li {
    border: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }
  aside nav.submenu ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
  }
}
aside nav.submenu ul li a.active {
  color: #4B637D;
}
aside div.splide header h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 28px;
  color: #2A2A2A;
}
aside div.splide header .controls {
  display: none;
}
@media (min-width: 500px) {
  aside div.splide .splide__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
aside h4 {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .article main.with-sidebar {
    padding-right: 232px;
  }
}
.article main.with-sidebar aside .articles {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .article main.with-sidebar aside {
    width: 192px;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .article main.with-sidebar aside .card.article .info .title {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .article main.with-sidebar aside .large-only {
    display: none;
  }
}

a[name] {
  display: block;
  height: 1px;
}

aside ~ article {
  margin-top: 64px;
  margin-bottom: 64px;
}
@media (max-width: 1024px) {
  aside ~ article {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

.matrix {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  align-items: stretch;
  grid-auto-flow: row;
  row-gap: 48px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.matrix > * {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .matrix {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .matrix {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 499px) {
  .matrix {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

.sport.index .matrix {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .sport.index .matrix {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .sport.index .matrix {
    grid-template-columns: 1fr;
  }
}

.matrix + h2 {
  margin-top: 80px;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.zone {
  grid-area: float;
  position: relative;
  width: 100%;
  background-color: aqua;
}

.float {
  position: fixed;
  z-index: 10;
  padding: 20px;
  bottom: 128px;
  right: 48px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1540px) {
  .float {
    right: calc((100vw - 1540px) / 2);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .float {
    bottom: 48px;
    right: 32px;
  }
}
@media (min-width: 1025px) {
  .float {
    bottom: 48px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .float {
    bottom: 32px;
    right: 16px;
  }
}
.float .panel {
  position: relative;
  z-index: -1;
  max-height: 62px;
  width: 62px;
  transition: max-height 100ms ease-out;
  bottom: -8px;
}
.float .panel .channels {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  transition: bottom 100ms ease-out;
  bottom: 8px;
}
.float .panel.opened {
  transition: max-height 100ms ease-in;
  max-height: 236px;
  /* @property --opacity {
  	syntax: '<number>';
  	initial-value: 0;
  	inherits: false;
  }

  @keyframes fadeIn {
  	50% {--opacity: 1}
  } */
}
.float .panel.opened .channels {
  bottom: 70px;
  transition: bottom 100ms ease-in;
}
.float .panel.opened > .platform {
  opacity: 1;
  transition-duration: 100ms;
  transition-property: opacity;
  transition-timing-function: ease-in;
}
.float .panel.opened > .platform:nth-child(1) {
  bottom: 0;
  transition-duration: 100ms;
}
.float .panel.opened > .platform:nth-child(2) {
  bottom: 58px;
  transition-duration: 150ms;
}
.float .panel.opened > .platform:nth-child(3) {
  bottom: 116px;
  transition-duration: 200ms;
}
.float .panel .platform {
  position: absolute;
  left: 6px;
  right: 6px;
  display: block;
  opacity: 0;
  transition: bottom 1000ms ease-out;
  bottom: -60px;
}
.float .panel .messengers {
  position: relative;
  bottom: 0;
}

@media (min-width: 1025px) {
  .mobile-only {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .mobile-only {
    display: none;
  }
}

.hscroll {
  margin-bottom: 32px;
  /* @include phone_view() {
  	overflow-x: scroll;
  } */
  /* @include phone_view { 
  	display: none;
  } */
}

nav.top {
  min-width: 700px;
}
@media (min-width: 1px) and (max-width: 767px) {
  nav.top {
    display: none;
  }
}
nav.top > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 12px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  background-color: #F8F8F8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 36px; /*36*/
  padding-right: 36px; /*36*/
}
@media (min-width: 1px) and (max-width: 767px) {
  nav.top > ul {
    padding-left: 20px;
    padding-right: 20px;
  }
}
nav.top > ul > li {
  position: relative;
  display: block;
  transition-duration: 0.5s;
  padding: 24px 0px; /*36*/
  cursor: pointer;
  white-space: nowrap;
}
nav.top > ul > li:hover div.menu-2 {
  display: block;
  visibility: visible;
  opacity: 1;
}
nav.top > ul > li div.menu-2 {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  position: absolute;
  z-index: 40;
  left: 0;
  padding-top: 32px;
  background: transparent;
  min-width: 200px;
}
nav.top > ul > li ul {
  border-radius: 12px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  background-color: #F8F8F8;
  padding: 32px;
  gap: 20px;
  display: flex;
  flex-direction: column;
  list-style: none;
}
nav.top > ul > li ul li {
  clear: both;
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #D9D9D9;
  white-space: nowrap;
}
nav.top > ul > li ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  color: #2A2A2A;
}
nav.top > ul > li ul li a:hover {
  color: #4B637D;
}
nav.top a {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #2A2A2A;
}
nav.top a.active {
  font-weight: bold;
  color: #9DB0C4;
  border-bottom: 1px #9DB0C4 solid;
}
nav.top > ul > li > a:not(.active):hover {
  border-bottom: 1px #2A2A2A solid;
}
nav.rubricator {
  display: flex;
  gap: 16px;
  margin-top: 64px;
  margin-bottom: 48px;
}
nav.rubricator a {
  display: block;
  padding: 8px 16px;
  color: #2A2A2A;
  background: white;
  border: 1px solid #D9D9D9;
  border-radius: 12px;
  flex-grow: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
nav.rubricator a:hover {
  color: white;
  background: #4B637D;
}
nav.rubricator a.active {
  color: white;
  background: #9DB0C4;
  border: 1px solid #9DB0C4;
}

.sticky {
  position: sticky;
  top: -70px;
  left: 0%;
  right: 0%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  z-index: 10;
}
.sticky-logo {
  display: none;
  opacity: 0;
  transition: 0.3s;
}
.sticky-logo img {
  height: 56px;
}
.sticky-phone {
  display: none;
  opacity: 0;
  transition: 0.3s;
}

@media (min-width: 1025px) {
  .shadow {
    top: 0px;
    background-color: white;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.062745098);
    transition: 0.3s;
    opacity: 1;
    z-index: 3;
  }
  .shadow .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8%;
  }
  .shadow .top > ul {
    flex: 1;
    border-radius: 0;
    /* 	&.small {
    		border-radius: 8px;
    	}
    	&.big {
    		border-radius: 20px;
    	} */
    background-color: transparent;
  }
  .shadow .sticky-logo, .shadow .sticky-phone {
    display: block;
    transition: 0.3s;
    opacity: 1;
  }
  .shadow .sticky-logo .alone a, .shadow .sticky-phone .alone a {
    content: none;
    display: block;
    width: 32px;
    height: 32px;
    background: center center no-repeat transparent url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 16V14.3541C18 13.5363 17.5021 12.8008 16.7428 12.4971L14.7086 11.6835C13.7429 11.2971 12.6422 11.7156 12.177 12.646L12 13C12 13 9.5 12.5 7.5 10.5C5.5 8.5 5 6 5 6L5.35402 5.82299C6.28438 5.35781 6.70285 4.25714 6.31654 3.29136L5.50289 1.25722C5.19916 0.497903 4.46374 0 3.64593 0H2C0.895431 0 0 0.89543 0 2C0 10.8366 7.16344 18 16 18C17.1046 18 18 17.1046 18 16Z' fill='%239DB0C4'/%3E%3C/svg%3E%0A");
    background-size: cover;
  }
}
#mobile-menu {
  display: block;
}
#mobile-menu.overlay {
  position: fixed;
  z-index: 20;
  top: 0;
  bottom: 0;
  left: 0;
  transition: 0.5s height;
  width: 100%;
  height: 0;
  overflow-y: auto;
}
#mobile-menu.overlay .overlay-content {
  width: 100%;
  min-height: 100vh;
  overflow-y: auto;
  justify-content: space-between;
  align-items: start;
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #mobile-menu.overlay .overlay-content {
    padding: 28px 32px 64px 32px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  #mobile-menu.overlay .overlay-content {
    padding: 28px 20px 48px 20px;
  }
}
#mobile-menu.overlay nav {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: flex-end;
  font-size: 36px;
  gap: 48px;
  /* > ul {
  	margin: 0;
  	> li {
  		margin: 0;
  		@include font(20);
  		&:not(:first-child) {
  			margin-top: 10px;
  		}
  		a {
  			color: inherit;
  		}
  		.menu-2 ul {
  			margin-left: 20px;
  			@include font(16);
  			> li {
  				margin-top: 0px;
  				padding: 2px 0;
  			}
  		}
  	}
  } */
}
@media (min-width: 1px) and (max-width: 767px) {
  #mobile-menu.overlay nav {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    gap: 16px;
  }
}
#mobile-menu.overlay nav ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0 0 0 20px;
}
#mobile-menu.overlay nav ul li {
  padding: 5px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
#mobile-menu.overlay nav a {
  text-decoration: none;
  color: #2A2A2A;
  transition: 0.3s;
}
#mobile-menu.overlay nav a:hover, #mobile-menu.overlay nav a:focus {
  color: #4B637D;
}
#mobile-menu.overlay .logo {
  display: inline-block;
}
@media (min-width: 1px) and (max-width: 767px) {
  #mobile-menu.overlay .logo {
    left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #mobile-menu.overlay .logo img {
    height: 70px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  #mobile-menu.overlay .logo img {
    height: 55px;
  }
}
#mobile-menu.overlay .close-mobile-menu {
  width: 32px;
  height: 33px;
  background: transparent center no-repeat url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='31' height='31' stroke='%234B637D'/%3E%3Cpath d='M24.1239 8.5L25 9.37618L8.87615 25.4994L8 24.6238L24.1239 8.5Z' fill='%234B637D'/%3E%3Cpath d='M8.87615 8.5L25 24.6232L24.1239 25.5L8 9.3768L8.87615 8.5Z' fill='%234B637D'/%3E%3C/svg%3E%0A");
  padding: 0;
  border: 0;
  border-radius: 0;
}
@media (min-width: 1px) and (max-width: 767px) {
  #mobile-menu.overlay .close-mobile-menu {
    right: 20px;
  }
}
#mobile-menu.overlay .appointment {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 16px 0;
}
#mobile-menu.overlay .phone {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
#mobile-menu.overlay .phone > * {
  display: inline-block;
}
#mobile-menu.overlay .phone a {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: #2A2A2A;
  background: left top 4px no-repeat transparent url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 16V14.3541C18 13.5363 17.5021 12.8008 16.7428 12.4971L14.7086 11.6835C13.7429 11.2971 12.6422 11.7156 12.177 12.646L12 13C12 13 9.5 12.5 7.5 10.5C5.5 8.5 5 6 5 6L5.35402 5.82299C6.28438 5.35781 6.70285 4.25714 6.31654 3.29136L5.50289 1.25722C5.19916 0.497903 4.46374 0 3.64593 0H2C0.895431 0 0 0.89543 0 2C0 10.8366 7.16344 18 16 18C17.1046 18 18 17.1046 18 16Z' fill='%234B637D'/%3E%3C/svg%3E%0A");
  padding-left: 24px;
}
#mobile-menu.opened {
  display: block;
  height: 100%;
}

@media (min-width: 1025px) {
  .topping {
    position: fixed;
    top: 0;
    z-index: 3;
    background-color: white;
    padding-top: 28px;
  }
  .topping + nav {
    margin-top: 130px;
  }
}
header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
  margin-bottom: 32px;
}
header .logo {
  display: inline-block;
}
@media (max-width: 1024px) {
  header .logo {
    flex: 1;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  header .logo img {
    height: 70px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  header .logo img {
    height: 55px;
  }
}
@media (max-width: 1024px) {
  header .address {
    display: none;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  header .action {
    display: none;
  }
}
header .address {
  flex: 1;
}
header .phone {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
header .phone > * {
  display: inline-block;
}
header .phone a {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: #2A2A2A;
  background: left top 4px no-repeat transparent url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 16V14.3541C18 13.5363 17.5021 12.8008 16.7428 12.4971L14.7086 11.6835C13.7429 11.2971 12.6422 11.7156 12.177 12.646L12 13C12 13 9.5 12.5 7.5 10.5C5.5 8.5 5 6 5 6L5.35402 5.82299C6.28438 5.35781 6.70285 4.25714 6.31654 3.29136L5.50289 1.25722C5.19916 0.497903 4.46374 0 3.64593 0H2C0.895431 0 0 0.89543 0 2C0 10.8366 7.16344 18 16 18C17.1046 18 18 17.1046 18 16Z' fill='%239DB0C4'/%3E%3C/svg%3E%0A");
  padding-left: 24px;
}
@media (max-width: 1024px) {
  header .phone {
    gap: 4px;
  }
  header .phone a {
    font-size: 16px;
  }
  header .phone .time {
    font-size: 14px;
  }
}
@media (max-width: 499px) {
  header .phone {
    display: none;
  }
}
header button.mobile-menu {
  flex: 0;
  display: none;
  min-width: 42px;
  min-height: 42px;
  border: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: #4B637D center no-repeat url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='1.25' x2='21.5' y2='1.25' stroke='white'/%3E%3Cline x1='0.5' y1='6.5' x2='21.5' y2='6.5' stroke='white'/%3E%3Cline x1='0.5' y1='11.75' x2='21.5' y2='11.75' stroke='white'/%3E%3C/svg%3E");
}
@media (min-width: 1px) and (max-width: 767px) {
  header button.mobile-menu {
    display: block;
  }
}

.address {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='30' viewBox='0 0 24 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.05417 2.05614C9.79961 -0.116238 14.4034 -0.0782681 18.1137 2.1556C21.7875 4.43496 24.0203 8.50295 23.9995 12.879C23.914 17.2263 21.5198 21.3128 18.527 24.4718C16.7996 26.3033 14.8672 27.9229 12.7694 29.2973C12.5533 29.422 12.3166 29.5055 12.071 29.5437C11.8347 29.5336 11.6045 29.4639 11.4012 29.3408C8.19839 27.2756 5.38854 24.6394 3.10683 21.5591C1.19757 18.9878 0.112858 15.8814 1.99473e-06 12.6616C-0.00247856 8.27719 2.30872 4.22851 6.05417 2.05614ZM8.30315 13.9804C8.92142 15.4768 10.3808 16.4528 11.9999 16.4528C13.0606 16.4603 14.0802 16.0432 14.8315 15.2945C15.5829 14.5458 16.0035 13.5277 15.9998 12.467C16.0054 10.8479 15.0345 9.38515 13.5403 8.76164C12.0461 8.13813 10.3234 8.47688 9.17651 9.61972C8.02965 10.7626 7.68487 12.484 8.30315 13.9804Z' fill='%239DB0C4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 40px;
}

footer {
  margin-top: 64px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "contacts emails socials" "map map map" "nav nav nav" "copyright copyright copyright";
  row-gap: 48px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.contacts footer {
  grid-template-areas: "nav nav nav" "copyright copyright copyright";
}
@media (min-width: 768px) and (max-width: 1024px) {
  footer {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "contacts socials" "emails emails" "map map" "nav nav" "copyright copyright";
    row-gap: 48px;
    -moz-column-gap: 16px;
         column-gap: 16px;
    margin-top: 80px;
  }
  .contacts footer {
    grid-template-areas: "nav nav" "copyright copyright";
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  footer {
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: "contacts" "emails" "socials" "map" "nav" "copyright";
    row-gap: 48px;
    margin-top: 64px;
  }
  .contacts footer {
    grid-template-areas: "nav nav" "copyright copyright";
  }
}
footer .label {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #A4A6AC;
}
footer .phone, footer .phone a {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #9DB0C4;
}
@media (min-width: 1px) and (max-width: 767px) {
  footer .phone, footer .phone a {
    font-size: 28px;
  }
}
footer .address {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #2A2A2A;
}
@media (min-width: 1px) and (max-width: 767px) {
  footer .address {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
  }
}
footer .email {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}
footer .email a {
  color: #9DB0C4;
}
@media (min-width: 1px) and (max-width: 767px) {
  footer .email {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
  }
}
footer .contacts {
  grid-area: contacts;
  justify-self: left;
  display: flex;
  flex-direction: column;
  gap: 16px;
  white-space: nowrap;
}
footer .emails {
  grid-area: emails;
  display: flex;
  flex-direction: column;
  gap: 16px;
  white-space: nowrap;
}
@media (min-width: 1025px) {
  footer .emails {
    justify-self: center;
  }
}
footer .emails .email {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 4px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  footer .emails {
    flex-direction: row;
    justify-content: start;
    justify-self: stretch;
    align-self: flex-start;
  }
}
footer .socials {
  grid-area: socials;
  justify-self: end;
  align-self: start;
  width: 276px;
  /* @include tablet_view {
  	justify-self: start;
  } */
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
footer .socials > .label {
  flex: 1 0 100%;
  align-self: flex-end;
}
@media (min-width: 768px) and (max-width: 1024px) {
  footer .socials {
    justify-self: start;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  footer .socials {
    justify-self: start;
  }
}
footer .map {
  grid-area: map;
}
footer .map > * {
  width: 100%;
}
@media (max-width: 1024px) {
  footer .map > * {
    height: 600px;
  }
}
footer nav {
  grid-area: nav;
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(5, auto);
  grid-template-areas: "logo block1 block2 block3 block4";
}
@media (min-width: 768px) and (max-width: 1024px) {
  footer nav {
    grid-template-columns: repeat(3, auto);
    grid-template-areas: "logo block1 block2" "logo block3 block4";
    row-gap: 32px;
    margin: 0;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  footer nav {
    grid-template-columns: repeat(2, auto);
    grid-template-areas: "logo logo" "block1 block2" "block3 block3" "block4 block4";
    gap: 32px;
    margin: 0;
  }
}
footer nav .logo {
  grid-area: logo;
  padding-right: 25px;
}
footer nav .logo > img {
  width: 148px;
}
footer nav .block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
footer nav .block > * {
  display: block;
}
footer nav .block:nth-of-type(1) {
  grid-area: block1;
}
footer nav .block:nth-of-type(2) {
  grid-area: block2;
}
footer nav .block:nth-of-type(3) {
  grid-area: block3;
}
footer nav .block:nth-of-type(4) {
  grid-area: block4;
}
footer .finish {
  grid-area: copyright;
  background-color: #F2F2F2;
}
footer .finish > div {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  padding: 12px 48px;
  text-align: right;
}
@media (min-width: 1px) and (max-width: 767px) {
  footer .finish > div {
    padding: 12px;
    text-align: left;
  }
}

section {
  /* .collaboration &.shorts {

  }*/
}
main > section:first-of-type {
  margin-top: 0px;
}
section + main, main + section {
  margin-top: 128px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  section + main, main + section {
    margin-top: 80px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  section + main, main + section {
    margin-top: 64px;
  }
}
section header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: minmax(0, auto) minmax(0, 50px);
  grid-template-areas: "title text" "title controls";
  -moz-column-gap: 48px;
       column-gap: 48px;
  margin-bottom: 48px;
}
section header:not(:has(.text)), section header:has(.text:empty) {
  grid-template-rows: minmax(0, 50px);
  grid-template-columns: auto 1px 1fr;
  grid-template-areas: "title text controls";
}
@media (min-width: 768px) and (max-width: 1024px) {
  section header {
    align-items: flex-start;
    gap: 32px;
    margin-bottom: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-template-areas: "title" "text" "controls";
  }
  section header:not(:has(.text)), section header:has(.text:empty) {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title controls";
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  section header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    margin-bottom: 32px;
  }
  section header:not(:has(.text)), section header:has(.text:empty) {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-template-areas: "title" "controls";
  }
}
section header h2 {
  order: 1;
  grid-area: title;
  margin: 0;
  color: #2A2A2A;
  align-self: end;
}
@media (min-width: 768px) and (max-width: 1024px) {
  section header h2 {
    align-self: start;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  section header h2 {
    align-self: start;
  }
}
section header .controls {
  order: 3;
  grid-area: controls;
  display: flex;
  align-items: center;
  gap: 40px;
  justify-self: end;
}
@media (min-width: 768px) and (max-width: 1024px) {
  section header .controls:not(:has(a)) {
    display: none;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  section header .controls {
    align-items: flex-start;
    justify-self: start;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  section header .carousel-nav {
    display: none;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  section header .carousel-nav {
    display: none;
  }
}
section header .text {
  order: 2;
  grid-area: text;
  color: #595858;
}
@media (min-width: 1px) and (max-width: 767px) {
  section header .text {
    margin-bottom: 0;
  }
}
section header .text:not(:empty) + h2 {
  align-self: start;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}
section h2 {
  margin-top: 0;
  margin-bottom: 48px;
}
@media (min-width: 1px) and (max-width: 767px) {
  section h2 {
    margin-bottom: 24px;
  }
}
section .intro {
  margin-block: 48px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1px) and (max-width: 767px) {
  section .xs-col .col h2 {
    margin-bottom: 0;
  }
}
section.left-right {
  display: flex;
  gap: 48px;
  align-items: stretch;
  flex-direction: row;
}
@media (max-width: 1024px) {
  section.left-right {
    flex-direction: column;
  }
}
section.left-right > *:not(.container) {
  flex: 1 1 50%;
}
@media (max-width: 1024px) {
  section.left-right > *:not(.container) {
    flex: 1 0 100%;
  }
}
section.left-right .container {
  display: flex;
  gap: 48px;
  align-items: stretch;
  padding: 0;
}
section.left-right .container > * {
  flex: 1 1 50%;
}
@media (max-width: 1024px) {
  section.left-right .container {
    flex-direction: column;
    gap: 64px;
  }
  section.left-right .container > * {
    flex: 1 0 100%;
  }
}
section.left-right figure {
  overflow: hidden;
}
@media (min-width: 1px) and (max-width: 767px) {
  section.left-right figure {
    height: auto;
  }
}
section.left-right figure img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section.left-right figure.rounded {
  border-radius: 12px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
section.left-right.inverse, section.left-right.reverse, section.left-right.inverse .container, section.left-right.reverse .container {
  flex-direction: row-reverse;
}
@media (min-width: 1px) and (max-width: 767px) {
  section.left-right.inverse, section.left-right.reverse, section.left-right.inverse .container, section.left-right.reverse .container {
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  section.left-right.column-, section.left-right.column-inverse .container {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  section.left-right.sm-column, section.left-right.sm-column .container {
    flex-direction: column;
  }
  section.left-right.sm-column.reverse {
    flex-direction: column-reverse;
  }
}
section.about ul {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}
@media (min-width: 1px) and (max-width: 767px) {
  section.about ul {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  section.about h1 {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
  }
}
section.services .row {
  align-items: stretch;
  margin-top: 48px;
}
@media (min-width: 1px) and (max-width: 767px) {
  section.services .row {
    margin-top: 0px;
  }
}
section.services.lite .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}
section.services.lite .item figure {
  margin-bottom: 16px;
}
section.services.lite .item .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
}
section.services.lite .item p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}
section.services.wpic .cards {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  gap: 24px;
}
@media (min-width: 1px) and (max-width: 767px) {
  section.services.wpic .cards {
    grid-template-columns: 1fr;
  }
}
section.services.wpic .cards .item {
  flex: 1;
  background-color: #F8F8F8;
  display: grid;
  grid-template-areas: "pic text" "pic action";
  grid-template-columns: 4fr 7fr;
  padding: 20px;
  gap: 24px;
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  color: #3A3A3A;
}
@media (min-width: 1px) and (max-width: 767px) {
  section.services.wpic .cards .item {
    grid-template-columns: 1fr;
    grid-template-areas: "pic" "text" "action";
  }
}
section.services.wpic .cards .item figure.pic {
  grid-area: pic;
}
@media (min-width: 1px) and (max-width: 767px) {
  section.services.wpic .cards .item figure.pic {
    aspect-ratio: 4/3;
  }
}
section.services.wpic .cards .item figure.pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
section.services.wpic .cards .item .text {
  grid-area: text;
}
section.services.wpic .cards .item .text .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 48px;
}
section.services.wpic .cards .item .text p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}
section.services.wpic .cards .item .action {
  grid-area: action;
  align-self: end;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}
section.services.chess .cards {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  background-color: #F8F8F8;
  color: #3A3A3A;
  overflow: hidden;
}
section.services.chess .cards .item {
  display: flex;
  max-height: 313px;
}
section.services.chess .cards .item:nth-child(odd) {
  flex-direction: row;
}
section.services.chess .cards .item:nth-child(even) {
  flex-direction: row-reverse;
}
@media (min-width: 1px) and (max-width: 767px) {
  section.services.chess .cards .item {
    max-height: unset;
  }
  section.services.chess .cards .item:nth-child(odd) {
    flex-direction: column;
  }
  section.services.chess .cards .item:nth-child(even) {
    flex-direction: column;
  }
}
section.services.chess .cards .item figure.pic {
  flex: 1 0 50%;
}
@media (min-width: 1px) and (max-width: 767px) {
  section.services.chess .cards .item figure.pic {
    flex: unset;
  }
}
section.services.chess .cards .item figure.pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section.services.chess .cards .item .text {
  flex: 1 0 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 50px 40px;
}
@media (min-width: 1px) and (max-width: 767px) {
  section.services.chess .cards .item .text {
    flex: unset;
  }
}
section.services.chess .cards .item .text .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 48px;
}
section.services.chess .cards .item .text p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}
section.services.chess .cards .item .text .action {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}
section.services.empty .cards {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  gap: 16px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  section.services.empty .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  section.services.empty .cards {
    grid-template-columns: repeat(1, 1fr);
  }
}
section.services.empty .cards .item {
  flex: 1;
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  border: 1px solid #9DB0C4;
  color: #3A3A3A;
  padding: 32px 24px;
}
section.services.empty .cards .item img {
  display: block;
  width: 38px;
  height: 38px;
  margin-bottom: 32px;
}
section.services.empty .cards .item p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}
section.services.empty .cards .item .action {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}
section.staff {
  padding-top: 48px;
  padding-bottom: 48px;
}
section.reasons h2 {
  color: #2A2A2A;
}
section.reasons .matrix2 {
  display: grid;
  gap: 20px;
}
@media (min-width: 1025px) {
  section.reasons .matrix2 {
    grid-auto-rows: minmax(40px, 1fr);
    grid-template-columns: repeat(3, 1fr);
  }
  section.reasons .matrix2 .card:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 4;
  }
  section.reasons .matrix2 .card:nth-child(2) {
    grid-column: 1;
    grid-row: 5/span 6;
  }
  section.reasons .matrix2 .card:nth-child(3) {
    grid-column: 2;
    grid-row: 1/span 5;
    order: 4;
  }
  section.reasons .matrix2 .card:nth-child(4) {
    grid-column: 2;
    grid-row: 6/span 5;
    order: 3;
  }
  section.reasons .matrix2 .card:nth-child(5) {
    grid-column: 3;
    grid-row: 1/span 6;
  }
  section.reasons .matrix2 .card:nth-child(6) {
    grid-column: 3;
    grid-row: 7/span 4;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  section.reasons .matrix2 {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(40px, 1fr);
  }
  section.reasons .matrix2 .card:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 4;
  }
  section.reasons .matrix2 .card:nth-child(2) {
    grid-column: 1;
    grid-row: 5/span 6;
  }
  section.reasons .matrix2 .card:nth-child(3) {
    grid-column: 2;
    grid-row: 1/span 5;
  }
  section.reasons .matrix2 .card:nth-child(4) {
    grid-column: 2;
    grid-row: 6/span 5;
  }
  section.reasons .matrix2 .card:nth-child(5) {
    grid-column: 1;
    grid-row: 11/span 5;
  }
  section.reasons .matrix2 .card:nth-child(6) {
    grid-column: 2;
    grid-row: 11/span 5;
  }
}
@media (max-width: 499px) {
  section.reasons .matrix2 {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
  section.reasons .matrix2 .card:nth-child(3) {
    order: 4;
  }
  section.reasons .matrix2 .card:nth-child(4) {
    order: 3;
  }
}
section.gallery .download {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
section.gallery .download .size {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #595858;
}
section.gallery .download::before {
  width: 21px;
  height: 20px;
  content: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.501 9.03286L10.501 14.0721M10.501 14.0721L4.50098 9.03286M10.501 14.0721V0.5' stroke='%23333333' stroke-linecap='round'/%3E%3Cpath d='M20.5 11.3594V19.5026H0.5V11.3594' stroke='%23333333' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  margin-right: 12px;
  position: relative;
  top: 0;
  bottom: 0;
}
section .doctor-feature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
section .doctor-feature dt {
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
  color: #4B637D;
  display: block;
  white-space: nowrap;
}
section .doctor-feature dd {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #595858;
  display: block;
  margin-left: 0;
}
section.full-width {
  padding: 0;
}
section.full-width > .container {
  position: relative;
  padding: 64px 48px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  section.full-width > .container {
    padding: 48px 32px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  section.full-width > .container {
    padding: 48px 20px;
  }
}
.sport section.full-width {
  padding: 0;
}
.sport section.full-width > .container {
  position: relative;
  padding: 64px 48px 0 48px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .sport section.full-width > .container {
    padding: 48px 20px 0 20px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .sport section.full-width > .container {
    padding: 48px 20px 0 20px;
  }
}

section + section {
  margin-top: 128px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  section + section {
    margin-top: 80px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  section + section {
    margin-top: 64px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .what main > section + section {
    margin-top: 0px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .what main > section + section {
    margin-top: 0px;
  }
}

button {
  cursor: pointer;
  border: 0;
  /*buttonL*/
  padding: 24px 48px;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  border-radius: 12px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
@media (min-width: 1px) and (max-width: 767px) {
  button {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    padding: 16px;
  }
}
button.sizeS {
  padding: 12px 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  border-radius: 8px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
button.full {
  width: 100%;
}
button.xs-full {
  width: 100% !important;
}
button.primary {
  color: white;
  background-color: #4B637D;
}
button.primary:hover {
  background-color: #3E5166;
  color: white;
}
button.primary:active {
  background-color: #4B637D;
  color: white;
}
button.primary:disabled {
  background-color: #A3A3A3;
  color: #2A2A2A;
}
button.dark {
  color: white;
  background-color: #4B637D;
}
button.dark:hover {
  background-color: #3E5166;
}
button.dark:active {
  background-color: #4B637D;
}
button.dark:disabled {
  background-color: #A3A3A3;
}
button.outlined {
  border: 1px solid #4B637D;
  background: transparent;
  color: #4B637D;
  border-radius: 10px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
button.outlined:hover {
  background: #4B637D;
  color: white;
}
button.with-arrow::after {
  content: " ";
  position: relative;
  display: inline-block;
  left: 8px;
  top: 3px;
  width: 24px;
  height: 16px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8H23' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M16.5129 14.5L23.0001 8L16.5129 1.5' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          mask: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8H23' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M16.5129 14.5L23.0001 8L16.5129 1.5' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background: white;
}
button.with-arrow::after.outlined {
  background: #4B637D;
  border: 1px solid #4B637D;
}
button.with-arrow::after.white {
  background: #2A2A2A;
}
button.with-arrow.primary {
  padding: 24px 64px 24px 48px;
}
@media (min-width: 1px) and (max-width: 767px) {
  button.with-arrow.primary {
    padding: 16px 32px 16px 24px;
  }
}
button.with-arrow.buttonS {
  padding: 16px 24px 16px 16px;
}
button.up {
  background: white center no-repeat url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.41992V21.9199' stroke='%23595858'/%3E%3Cpath d='M19 8.92L10 1L1 8.92' stroke='%23595858' stroke-width='1.1242'/%3E%3C/svg%3E%0A");
  width: 60px;
  height: 60px;
  border-radius: 30px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  padding: 0;
  border: 1px solid #595858;
  box-shadow: 0px 0px 15px 0px #E1E1E1;
}
button.messengers {
  background: #4B637D center no-repeat url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3V23.7198C1 25.0784 4.21579 21.1845 6.08031 18.7366C6.27103 18.4862 6.56624 18.3388 6.881 18.3388H21.1219C22.2265 18.3388 23.1219 17.4434 23.1219 16.3388V3C23.1219 1.89543 22.2265 1 21.1219 1H3C1.89543 1 1 1.89543 1 3Z' stroke='white' stroke-width='2'/%3E%3Cpath d='M5.7832 8.17578H15.5' stroke='white' stroke-width='2'/%3E%3Cpath d='M5.7832 11.7617H18.9368' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  width: 62px;
  height: 62px;
  border-radius: 30px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  padding: 0;
  border: 1px solid transparent;
  box-shadow: 0px 0px 15px 0px #E1E1E1;
  transition: background-image 100ms linear;
}
.opened + button.messengers {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L20 19M20 1L1 19' stroke='%232A2A2A'/%3E%3C/svg%3E%0A");
  background-color: white;
  width: 62px;
  height: 62px;
}

.platform {
  display: block;
  cursor: pointer;
}
.platform > button {
  width: 50px;
  height: 50px;
  padding: 0;
  background-color: #4B637D;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 25px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  border: 0px solid #4B637D;
  box-shadow: 0px 0px 15px 0px #E1E1E1;
}
.platform > button.whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_372_79223)'%3E%3Cpath d='M22.1016 3.77984C20.9099 2.57652 19.4904 1.62256 17.9261 0.973617C16.3617 0.32467 14.6838 -0.00627383 12.9902 9.00657e-05C5.89387 9.00657e-05 0.1105 5.78184 0.104 12.8798C0.104 15.1532 0.69875 17.3648 1.82162 19.323L0 26.0001L6.8315 24.2093C8.72054 25.24 10.8384 25.7792 12.9902 25.7775H12.9967C20.0947 25.7775 25.8765 19.9957 25.883 12.8912C25.8844 11.1981 25.5509 9.52135 24.9017 7.95762C24.2524 6.39389 23.3019 4.97405 22.1016 3.77984ZM12.9902 23.5967C11.0714 23.5952 9.18811 23.0789 7.53675 22.1017L7.14675 21.8677L3.094 22.9305L4.17625 18.9768L3.92275 18.569C2.84994 16.8632 2.28255 14.8884 2.28637 12.8733C2.28637 6.98109 7.0915 2.17434 12.9967 2.17434C14.4036 2.17182 15.797 2.44779 17.0967 2.98634C18.3963 3.52489 19.5765 4.31537 20.5692 5.31221C21.5652 6.30533 22.3548 7.48572 22.8925 8.78537C23.4302 10.085 23.7054 11.4782 23.7022 12.8847C23.6957 18.7981 18.8906 23.5967 12.9902 23.5967ZM18.8646 15.579C18.5445 15.4181 16.9634 14.6397 16.666 14.5292C16.3702 14.4236 16.1541 14.3683 15.9429 14.6901C15.7267 15.0102 15.1092 15.7398 14.924 15.9495C14.7387 16.1656 14.547 16.19 14.2252 16.0307C13.9051 15.8682 12.8667 15.5302 11.6382 14.4301C10.6795 13.577 10.0376 12.5207 9.84587 12.2006C9.66062 11.8788 9.828 11.7066 9.98887 11.5457C10.1302 11.4027 10.309 11.1687 10.4699 10.9835C10.6324 10.7982 10.686 10.6617 10.7916 10.4472C10.8972 10.2295 10.8469 10.0442 10.7672 9.88334C10.686 9.72246 10.0441 8.13484 9.77275 7.49459C9.51275 6.86246 9.24787 6.95021 9.04962 6.94209C8.86437 6.93071 8.64825 6.93071 8.43212 6.93071C8.26893 6.93487 8.10836 6.97266 7.96044 7.04172C7.81252 7.11079 7.68046 7.20964 7.5725 7.33209C7.27675 7.65384 6.44962 8.43221 6.44962 10.0198C6.44962 11.6075 7.60337 13.1333 7.76587 13.3495C7.92512 13.5656 10.0311 16.814 13.2632 18.2115C14.027 18.5446 14.6282 18.7412 15.0979 18.8907C15.8697 19.1377 16.5669 19.1003 17.1226 19.0207C17.7401 18.9265 19.0255 18.2407 19.2969 17.4883C19.5634 16.7343 19.5634 16.0908 19.4821 15.956C19.4025 15.8195 19.1864 15.7398 18.8646 15.579Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_372_79223'%3E%3Crect width='26' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.platform > button.telegram {
  background-image: url("data:image/svg+xml,%3Csvg width='46' height='32' viewBox='0 0 46 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0003 1.27979C14.5363 1.27979 7.66699 8.16107 7.66699 16.6398C7.66699 25.1185 14.5363 31.9998 23.0003 31.9998C31.4643 31.9998 38.3337 25.1185 38.3337 16.6398C38.3337 8.16107 31.4643 1.27979 23.0003 1.27979ZM30.115 11.7246C29.885 14.1515 28.8883 20.0497 28.3823 22.7684C28.1677 23.9204 27.7383 24.3044 27.3397 24.3505C26.4503 24.4273 25.7757 23.7668 24.917 23.1985C23.5677 22.3076 22.801 21.7547 21.4977 20.8945C19.9797 19.8961 20.961 19.3431 21.835 18.4523C22.065 18.2219 25.9903 14.643 26.067 14.3204C26.0776 14.2716 26.0762 14.2208 26.0629 14.1727C26.0495 14.1245 26.0246 14.0803 25.9903 14.0439C25.8983 13.9671 25.7757 13.9979 25.6683 14.0132C25.5303 14.0439 23.3837 15.4724 19.1977 18.2987C18.5843 18.7134 18.0323 18.9284 17.5417 18.9131C16.9897 18.8977 15.947 18.6059 15.165 18.3447C14.199 18.0375 13.4477 17.8686 13.509 17.331C13.5397 17.0545 13.923 16.778 14.6437 16.4862C19.121 14.5355 22.0957 13.2452 23.583 12.6308C27.8457 10.8491 28.7197 10.5419 29.3023 10.5419C29.425 10.5419 29.7163 10.5726 29.9003 10.7262C30.0537 10.8491 30.0997 11.018 30.115 11.1409C30.0997 11.2331 30.1303 11.5095 30.115 11.7246Z' fill='white'/%3E%3C/svg%3E%0A");
}
.platform > button.vk {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='28' viewBox='0 0 40 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.53509 2.95322C6.66602 4.80379 6.66602 7.76294 6.66602 13.69V14.7375C6.66602 20.6558 6.66602 23.6149 8.53509 25.4742C10.422 27.3073 13.4392 27.3073 19.4825 27.3073H20.5506C26.585 27.3073 29.6022 27.3073 31.498 25.4742C33.367 23.6237 33.367 20.6645 33.367 14.7375V13.69C33.367 7.77167 33.367 4.81252 31.498 2.95322C29.6111 1.12012 26.5939 1.12012 20.5506 1.12012H19.4825C13.4481 1.12012 10.4309 1.12012 8.53509 2.95322ZM11.1696 9.08976H14.2313C14.3292 14.0828 16.5721 16.1952 18.3522 16.6317V9.08976H21.227V13.3932C22.9803 13.2099 24.8316 11.2458 25.4546 9.08103H28.3206C28.087 10.2017 27.6202 11.263 26.9494 12.1987C26.2787 13.1344 25.4183 13.9244 24.4222 14.5192C25.5339 15.0617 26.5157 15.8292 27.3027 16.7712C28.0898 17.7131 28.6642 18.808 28.9881 19.9836H25.8285C25.152 17.9149 23.461 16.3087 21.227 16.0905V19.9836H20.871C14.7831 19.9836 11.312 15.8984 11.1696 9.08976Z' fill='white'/%3E%3C/svg%3E%0A");
}

.card {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 16px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  overflow: hidden;
  /* Card */
  align-items: flex-start;
}
.card figure {
  margin: 0;
}
.card.silver {
  background: linear-gradient(111.11deg, #E6E6E6 0%, #F8F8F8 100%);
  color: #2A2A2A;
}
.card.silver a {
  color: #2A2A2A;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8H23' stroke='%232A2A2A' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M16.5129 14.5L23.0001 8L16.5129 1.5' stroke='%232A2A2A' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.card.silver h3::after {
  color: #D9D9D9;
}
.card.beige {
  background: linear-gradient(110.5deg, #4B637D 0%, #a6c2df 99.4%);
  color: white;
}
.card.beige a {
  color: white;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8H23' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M16.5129 14.5L23.0001 8L16.5129 1.5' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.card.beige h3::after {
  color: white;
}
.card p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}
.card .action a {
  padding-right: 40px;
  background-position: right center;
  background-repeat: no-repeat;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}
@media (min-width: 1px) and (max-width: 767px) {
  .card .action a {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
}
.card.active {
  border: 1px solid #D9D9D9;
}
.card.short {
  width: 435px;
  height: 400px;
  padding: 36px 24px;
  aspect-ratio: 1;
  position: relative;
  display: flex;
  gap: 48px;
  justify-content: space-between;
}
.card.short.low {
  height: 250px;
  max-height: 250px;
}
.card.short::after {
  position: absolute;
  top: 36px;
  right: 24px;
  content: attr(data-num);
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  opacity: 0.5;
}
@media (min-width: 1px) and (max-width: 767px) {
  .card.short {
    width: calc(100vw - 40px);
    height: unset;
    aspect-ratio: unset;
    gap: 24px;
    min-height: 250px;
  }
}
.card.short h3 {
  margin: 0;
  margin-right: 40px;
}
.card.short p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #595858;
  flex: 1;
}
@media (min-width: 1px) and (max-width: 767px) {
  .card.short p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
  }
}
.card.short.beige h3 {
  color: white;
}
.card.short.beige p {
  color: #F1F6FF;
}
.collaboration .card.short[data-num], .loyality .card.short[data-num] {
  padding-top: 128px;
}
.collaboration .card.short[data-num]::after, .loyality .card.short[data-num]::after {
  font-size: 60px;
  font-weight: 500;
  line-height: 60px;
  right: unset;
  left: 24px;
  color: #D9D9D9;
  opacity: 1;
}
.collaboration .card.short[data-num]:hover, .loyality .card.short[data-num]:hover {
  background-color: #F8F8F8 !important;
}
.collaboration .card.short[data-num]:hover::after, .loyality .card.short[data-num]:hover::after {
  color: #4B637D;
}
.card.doctor {
  border-radius: 16px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  border: 1px solid #4B637D66;
  padding: 20px;
  width: 350px;
  height: 475px;
}
.sport .card.doctor {
  width: unset;
  height: 100%;
  background-color: #FBFCFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1px) and (max-width: 767px) {
  .sport .card.doctor {
    height: auto;
  }
  .sport .card.doctor .block {
    width: 100%;
  }
}
.sport .card.doctor .more {
  font-weight: 500;
}
.card.doctor figure {
  width: 100%;
  aspect-ratio: 342/325;
  overflow: hidden;
}
.card.doctor figure img {
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.card.doctor .name {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  color: #2A2A2A;
  margin-top: 24px;
  margin-bottom: 12px;
  min-height: 2em;
}
.card.doctor .position {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #989898;
  height: 2.5em;
}
.card.doctor .bullet {
  background-position: left top 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%239DB0C4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 16px;
  color: #989898;
}
.card.doctor .with-points {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
.card.review {
  background-color: #F8F8F8;
  border: 1px solid #F8F8F8;
  padding: 32px 16px;
  width: 330px;
}
.card.review .quote {
  margin: 20px 0;
  width: 12px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.09804 4.57875V0H12V4.90842L9.45098 10H6.90196L9.2549 4.57875H7.09804ZM0.196079 4.57875V0H5.09804V4.90842L2.54902 10H0L2.35294 4.57875H0.196079Z' fill='%23595858'/%3E%3C/svg%3E%0A") no-repeat left center transparent;
}
.card.review .name {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #2A2A2A;
}
.card.review .date {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  line-height: 22px;
  color: #989898;
  white-space: nowrap;
}
.card.review p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #595858;
}
.card.review .body {
  max-height: 110px;
  overflow-y: hidden;
  margin-bottom: 20px;
}
.card.review .body.open {
  max-height: 100%;
}
.card.review .source {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #2A2A2A;
  margin-bottom: 16px;
}
.card.review .more a {
  color: #2A2A2A;
  text-decoration: underline;
}
.card.review .more a::before {
  content: "Развернуть";
}
.card.review .body.open + .more a::before {
  content: "Свернуть";
}
.card.article {
  border-radius: 16px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  background-color: #F8F8F8;
  width: 300px;
  height: 100%;
  overflow: hidden;
}
.card.article figure {
  width: 100%;
  aspect-ratio: 3/2;
}
.card.article figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.card.article .info {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.matrix .card.article .info {
  gap: 12px;
}
.card.article .info .date {
  display: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #989898;
}
.matrix .card.article .info .date {
  display: block;
}
.card.article .info .title {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #2A2A2A;
}
.card.article .info .brief {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #595858;
  margin-top: 8px;
  margin-bottom: 24px;
  max-height: 2.3em;
  min-height: 2.3em;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
.card.article .info .more a {
  color: #2A2A2A;
  text-decoration: underline;
}
.card.article.mini {
  background-color: transparent;
  width: 300px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .card.article.mini {
    width: 192px;
  }
}
.card.article.mini:hover {
  border: 1px solid transparent;
}
.card.article.mini figure {
  overflow: hidden;
  border-radius: 8px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
.card.article.mini .info {
  padding: 0;
  margin-top: 16px;
}
.card.article.mini .info .title {
  margin-bottom: 12px;
}
.card.article.mini .info .date {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #989898;
}
.card.reason {
  padding: 36px 24px;
  border-radius: 16px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
.card.reason .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 1em;
}
.card.reason p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}
.card.picture {
  border-radius: 12px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  padding: 16px 24px;
  background-color: #F8F8F8;
}
.card.picture figure {
  height: 334px;
}
.card.picture figure img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.card.service {
  border-radius: 16px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  overflow: hidden;
  background-color: #F8F8F8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 420px;
  min-height: 400px;
  height: 100%;
}
.sport .card.service {
  min-width: 320px;
  width: 320px;
}
.card.service .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #2A2A2A;
}
.card.service .text .more {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.card.service figure {
  width: 100%;
  height: 211px;
  border-radius: 16px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card.service figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.card.service .title {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}

a > .card,
.card[data-target] {
  cursor: pointer;
  border: 1px solid transparent;
}
a > .card:hover,
.card[data-target]:hover {
  border: 1px solid #989898;
}

.sport .card.doctor {
  border: 1px solid #4B637D66;
}

.folder {
  flex: 1;
  position: relative;
  background-color: #F2F2F2;
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  padding: 48px 48px 74px 48px;
  margin-top: 48px;
}
@media (min-width: 1px) and (max-width: 767px) {
  .folder {
    padding: 32px 32px calc(10vw + 26px) 32px;
  }
}
.folder .caption {
  position: absolute;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg width='663' height='225' viewBox='0 0 663 225' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 18V224.055H662.945C662.976 224.055 663 224.03 663 224V49.75V42.5C663 32.5589 654.941 24.5 645 24.5H183.699C178.806 24.5 174.149 22.3912 170.922 18.713L160.475 6.8082C156.677 2.48096 151.199 0 145.442 0H18C8.05888 0 0 8.05887 0 18Z' fill='%234B637D'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  display: block;
  width: 100%;
  aspect-ratio: 4;
  top: -40px;
  left: 0;
}
@media (min-width: 1px) and (max-width: 767px) {
  .folder .caption {
    top: calc(0px - 6.6666666667vw);
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .folder {
    border-radius: 12px;
    /* 	&.small {
    		border-radius: 8px;
    	}
    	&.big {
    		border-radius: 20px;
    	} */
  }
}
.folder .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 24px;
}
.folder p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1px) and (max-width: 767px) {
  .folder p {
    margin: 2em 0;
  }
}
.folder .action {
  position: absolute;
  bottom: 48px;
}
@media (min-width: 1px) and (max-width: 767px) {
  .folder .action {
    bottom: 32px;
  }
}
.folder .action a {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}
.folder .sign {
  width: 80px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 12px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  margin-bottom: 64px;
}
@media (min-width: 1px) and (max-width: 767px) {
  .folder .sign {
    width: 60px;
    height: 60px;
    margin-bottom: 48px;
  }
}

input,
textarea {
  border-radius: 8px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  border: none;
}
input:not([type=checkbox], [type=radio]),
textarea:not([type=checkbox], [type=radio]) {
  padding: 16px 24px;
}
input:not([type=checkbox], [type=radio]).required,
textarea:not([type=checkbox], [type=radio]).required {
  background: right 24px center no-repeat url("data:image/svg+xml,%0A%3Csvg class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: %238C7D55;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960 448 586.344 462.974 803.376 128 684.882 64 512 416 339.648 64 220.656 128 437.656 462.974 64 448 64 576 435.074 555.868 227.3 896 339.238 960 512 608 684.762 960 796.66 896 588.926 555.868 960 576Z' /%3E%3C/svg%3E");
  background-size: 12px 12px;
}
label.alert input:not([type=checkbox], [type=radio]),
label.alert textarea:not([type=checkbox], [type=radio]) {
  border: #C32800 1px solid;
}
@media (max-width: 499px) {
  input,
  textarea {
    padding: 10px 0 10px 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
  }
}
input:focus,
textarea:focus {
  outline: none;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #7E8696;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
input::placeholder,
textarea::placeholder {
  color: #7E8696;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
input::-moz-placeholder:after, textarea::-moz-placeholder:after {
  content: "Line 1 Line 2 Line 3";
}
input::placeholder:after,
textarea::placeholder:after {
  content: "Line 1 Line 2 Line 3";
}
label.alert input::-moz-placeholder, label.alert textarea::-moz-placeholder {
  color: #C32800;
}
label.alert input::placeholder,
label.alert textarea::placeholder {
  color: #C32800;
}

form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
form input:not([type=file], [type=image], [type=checkbox], [type=radio]) {
  min-height: 52px;
}
@media (max-width: 499px) {
  form input:not([type=file], [type=image], [type=checkbox], [type=radio]) {
    min-height: 48px;
  }
}
form label {
  flex: 1 0 100%;
}
form label.half {
  width: inherit;
  flex: 1 0 calc(50% - 18px);
}
form label input:not([type=checkbox]) {
  display: block;
  width: 100%;
  margin-top: 12px;
}
form label .error {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #C32800;
  display: none;
  margin-top: 4px;
  margin-left: 24px;
}
form label.alert .error {
  display: block;
}
form .field-error {
  font-size: 75%;
  color: #C32800;
}
form button {
  border: 1px solid transparent;
}
form button:disabled,
form button[disabled] {
  border: 1px solid #D9D9D9 !important;
  background-color: #F2F2F2 !important;
  color: #D9D9D9 !important;
}

.checkbox {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 24px;
  padding-left: 36px;
  margin-top: 8px;
  cursor: pointer;
  /* input:checked ~ .marker:after {
  	display: block;
  } */
}
.checkbox input[type=checkbox] {
  visibility: hidden;
}
.checkbox input:checked ~ .marker:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='3.5' fill='white' stroke='%2381695D'/%3E%3Cpath d='M18.8359 7.94885L9.87629 16.8371C9.82429 16.8887 9.76253 16.9297 9.69455 16.9577C9.62657 16.9856 9.5537 17 9.48011 17C9.40652 17 9.33365 16.9856 9.26567 16.9577C9.19769 16.9297 9.13594 16.8887 9.08393 16.8371L5.1641 12.9485C5.05903 12.8442 5 12.7029 5 12.5555C5 12.408 5.05903 12.2667 5.1641 12.1624C5.26918 12.0582 5.41169 11.9996 5.56029 11.9996C5.70888 11.9996 5.85139 12.0582 5.95647 12.1624L9.48011 15.6587L18.0435 7.1628C18.1486 7.05856 18.2911 7 18.4397 7C18.5883 7 18.7308 7.05856 18.8359 7.1628C18.941 7.26703 19 7.40841 19 7.55582C19 7.70324 18.941 7.84461 18.8359 7.94885Z' fill='%2381695D'/%3E%3C/svg%3E");
}
.checkbox .marker::before {
  display: block;
  content: " ";
  position: absolute;
  top: -1px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='3.5' stroke='%23D9D9D9'/%3E%3C/svg%3E");
  background-size: 24px;
  background-repeat: no-repeat;
  background-color: transparent;
}

/* Accordion styles */
.accordion {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.accordion input:checked + .item-label::after {
  transform: rotate(90deg);
}
.accordion input:checked ~ .item-content {
  max-height: 100vh;
  padding: 0 0 1em 1em;
}
.accordion .item {
  width: 100%;
  overflow: hidden;
}
.accordion .item-label {
  display: flex;
  justify-content: space-between;
  padding: 0.5em 1em;
  cursor: pointer;
  /* Icon */
  /* &:hover {
  	background: darken($color_backround_silver, 10%);
  } */
}
.accordion .item .item-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.accordion .item:first-child .item-label {
  padding-top: 1em;
}
.accordion .item:last-child .item-label {
  padding-bottom: 1em;
}
.accordion .item-content {
  max-height: 0;
  padding: 0 1em;
  transition: all 0.35s;
}
.accordion .item-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #F2F2F2;
  cursor: pointer;
}
.accordion .item-close:hover {
  background: rgb(216.5, 216.5, 216.5);
}

.carousel {
  width: 100%;
  display: flex;
  overflow-x: hidden;
}
@media (min-width: 1025px) {
  .carousel {
    position: relative;
    left: -32px;
    right: -32px;
    width: 100vw;
  }
  .carousel .splide__slide:first-of-type {
    padding-left: 32px;
  }
  .carousel .splide__slide:last-of-type {
    padding-right: 32px;
  }
  article .carousel {
    position: static;
    left: unset;
    right: unset;
    width: 100%;
  }
  article .carousel .splide__slide:first-of-type {
    padding-left: 0px;
  }
  article .carousel .splide__slide:last-of-type {
    padding-right: 0px;
  }
}
@media (max-width: 1024px) {
  .carousel {
    position: relative;
    left: -32px;
    right: -32px;
    width: 100vw;
  }
  .carousel .splide__slide:first-of-type {
    padding-left: 32px;
  }
  .carousel .splide__slide:last-of-type {
    padding-right: 32px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .carousel {
    left: -20px;
    right: -20px;
  }
  .static-on-mobile .carousel {
    left: unset;
    right: unset;
  }
  .index .shorts .carousel {
    left: 0;
    right: 0;
  }
  .carousel .splide__slide:first-of-type {
    padding-left: 20px;
  }
  .carousel .splide__slide:last-of-type {
    padding-right: 20px;
  }
  .carousel .xs-column {
    flex-direction: column;
    gap: 16px;
  }
  .carousel .xs-column .splide__slide:first-of-type {
    padding-left: 0px;
  }
  .carousel .xs-column .splide__slide:last-of-type {
    padding-right: 0px;
  }
}
.carousel .card.article {
  max-width: 300px;
}
@media (min-width: 1px) and (max-width: 767px) {
  .carousel .splide__list:not(.xs-column) .card.article {
    width: 80vw;
  }
  .carousel .splide__list:not(.xs-column) .card {
    width: 80vw;
    height: auto;
    max-width: 300px;
    min-width: unset;
    min-height: unset;
    overflow: hidden;
  }
}

.carousel-nav {
  flex: 1;
  display: flex;
  gap: 20px;
}
@media (max-width: 499px) {
  .carousel-nav {
    gap: 18px;
  }
}
.carousel-nav .splide__arrow {
  position: unset;
  transform: unset;
  left: unset;
  right: unset;
}
.carousel-nav .prev,
.carousel-nav .next {
  cursor: pointer;
  background-color: white;
  position: relative;
  width: 50px;
  height: 50px;
  max-width: 50px;
  max-height: 50px;
  border: 1px solid #595858;
  border-radius: 25px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
.carousel-nav .prev:hover,
.carousel-nav .next:hover {
  background-color: #9DB0C4;
  border: 1px solid transparent;
}
.carousel-nav .prev::after,
.carousel-nav .next::after {
  content: " ";
  position: absolute;
  background-color: #595858;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.carousel-nav .prev:hover::after,
.carousel-nav .next:hover::after {
  background-color: white;
}
@media (max-width: 499px) {
  .carousel-nav .prev,
  .carousel-nav .next {
    width: 40px;
    height: 40px;
  }
}
.carousel-nav .prev::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4999 0.5L0.899902 8L7.4999 15.5' stroke='%23595858' stroke-width='1.1242'/%3E%3C/svg%3E%0A");
          mask: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4999 0.5L0.899902 8L7.4999 15.5' stroke='%23595858' stroke-width='1.1242'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.carousel-nav .next::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500097 0.5L7.1001 8L0.500097 15.5' stroke='%23595858' stroke-width='1.1242'/%3E%3C/svg%3E%0A");
          mask: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500097 0.5L7.1001 8L0.500097 15.5' stroke='%23595858' stroke-width='1.1242'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.shorts .splide__arrows {
  display: none;
}

.splide__pagination.bans {
  left: 100px;
  bottom: 32px;
  right: unset;
  padding: 0;
}

.splide__pagination__page.ban {
  background-color: #D9D9D9;
}
.splide__pagination__page.ban.is-active {
  background-color: #9DB0C4;
}

.banner {
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  margin-top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner.doctor {
  background: linear-gradient(131.62deg, #E6E6E6 0%, #F8F8F8 100%);
  position: relative;
  height: 600px;
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.doctor {
    height: unset;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
}
.banner.doctor .text {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  max-width: 50%;
  margin-left: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 48px;
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.doctor .text {
    height: unset;
    max-width: 100%;
  }
}
.banner.doctor .text .title {
  margin: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 60px;
  --banner-title-color: $color_white;
  color: var(--banner-title-color);
}
.banner.doctor .text .position {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  --banner-text-color: $color_text_medium;
  color: var(--banner-text-color);
}
.banner.doctor .text .experience {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  --banner-experience-color: #464646;
  color: var(--banner-experience-color);
}
.banner.doctor .text button {
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .banner.doctor .text {
    margin-left: 48px;
  }
  .banner.doctor .text .title {
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.doctor .text {
    height: auto;
    max-width: 100%;
    margin: 64px 24px 0px 24px;
    gap: 24px;
  }
  .banner.doctor .text .title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
  }
}
.banner.doctor figure {
  position: absolute;
  z-index: 2;
  max-height: 100%;
  max-width: 50%;
  right: 5%;
  bottom: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .banner.doctor figure {
    right: -5%;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.doctor figure {
    right: unset;
    max-height: unset;
    max-width: 100%;
    position: static;
  }
}
.banner.doctor figure img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
}
.banner.sport {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: stretch;
  background: #F2F2F2;
  height: 600px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .banner.sport {
    height: 400px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.sport {
    height: 600px;
    display: flex;
    flex-direction: column;
  }
}
.banner.sport > * {
  flex: 1 0 50%;
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.sport > * {
    flex: unset;
  }
}
.banner.sport .text {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 48px;
}
.banner.sport .text .title {
  margin: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 48px;
  --banner-title-color: $color_white;
  color: var(--banner-title-color);
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.sport .text .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
  }
}
.banner.sport .text .position {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  --banner-text-color: $color_text_medium;
  color: var(--banner-text-color);
}
.banner.sport .text .experience {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  --banner-experience-color: #464646;
  color: var(--banner-experience-color);
}
.banner.sport .text button {
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .banner.sport .text {
    padding: 28px;
  }
  .banner.sport .text .title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.sport .text {
    height: auto;
    max-width: 100%;
    padding: 24px;
    gap: 24px;
  }
  .banner.sport .text .title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.sport figure {
    max-height: 400px;
    max-width: 100%;
  }
}
.banner.sport figure img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner.fullpic {
  position: relative;
  height: 600px;
}
@media (max-width: 1024px) {
  .banner.fullpic {
    height: 600px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.fullpic {
    height: 600px;
  }
}
.banner.fullpic figure {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  overflow: hidden;
}
@media (min-width: 1px) and (max-width: 767px) {
  .banner.fullpic figure {
    height: 620px;
  }
}
.banner.fullpic figure img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center left;
     object-position: center left;
}
@media (max-width: 499px) {
  .banner.fullpic figure img {
    -o-object-position: center;
       object-position: center;
  }
}
.banner.fullpic .text {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding-left: 11%;
  padding-right: 49%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  --banner-text-color: $color_white;
  color: var(--banner-text-color);
}
@media (max-width: 1024px) {
  .banner.fullpic .text {
    padding: 100px 32px 32px 32px;
    justify-content: flex-start;
  }
}
@media (max-width: 499px) {
  .banner.fullpic .text {
    padding: 48px 20px 48px 20px;
    align-items: stretch;
  }
}
.banner.fullpic .text .title {
  margin: 0;
  --banner-title-color: $color_white;
  color: var(--banner-title-color);
}
.banner.fullpic .text .position {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin-top: 24px;
  --banner-text-color: $color_white;
  color: var(--banner-text-color);
}
.banner.fullpic .text .lead {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin-top: 24px;
}
.banner.fullpic .text button {
  display: inline-block;
  margin-top: 48px;
}
.banner.bottom .text {
  top: unset;
  padding: 64px;
  color: black;
}
@media (max-width: 1024px) {
  .banner.bottom .text {
    padding: 48px 32px;
  }
}
@media (max-width: 499px) {
  .banner.bottom .text {
    padding: 64px 16px;
  }
}
.banner.bottom .text .lead {
  display: none;
}
.banner.bottom .text .position {
  display: none;
}
.banner.bottom .text button {
  display: none;
}
.banner.notext {
  display: flex;
  flex-direction: column-reverse;
  position: static;
  gap: 32px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.banner.notext .text {
  position: static;
  padding: 0;
  background: none;
}
.banner.notext .text .title {
  --banner-title-color: $color_black;
  color: var(--banner-title-color);
}
.banner.notext .text .lead {
  display: none;
}
.banner.notext .text .position {
  display: none;
}
.banner.notext .text button {
  display: none;
}
.banner:not(.doctor):not(.fullpic) .title {
  margin: 0;
}
.banner:not(.doctor):not(.fullpic) figure {
  position: relative;
  width: 100%;
}
.banner:not(.doctor):not(.fullpic) figure img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
.banner:not(.doctor):not(.fullpic) figure figcaption {
  position: absolute;
  display: flex;
  font-size: 60px;
  font-weight: 500;
  line-height: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  flex-direction: column;
  align-items: flex-end;
  padding: 64px;
  color: #2A2A2A;
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}

.article .banner .title {
  margin-bottom: 32px;
}

@media (max-width: 1024px) {
  .banners:not(:has(.doctor)) {
    height: 600px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .banners:not(:has(.doctor)) {
    height: 620px;
  }
}
.banners.splide {
  height: 600px;
}
@media (max-width: 1024px) {
  .banners.splide .doctor {
    height: 600px !important;
  }
  .banners.splide .doctor figure {
    right: unset !important;
    max-height: 40% !important;
    max-width: 100% !important;
    position: static !important;
  }
}
@media (max-width: 499px) {
  .banners.splide .doctor {
    height: 620px;
  }
}

.banners .prev,
.banners .next,
.gallery .prev,
.gallery .next,
.pics .prev,
.pics .next {
  cursor: pointer;
  background-color: white;
  width: 50px;
  height: 50px;
  max-width: 50px;
  max-height: 50px;
  border: 1px solid #595858;
  border-radius: 25px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
.banners .prev svg,
.banners .next svg,
.gallery .prev svg,
.gallery .next svg,
.pics .prev svg,
.pics .next svg {
  visibility: hidden;
}
.banners .prev:hover,
.banners .next:hover,
.gallery .prev:hover,
.gallery .next:hover,
.pics .prev:hover,
.pics .next:hover {
  background-color: #9DB0C4;
  border: 1px solid transparent;
}
.banners .prev::after,
.banners .next::after,
.gallery .prev::after,
.gallery .next::after,
.pics .prev::after,
.pics .next::after {
  content: " ";
  position: absolute;
  background-color: #595858;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.banners .prev:hover::after,
.banners .next:hover::after,
.gallery .prev:hover::after,
.gallery .next:hover::after,
.pics .prev:hover::after,
.pics .next:hover::after {
  background-color: white;
}
@media (max-width: 499px) {
  .banners .prev,
  .banners .next,
  .gallery .prev,
  .gallery .next,
  .pics .prev,
  .pics .next {
    width: 40px;
    height: 40px;
  }
}
.banners .prev::after,
.gallery .prev::after,
.pics .prev::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4999 0.5L0.899902 8L7.4999 15.5' stroke='%23000' stroke-width='1.1242'/%3E%3C/svg%3E%0A");
          mask: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4999 0.5L0.899902 8L7.4999 15.5' stroke='%23000' stroke-width='1.1242'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.banners .next::after,
.gallery .next::after,
.pics .next::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500097 0.5L7.1001 8L0.500097 15.5' stroke='black' stroke-width='1.1242'/%3E%3C/svg%3E%0A");
          mask: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500097 0.5L7.1001 8L0.500097 15.5' stroke='black' stroke-width='1.1242'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.banners .prev,
.banners .next {
  top: unset;
  left: unset;
  right: 24px;
  opacity: 1;
  transform: unset;
}
.banners .prev {
  bottom: 90px;
}
.banners .next {
  bottom: 24px;
}

.lighthouse {
  position: fixed;
  min-height: 100vh;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6));
  display: flex;
  justify-content: center;
  align-items: center;
}

.lighthouse img {
  width: 30%;
  min-height: 30%;
  cursor: pointer;
}

.popup_content {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  overflow: hidden;
}
.popup_content > img {
  display: block;
}

.callback-request {
  padding: 64px;
  color: white;
  background-color: #9DB0C4;
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}
@media (min-width: 1px) and (max-width: 767px) {
  .callback-request {
    padding: 32px 20px;
  }
}
.callback-request .panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.callback-request .intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  color: white;
}
@media (min-width: 1px) and (max-width: 767px) {
  .callback-request .intro {
    gap: 20px;
  }
}
.callback-request .intro .lead {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #464646;
  padding: 8px 16px 8px 52px;
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='11' stroke='%234B637D' stroke-width='2'/%3E%3Cpath d='M20.625 15H15.25C15.1119 15 15 14.8881 15 14.75V10.625' stroke='%234B637D' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: left 12px center;
  background-repeat: no-repeat;
  background-color: white;
}
@media (min-width: 1px) and (max-width: 767px) {
  .callback-request .intro .lead {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
  }
}
.callback-request .intro h2 {
  margin: 0;
  color: white;
}
.callback-request .intro .comment {
  width: 75%;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1px) and (max-width: 767px) {
  .callback-request .intro .comment {
    text-align: center;
  }
}
.callback-request.light {
  color: #595858;
  background-color: #f8f8f8;
}
.callback-request.light h2, .callback-request.light .comment {
  color: #595858;
}
.callback-request.light .intro .lead {
  background-color: rgba(182, 157, 144, 0.2);
}
.callback-request.light .dark {
  background-color: #4B637D;
}

.modal {
  max-width: unset;
  padding: unset;
  width: unset;
  border-radius: 16px;
}
.modal.with-form {
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  padding: 0;
  max-width: 700px;
}
.modal a.custom-close {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='31' height='31' stroke='%234B637D'/%3E%3Cpath d='M24.1239 8L25 8.87618L8.87615 24.9994L8 24.1238L24.1239 8Z' fill='%234B637D'/%3E%3Cpath d='M8.87615 8L25 24.1232L24.1239 25L8 8.8768L8.87615 8Z' fill='%234B637D'/%3E%3C/svg%3E%0A") !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-block !important;
  top: 32px !important;
  right: 32px !important;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal a.custom-close {
    display: none !important;
  }
}

.jquery-modal.blocker {
  z-index: 30;
}

.splide__slide img {
  width: 100%;
  height: auto;
}

.about section.two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}
.about section.two figure {
  overflow: hidden;
}
.about section.two figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
}

.actions section {
  border-radius: 20px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  padding: 48px;
}
.actions section:not(:last-of-type) {
  margin: 48px 0;
}
.actions section figure {
  border-radius: 12px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  overflow: hidden;
}
.actions section figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1024px) {
  .actions section {
    padding: 32px;
  }
  .actions section figure {
    aspect-ratio: 4/3;
    height: unset;
  }
}
@media (max-width: 499px) {
  .actions section {
    padding: 32px 20px;
  }
  .actions section figure {
    height: 450px;
  }
  .actions section:not(:last-of-type) {
    margin: 0;
  }
}
.actions section .dates {
  padding: 10px 16px;
  background-color: #4B637D33;
  color: #2A2A2A;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  border-radius: 8px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  margin-bottom: 32px;
  display: inline-block;
}
.actions section h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 20px;
}

.article .banner {
  margin-bottom: 0;
}
.article .banner h1 {
  color: #2A2A2A;
  margin-bottom: 32px;
}
.article .banner figure {
  aspect-ratio: 2;
}

article a {
  color: #4B637D;
}
article ol {
  padding-left: 1.2em;
}
article ul {
  padding-left: 1em;
}
article ul li::marker {
  font-size: 0.8em;
}
article blockquote {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #4B637D;
  margin: 32px 0;
}
article > figure:not(:first-child) {
  margin: 2em 0;
}
article > figure:first-child {
  margin: 0;
}
article > figure:last-child {
  margin-bottom: 0;
}
article h2 {
  color: #2A2A2A;
}
article h3 {
  margin-top: 48px;
  color: #2A2A2A;
}
article .date {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #D9D9D9;
  margin-bottom: 28px;
}

@media (max-width: 1024px) {
  .article main article {
    margin-bottom: 40px;
  }
}
@media (max-width: 499px) {
  .article main {
    padding: 0;
    display: flex;
    flex-direction: column;
    margin-top: 32px;
  }
  .article .article main {
    flex-direction: column;
  }
  .article main aside {
    position: static;
  }
  .article main article {
    width: 100%;
    max-width: 100%;
    margin-bottom: 32px;
  }
}
.blog .card.article {
  width: 100%;
}

.contacts main a {
  color: #4B637D;
}
.contacts [data-label] {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}
.contacts [data-label]::before {
  content: attr(data-label);
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #595858;
  margin-bottom: 12px;
}
.contacts .text, .contacts .gallery {
  flex: 1 0 50%;
}
.contacts .addresses {
  line-height: 40px;
}
.contacts .addresses::before {
  margin-bottom: 0;
}
.contacts .photo {
  border-radius: 12px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  overflow: hidden;
  background-color: #F8F8F8;
}
.contacts .photo img {
  width: 100%;
  height: 100%;
}
.contacts .map img {
  width: 100%;
}
.contacts .carousel-nav .splide__arrow {
  position: inherit;
  transform: inherit;
  left: inherit;
  right: inherit;
}

table.price {
  width: 100%;
  border-collapse: collapse;
}
table.price th,
table.price td {
  padding: 24px;
  border: 1px solid #D9D9D9;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #2A2A2A;
}
table.price th {
  background-color: #F8F8F8;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}
@media (min-width: 1px) and (max-width: 767px) {
  table.price {
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 64px;
  }
  table.price thead {
    display: none;
  }
  table.price tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 24px;
  }
  table.price td {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    flex: 1 1;
  }
  table.price td:first-child {
    padding-top: 24px;
    border-top: 1px solid #D9D9D9;
    flex: 1 0 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
}

.review .card.review {
  width: 100%;
}

body.services h1, body.services h2 {
  color: #2A2A2A;
}
body.services .card.service {
  width: 100%;
  min-width: unset;
  min-height: unset;
  overflow: hidden;
}
@media (min-width: 1px) and (max-width: 767px) {
  body.services .carousel .card.service {
    width: 80vw;
    max-width: 300px;
  }
}
.specialists .card.doctor {
  width: 100%;
  height: 100%;
  background-color: #F8F8F8;
}

@media (min-width: 1px) and (max-width: 767px) {
  .specialist main {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .specialist main article {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

.schema {
  position: relative;
  width: 952px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .schema {
    width: 100%;
    margin: 0;
  }
}
.schema img {
  width: 952px;
  height: 1148px;
}
@media (max-width: 1024px) {
  .schema img {
    display: none;
  }
}
.schema .areas {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1024px) {
  .schema .areas {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.schema .areas > li {
  position: absolute;
  min-width: 300px;
  z-index: 1;
}
@media (max-width: 1024px) {
  .schema .areas > li {
    position: static;
    width: 100%;
  }
}
.schema .areas > li > span {
  display: inline-block;
  padding: 16px 48px 16px 16px;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #2A2A2A;
  cursor: pointer;
  transition: 0.7s;
  border-radius: 8px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  width: 100%;
  overflow-x: hidden;
  word-wrap: nowrap;
  position: relative;
  background-color: transparent;
  background-position: center right 16px;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .schema .areas > li > span {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L1 17' stroke='%232A2A2A'/%3E%3C/svg%3E%0A");
    background-color: #F8F8F8;
  }
}
.schema .areas > li.active {
  z-index: 2;
}
.schema .areas > li.active > span {
  background-color: #4B637D;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L9 9L1 0.999999' stroke='white'/%3E%3C/svg%3E%0A");
  color: white;
}
.schema .areas > li > ul.desease_dropdown {
  list-style: none;
  display: none;
  width: 100%;
  overflow: hidden;
  transition: 0.1s;
  background-color: white;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  /* 	&.small {
  		border-radius: 8px;
  	}
  	&.big {
  		border-radius: 20px;
  	} */
  border-color: #F2F2F2;
  border-style: solid;
  border-width: 0px;
}
@media (max-width: 1024px) {
  .schema .areas > li > ul.desease_dropdown {
    background-color: #F8F8F8;
  }
}
.schema .areas > li > ul.desease_dropdown li {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  transition: 0.7s;
}
.schema .areas > li > ul.desease_dropdown li:first-child {
  padding-top: 8px;
}
.schema .areas > li > ul.desease_dropdown li:last-child {
  padding-bottom: 8px;
}
.schema .areas > li > ul.desease_dropdown li.hr {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 8px;
  margin-bottom: 4px;
  min-height: 48px;
}
@media (max-width: 1024px) {
  .schema .areas > li > ul.desease_dropdown li {
    background-color: transparent;
    background-position: right 16px center;
    background-repeat: no-repeat;
  }
  .schema .areas > li > ul.desease_dropdown li:hover {
    background-color: #F2F2F2;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8H23' stroke='%232a2a2a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M16.5129 14.5L23.0001 8L16.5129 1.5' stroke='%232a2a2a' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
}
.schema .areas > li > ul.desease_dropdown li span, .schema .areas > li > ul.desease_dropdown li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #595858;
}
@media (min-width: 1025px) {
  .schema .areas > li > ul.desease_dropdown li span:hover, .schema .areas > li > ul.desease_dropdown li a:hover {
    color: #4B637D;
  }
}
@media (max-width: 1024px) {
  .schema .areas > li > ul.desease_dropdown li span:hover, .schema .areas > li > ul.desease_dropdown li a:hover {
    color: inherit;
    font-weight: 500;
  }
}
.schema .areas > li.active > ul.desease_dropdown {
  border-width: 1px;
}
.schema .areas > li.left > span {
  text-align: left;
  padding: 16px 48px 16px 16px;
  background-position: center right 16px;
}
.schema .areas > li.left > ul.desease_dropdown li {
  justify-content: flex-start;
}
@media (min-width: 1025px) {
  .schema .areas > li.right > span {
    text-align: right;
    padding: 16px 16px 16px 48px;
    background-position: center left 16px;
  }
}
@media (min-width: 1025px) and (max-width: 1024px) {
  .schema .areas > li.right > span {
    text-align: left;
    background-position: center right 16px;
  }
}
@media (min-width: 1025px) {
  .schema .areas > li.right > ul.desease_dropdown li {
    justify-content: flex-end;
  }
}
@media (min-width: 1025px) and (max-width: 1024px) {
  .schema .areas > li.right > ul.desease_dropdown li {
    justify-content: flex-start;
  }
}
.schema .areas > li.headache {
  top: -45px;
  right: 0px;
}
.schema .areas > li.joint {
  top: 58px;
  right: 0px;
}
.schema .areas > li.chest {
  top: 171px;
  right: 0px;
}
.schema .areas > li.ribs {
  top: 267px;
  right: 0px;
}
.schema .areas > li.forearm {
  top: 390px;
  right: 0px;
}
.schema .areas > li.hip_joint {
  top: 530px;
  right: 0px;
}
.schema .areas > li.wrist {
  top: 650px;
  right: 0px;
}
.schema .areas > li.knee {
  top: 783px;
  right: 0px;
}
.schema .areas > li.ankle {
  top: 931px;
  right: 0px;
}
.schema .areas > li.toes {
  top: 1037px;
  right: 0px;
}
.schema .areas > li.neck {
  top: 5px;
  left: 0px;
}
.schema .areas > li.shoulder {
  top: 105px;
  left: 0px;
}
.schema .areas > li.elbow {
  top: 226px;
  left: 0px;
}
.schema .areas > li.back {
  top: 328px;
  left: 0px;
}
.schema .areas > li.loins {
  top: 449px;
  left: 0px;
}
.schema .areas > li.сonifer {
  top: 563px;
  left: 0px;
}
.schema .areas > li.hip {
  top: 694px;
  left: 0px;
}
.schema .areas > li.shin {
  top: 835px;
  left: 0px;
}
.schema .areas > li.heel {
  top: 1009px;
  left: 0px;
}
.schema .dots {
  /* .sports_injuries {
  	top: 122px;
  	left: 415px;
  }

  .reduction {
  	top: 122px;
  	left: 415px;
  } */
}
@media (max-width: 1024px) {
  .schema .dots {
    display: none;
  }
}
.schema .dots li {
  position: absolute;
  display: block;
}
.schema .dots li a {
  display: inline-block;
  width: 27px;
  height: 27px;
  cursor: pointer;
}
.schema .dots .headache {
  top: 18px;
  left: 466px;
}
.schema .dots .neck {
  top: 122px;
  left: 415px;
}
.schema .dots .back {
  top: 377px;
  left: 393px;
}
.schema .dots .forearm {
  top: 450px;
  left: 572px;
}
.schema .dots .hip_joint {
  top: 482px;
  left: 535px;
}
.schema .dots .knee {
  top: 752px;
  left: 549px;
}
.schema .dots .toes {
  top: 1105px;
  left: 572px;
}
.schema .dots .ankle {
  top: 1013px;
  left: 483px;
}
.schema .dots .shin {
  top: 904px;
  left: 371px;
}
.schema .dots .hip {
  top: 696px;
  left: 409px;
}
.schema .dots .brushes {
  top: 122px;
  left: 415px;
}
.schema .dots .heel {
  top: 1078px;
  left: 395px;
}
.schema .dots .elbow {
  top: 346px;
  left: 330px;
}
.schema .dots .shoulder {
  top: 217px;
  left: 337px;
}
.schema .dots .shoulder2 {
  top: 122px;
  left: 415px;
}
.schema .dots .neck {
  top: 122px;
  left: 415px;
}
.schema .dots .joint {
  top: 118px;
  left: 497px;
}
.schema .dots .rear {
  top: 122px;
  left: 415px;
}
.schema .dots .loins {
  top: 424px;
  left: 383px;
}
.schema .dots .сonifer {
  top: 463px;
  left: 379px;
}
.schema .dots .wrist {
  top: 589px;
  left: 616px;
}
.schema .dots .chest {
  top: 233px;
  left: 502px;
}
.schema .dots .ribs {
  top: 338px;
  left: 509px;
}

.notfound .centrum {
  max-width: 428px;
  margin: 128px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.notfound .centrum > h1 {
  margin: 0;
}
.notfound .centrum > p {
  text-align: center;
}/*# sourceMappingURL=sport.css.map */