/* Start:/local/templates/tonkiy/fonts/stylesheet.css?17228495651498*/
@font-face {
    font-family: 'Onest';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/tonkiy/fonts/Onest-Regular.woff') format('woff'),
        url('/local/templates/tonkiy/fonts/Onest-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/tonkiy/fonts/Onest-Medium.woff') format('woff'),
        url('/local/templates/tonkiy/fonts/Onest-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/tonkiy/fonts/Onest-Thin.woff') format('woff'),
        url('/local/templates/tonkiy/fonts/Onest-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/tonkiy/fonts/Onest-Black.woff') format('woff'),
        url('/local/templates/tonkiy/fonts/Onest-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/tonkiy/fonts/Onest-Light.woff') format('woff'),
        url('/local/templates/tonkiy/fonts/Onest-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/tonkiy/fonts/Onest-ExtraBold.woff') format('woff'),
        url('/local/templates/tonkiy/fonts/Onest-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/tonkiy/fonts/Onest-Bold.woff') format('woff'),
        url('/local/templates/tonkiy/fonts/Onest-Bold.ttf') format('truetype');
}

/* End */


/* Start:/local/templates/tonkiy/css/variables.css?17228495661647*/
:root {
  font-family: 'Onest';

  --dark: #001821;
  --dark-blue: #1C384C;
  --gray: #687F9A;
  --orange: #AB7522;
  --light-blue: #F2F4FB;
  --white: #FFFFFF;
  --red: #F13939;
  --stroke: #D6E2EF;
  --dark-bg: #274255;
  --hover-light-blue: #E7E9F2;
  --pressed-orange: #926520;
  --pressed-light-blue: #D0D5E5;
  --disable-dark-text: #314C60;
  --disable-dark-blue: #DAE4EC;
  --disable-text: #E6E6E6;
  --disable-bg: #F9FAFC;
}

@media screen and (min-width: 1114px) {
  :root {
    --h1-size: 75px;
    --h2-size: 64px;
    --h3-size: 44px;
    --h4-size: 32px;
    --h5-size: 24px;

    --h1-lh: 90%;
    --h2-lh: 95%;
    --h3-lh: 100%;
    --h4-lh: 120%;
    --h5-lh: 120%;

    --p1-size: 18px;
    --p2-size: 16px;
    --p3-size: 14px;
    --p4-size: 14px;

    --p1-lh: 130%;
    --p2-lh: 150%;
    --p3-lh: 130%;
    --p4-lh: 130%;


    --p-button-padding: 18px 38px;
    --t-button-padding: 10px 24px;
    --i-button-padding: 21px;

    --p-button-radius: 24px;
    --t-button-radius: 16px;
    --i-button-radius: 32px;
  }
}
@media screen and (max-width: 1113px) {
  :root {
    --h1-size: 32px;
    --h2-size: 32px;
    --h3-size: 28px;
    --h4-size: 24px;
    --h5-size: 24px;

    --h1-lh: 90%;
    --h2-lh: 95%;
    --h3-lh: 100%;
    --h4-lh: 120%;
    --h5-lh: 120%;

    --p1-size: 18px;
    --p2-size: 16px;
    --p3-size: 14px;
    --p4-size: 14px;

    --p1-lh: 130%;
    --p2-lh: 150%;
    --p3-lh: 130%;
    --p4-lh: 130%;


    --p-button-padding: 18px 38px;
    --t-button-padding: 10px 24px;
    --i-button-padding: 20px;

    --p-button-radius: 24px;
    --t-button-radius: 16px;
    --i-button-radius: 32px;
  }
}
/* End */


/* Start:/local/templates/tonkiy/css/defaults.css?17342689098279*/
/*  Typography  */

* {
  font-family: 'Onest';
}

h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6, span, li, input, button, td, th {
  font-weight: 500;
  margin: 0
}

h1 {
  font-size: var(--h1-size);
  line-height: var(--h1-lh);
}
h2 {
  font-size: var(--h2-size);
  line-height: var(--h2-lh);
}
h3 {
  font-size: var(--h3-size);
  line-height: var(--h3-lh);
}
h4 {
  font-size: var(--h4-size);
  line-height: var(--h4-lh);
}
h5 {
  font-size: var(--h5-size);
  line-height: var(--h5-lh);
}
.h1 {
  font-size: var(--h1-size);
  line-height: var(--h1-lh);
}
.h2 {
  font-size: var(--h2-size);
  line-height: var(--h2-lh);
}
.h3 {
  font-size: var(--h3-size);
  line-height: var(--h3-lh);
}
.h4 {
  font-size: var(--h4-size);
  line-height: var(--h4-lh);
}
.h5 {
  font-size: var(--h5-size);
  line-height: var(--h5-lh);
}

.p1 {
  font-size: var(--p1-size);
  line-height: var(--p1-lh);
}
.p2 {
  font-size: var(--p2-size);
  line-height: var(--p2-lh);
}
.p3 {
  font-size: var(--p3-size);
  line-height: var(--p3-lh);
}
.p4 {
  font-size: var(--p4-size);
  line-height: var(--p4-lh);
}


/*  Buttons  */

.button {
  border: none;
  cursor: pointer;
  transition: .1s;
}

.primary { 
  font-size: var(--p2-size) !important;
  padding: var(--p-button-padding) !important;
  border-radius: var(--p-button-radius) !important;
}
.tonal {
  font-size: var(--p2-size) !important;
  padding: var(--t-button-padding) !important;
  border-radius: var(--t-button-radius) !important;
}
.icon {
  font-size: var(--p2-size) !important;
  padding: var(--i-button-padding) !important;
  border-radius: var(--i-button-radius) !important;
}
.text {
  font-size: var(--p1-size);
}

.button.dark {
  background-color: var(--dark-blue);
  color: var(--white);
}
.button.light {
  background-color: var(--light-blue);
  color: var(--dark-blue);
}
.button.white {
  background-color: var(--white);
  color: var(--dark-blue);
}

.button.outline-dark{
  border: 1px solid var(--dark-blue);
}

.button.dark:hover {
  background-color: var(--orange);
}
.button.light:hover {
  background-color: var(--hover-light-blue);
}
.button.light.outline-dark:hover {
  background-color: var(--dark-blue);
  color: var(--white);
}

.button.white:hover {
  background-color: var(--orange);
  color: var(--white);
}

.button.dark:active {
  background-color: var(--pressed-orange);
}
.button.light:active {
  background-color: var(--pressed-light-blue);
}
.button.white:active {
  background-color: var(--pressed-orange);
  color: var(--white);
}

.button.dark:disabled {
  background-color: var(--disable-dark-blue);
  color: var(--white);
}
.button.light:disabled {
  background-color: var(--disable-bg);
  color: var(--disable-dark-blue);
}
.button.white:disabled {
  background-color: transparent;
  color: var(--disable-dark-blue);
}

.button:not(.icon).glyph {
  display: flex;
  align-items: center;
  gap: 8px;
}
.button:not(.icon).glyph::after {
  width: 20px;
  height: 20px;
}
.button.dark:not(.icon):not(.text).glyph::after,
.button.white:not(.icon).glyph:hover::after,
.button.white:not(.icon).glyph:active::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph.svg');
}
.button.light:not(.icon).glyph::after,
.button.white:not(.icon).glyph::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-dark.svg');
}
.button.white:not(.icon).glyph:disabled::after,
.button.light:not(.icon).glyph:disabled::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-disabled.svg');
}

.button.text {
  background: transparent !important;
  display: flex;
  align-items: center;
}
.button.text.light {
  color: var(--gray);
  display: flex;
  align-items: center;
  gap: 4px;
}
.button.text.light::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-text-dl.svg');
  width: 20px;
  height: 20px;
}
.button.text.light:hover {
  color: var(--orange);
}
.button.text.light:hover::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-text-hl.svg');
}
.button.text.light:active {
  color: var(--pressed-orange);
}
.button.text.light:active::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-text-pl.svg');
}
.button.text.light:disabled {
  color: var(--disable-dark-blue);
}
.button.text.light:disabled::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-text-disl.svg')
}
.button.text.white {
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 4px;
}
.button.text.white::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-text-dw.svg');
  width: 20px;
  height: 20px;
}
.button.text.white:hover {
  color: var(--hover-light-blue);
}
.button.text.white:hover::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-text-hw.svg');
}
.button.text.white:active {
  color: var(--pressed-light-blue);
}
.button.text.white:active::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-text-pw.svg');
}
.button.text.white:disabled {
  color: var(--disable-dark-text);
}
.button.text.white:disabled::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-text-disw.svg')
}

.button.icon {
  width: calc(20px + 2 * var(--i-button-padding));
  height: calc(20px + 2 * var(--i-button-padding));
}
.button.icon.white:hover::after,
.button.icon::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-icon-white.svg');
}
.button.icon.white:disabled::after,
.button.icon.white::after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-icon-dark.svg');
}
.button.icon:not(:disabled):hover {
  rotate: -45deg;
}
.button.small {
  margin: -8px;
  scale: 0.733333;
}

.button:disabled {
  cursor: auto;
}

/*  Other  */

body {
  margin: 0;
}
.full-width {
  width: 100% !important;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background-color: rgba(99, 130, 148, 0.19);
  border-radius: 15px;
}

::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  height: 75px;
  width: 12px;
  flex-shrink: 0;
  border-radius: 15px;
  background: var(--gray, #687F9A);  
}

.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.z5 {
  z-index: 5;
}
.whole {
  display: flex;
}
.half {
  width: 50%;
}
.r16 {
  border-radius: 16px;
}
.r24 {
  border-radius: 24px;
}
.r20 {
  border-radius: 20px;
}
.r36 {
  border-radius: 36px;
}
.r48 {
  border-radius: 48px;
}
body {
  overflow-x: hidden
}

/*  Inputs  */

input, textarea {
  background-color: var(--light-blue);
  padding: 24px;
  color: var(--gray);
  border-radius: 24px;
  font-family: "Onest";
  font-size: 16px;
  font-weight: 500;
  outline: none;
  border: none
}
textarea {
  resize: none;
}
input.dark {
  background-color: var(--dark-bg);
  color: var(--white);
}
input.dark::placeholder {
  color: var(--gray);
}
input[type="radio"] {
  appearance: none;
  padding: 5px;
  background-color: var(--white);
  border: solid 7px var(--white);
  transition: .1s;
}
input[type="radio"]:checked {
  background-color: var(--orange);
}
input[type="checkbox"] {
  appearance: none;
  content: url('/local/templates/tonkiy/css/../images/icons/unchecked.svg');
  padding: 5px;
  background-color: var(--white);
  border-radius: 8px;
}
input[type="checkbox"]:checked {
  content: url('/local/templates/tonkiy/css/../images/icons/checkbox.svg');
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--white);
  border: none;
  width: 100%;
  padding: 16px 24px;
  border-radius: 24px;
  font-size: var(--p1-size);
  font-weight: 500;
  background-image: url('/local/templates/tonkiy/css/../images/icons/chevron-dark.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}
select:focus {
  outline: none;
  border: none;
}
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
}
::-webkit-slider-runnable-track {
  appearance: none;
  -webkit-appearance: none;
}
::-webkit-slider-thumb,
::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-image: url('/local/templates/tonkiy/css/../images/icons/slider-thumb.svg');
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  cursor: grab;
  border: none;
  padding: 1px;
}
input#numberOfEmployees::-webkit-slider-thumb {
  appearance: none;
  background-image: url(/local/templates/tonkiy/images/icons/slider-thumb.svg);
  width: 19px;
  height: 19px;
  cursor: grab;
}

.pad12 {
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/* End */


/* Start:/local/templates/tonkiy/css/main.css?175009231678804*/
.main-menu-item a {
  text-decoration: none;
  transition: .1s;
  color: var(--dark);
  font-weight: 500;
}

.main-menu-item a:hover {
  color: var(--orange)
}

::after {
  width: 20px;
  height: 20px;
}

.stick-to-bottom {
  margin-top: auto;
}

section {
  max-width: 1355px;
  margin: 0 auto;
}

section.calc-section {
  margin-top: 0px !important;
}

nav.main {
  width: calc(100vw - 89px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 36px;
}

nav.main .contents {
  border-bottom: solid var(--light-blue) 2px;
}

.contents,
.main-menu {
  display: flex;
  align-items: center;
}

.main-menu {
  gap: 48px;
}

.contents {
  gap: 100px;
}

.main-menu-item {
  padding: 45px 0;
}

.phone-number {
  color: var(--dark-blue);
  padding: 10px 24px;
  border-radius: 16px;
  background-color: var(--light-blue);
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.phone-number::after {
  content: url('/local/templates/tonkiy/images/icons/phone-dark.svg');
}

.has-children {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
}

.ss.has-children {
  position: initial;
}

.has-children::after {
  content: url('/local/templates/tonkiy/images/icons/chevron-dark.svg');
  transition: .3s;
}

.has-children:hover::after {
  transform: rotate(180deg);
}

.has-children:hover .main-menu-dropdown {
  opacity: 1;
  pointer-events: all;
}

.main-menu-dropdown {
  padding: 36px;
  background: var(--dark-blue);
  border-radius: 0 0 16px 16px;
  position: absolute;
  align-self: flex-start;
  top: 0;
  margin-top: 114px;
  left: -36px;
  opacity: 0;
  pointer-events: none;
  transition: .1s;
}

.dropdown-element {
  color: var(--white) !important;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.dropdown-element::after {
  content: url('/local/templates/tonkiy/images/icons/chevron-white.svg')
}

.main-on-scroll {
  position: fixed;
  top: -100px;
  width: 100vw;
  background-color: #fff;
  transition: .5s;
}

.main-on-scroll * {
  box-sizing: content-box;
}

.main-on-scroll .bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  padding: 0 36px;
}

.main-on-scroll .burger {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 42px;
  background-color: var(--light-blue);
  width: 60px;
  height: 60px;
  cursor: pointer;
  user-select: none;
}

.logo-min a {
  display: block;
}

.logo-min a img {
  width: 200px;
}

.burger-menu-wrapper {
  position: absolute;
  background-color: #000000B2;
  width: 100vw;
  height: calc(100vh - 90px);
  height: calc(100dvh - 90px);
  transition: .5s;
}

.burger-menu {
  width: calc(50% - 96px);
  height: calc(100% - 96px);
  background-color: var(--light-blue);
  float: right;
  display: flex;
  flex-direction: column;
  padding: 48px;
  transition: .5s;
  overflow-y: scroll;
}

.burger-menu .contacts {
  margin-top: auto
}

.burder-menu-title {
  color: var(--gray);
  border-bottom: 2px solid var(--stroke);
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.burger-menu-elements {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.burger-menu-element {
  text-decoration: none;
  color: var(--dark);
}

.burger-menu-element:hover {
  color: var(--orange);
}

.burger-menu-subelement {
  text-decoration: none;
  color: var(--gray);
  margin-top: -20px;
  display: flex;
  align-items: center;
}

.burger-menu-subelement::after {
  content: url('/local/templates/tonkiy/images/icons/arrow-glyph-gray.svg');
}

.contacts a {
  background-color: var(--dark-blue);
  padding: 18px 34px;
  border-radius: 24px;
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.contacts {
  display: flex;
  gap: 16px;
}

.slide-phone::after {
  content: url('/local/templates/tonkiy/images/icons/phone-white.svg');
}

.slide-email::after {
  content: url('/local/templates/tonkiy/images/icons/email-white.svg');
}

.burger-menu-wrapper.hidden {
  opacity: 0;
  pointer-events: none;
}

.burger-menu-wrapper.hidden .burger-menu {
  transform: translateX(100%);
}

main {
  padding: 0 36px;
}

div {
  background-repeat: no-repeat;
  background-size: cover !important
}

.service-card-description {
  width: fit-content;
  background-color: rgba(255, 255, 255, .2);
  padding: 22px 16px;
  border-radius: 36px;
}

.advantage-description,
.advantage-card-number,
.advantage-card-description {
  color: var(--gray);
}

.main-first {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  row-gap: 48px;
  column-gap: 24px;
  align-items: center;
}

.main-photo {
  width: 100%;
  grid-column: 1 / 3;
  border-radius: 36px;
}

.skewed-text {
  grid-column: 3 / 7;
}

.text-card {
  grid-column: 4 / 7;
}

.skewed-text {
  margin: 0 24px 0 55px;
}

.skewed-text p {
  color: var(--gray);
  margin: 0;
  line-height: 90%;
}

.skewed-text p:nth-child(1) {
  color: var(--dark);
}

.light-card {
  background-color: var(--light-blue);
  border-radius: 36px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.light-card .button {
  align-self: end;
}

.light-card .meta {
  color: var(--gray);
  display: flex;
  align-items: center;
  gap: 8px;
}

.light-card .meta::before {
  content: url('/local/templates/tonkiy/images/icons/lightning.svg');
  width: 18px;
  height: 18px;
}

.text-card {
  background-image: url('/local/templates/tonkiy/images/other/bg.svg');
  background-color: var(--dark-blue);
  background-position: right center;
  background-size: cover;
  border-radius: 36px;
  color: var(--white);
  padding: 36px;
  display: flex;
}

.text-card .button {
  align-self: end;
  margin-left: auto;
}

.text-card .content {
  width: 50%;
}

.text-card-title {
  margin-bottom: 16px;
}

section:not(.main-first) {
  margin-top: 152px;
}

section.slim {
  margin-top: 80px
}

section.services {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 64px;
  column-gap: 24px;
}

.service-title {
  grid-column: 3 / 5;
}

.service-card {
  padding: 30px;
  background-color: var(--dark-blue);
  border-radius: 36px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 36px;
  background-size: cover;
  background-position: center bottom;
}

.service-card .button {
  margin-left: auto;
  margin-top: 16px;
}

.section-description {
  color: var(--gray);
}

.about-us-banner {
  width: 100%;
  border-radius: 48px;
}

.about-us .half {
  margin-top: 64px;
}

.about-us-content {
  font-size: 44px;
  line-height: 44px;
  width: calc(50% - 50px) !important;
  margin-right: 50px;
}

.section-description+.button {
  margin-top: 57px
}

.aspect-photo {
  height: 100%;
}

table.aspects {
  width: 100%;
  margin: -48px 0;
  border-spacing: 0 48px;
}

table.aspects td {
  width: 50%;
  border-bottom: 2px solid var(--light-blue);
  padding-bottom: 48px;
  padding-right: 165px;
}

table.aspects tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: -48px;
}

table.aspects .key {
  font-weight: 500;
}

section.aspects table.aspects .key {
  color: var(--dark-blue);
  font-size: 64px;
}

section.aspects table.aspects td{
  border:none;
}

section.aspects table.aspects td {
  padding-right: 0;
}

table.aspects .value {
  color: var(--gray);
}

section.benefits .whole {
  margin-top: 64px;
}


section.benefits table.aspects tr:first-child .key {
  display: none;
}

section.benefits table.aspects tr:first-child .value.h2 {
  border-bottom: none;
}

section.benefits table.aspects td{
  border: none;
  text-align: left;
}


section.advantage {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 64px 24px;
}

section.advantage .advantage-title {
  grid-column: 1 / 3;
}

.advantage-card {
  display: flex;
  flex-direction: column;
  background-color: var(--light-blue);
  padding: 48px 30px;
  gap: 24px;
  background-size: cover;
  background-position: center top;
}

.advantage-card-title {
  margin-top: 39px;
}

.advantage-description {
  align-self: end;
}

.service-card.slight-zoom {
  transition: .15s;
  background-size: 100% !important;
}

.service-card.slight-zoom:hover {
  background-size: 110% !important;
}

.solution-content {
  color: #fff;
  padding: 80px 64px;
  background-image: url('/local/templates/tonkiy/images/other/bgsol.svg');
  background-color: var(--dark-blue);
  background-position: center center;
  background-size: cover;
}

.solution-content .half:last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
}

.solution a {
  text-decoration: none;
}

section.partners .half:first-child {
  margin-top: auto;
}

section.garanties .h2 {
  margin-bottom: 48px;
}

#contact-us {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.submit-form {
  display: flex;
  gap: 24px;
}

#contact-us span {
  color: var(--gray)
}

footer {
  background-color: var(--light-blue);
}

.map-labels-wrapper {
  width: 100%;
  aspect-ratio: 1 / 1;
  position: absolute;
}

footer .main-menu-item {
  padding: 61px 0 36px 0;
}

footer .main-menu {
  border-bottom: 2px solid var(--stroke);
}

footer .logo {
  margin: 48px 0;
}

.footer-buttons {
  display: flex;
  gap: 24px;
  margin: 36px 0;
}

footer section {
  padding: 0px 36px;
}

.workhours {
  color: var(--gray);
  margin-top: 16px;
  margin-bottom: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.workhours::before {
  content: url('/local/templates/tonkiy/images/icons/clocks.svg');
  width: 20px;
  height: 20px;
}

.ww {
  display: flex;
  justify-content: space-between;
}

.outskirts {
  border-top: 2px solid var(--stroke);
  padding: 40px 0;
}


/*  Cases-page  */
section.page-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 80px 0px;
  margin-top: 0;
}

section.tabs-holder {
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding: 0px 0px 80px;
  margin-top: 0px;
}

section.tabs-holder .tab-content {
  display: none;
  flex-wrap: wrap;
  gap: 80px;
}

section.tabs-holder .tab-content-item {
  display: flex;
  flex-direction: column;
  width: calc(50% - 40px);
}

section.tabs-holder .tab-content.active {
  display: flex;
}

.tabs-holder .tab-head {
  display: inline-flex;
  padding: 14px;
  background-color: var(--light-blue);
  border-radius: var(--p-button-radius);
  gap: 8px;
  align-self: start;
}

.tabs-holder .tab-head-item,
.tabs-holder .select-tab {
  border-radius: var(--t-button-radius);
  padding: var(--t-button-padding);
  color: var(--dark-blue);
  font-size: var(--p2-size);
  line-height: var(--p2-lh);
  text-align: center;
  border: none;
  transition: .1s;
  cursor: pointer;
}

.tabs-holder .tab-head-item.active {
  background-color: var(--dark-blue);
  color: var(--white);
}

.tabs-holder .select-tab {
  background-color: var(--dark-blue);
  color: var(--white);
}

.tabs-holder .tab-head.open .glyph-up:after {
  transform: rotate(180deg);
}

div.glyph-up {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  transform: rotate(0deg);
  transition: all .3s;
}

div.glyph-up:after {
  content: url('/local/templates/tonkiy/css/../images/icons/arrow-glyph-light-up.svg');
  transition: all .3s;
}

.tabs-holder .tab-head-item:hover {
  background-color: var(--hover-light-blue);
}

.tabs-holder .tab-head-item.active:hover {
  background-color: var(--orange);
}

section.bg-hover {
  transition: all .15s;
}

section.callform {
  padding: 80px 64px;
  background-image: url('/local/templates/tonkiy/images/other/bgsol2.svg');
  background-color: var(--dark-blue);
  background-position: center center;
  background-size: 100%;
  border-radius: 48px;
}

.form-title {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.form-title span {
  color: var(--white);
}

.main-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.main-form .form-bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 36px;
}

.main-form input[type="file"] {
  display: none;
}

.main-form .form-bottom label span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.main-form .form-bottom label span.doc-icon::after {
  content: url('/local/templates/tonkiy/css/../images/icons/clip.svg');
}

.main-form span {
  color: var(--gray);
}

.main-form .size-error {
  display: none;
  width: 100%;
  color: var(--red);
  font-size: var(--p2-size);
}

.main-form input.error {
  outline: 1px solid var(--red);
}

/*  Price-page  */
.tab-item-table {
  width: 100%;
}

.price-tabs .title-tab {
  padding-bottom: 36px;
}

.table-price {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.table-2 .col-1 {
  width: 80%;
}

.table-2 .col-2 {
  width: 20%;
}

.table-3 .col-1 {
  width: 65%;
}

.table-3 .col-2 {
  width: 15%;
}

.table-3 .col-3 {
  width: 20%;
}

.table-4 .col-1 {
  width: 40%;
}

.table-4 .col-2 {
  width: 25%;
}

.table-4 .col-3 {
  width: 15%;
}

.table-4 .col-4 {
  width: 20%;
}

.table-price .table-head {
  display: flex;
  flex-direction: row;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--stroke);
}

.table-head .row div {
  text-transform: uppercase;
  color: var(--gray);
}

.table-head .row div:not(:last-child) {
  padding-right: 5px;
}

.table-price .table-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.table-body .row>div {
  display: flex;
  align-items: center;
  color: var(--dark-blue);
}

.table-body .row>div:not(:last-child) {
  padding-right: 5px;
}

.table-price .row {
  display: flex;
  width: 100%;
}

.table-price .col-head {
  text-transform: uppercase;
  color: var(--gray);
}

.table-price .col-bg {
  padding: 8px;
  background-color: var(--light-blue);
  border-radius: var(--t-button-radius);
}

.table-price .col-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.table-price .col-icon:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
}

.table-price .count-members:before {
  background-image: url('/local/templates/tonkiy/images/icons/member.svg');
}

.table-price .nomenclature:before {
  background-image: url('/local/templates/tonkiy/images/icons/nomenclature.svg');
}

.table-price .calendar:before {
  background-image: url('/local/templates/tonkiy/images/icons/calendar.svg');
}

.table-price .time:before {
  background-image: url('/local/templates/tonkiy/images/icons/time.svg');
}

.allowances div {
  padding-bottom: 24px;
}

.allowances ul {
  margin: 0;
  padding: 0px 0px 0px 25px;
}

.allowances li {
  color: var(--gray);
}

.additional-serv {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 80px;
}

.submit-form button {
  display: flex;
  align-items: center;
  gap: 8px;
}

.submit-form button::after {
  content: url('/local/templates/tonkiy/css/../images/icons/clip.svg');
}

.outskirts.mobile {
  display: none;
}

.softmg-copyright::after {
  content: url('/local/templates/tonkiy/css/../images/icons/softmg.svg');
  width: 55px;
  height: 16px;
}

.softmg-copyright {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--dark-blue);
  font-weight: 500;
}

.rating-slide {
  outline: solid;
}

.rating-slider-wrapper .swiper-pagination-bullet-active {
  background-color: var(--orange);
}

.rating-dot {
  background-color: var(--dark-blue);
  opacity: 1;
  box-shadow: 0 0 0 6px var(--light-blue);
  position: relative;
  z-index: 2;
}

.reviews-pagination {
  display: flex;
  justify-content: space-between;
  padding: 7px 2px;
  width: calc(100% - 4px) !important;
}

.controls-wrapper {
  padding: 48px;
  background-color: var(--light-blue);
  border-radius: 48px;
}

.controls-wrapper-real {
  display: flex;
  width: 800px;
  gap: 36px;
}

#calculator {
  display: flex;
  gap: 24px;
}

.result-wrapper {
  width: fill-available;
  width: -webkit-fill-available;
  width: -moz-available;
  background-image: url('/local/templates/tonkiy/css/../images/other/bgcalc.svg');
  background-color: var(--dark-blue);
  border-radius: 48px;
  padding: 48px;
  color: #fff
}

.calculator-item-title {
  color: var(--gray)
}

.item-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  width: fit-content;
}

.calc-hint {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: .1s;
  left: calc(100% + 8px);
  padding: 8px 12px;
  background: var(--gray);
  z-index: 3;
  color: var(--white);
  border-radius: 16px;
  max-width: 400px;
}

.q-mark:hover+.calc-hint {
  opacity: 1;
}

.item-wrapper input[type="radio"]+label {
  margin-right: 24px;
}

.calculator-item-title {
  margin: 36px 0 16px 0;
  display: block;
}

.calculator-range {
  flex-direction: column;
}

.calculator-range #numberOfEmployeesText {
  background-color: var(--white);
  padding: 16px 24px
}

.calculator-range #numberOfEmployees {
  padding: 0;
  width: 100%;
  height: 0;
  margin-top: -8px;
}

.custom-grad {
  overflow: hidden;
  border-radius: 28px;
}

.range-grad {
  height: 3px;
  width: 100%;
}

.calculator-column {
  width: 50%;
}

.calculator-range,
#numberOfEmployeesText,
#numberOfEmployees,
.custom-grad {
  width: 100%;
}

.calc-checkbox {
  margin-top: 16px;
}

#calculator-price {
  font-size: 64px;
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 8px;
}

.result-wrapper {
  display: flex;
  flex-direction: column;
}

.result-wrapper .p2 {
  color: var(--gray);
  display: block;
  margin: 16px 0 34px;
}

.result-wrapper button {
  justify-content: center;
}

/* Modal */

body.no-scroll {
  overflow-y: hidden;
}

.modal-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.70);
  top: 0px;
  left: 0px;
}

.close-modal {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 42px;
  background-color: var(--light-blue);
  width: 60px;
  height: 60px;
  cursor: pointer;
  user-select: none;
  transition: .1s;
  top: 36px;
  right: 36px;
  z-index: 101;
}

.close-modal:before {
  content: url('/local/templates/tonkiy/images/icons/close.svg');
  display: block;
  width: 24px;
  height: 24px;
}

.close-modal:hover {
  background-color: var(--hover-light-blue);
}

.zoom {
  cursor: pointer;
}

.modal {
  position: fixed;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  z-index: 100;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}

.modal .modal-body {
  padding: 64px 60px 64px 64px;
}

.modal .modal-title {
  margin-bottom: 36px;
}

.modal .modal-content {
  max-height: 400px;
  overflow: auto;
  padding-right: 18px;
}

.modal .modal-content::-webkit-scrollbar {
  width: 3px;
}

.modal .modal-content::-webkit-scrollbar-track {
  background: var(--stroke);
}

.modal .modal-content::-webkit-scrollbar-thumb {
  background-color: var(--gray);
  border-radius: 3px;
}

.modal.zoom-image {
  width: fit-content;
  border-radius: 24px;
}

.modal .zoom-img {
  height: auto;
  padding: 32px;
}

.modal .zoom-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 24px;
  max-height: 95vh;
}

.modal.zoom-image img {
  max-height: 95vh;
}

.modal.zoom-image .modal-body {
  padding: 0px;
}

.modal .form-holder {
  display: none;
}

.modal.modal-form {
  background-color: var(--white);
  border-radius: 48px;
  max-width: 760px;
}

.modal.modal-detail {
  background-color: var(--white);
  max-width: 1070px;
  border-radius: 48px;
}

.modal.modal-iteractions p {
  font-size: 18px;
  line-height: 130%;
  margin-bottom: 18px;
}

.modal.modal-iteractions p b {
  font-weight: 500;
}

.modal.modal-iteractions ul {
  margin-bottom: 36px;
}

.modal.modal-iteractions ul li {
  color: var(--gray);
  font-size: 16px;
  line-height: 150%;
}

.modal.modal-iteractions .modal-content>div>div {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  line-height: 150%;
}

.modal.modal-iteractions .modal-content br {
  display: none;
}

.modal.modal-bet {
  background-color: var(--white);
  max-width: 1070px;
  border-radius: 48px;
}

.modal.modal-bet .bet-list {
  display: flex;
  flex-wrap: wrap;
  gap: 36px 24px;
  margin-bottom: 36px;
}

.modal.modal-bet .bet-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: calc(50% - 12px);
}

.modal.modal-bet .bet-title {
  margin-bottom: 16px;
}

.modal.modal-bet .condition-list {
  padding-left: 20px;
}

.modal.modal-bet .condition-list li {
  line-height: 150%;
}

.modal.modal-legal {
  background-color: var(--white);
  max-width: 1070px;
  border-radius: 48px;
}

.modal.modal-legal .modal-content {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.modal.modal-legal .legal-title {
  margin-bottom: 16px;
}

.modal.modal-legal ul {
  padding-left: 20px;
}

.modal.modal-legal ul li {
  color: var(--gray);
}

/*  History Slider  */

.history-slider {
  position: relative;
  height: 77px;
  cursor: w-resize;
}

.history-slider>.swiper-wrapper {
  /* transition-timing-function : linear; */
  align-items: first baseline;
}

.history-slider .swiper-slide {
  color: var(--gray);
  font-size: 24px;
  padding-bottom: 36px;
  text-align: center;
}

.history-slider .swiper-slide-active {
  color: var(--dark-blue);
  font-size: 32px;
  font-weight: 500;
  transition: 1s;
}

.history-slider .swiper-slide-prev {
  transition: 1s;
}

.history-slider .swiper-slide::after {
  content: '';
  border: 6px solid var(--light-blue);
  background-color: var(--orange);
  position: absolute;
  border-radius: 20px;
  width: 6px;
  height: 6px;
  top: calc(1em + 18px);
  outline: 2px solid #fff;
  transition: 1s;
  left: 50%;
  transform: translateX(-50%);
}

.history-slider .swiper-slide-next::after {
  background-color: var(--light-blue);
  border: 6px solid #fff;
}

.history-slider .swiper-slide-prev::after {
  background-color: var(--dark-blue);
  border: 6px solid #fff;
}

.history-slider::after {
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 16px;
  left: 0;
  content: '';
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(28, 56, 76, 1) 17%, rgba(28, 56, 76, 1) 50%, rgba(242, 244, 251, 1) 50%, rgba(242, 244, 251, 0) 100%);
  ;
}

.history-slider-content b {
  margin: 80px 0 24px;
  display: block;
  color: var(--dark);
  font-size: var(--h4-size);
  line-height: var(--h4-lh);
  font-weight: 500;
}

.history-slider-content .p2 {
  color: var(--gray)
}

.history-slider-content .swiper-slide {
  color: var(--gray);
  font-weight: 500;
  font-size: var(--p2-size);
  line-height: var(--p2-lh);
}

.rating-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

/*  Contact-page  */

section.contact-map {
  margin-top: 0px;
}

.contact-map .whole {
  gap: 110px;
}

.contact-map #contact-map {
  width: 100%;
  max-width: 520px;
  aspect-ratio: 1 / 1;
  position: relative;
}

.contact-items {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.contact-items>div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-items .work-time {
  padding: 12px 16px;
  background-color: rgba(28, 56, 76, 0.10);
  border-radius: 36px;
  align-self: start;
}

.contact-items .item-title {
  color: var(--gray);
  text-transform: uppercase;
}

.contact-map .ymaps-2-1-79-map-copyrights-promo,
.contact-map .ymaps-2-1-79-copyright {
  display: none;
}

.contact-items a {
  text-decoration: none;
  color: var(--dark);
}

.contact-items .info-item {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
}

.contact-items .info-text {
  display: flex;
  flex-direction: column;
  color: var(--gray);

}

section.contact-form .whole {
  gap: 110px;
}

section.contact-form .whole .half:first-child {
  display: flex;
  flex-direction: column;
  gap: 120px;
}

section.contact-form .whole .half:first-child>div:last-child {
  color: var(--gray);
}

#contact-map>ymaps>ymaps>ymaps>ymaps:first-child {
  background: #031820;
  mix-blend-mode: color;
}

#contact-map>ymaps {
  border-radius: 36px;
  overflow: hidden;
}

#contact-map>ymaps>ymaps>ymaps>ymaps:first-child {
  background: #031820;
  mix-blend-mode: color;
}

#contact-map>ymaps {
  border-radius: 36px;
  overflow: hidden;
}

.map-labels-wrapper {
  z-index: 1;
  pointer-events: none;
}

#contact-map>ymaps>ymaps>ymaps>ymaps:first-child {
  background: #031820;
  mix-blend-mode: color;
}

#contact-map>ymaps {
  border-radius: 36px;
  overflow: hidden;
}

.map-labels {
  position: absolute;
  bottom: 0;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.map-labels a {
  color: var(--white);
  background-color: var(--dark-blue);
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  pointer-events: all;
}

.ymaps-2-1-79-map-copyrights-promo {
  display: none;
}

#address::before {
  content: url('/local/templates/tonkiy/images/icons/location.svg');
  width: 20px;
  height: 20px;
}

#phone-number::before {
  content: url('/local/templates/tonkiy/images/icons/phone-white.svg');
  width: 20px;
  height: 20px;
}

#email-address::before {
  content: url('/local/templates/tonkiy/images/icons/email-white.svg');
  width: 20px;
  height: 20px;
}

#contact-map {
  max-width: 480px;
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
}

/*  Error-page  */

section.error-404 {
  justify-content: center;
}

section.error-404 .error-holder {
  display: flex;
  flex-direction: column;
  gap: 36px;
  text-align: center;
  color: var(--white);
}

section.error-404 .error-holder button {
  margin: 0 auto;
}

/*  About-page  */
section.about-info {
  display: flex;
  flex-direction: column;
  margin-top: 0px;
}

section.about-info .about-img {
  display: block;
  width: 100%;
  height: 340px;
  object-fit: cover;
  border-radius: 36px;
}

section.about-info .rating-slider {
  max-width: 340px;
  margin-left: 0px;
}

section.about-info>.whole:first-child {
  margin-bottom: 64px;
}

section.about-info .whole.half {
  gap: 24px;
}

section.about-info .whole.half span {
  color: var(--gray);
}

section.about-mission {
  display: flex;
  padding: 80px 64px;
  background-image: url('/local/templates/tonkiy/images/other/bgsol3.svg');
  background-color: var(--dark-blue);
  background-position: center left;
  background-size: cover;
  border-radius: 48px;
}

section.about-mission span {
  color: var(--white);
}

section.about-mission .mission {
  width: fit-content;
  align-self: start;
  padding: 12px 16px;
  background-color: rgba(255, 255, 255, 0.20);
  border-radius: 36px;
  margin-bottom: 51px;
}

section.about-history .whole:first-child {
  margin-bottom: 64px;
}

section.about-history .whole:first-child span {
  color: var(--gray);
  max-width: 310px;
}

.about-history-img {
  display: block;
  width: 100%;
  height: 334px;
  border-radius: 36px;
  object-fit: cover;
}

.history-slider,
.history-slider-content {
  max-width: 494px;
  margin-left: 0px;
}

.quotation {
  align-items: center;
  margin-bottom: 48px;
}

.quotation:before {
  content: url('/local/templates/tonkiy/images/icons/quotation.svg');
  display: block;
  width: 37px;
  height: 37px;
  margin-right: auto;
}

.quotation span {
  color: var(--gray);
}

.about-work-img {
  display: block;
  object-fit: contain;
  border-radius: 36px;
}

section.about-work .image-holder {
  position: relative;
  width: fit-content;
}

section.about-work .image-holder:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 161px;
  background: linear-gradient(180deg, rgba(12, 38, 56, 0.00) 0%, rgba(12, 38, 56, 0.73) 43.00%, #092133 100%);
  border-radius: 0 0 36px 36px;
}

.company-text {
  position: absolute;
  width: 110px;
  height: auto;
  color: var(--gray);
  top: 36px;
  left: 36px;
}

.name-one {
  position: absolute;
  width: 160px;
  height: auto;
  color: var(--white);
  bottom: 36px;
  left: 36px;
}

.name-two {
  position: absolute;
  width: 160px;
  height: auto;
  color: var(--white);
  bottom: 36px;
  right: 79px;
}

.search-contents {
  display: flex;
  align-items: center;
  background-color: var(--light-blue);
  border-radius: 24px;
  padding: 0 14px;
}

.search-content a {
  color: var(--dark);
}

.search-contents button {
  margin-left: auto;
}

.search-contents input {
  width: 100%;
}

.search-head {
  display: flex;
  justify-content: space-between;
}

.search-head.slim {
  flex-wrap: wrap;
}

.search-head.slim h1 {
  margin-bottom: 30px;
}

.search-params {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.search-params input {
  display: none;
}

.search-params label {
  background-color: var(--light-blue);
  color: var(--gray);
  padding: 22px 16px;
  user-select: none;
  transition: .1s;
  cursor: pointer;
}

.search-params input:checked+label {
  background-color: var(--dark-blue);
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 8px;
}

.search-params input:checked+label::after {
  content: url('/local/templates/tonkiy/css/../images/icons/white-cross.svg');
  width: 14px;
  height: 14px;
}

/*детальная услуг*/

main.services-detail-main {
  color: var(--dark);

}

.detail_service__first-screen {
  justify-content: space-between;
  margin-bottom: 152px;
}

.detail-head .bx-breadcrumb {
  margin-bottom: 38px;
}

.detail_service__first-screen--info {
  display: flex;
  flex-direction: column;
}

.detail_service__first-screen--info h1 {
  max-width: 603px;
  margin-bottom: 36px;
  word-wrap: break-word;
}

.detail_service__first-screen--info .p4 {
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 16px;
  display: block;
}

.detail_service__first-screen--info .h4 {
  color: var(--all-dark);
  margin-bottom: 36px;
}

.detail_service__first-screen--info button {
  max-width: 235px;
  width: 100%;
}

.detail_service__first-screen--video {
  position: relative;
  overflow: hidden;
}

.detail_service__first-screen--video video {
  width: 100%;
  height: 100%;
}

.detail_service__first-screen--video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 36px;
}

.video-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  transition: .1s;
  cursor: pointer;
}

.video-poster.hidden {
  opacity: 0;
}

.detail_service__reclame {
  margin-bottom: 152px;
  justify-content: space-between;
}

.services_detail__solution .solution-content {
  background-color: var(--light-blue);
  background-image: url('/local/templates/tonkiy/css/../images/other/bgsol-white.svg');
  color: var(--dark-blue);
}

.services_detail__solution .h4 {
  max-width: 472px;
  display: block;
}

.services_detail__solution .p2 {
  max-width: 220px;
}

.services_detail__solution button {
  max-width: 220px;
  width: 100%;
  display: flex;
  justify-content: center;
}

section.tarifs {
  margin-bottom: 80px;
}


section.interaction {
  padding: 48px;
  margin-bottom: 80px;
  background-color: var(--light-blue);
}

section.suitable table.aspects td {
  padding-right: unset;
}

.cases_reviews {
  gap: 24px;
}

.reviews_slider,
.cases_slider {
  /* width: 100%; */
  padding: 48px;
}

.detail_service__reclame--left {
  max-width: 494px;
}

.detail_service__reclame--left .h4 {
  margin-bottom: 48px;
}

.name_width_photo {
  display: flex;
  align-items: center;
  gap: 16px;
}

.detail_service__reclame--right span {
  display: block;
}

.detail_service__reclame--right p>span {
  width: auto;
}

.name_width_photo--description .p3 {
  color: var(--gray);
}

.detail_service__reclame--right .p2 {
  color: var(--gray);
  gap: 24px;
  margin-bottom: 24px;
}

.detail_service__reclame--right .p1 {
  margin-bottom: 48px;
}

.detail_service__reclame--right .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.detail_service__reclame--right .tags .button {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tarifs-header {
  align-items: end;
}

.tarifs-header .p2 {
  display: block;
  max-width: 329px;
  color: var(--gray);
}

.tarifs-wrapper {
  display: flex;
  gap: 25px;
  margin-top: 64px;
  flex-wrap: wrap;
}

.tarifs-big-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 30px;
  background-color: var(--light-blue);
  max-width: calc(33.33% - 77px);
}

.tarifs-big-card.dark {
  background-color: var(--dark-blue);
  color: var(--white);
  background-position: center center;
  background-repeat: no-repeat;
}

.tarifs-big-card button {
  margin-top: auto;
}

.tarifs-conditions li {
  list-style: inside url('/local/templates/tonkiy/images/icons/galka.svg');
  color: var(--gray);
  margin-bottom: 8px;
}

.tarifs-conditions li:last-child {
  margin-bottom: 16px;
}

.tarifs-conditions {
  margin: 0;
  padding: 0;
}

.tarifs-big-card .tarifss-title {
  margin-bottom: 24px;
}

div.tarifs-big-card .price-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 36px;
  padding-top: 16px;
  border-top: 1px solid var(--stroke);
}

.tarifs-price-term {
  color: var(--gray);
}

.tarifs-title {
  display: block;
  margin-bottom: 16px;
}

.tarifs-economy {
  /* display: block; */
  padding: 8px;
  margin-bottom: 16px;
  color: var(--gray);
  background-color: var(--white);
  width: fit-content;
}

.work-hour-price {
  margin-bottom: 24px;
}


.work-hour-price span:nth-child(2) {
  color: var(--gray);
  text-decoration: line-through;
}

.interaction-title {
  position: relative;
  align-items: flex-end;
  margin-bottom: 46px;
}

.swiper-interaction {
  margin-bottom: 46px;
  width: 100%;
}

.look_services_scroll {
  align-items: center;
  background-color: var(--dark-blue);
  color: var(--white);
  padding: 24px;
}

.look_services_scroll .half:nth-child(2) {
  display: flex;
  justify-content: end;
}

.step {
  display: block;
  padding: 8px;
  color: var(--gray);
  margin: 24px 0;
  background-color: var(--white);
  width: fit-content;
}

.search-card .step {
  margin: 0 0 24px;
}

section.services_detail__solution {
  margin-top: 80px;
}

.h4 {
  font-size: var(--h4-size);
  line-height: var(--h4-lh);
  font-weight: 500;
  margin: 0;
}

.suitable h4,
.suitable .h4 {
  margin-bottom: 24px;
}

.detail_service__reclame--left .h4 {
  margin-bottom: 48px;
}

#price_calculator .calculator .h2:first-child {
  color: #001821;
  font-size: 44px;
  font-weight: 500;
  line-height: 44px;
  margin-bottom: 48px;
}

.suitable td {
  vertical-align: top
}

.flex-pagination {
  display: flex;
  justify-content: end;
}

.cases_slider--header {
  position: relative;
}

.cases_slider--header {
  margin-bottom: 36px;
}

.services-reviews_slider--body,
.cases_slider--body {
  overflow: hidden;
}

.cases_slider {
  background-color: var(--light-blue);

}

.services-reviews_slider {
  padding: 48px;
  background-color: var(--light-blue);
}

.reviews_slider--header {
  margin-bottom: 36px;
}

.swiper-interaction-body {
  overflow: hidden;
}

.other_services h2 {
  margin-bottom: 64px;
}

.cases_slider,
.services-reviews_slider {
  width: calc(50% - 108px);
}

/* .cases_reviews .cases_slider,
.services-reviews_slider {
  width: calc(50% - 12px);
} */

.services-reviews_slider .review-meta {

  border-bottom: 2px solid var(--stroke);
}

.services-reviews_slider .review-slide {
  gap: unset;
}

.services-reviews_slider .review-content {
  margin-bottom: 48px;
  padding-top: 24px;
}

.services-wrapper {
  display: flex;
  gap: 24px;
  margin-top: 64px;
}

.service-big-card {
  display: flex;
  flex-direction: column;
  padding: 36px 30px;
  background-color: var(--light-blue);
}

.prices .service-big-card {
  width: 25%;
  box-sizing: border-box;
}

.service-big-card.dark {
  background-color: var(--dark-blue);
  color: var(--white);
  background-position: center center;
  background-repeat: no-repeat;
}

.service-big-card button {
  margin-top: auto;
}

.service-conditions li {
  list-style: inside url('/local/templates/tonkiy/images/icons/galka.svg');
  color: var(--gray);
  margin-bottom: 8px;
}

.service-conditions {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--stroke)
}

.service-big-card .services-title {
  margin-bottom: 24px;
}

div.service-big-card>span.service-price {
  margin-top: 16px;
}

.service-price-term {
  color: var(--gray);
  margin-bottom: 16px;
}

@media screen and (max-width: 1113px) {
  .prices .services-wrapper {
    flex-wrap: wrap;
  }

  .prices .service-big-card {
    width: calc(50% - 12px);
  }
}

@media screen and (max-width: 768px) {
  .prices .service-big-card {
    width: 100%;
  }
}

/*cases*/
.cases-meta {
  display: flex;
  gap: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--stroke);
}

.cases-meta img {
  filter: grayscale(1);
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.cases-content {
  padding-bottom: 36px;
}

.cases-content span.title {
  display: block;
  padding: 16px 0px;
  font-weight: 500;
}

.cases-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.cases-list li {
  list-style: inside url('/local/templates/tonkiy/images/icons/galka.svg');
  color: var(--gray);
  font-size: var(--p2-size);
  line-height: var(--p2-lh);
}

.cases-list li span {
  color: var(--dark);
}

.cases-slide button {
  align-self: start;
}

.case-tabs-content .tab-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
}

.case-tab-item .item-head {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--stroke);
}

.case-tab-item img {
  display: block;
  width: 58px;
  height: 58px;
}

.case-tab-item .item-content {
  margin-bottom: 36px;
}

.case-tab-item .item-content .title {
  padding: 16px 0px;
}

.case-list {
  display: flex;
  flex-direction: column;
}

.case-list li {
  list-style: inside url('/local/templates/tonkiy/images/icons/galka.svg');
  color: var(--gray);
  font-size: var(--p2-size);
  line-height: var(--p2-lh);
}

.case-list span {
  padding-left: 4px;
  color: var(--dark);
}

.case-tab-item button {
  padding: var(--t-button-padding);
  border-radius: var(--t-button-radius);
  color: var(--dark-blue);
}

/*review*/
.review-meta {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 2px solid var(--light-blue);
}

.review-meta-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.review-slide {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.review-slide button {
  align-self: start;
}

.review-meta-text .name {
  color: var(--gray);
}

.review-meta-text .title {
  color: var(--dark);
}

.review-item-content {
  color: var(--dark-blue);
}

.review-meta img {
  width: 58px;
  height: 58px;
  border-radius: 12px;
  border: 1px solid var(--light-blue);
  object-fit: contain;
}

.search-content {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 64px;
}

.long-search-card {
  width: calc(50% - 72px);
}

.search-card {
  width: calc(33% - 72px);
}

.search-card,
.long-search-card {
  padding: 36px 30px;
  background-color: var(--light-blue);
  display: flex;
  flex-direction: column;
}

.search-card-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-top: 64px;
  margin-top: auto;
}

.search-card-price {
  display: flex;
  flex-direction: column;
}

.search-card-price .p3 {
  color: var(--gray);
}

.search-content .button_holder {
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
}

table.title-search-result th {
  display: none;
}

/*детальная услуг*/
main.services-detail-main {
  color: var(--dark);

}

.detail_service__first-screen {
  justify-content: space-between;
  margin-bottom: 152px;
}

.detail-head .bx-breadcrumb {
  margin-bottom: 38px;
}

.detail_service__first-screen--info {
  display: flex;
  flex-direction: column;
}

.detail_service__first-screen--info h1 {
  max-width: 603px;
  margin-bottom: 36px;
}

.detail_service__first-screen--info .p4 {
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 16px;
}

.detail_service__first-screen--info .h4 {
  color: var(--all-dark);
  margin-bottom: 36px;
}

.detail_service__first-screen--info button {
  max-width: 235px;
  width: 100%;
}

.detail_service__first-screen--video video {
  object-fit: cover;
  height: 100%;

}

.detail_service__reclame {
  margin-bottom: 152px;
  justify-content: space-between;
}

.services_detail__solution .solution-content {
  background-color: var(--light-blue);
  background-image: url('/local/templates/tonkiy/css/../images/other/bgsol-white.svg');
  color: var(--dark-blue);
}

.services_detail__solution .h4 {
  max-width: 472px;
  display: block;
}

.services_detail__solution .p2 {
  max-width: 220px;
}

.services_detail__solution button {
  max-width: 220px;
  width: 100%;
  display: flex;
  justify-content: center;
}

section.tarifs {
  margin-bottom: 80px;
}

section.interaction {
  padding: 48px;
  margin-bottom: 80px;
  background-color: var(--light-blue);
}

.date-share-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.detail-date-block {
  font-size: 15px;
  color: #5c5c5c;
}

.detail-share-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  color: #424242;
}

.detail-share-block .yandex-share-panel {
  margin-left: 10px;
}

.cases_reviews {
  gap: 24px;
}

.reviews_slider,
.cases_slider {
  padding: 48px;
}



.detail_service__reclame--left {
  max-width: 494px;
}

.detail_service__reclame--left .h4 {
  margin-bottom: 48px;
}

.name_width_photo {
  display: flex;
  align-items: center;
  gap: 16px;
}

.detail_service__reclame--right span {
  display: block;
}

.name_width_photo--description .p3 {
  color: var(--gray);
}

.rating-detail {
  margin: 48px 0 0;
}

.rating-detail a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

.rating-detail a span {
  color: var(--dark);
}

.rating-detail img {
  margin: 24px 0px;
  width: fit-content;
}

.detail_service__reclame--right .p2 {
  color: var(--gray);
  gap: 24px;
  margin-bottom: 24px;
}

.detail_service__reclame--right .p1 {
  margin-bottom: 48px;
}

.detail_service__reclame--right .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.detail_service__reclame--right .tags .button {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tarifs-header {
  align-items: end;
}

.tarifs-header .p2 {
  display: block;
  max-width: 329px;
  color: var(--gray);
}

.interaction-title {
  position: relative;
  align-items: flex-end;
  margin-bottom: 46px;
}

.swiper-interaction {
  margin-bottom: 46px;
  width: 100%;
}

.look_services_scroll {
  align-items: center;
  background-color: var(--dark-blue);
  color: var(--white);
  padding: 24px;
}

.look_services_scroll .half:nth-child(2) {
  display: flex;
  justify-content: end;
}

.step {
  display: block;
  padding: 8px;
  color: var(--gray);
  margin: 24px 0;
  background-color: var(--white);
  width: fit-content;
}

section.services_detail__solution {
  margin-top: 80px;
}

.suitable h4 {
  margin-bottom: 24px;
}

.suitable td {
  vertical-align: top
}

.suitable-key {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 76px;
  width: 100%;
  aspect-ratio: 1 / 1;
  background-color: var(--light-blue);
  border-radius: 50%;
}

.flex-pagination {
  display: flex;
  justify-content: end;
}

.cases_slider--header {
  position: relative;
}

.cases_slider--header {
  margin-bottom: 36px;
}

.services-reviews_slider--body,
.cases_slider--body {
  overflow: hidden;
}

.cases_slider {
  background-color: var(--light-blue);

}

.services-reviews_slider {
  padding: 48px;
  background-color: var(--light-blue);
}

.reviews_slider--header {
  margin-bottom: 36px;
}

.swiper-interaction-body {
  overflow: hidden;
}


.service-detail-advantage-title {
  max-width: 494px;
}

.services-detail-main .interaction,
.services-detail-main .callform {
  max-width: 1259px;
}

/* Breadcrumb */
.bx-breadcrumb span.p2 {
  vertical-align: middle;
  margin-right: 8px;
}

.bx-breadcrumb .bx-breadcrumb-item {
  float: left;
  white-space: nowrap;
  vertical-align: middle;
  margin-right: 8px;
  color: var(--gray);
}

.bx-breadcrumb .bx-breadcrumb-item.last-item {
  color: var(--dark);
}

.bx-breadcrumb .bx-breadcrumb-item span {
  font-size: var(--p2-size);
  font-family: 'Onest';
  white-space: normal;
}

.bx-breadcrumb .bx-breadcrumb-item span.br-arr {
  color: var(--gray) !important;
}

.bx-breadcrumb .bx-breadcrumb-item a {
  border-bottom: none;
  text-decoration: none;
  color: var(--gray);
}

.marking-2 {
  color: var(--dark-blue);
  background-color: var(--white);
  padding: 24px;
  display: inline-block;
  margin-top: 16px;
}

#bx_incl_area_3_1_3 {
  width: 50%;
}

#bx_incl_area_3_1_3>div {
  width: calc(100% - 100px);
}

#bx_incl_area_3_1_4>div {
  width: calc(100% - 100px);
}

.sitemap-link-bttom a {
  font-size: var(--p1-size);
  line-height: var(--p1-lh);
  color: var(--gray);
  text-decoration: none;
  padding-right: 20px;
}

.rev-b-info .widgets-inner {
  font-style: normal;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10px;
}

.widgets-inner-hdr {
  font-size: var(--h2-size);
  line-height: var(--h2-lh);
}

.widgets-inner-txt {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 20px;
}

.widgets-inner img {
  max-width: 100%;
}

.rev-bottom-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rev-b-info {
  width: 42%;
  padding-top: 115px;
}

.rev-b-frame {
  width: 55%;
}

.contact-items div.info-mgsg {
  flex-wrap: wrap;
  flex-direction: row;
  gap: 38px;
}

.contact-items div.info-mgsg img {
  width: 25px;
}

.contact-items .info-mgsg .info-text {
  flex-direction: row;
  gap: 5px;
}

.contact-items .info-mgsg .info-text:hover {
  opacity: 0.8;
}

.our_rec_title {
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 20px;
}

.our_rec_text p {
  font-weight: normal;
  margin-bottom: 10px
}

.b {
  font-weight: bold;
}

.detail_description_text p,
.detail_description_text ul,
.detail_description_text ol {
  margin-bottom: 20px;
}

.detail_description_text h2 {
  margin: 30px 0;
}

.empty_price {
  margin-bottom: 30px;
}

section.page-blog {
  margin-top: 0;
}

section.page-blog .blog-item {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

.blog-list-name a {
  font-size: var(--h4-size);
  line-height: var(--h4-lh);
  color: var(--dark);
  text-decoration: none;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
}

.blog-list-prev-text,
.blog-list-prev-text p {
  font-size: var(--p2-size);
  line-height: var(--p2-lh);
}

.blog-item-read-more a {
  font-size: 14px;
  margin-top: 15px;
  display: block;
  width: max-content;
}

.blog-item-read-more a:hover {
  text-decoration: none;
}

.blog-detail-text p,
.blog-detail-text ul,
.blog-detail-text ol {
  font-size: var(--p2-size);
  line-height: var(--p2-lh);
  font-weight: 400;
  margin-bottom: 30px;
}

.blog-detail-text li {
  font-size: var(--p2-size);
  line-height: var(--p2-lh);
  font-weight: 400;
}

.blog-detail-text h2,
.blog-detail-text h3 {
  margin: 40px 0 20px;
}

.blog-detail-adt-text,
.blog-detail section {
  margin-top: 100px;
}

.anchor-links {
  padding: 0;
  margin-top: -50px;
}

.anchor-links li {
  list-style: none;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
}

.anchor-links a {
  display: inline-block;
  background-color: var(--light-blue);
  color: var(--gray);
  font-weight: normal;
  font-size: 15px;
  padding: 8px 10px;
  border-radius: 8px;
  text-decoration: none;
  line-height: 28px;
}

.blog-detail {
  margin-bottom: 50px;
}

.blog-detail .detail_service__reclame {
  margin-bottom: 0;
}

.blog-detail .article-form {
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  background-color: var(--light-blue);
  padding: 36px 30px;
  margin-bottom: 20px;
}

.article-form-left {
  max-width: 65%;
}

.article-form-left .h5 {
  margin-bottom: 10px;
}

.article-form-right {
  max-width: 25%;
}

.article-form-right .article-email {
  color: inherit;
  text-decoration: none;
}

.article-form-right .button.primary {
  margin-top: 15px;
}

.article-form-right .phone-number::before {
  content: url(/local/templates/tonkiy/images/icons/phone-dark.svg);
}

.article-form-right .phone-number::after {
  content: none;
}

.article-form-right .phone-number {
  padding-left: 0;
}

.article-form-right p {
  color: #525252;
}

.burger-menu-elements {
  overflow-y: scroll;
  margin-bottom: 25px;
}

.main-menu-item .menu-dropdown-services a {
  padding: 5px 0 0;
}

.main-menu-item .menu-dropdown-services {
  z-index: 9;
}

.main-menu-number {
  align-items: center;
  display: flex;
  gap: 38px;
}

.header-socials {
  align-items: center;
  display: flex;
  gap: 38px;
}

.header-socials__link {
  color: var(--gray);
  display: flex;
  font-size: var(--p2-size);
  gap: 5px;
  line-height: var(--p2-lh);
  text-decoration: none;
}

.header-socials__link:hover {
  opacity: 0.8;
}

.header-socials__logo {
  width: 25px;
}

.detail_description_text ul,
.detail_description_text ol {
  margin-left: 25px;
}

.h-phone_mb {
  display: none;
}

.cw-under-tariffs-frmt h2 {
  margin: 30px 0;
}

.cw-under-tariffs-frmt p,
.cw-under-tariffs-frmt ol,
.cw-under-tariffs-frmt ul,
.cw-under-tariffs-frmt h3 {
  margin-bottom: 20px;
}

.detail_description_text p,
.detail_description_text li {
  color: var(--gray);
}

@media (max-width: 1379px) {
  .main-menu {
    gap: 20px;
  }

  .contents {
    gap: 50px;
  }

  .main-menu-number {
    gap: 10px;
  }

  .header-socials {
    gap: 10px;
  }
}

@media (max-width: 1191px) {
  .header-socials {
    align-items: flex-start;
    flex-direction: column;
  }

  .main-menu-number {
    gap: 20px;
  }
}

.cw-under-tariffs {
  margin: 40px auto;
}

.cw-p1 {
  color: var(--dark);
  font-size: var(--p1-size);
  font-weight: 500;
  line-height: var(--p1-lh);
  margin-bottom: 20px;
}

.cw-p2 {
  color: var(--gray);
  font-size: var(--p2-size);
  font-weight: 500;
  line-height: var(--p2-lh);
  margin-bottom: 20px;
}

section.slim.serv-first {
  margin-top: 10px;
}

.search-content-blogs {
  margin-top: 80px;
}

.search-content-blogs-title {
  color: #000;
  font-family: Onest;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 50px;
}

.search-content-blogs-item {
  padding: 36px 30px;
  background-color: var(--light-blue);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.search-content-blogs-item-content {
  flex: 0 0 calc(100% - 100px);
}

.search-content-blogs-item-button {
  flex: 0 0 100px;
  display: flex;
}

.search-content-blogs-item-link {
  color: #687F9A;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  margin-top: 20px;
  display: block;
}

.has-children:hover .services-menu {
  opacity: 1;
  pointer-events: all;
}

.services-menu {
  padding: 36px;
  background: #F2F4FC;
  position: absolute;
  align-self: flex-start;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  transition: .1s;
  max-width: 1920px;
  width: 100%;
  margin: 112px auto 0;
  z-index: 10;
  box-sizing: border-box;
}

.services-menu * {
  box-sizing: border-box;
}

.services-menu-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.services-menu-content-left-block {
  flex: 0 0 360px;
}

.services-menu-content-right-block {
  flex: 0 0 calc(100% - 420px);
  display: block;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 25px;
  align-items: baseline;
}

.services-menu-items-wrapper {
  flex-wrap: wrap;
  justify-content: flex-start;
  display: none;
}

.services-menu-items-wrapper.active {
  display: flex;
}

.services-menu-item-serv {
  flex: 0 0 calc(100% / 3 - 30px);
  margin-bottom: 30px;
  margin-right: 30px;
  padding: 35px 45px 25px;
  border-radius: 36px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 36px;
  background: url('/local/templates/tonkiy/images/other/bgsol.svg') no-repeat, var(--dark-blue);
  background-position-x: right;
}

.services-menu-item-serv-name {
  color: var(--Color, #FFF);
  font-family: Onest;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  min-height: 140px;
}

.services-menu-item-serv .search-card-price span.h5 {
  color: var(--Color, #FFF);
  font-family: Onest;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.services-menu-item-serv .search-card-price span.p3 {
  color: var(--Color, #FFF);
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.services-menu-title {
  color: var(--gray, #687F9A);
  font-family: Onest;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(104, 127, 154, 0.20);
  margin-bottom: 20px;
}

.services-menu-item.active {
  color: var(--gray, #687F9A);
  font-family: Onest;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.services-menu-item {
  color: var(--dark, #001821);
  font-family: Onest;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: block;
  margin: 20px 0 40px;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}

.ssect.services-menu-item:after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 0;
  background: url(/local/templates/tonkiy/images/icons/chevron-dark.svg);
  background-size: cover;
  color: #000;
  transform: rotate(90deg);
  top: 6px;
}

.ssect.services-menu-item.active:after {
  display: none;
}

.services-menu-item.contacts {
  color: var(--dark, #001821);
  font-family: Onest;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 15px 0 30px;
}

.services-menu-item.contacts-link {
  margin-top: 50px;
}

.services-menu-item.contacts svg {
  margin-bottom: -3px;
}

.burger-menu .services-menu-item,
.burger-menu .services-menu-item-serv-mobile {
  color: var(--dark, #001821);
  font-family: Onest;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 20px 0 20px;
  display: block;
  text-decoration: none;
}

.burger-menu .services-menu-item-serv-mobile {
  width: 100%;
}

.burger-menu .services-menu-items-wrapper.active {
  display: block;
  position: absolute;
  top: 0;
  z-index: 200;
  background-color: var(--light-blue);
  height: calc(100vh - 170px);
  width: calc(50% - 96px);
  padding: 48px;
  right: 0;
  overflow-y: scroll;
}

.burger-menu .services-menu-items-wrapper.active .services-menu-item-serv-mobile {
  margin: 20px 0 40px;
}

.burger-menu .services-menu-title {
  margin-bottom: 10px;
}

.burger-menu .ssect.services-menu-item:after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: -20px;
  background: url(/local/templates/tonkiy/images/icons/chevron-dark.svg);
  background-size: cover;
  color: #000;
  transform: rotate(90deg);
  top: 2px;
}

.burger-menu .mobile-burger-back {
  margin-bottom: 50px;
  color: var(--gray, #687F9A);
  font-family: Onest;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

.burger-menu button.button.primary {
  width: auto;
}

.burger-menu form {
  width: 100%;
}

.burger-menu form div {
  position: relative;
}

.burger-menu form input {
  padding-left: 0;
  border-bottom: 1px solid rgba(104, 127, 154, 0.20);
  width: 100%;
  margin-bottom: 40px;
  border-radius: 0;
  padding-right: 0;
}

.burger-menu form button {
  position: absolute;
  right: 0;
  top: 22px;
  border: none;
  background: none;
}

.main-menu-item.search {
  cursor: pointer;
  position: relative;
}

.head-search-wrapper {
  position: absolute;
  right: 0px;
  top: 90px;
  width: 400px;
  display: none;
}

.head-search-wrapper.active {
  display: block;
}

.head-search-wrapper,
.head-search-wrapper * {
  box-sizing: unset;
}

.main-menu-item.search form {
  position: relative;
}

.main-menu-item.search form input {
  width: 100%;
  padding: 24px 70px 24px 24px;
}

.main-menu-item.search form button {
  border: none;
  background: no-repeat;
  position: absolute;
  right: -75px;
  top: 20px;
  cursor: pointer;
}

.lic_v_wrap {
  margin-top: 60px;
}

.lic_v_wrap,
.lic_h_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 25px;
}

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

.lic_v_wrap .lc_item {
  width: 23.55%;
  border-radius: 36px;
  overflow: hidden;
}

.lic_h_wrap .lc_item {
  width: 664px;
  border-radius: 36px;
  overflow: hidden;
}

#lc_h_slider.slick-slider {
  margin: 0 -13px;
}

#lc_h_slider.slick-slider .lc_item {
  margin: 0 13px;
}

#lc_h_slider.slick-slider:after {
  content: '';
  display: block;
  width: calc(100% - 200px);
  position: absolute;
  bottom: 30px;
  left: 0;
  border-bottom: 1px solid #F2F4FB;
}

#lc_h_slider .slick-prev {
  background: url(/img/lic/l.png) no-repeat;
  width: 56px;
  height: 56px;
  border: 0;
  font-size: 0;
  position: absolute;
  bottom: -40px;
  z-index: 9;
  right: 80px;
  cursor: pointer;
}

#lc_h_slider .slick-next {
  background: url(/img/lic/r.png) no-repeat;
  width: 56px;
  height: 56px;
  border: 0;
  font-size: 0;
  position: absolute;
  bottom: -40px;
  z-index: 9;
  right: 0px;
  cursor: pointer;
}

#lc_v_slider.slick-slider {
  margin: 60px -13px 0;
}

#lc_v_slider.slick-slider .lc_item {
  margin: 0 13px;
}

#lc_v_slider .slick-slide img {
  margin: 0 auto;
}

#sotr_h_slider.slick-slider {
  margin: 0 -13px;
}

#sotr_h_slider.slick-slider .lc_item {
  margin: 0 13px;
}

#sotr_h_slider.slick-slider:after {
  content: '';
  display: block;
  width: calc(100% - 200px);
  position: absolute;
  bottom: -30px;
  left: 0;
  border-bottom: 1px solid #F2F4FB;
}

#sotr_h_slider .slick-prev {
  background: url(/img/lic/l.png) no-repeat;
  width: 56px;
  height: 56px;
  border: 0;
  font-size: 0;
  position: absolute;
  bottom: -60px;
  right: 80px;
  cursor: pointer;
}

#sotr_h_slider .slick-next {
  background: url(/img/lic/r.png) no-repeat;
  width: 56px;
  height: 56px;
  border: 0;
  font-size: 0;
  position: absolute;
  bottom: -60px;
  right: 0px;
  cursor: pointer;
}

.marquiz-widget__container_right {
  left: 16px;
}

.search-card a.h4,
.long-search-card a.h4 {
  color: #000;
}

#price_calculator .calc_info .h2 {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 24px;
}

.h3 {
  font-size: var(--h3-size);
  font-weight: 500;
  margin: 0;
  line-height: var(--h3-lh);
}

.detail_description_text h4 {
  margin: 30px 0;
}

.sotr-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sotr-item {
  width: 32%;
  margin-bottom: 30px;
}

.sotr_list_img {
  max-width: 330px;
  margin: 0 auto;
  max-height: 500px;
  overflow: hidden;
}

.sotr-item .preview_picture {
  max-width: 100%;
  height: auto;
}

.sotr-list-name a {
  font-size: var(--h5-size);
  line-height: var(--h4-lh);
  font-weight: 500;
  color: var(--dark);
  text-decoration: none;
  margin: 20px 0;
  display: block;
}

.sotr-item .sotr_dolzhnost,
.sotr-item .sotr_spec {
  color: var(--gray);
  font-size: var(--p2-size);
  line-height: var(--p2-lh);
  margin-bottom: 20px;
}

.sotr_spec .sotr_spec_text {
  font-weight: bold;
}

.sotr_top_block_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sotr_top_text h1 {
  font-size: var(--h2-size);
}

.sotr_top_block {
  background: #F2F4FB;
  padding: 48px 0;
}

.sotr_top_block section.sotr_top_block_inner {
  margin-top: 0;
}

.sotr_dolzhnost {
  margin: 15px 0;
}

.sotr_dolzhnost,
.d_sotr_spec {
  font-size: var(--h5-size);
  line-height: var(--h4-lh);
  font-weight: 500;
}

.d_sotr_spec {
  margin-bottom: 30px;
}

.d_sotr_spec .d_sotr_spec_text {
  color: var(--gray);
}

.sotr_top_img .sotr_img {
  width: 250px;
  height: auto;
  border: 2px solid #fff;
}

.sotr_top_text {
  width: calc(100% - 380px);
}

section.sotr_body {
  margin-top: 48px;
}

.sotr_content {
  position: relative;
}

.sotr_contact_wrap {
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  background-color: #5683ce;
  padding: 25px 25px 10px 25px;
  box-sizing: border-box;
}

.sotr_c_tel,
.sotr_c_email,
.sotr_c_adr {
  margin-bottom: 15px;
}

.sotr_c_tel a,
.sotr_c_email a,
.sotr_c_adr {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  padding-left: 35px;
  font-size: 18px;
}

.sotr_c_email a:before,
.sotr_c_tel a:before,
.sotr_c_adr:before {
  content: '';
  display: block;
  height: 16px;
  width: 17px;
  position: absolute;
  left: 0;
  top: 0;
}

.sotr_c_tel a:before {
  background: url(/img/sprite.svg) -658px 0;
}

.sotr_c_email a:before {
  background: url(/img/sprite.svg) -677px 0;
}

.sotr_c_adr:before {
  background: url(/img/sprite.svg) -1034px 0;
  width: 16px;
}

.sotr_spec_title,
.sotr_obr_title {
  font-size: var(--h4-size);
  line-height: var(--h4-lh);
  font-weight: 500;
  margin: 0;
  margin-bottom: 20px;
  max-width: 1000px;
}

.sotr_spec_text,
.sotr_obr_text {
  color: var(--gray);
  font-size: var(--p1-size);
  line-height: var(--p1-lh);
  margin-bottom: 30px;
  max-width: 1000px;
}

.main-menu-dropdown a.dropdown-element {
  padding: 15px 0;
}

@media (max-width: 1355px) {
  .lic-sect-wrap {
    padding-top: 30px;
  }

  .sotr_top_block {
    padding: 48px 15px;
  }

  .sotr_body {
    padding: 0 15px;
  }
}

@media (max-width: 800px) {
  .services-wrapper .service-description {
    margin-bottom: 15px;
  }

  section.sotr_body {
    margin-top: 15px;
  }

  .sotr_contact_wrap {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    background-color: #5683ce;
    padding: 25px 25px 10px 25px;
    box-sizing: border-box;
    margin-bottom: 30px;
  }

  #lc_v_slider.slick-slider:after {
    content: '';
    display: block;
    width: calc(100% - 200px);
    position: absolute;
    bottom: -30px;
    left: 0;
    border-bottom: 1px solid #F2F4FB;
  }

  #lc_v_slider .slick-prev {
    background: url(/img/lic/l.png) no-repeat;
    width: 56px;
    height: 56px;
    border: 0;
    font-size: 0;
    position: absolute;
    bottom: -60px;
    right: 93px;
    cursor: pointer;
  }

  #lc_v_slider .slick-next {
    background: url(/img/lic/r.png) no-repeat;
    width: 56px;
    height: 56px;
    border: 0;
    font-size: 0;
    position: absolute;
    bottom: -60px;
    right: 13px;
    cursor: pointer;
  }

  #lc_v_slider.slick-slider {
    margin: 40px 0 90px;
  }

  #lc_h_slider.slick-slider,
  #lc_h_slider.slick-slider .lc_item,
  #lc_v_slider.slick-slider .lc_item {
    margin: 0;
  }
}

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

  .sotr_top_text {
    width: 100%;
    margin-bottom: 30px;
  }

  .sotr_top_img .sotr_img {
    width: 250px;
    margin: 0 auto;
    height: auto;
    border: 2px solid #fff;
    display: block;
  }

  .sotr_top_img {
    width: 100%;
  }

  .anchor-links {
    margin-top: -30px;
  }

  .date-share-block {
    display: block;
  }

  .detail-date-block {
    margin-bottom: 10px;
  }

  .blog-detail .article-form {
    display: block;
  }

  .article-form-left,
  .article-form-right {
    max-width: 100%;
  }
}

@media (max-width: 450px) {
  .sotr_top_text {
    width: 100%;
    margin-bottom: 30px;
  }

  #price_calculator .calculator .h2:first-child {
    color: #001821;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 30px;
  }

  #price_calculator .calc_info .h2 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 24px;
  }

  #lc_v_slider .slick-prev,
  #lc_h_slider .slick-prev {
    background: url(/img/lic/l.png) no-repeat;
    width: 44px;
    height: 44px;
    background-size: 100%;
    left: 0;
    bottom: -40px;
  }

  #lc_v_slider .slick-next {
    right: 0;
  }

  #lc_v_slider .slick-next,
  #lc_h_slider .slick-next {
    background: url(/img/lic/r.png) no-repeat;
    width: 44px;
    height: 44px;
    background-size: 100%;
    bottom: -40px;
  }

  #lc_h_slider.slick-slider:after,
  #lc_v_slider.slick-slider:after {
    width: 200px;
    bottom: -18px;
    left: 50%;
    margin-left: -100px;
  }

  #lc_h_slider.slick-slider {
    margin-bottom: 80px;
  }

  section.slim.search-params {
    margin-top: 30px
  }

  .h-phone_mb {
    display: block;
    background: url(https://www.tonkiy.com/local/templates/tonkiy/images/icons/phone-dark.svg) no-repeat center;
    width: 40px;
    height: 60px;
    margin-left: 30px;
  }

  .main-on-scroll .logo-min {
    position: relative;
    left: 0;
    transform: none;
  }

  .main-on-scroll .bar {
    justify-content: space-between;
  }

  main>.about-work {
    margin-top: 30px !important;
  }
}

.visuallyhidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.fag .accordeon-item-content p {
    padding: 5px;
}

.fag .accordeon-item-content p {
    display: inline;
}

.fag .accordeon-item-content li:before {
   /* content: "\2022";*/
}

@media screen and (max-width: 1375px) {
    div.search-card {
        width: calc((100% / 3) - 13px);
    }
}

.other--services.cards-section .search-content > div {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 40px;
}

.other--services.cards-section .service-price.h5 {
	font-size: 16px;
}

.seo-services-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: space-between;
        }
        .seo-service-column {
            flex: 1;
            background: #f9f9f9;
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        .seo-service-column ul {
            padding: 0;
        }
        .seo-service-column li {
            margin-bottom: 10px;
        }
        @media (max-width: 768px) {
            .seo-services-container {
                flex-direction: column;
            }
        }


.read-more-content {
    max-height: 0; 
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    opacity: 1;
}

.read-more-toggle:checked + .read-more-content {
    max-height: 100%; 
    opacity: 1;
}

.read-more-label {
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  border-radius: 25px;
  padding: 10px;
  background: #1c384c;
  margin-top: 10px;
  font-size: 16px;
}

.read-more-toggle {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}


.services-container-perelink {
    max-width: 1355px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin: 60px auto;
}

.services-container-perelink .services-column {
    flex: 1;
    min-width: 300px;
}

.services-container-perelink .services-column ul {
    list-style: none;
    padding: 0;
}

.services-container-perelink .services-column li {
    margin-bottom: 5px;
}

.services-container-perelink .services-column a {
    text-decoration: none;
    color: #0073aa;
}

.services-container-perelink .services-column a:hover {
    text-decoration: underline;
}

@media(max-width:761px){
	.table-operation > tbody > tr {
		display:flex;
		flex-direction: column;
	}
}

.table-operation a {
	text-decoration: none;
    color: #1c384c;
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
	display: flex;
    flex-wrap: wrap;
	gap:10px;
}

nav li {
    display: block;
    margin-bottom: 5px;
    background: #1c384c;
	border-radius: 10px;
}

nav a {
    display: inline-block;
    padding: 8px 12px;
    color: white;
    text-decoration: none;
    border-radius: 10px;
    transition: background 0.3s ease;
}

nav a:hover {
    background: #1c384c;
}

table.table-price-block  {
    width: 100%;
    border: 0px;
    border-color: white;
    font-size: 14px;
    border-spacing: 5px;
}

.table-price-block th, .table-price-block td {
    border: 1px solid #dddddd00;
    color: var(--dark-blue);
    background-color: var(--light-blue);
    border-radius: 15px;
    padding: 6px;
    text-align: center;
    word-wrap: break-word;
}

.table-price-block th:empty, .table-price-block td:empty{
  color: white;
  background: #ffffff00;
}

.table-price-block th {
    font-weight: bold;
}


.table-price-block td[colspan], th[colspan] {
    font-weight: bold;
}

.table-price-block td[rowspan], th[rowspan] {
    font-weight: bold;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .table-price-block table, 
	.table-price-block thead, 
	.table-price-block tbody, 
	.table-price-block th, 
	.table-price-block td, 
	.table-price-block tr {
        display: block;
    }
    
    .table-price-block thead {
        display: none;
    }
    
    .table-price-block tr {
        margin-bottom: 10px;
        border: 1px solid #ddd;
        padding: 5px;
    }
    
    .table-price-block td {
        text-align: left;
        padding-left: 50%;
        position: relative;
        min-height: 40px;
    }
    
    .table-price-block td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        font-weight: bold;
        white-space: nowrap;
    }
}


	@media(max-width:791px){
        .table-price-block{
            display: none !important;
        }
    }

	@media(min-width:791px){
        .mobile-table{
            display: none !important;
        }
		#showMore{
			display: none !important;
		}
    }

    .mobile-table table {
        width: 100%;
    }

    .mobile-table th,  td {
        border: 1px solid #ddd;
        padding: 6px;
        text-align: center;
        word-wrap: break-word;
    }

    .mobile-table th {
        background-color: #f4f4f4;
        font-weight: bold;
    }


    .mobile-table tr:hover {
        background-color: #f1f1f1;
    }

    .mobile-table td[colspan], th[colspan] {
        font-weight: bold;
        background-color: #e9e9e9;
    }

    .mobile-table td[rowspan], th[rowspan] {
        background-color: #f7f7f7;
        font-weight: bold;
    }


    .mobile-table {
        width: 100%;
        border-collapse: collapse;
        display: block;
        overflow-x: auto;
    }

    .mobile-table thead {
        display: none;
    }

    
    .mobile-table tr
     {
        display: block;
        width: 100%;
    }
    .mobile-table tbody{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border: none;
        gap: 40px;
    }
    
    .mobile-table td {
        display: block;
        width: 100%;
    }
    .mobile-table tr {
        margin-bottom: 10px;
        padding: 0px;
    }

    .mobile-table td {
        text-align: left;
        padding: 8px;
        position: relative;
        border-bottom: 1px solid #ddd;
    }

    .mobile-table td::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
        color: #333;
    }

.hidden-tr {
            display: none!important ;
        }

#showMore{
			margin-top: 20px;
		}

.table-operation ul {
	list-style: none;
    margin: 0;
    padding: 20px;
    text-align: left;
}

.table-operation li::first-letter {
	line-height: 25px !important;
    text-transform: uppercase;
}

.table-operation td:first-child{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.table-operation td:last-child{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}


section.detail_description_text{
	margin-top: 40px;
}

.visuallyhidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}


:root {
    --primary-color-tag: #1c384c;
    --primary-color-hover-tag: var(--gray);;
  
    --button-color-tag: #1c384c;
    --button-color-hover-tag: var(--gray);

    --text-color-tag: white;
    --text-color-hover-tag: white; 
  
    --item-height-tag: 40px;
    --item-width-tag: 100px;
    --border-radius-tag: 5px;
    --button-text-show-tag: "Показать ещё";
    --button-text-hide-tag: "Скрыть";
}

.container-tag {
    text-align: center;
    width: 100%;
    max-width: 1024px;
	margin: 70px 0;
}

.items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.item, .show-more-btn {
    background: var(--primary-color-tag);
    color: var(--text-color-tag);
    padding: 15px;
    border-radius: var(--border-radius-tag);
    text-align: center;
    height: var(--item-height-tag);
    min-width: var(--item-width-tag);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
	text-decoration: none;
}

a.item:visited {
	color:var(--text-color-tag);
}

.item:hover, .show-more-btn:hover {
    background: var(--primary-color-hover-tag);
    color: var(--text-color-hover-tag);
}

.show-more-btn {
    background: var(--button-color-tag);
    cursor: pointer;
    order: 100; /* Всегда в конце */
}

.show-more-btn:hover {
  background: var(--button-color-hover-tag);
}


.visuallyhidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.toggle {
    display: none;
}

.toggle:checked ~ .items .visuallyhidden {
    position: inherit;
    width: auto;
    height: var(--item-height-tag);
    margin: 0;
    border: 0;
    padding: 15px;
    white-space: nowrap;
    clip-path: inherit;
    clip: inherit;
    overflow: inherit;
}

.show-more-btn::before {
    content: var(--button-text-show-tag);
}

.toggle:checked ~ .items .show-more-btn::before {
    content: var(--button-text-hide-tag);
}


.seo-services-container a {
	color: var(--gray);
    text-decoration: none;
}


.custom-hidden-table .table-price-block tr:first-child {
  font-size: 20px;
}




:root {
    --primary-color-tag: #1C384C; /* Цвет блоков 
 */
    --primary-color-hover-tag: #1C384C; /* цвет блоков при наведении */
  
    --button-color-tag: #1C384C; /* Цвет кнопки */
    --button-color-hover-tag: #1C384C; /* Цвет кнопки при наведении*/
  
    --text-color-tag: white; /* Цвет текста */
    --text-color-hover-tag: white; /* Цвет текста при наведении */
  
    --item-height-tag: 40px; /* Высота элементов */
    --item-width-tag: 100px; /* Минимальная ширина элементов */
    --border-radius-tag: 5px; /* Закругление углов */
    --button-text-show-tag: "Показать больше"; /* Текст кнопки по умолчанию */
    --button-text-hide-tag: "Скрыть"; /* Текст кнопки после нажатия */
}


.custom-hidden-table .show-more-btn {
    background: var(--primary-color-tag);
    color: var(--text-color-tag);
    padding: 15px;
    border-radius: var(--border-radius-tag);
    text-align: center;
    height: var(--item-height-tag);
    min-width: var(--item-width-tag);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
	text-decoration: none;
}


.custom-hidden-table .show-more-btn:hover {
    background: var(--primary-color-hover-tag);
    color: var(--text-color-hover-tag);
}

/* Кнопка "Показать ещё" */
.custom-hidden-table .show-more-btn {
    background: var(--button-color-tag);
    cursor: pointer;
    margin-top: 3px;
    order: 100; /* Всегда в конце */
}

.custom-hidden-table .show-more-btn:hover {
  background: var(--button-color-hover-tag);
}

/* Скрываем элементы */

.custom-hidden-table .table-price-block tr:nth-child(n+11) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

/* Скрытый чекбокс */
.custom-hidden-table .toggle {
    display: none;
}

/* При активации чекбокса показываем скрытые элементы */
.custom-hidden-table .toggle:checked ~ .table-price-block tr:nth-child(n+11) {
  position: inherit;
  width: auto;
  height: auto;
  margin: 0;
  border: 0;
  white-space: wrap;
  clip-path: inherit;
  clip: inherit;
  overflow: inherit;
}

/* Меняем текст кнопки "Показать ещё" */
.custom-hidden-table .show-more-btn::before {
    content: var(--button-text-show-tag);
}

/* При активации чекбокса заменяем текст */
.custom-hidden-table .toggle:checked ~ .show-more-btn::before {
    content: var(--button-text-hide-tag);
}

@media(max-width: 791px){
  .custom-hidden-table .show-more-btn{
    display:none;
  }
}




.suitable .aspects td {
  border: none;
}

@media(min-width: 1113px){
  .suitable .aspects tr:nth-child(n+2){
    display: flex;
    width: 180%;
  }
  .suitable .aspects tr:nth-child(n+2) td:first-child{
    text-align: -webkit-right;
    padding-right: 60px;
    width: 20%;
  }
  .suitable .aspects tr:nth-child(n+2) td:last-child{
    text-align: left;
    width:60%;
  }
}


@media(max-width:767px){
  .cases_reviews.whole{
    justify-content: center;
    padding: 0 20px;
  }
}

/* End */


/* Start:/local/templates/tonkiy/css/adaptive.css?178323959420771*/
@media screen and (max-width: 1375px) {
    .search-card-price span.h5 {
        margin-bottom: 5px;
    }
    .search-card {
        width: calc((100% / 3) - 78px);
    }
    #calculator {
        flex-direction: column;
    }
    .controls-wrapper-real {
        width: 100%;
    }
}
@media screen and (max-width: 1325px) {
    section.callform {
        background-size: cover !important;
        background-repeat: no-repeat;
    }
    .search-head.slim{
        padding: 15px 15px 0;
    }
    section.slim, section.solution{
        padding: 0 15px;
    }
}
@media screen and (max-width: 1113px) {
    main {
        margin-top: 108px;
    }
    nav.main {
        display: none;
    }
    .main-on-scroll {
        top: 0 !important;
    }
    .main-on-scroll .bar {
        height: 72px;
    }
    .main-on-scroll .burger {
        background: transparent;
        padding: 0;
    }
    .logo-min {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .bar {
        justify-content: flex-end;
        border-bottom: 2px solid var(--stroke)
    }
    .main-first,
    section.services,
    section.advantage {
        grid-template-columns: 1fr;
    }
    div,
    img {
        grid-column: unset !important;
    }
    .whole {
        flex-wrap: wrap;
    }
    .half,
    .about-us-content {
        width: 100% !important;
    }
    .text-card {
        flex-wrap: wrap;
    }
    .skewed-text {
        margin: 0;
    }
    .skewed-text p {
        text-align: left !important;
    }
    .main-first {
        gap: 16px;
    }
    .burger-menu .services-menu-item,
    .burger-menu .services-menu-item-serv-mobile {
        color: var(--dark, #001821);
        font-family: Onest;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;    
        margin: 20px 0 20px;    
        display: block;
        text-decoration: none;
    }
    .burger-menu .services-menu-item-serv-mobile {
        width: 100%;
    }
    .burger-menu .services-menu-items-wrapper.active {
        display: block;
        position: absolute;
        top: 0;
        z-index: 200;
        background-color: var(--light-blue);
        height: calc(100vh - 170px);
        width: calc(100% - 96px);
        padding: 48px;
        left: 0;
        overflow-y: scroll;
    }    
    .burger-menu .services-menu-items-wrapper.active .services-menu-item-serv-mobile {
        margin: 20px 0 40px;
    }
    .burger-menu .services-menu-title {
        margin-bottom: 10px;
    }
    .burger-menu .ssect.services-menu-item:after {
        content: "";
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        right: -20px;
        background: url(/local/templates/tonkiy/images/icons/chevron-dark.svg);
        background-size: cover;
        color: #000;
        transform: rotate(90deg);
        top: 2px;
    }    
    .burger-menu .mobile-burger-back {
        margin-bottom: 100px;
        color: var(--gray, #687F9A);
        font-family: Onest;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;        
    }
    .burger-menu button.button.primary {
        width: auto;
    }
    .burger-menu {
        width: calc(100% - 96px);
        height: calc(100% - 72px);
        overflow-y: scroll;
        overflow-x: hidden;        
    }
    .burger-menu-wrapper {
        height: calc(100vh - 72px);
        height: calc(100dvh - 72px);
    }
    .contacts {
        flex-direction: column;
        align-items: self-start;
    }
    main,
    .bar {
        padding: 0 16px !important;
    }
    .light-card span {
        width: calc(100% - 45px);
    }
    .light-card button {
        margin-top: -75px !important;
    }
    .main-first img {
        order: 2;
        margin: 20px 0
    }
    /*  Fucking designer doesn't give a fuck of how grids work  */
    .main-first div:nth-child(2) {
        order: 1
    }
    .main-first div:nth-child(3) {
        order: 3
    }
    .main-first div:nth-child(4) {
        order: 4
    }
    .main-first div:nth-child(5) {
        order: 5
    }
    .main-first div:nth-child(6) {
        order: 6
    }
    .text-card {
        display: flex;
        flex-direction: column;
    }
    .text-card>button {
        align-self: center !important;
        width: 100%;
        justify-content: center;
        margin-top: 24px;
    }
    .text-card .content {
        width: 100%;
    }
    .text-card-title {
        font-size: 24px;
    }
    section:not(.main-first) {
        margin-top: 76px;
    }
    section.services {
        row-gap: 16px;
    }
    section.services div:nth-child(2) {
        order: 3;
        margin-bottom: 16px;
    }
    section.services div:nth-child(3) {
        order: 2;
        display: none;
    }
    section.services div:nth-child(3) {
        order: 1
    }
    section.services div:nth-child(4) {
        order: 4
    }
    section.services div:nth-child(5) {
        order: 5
    }
    section.services div:nth-child(6) {
        order: 6
    }
    section.services div:nth-child(7) {
        order: 7
    }
    section.services div:nth-child(8) {
        order: 8;
        display: none;
    }
    section.services div:nth-child(9) {
        order: 9;
        display: none;
    }
    section.services div:nth-child(10) {
        order: 10
    }
    .service-card .h4 {
        width: calc(100% - 60px);
    }
    .service-card button {
        margin-top: -110px !important;
    }
    button.button.primary {
        width: 100%;
        justify-content: center;
    }
    .search-content button.button.primary {
        width: auto;
    }
    .about-us-banner {
        height: 200px;
        object-fit: cover;
    }
    .about-us .whole {
        flex-direction: column-reverse;
    }
    .about-us-content p {
        font-size: 24px;
        text-align: left !important;
        line-height: 120%;
    }
    .section-description+.button,
    .about-us .half {
        margin-top: 32px;
    }
    .aspect-photo {
        width: 100%;
    }
    table.aspects tr {
        display: flex;
        flex-direction: column;
    }
    table.aspects td {
        width: 100%;
        padding: 0;
        padding-bottom: 24px;
    }
    table.aspects tr:last-child td {
        margin-bottom: 0;
        padding-bottom: 24px;
    }
    table.aspects .key {
        border-bottom: none !important;
        font-size: 32px !important;
        margin-top: 32px;
    }
    section.aspects>div:nth-child(2)>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(4)>td:nth-child(1) {
        padding-bottom: 24px !important
    }
    section.benefits table.aspects .key {
        font-size: var(--h4-size) !important;
    }
    section.benefits table.aspects .value {
        font-size: var(--p3-size);
    }
    section.benefits table.aspects .h2.value {
        font-size: 32px;
    }
    section.page-head {
        padding: 36px 0px;
    }
    section.case-tabs {
        gap: 36px;
        padding: 0px 0px 36px;
    }
    .solution-content .h5 {
        margin: 24px 0px;
    }
    section.callform {
        gap: 24px;
    }
    .modal {
        margin: 0px 15px;
    }
    .modal.zoom-image {
        margin: 0 auto;
    }
    .contact-map .whole {
        gap: 32px;
    }
    section.contact-form .whole {
        gap: 32px;
    }
    section.contact-form .whole .half:first-child {
        gap: 16px;
    }
    section.about-info>.whole {
        flex-direction: column-reverse;
    }
    section.about-info>.whole:first-child {
        margin-bottom: 0px;
    }
    section.about-info>.whole:first-child .half {
        margin-bottom: 32px;
    }
    section.about-info>.whole:last-child {
        gap: 36px;
    }
    section.about-info .whole.half {
        gap: 32px;
    }
    section.about-info .about-img {
        height: auto;
        max-height: 450px;
    }
    section.about-info .slide-holder {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-bottom: 24px;
    }
    .rating-logo {
        margin: 0 0 0 36px;
    }
    section.about-info .rating-slider {
        display: flex;
        flex-direction: column-reverse;
        max-width: none;
    }
    section.about-info .rating-pagination {
        margin-bottom: 0px;
        margin-top: 36px;
    }
    section.about-mission {
        gap: 48px;
    }
    section.about-mission .mission {
        margin-bottom: 24px;
    }
    section.about-mission br {
        display: none;
    }
    section.about-history .whole:first-child {
        margin-bottom: 40px;
    }
    section.about-history .whole:first-child .half:first-child {
        margin-bottom: 16px;
    }
    section.about-history .whole:last-child {
        flex-direction: column-reverse;
    }
    .about-history-img {
        max-height: 450px;
        height: auto;
        margin-bottom: 40px;
    }
    .history-slider,
    .history-slider-content {
        max-width: unset;
    }
    section.about-work .image-holder {
        margin: 0 auto 40px;
    }
    footer section {
        padding: 0px 16px;
    }
}
@media(max-width:1024px) {
    .blog-detail section.advantage{
        gap: 25px 0;
    }
    .blog-detail-adt-text, .blog-detail section {
        margin-top: 50px;
    }
    section.page-blog{
        margin-top: 0px;
    }
    .detail_service__first-screen--info {
        margin-bottom: 76px;
    }
    .detail_service__first-screen--video video {
        width: 100%;
    }
    .services-detail-main .bx-breadcrumb {
        margin-bottom: 8px;
    }
    .detail_service__first-screen--info h1 {
        max-width: unset;
    }
    .detail_service__first-screen {
        margin-bottom: 72px;
    }
    .detail_service__reclame--left {
        max-width: unset;
    }
    .name_width_photo {
        margin-bottom: 76px;
    }
    .detail_service__reclame--right .p2 {
        margin-bottom: 32px;
    }
    .tarifs-header {
        flex-direction: column-reverse;
    }
    .tarifs-header h2 {
        margin-bottom: 16px;
    }
    .tarifs-big-card {
        max-width: unset;
    }
    .look_services_scroll .half:first-child {
        margin-bottom: 16px;
    }
    .suitable .table.aspects .key {
        margin-top: 48px;
    }
    .suitable-key {
        font-size: 16px;
    }
    /* .cases_reviews .cases_slider, .services-reviews_slider {
        width: calc(50% - 12px);
    }
    .cases_reviews .cases_slider, .services-reviews_slider {
        padding: 48px 32px;
    } */
    .cases_reviews .service-big-card {
        padding: 36px 0px;
    }
    .cases_slider--header .half {
        width: 50% !important;
    }
    .cases_slider--header {
        align-items: center;
    }
    .services-detail-main .search-card {
        padding: 24px 24px 36px 24px;
    }
    .services-detail-main .search-content {
        margin-top: 24px;
    }
    .services-detail-main .cards-section {
        margin-top: 36px !important;
    }
    .services-detail-main .accordeon-item .p1 {
        max-width: 260px;
    }
    .reviews_slider--header .half {
        width: 50% !important;
    }
    .cases-meta-text .title {
        font-size: 18px;
    }
}
@media screen and (min-width: 992px) {
    .long-search-card button.icon {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .col-head {
        display: none;
    }
    .tabs-holder .select-tab {
        display: none;
    }
}
@media screen and (max-width: 991px) {
    .search-card {
        width: calc(50% - 72px);
    }
    .long-search-card button.glyph {
        display: none !important;
    }
    .controls-wrapper {
        padding: 24px;
    }
    .controls-wrapper-real {
        flex-direction: column;
    }
    .calculator-column {
        width: 100%;
    }
    .item-wrapper.radio {
        flex-wrap: wrap;
        gap: 12px 6px;
    }
    .location #contact-map{
        margin-bottom: 25px;
    }
    .rev-b-info {
        width: 100%;
        padding-top: 0;
        margin-bottom: 40px;
    }
    .rev-b-frame {
        width: 100%;
    }
    .rev-bottom-inner{
        padding: 0 20px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .table-price .row {
        justify-content: space-between;
    }
    .table-3 .col-1 {
        width: 55%;
    }
    .table-3 .col-3 {
        width: 25%;
    }
    section.page-head{
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
}
@media screen and (max-width: 767px) {
    .detail_service__reclame--right .tags .button{
        text-align: left;
    }
    .fag .garanties-accordeon {
        margin-top: 0;
    }
    .about-work-img{
        max-width: 100%;
    }
    section.search-head:not(.main-first){
        flex-direction: column;
    }
    section.case-tabs .tab-content {
        gap: 48px;
    }
    section.case-tabs .tab-content-item {
        width: 100%;
    }
    .form-title {
        gap: 16px;
    }
    section.callform {
        padding: 32px 24px;
        border-radius: 24px;
    }
    section.page-head {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 8px;
    }
    .table-price .row {
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 24px;
    }
    .table-body .row:not(:last-child) {
        padding-bottom: 24px;
        border-bottom: 1px solid var(--stroke);
    }
    .table-body .row>div {
        width: auto;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
    .table-head .row div:not(:first-child) {
        display: none;
    }
    .col-1 {
        width: 100% !important;
    }
    .price-tabs.tabs-holder .tab-head {
        height: 38px;
        flex-direction: column;
        transition: all .3s;
    }
    .price-tabs.tabs-holder .tab-head.closed {
        height: 66px;
        overflow: hidden;
    }
    .price-tabs.tabs-holder .tab-head.open {
        height: 234px;
        overflow: visible;
    }
    section.advantage {
        gap: 16px;
    }
    .advantage-description span {
        font-size: 14px;
    }
    .advantage-card-title {
        font-size: 24px;
        margin-top: 20px;
    }
    .advantage-card-description {
        font-size: 14px;
    }
    .solution-content {
        background-position: right;
        padding: 32px 24px;
    }
    .solution-content .h2 {
        font-size: 24px;
    }
    .solution-content .p2 {
        margin-top: 16px;
        margin-bottom: 24px;
    }
    section.partners .whole,
    section.prices .whole,
    section.location .whole {
        flex-direction: column-reverse;
    }
    section.partners .section-description,
    section.prices .section-description,
    section.location .section-description {
        margin: 32px 0 !important;
        display: block;
    }
    .partners-marquee {
        margin-bottom: 32px;
    }
    .services-wrapper {
        flex-direction: column;
        margin-top: 0;
    }
    section.prices .service-description {
        margin-bottom: 24px;
    }
    section.garanties img {
        max-width: 100%
    }
    .garanties-accordeon {
        margin-top: 32px;
    }
    .accordeon-number {
        font-size: 14px;
        margin-right: 16px;
    }
    .review-slide {
        padding: 32px 16px;
    }
    .review-slide button {
        width: 100%
    }
    .review-controls {
        margin-top: 0;
        text-align: center;
    }
    .review-controls .half:first-child {
        margin-bottom: 36px;
    }
    section.location .whole:nth-child(2) {
        margin-top: 0 !important;
    }
    .submit-form {
        flex-direction: column;
    }
    .map-labels {
        bottom: unset;
        top: 100%;
        left: -30px;
    }
    .location #contact-map {
        margin-bottom: 50%;
        margin-top: 64px;
    }
    footer section {
        padding: 24px 16px;
    }
    footer .logo {
        margin: 0
    }
    footer h4 {
        font-size: 24px;
        margin-top: 32px;
    }
    footer .main-menu {
        flex-wrap: wrap;
        gap: 10px;
        padding-bottom: 32px;
    }
    footer .main-menu-item {
        padding: 0;
    }
    .footer-buttons {
        flex-direction: column;
    }
    .outskirts {
        display: none;
    }
    .outskirts.mobile {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px 0;
    }
    .outskirts.mobile div {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .modal.modal-form {
        border-radius: 24px;
    }
    .modal .modal-body {
        padding: 48px 32px;
    }
    .modal.modal-bet .bet-item {
        width: 100%;
    }
    section.about-mission {
        padding: 32px 24px;
        border-radius: 24px;
    }
    .history-slider-content b {
        margin: 48px 0 24px;
    }
    section.about-work .image-holder:before,
    .company-text,
    .name-one,
    .name-two {
        display: none;
    }
    section.partners {
        overflow-x: hidden;
    }
    .search-card-content {
        padding-top: 54px;
    }
    .search-card,
    .long-search-card {
        width: 100%;
    }
    .cases_reviews .cases_slider, .services-reviews_slider {
        width: 100%;
        padding: 48px 16px;
    }
	.other--services.cards-section .search-content > div{
		width: 100%;
        padding: 48px 16px;
	}
    .cases_reviews .review-slide {
        padding: 32px 16px 0px;
    }
    .cases_reviews .service-big-card {
        padding: 0px;
    }
    .cases_reviews .reviews_slider--header {
        margin: 0px;
    }
}
@media screen and (max-width: 578px) {
    .detail_service__reclame{
        margin-bottom: 50px;
    }
    section:not(.main-first) {
        margin-top: 10px;
    }
    .modal .modal-body {
        padding: 20px 15px;
    }
    .main-menu-item a.h5{
        font-size: 16px;
    }
    .tabs-holder .tab-head {
        align-self: unset;
    }
    .case-tabs .tab-head-item {
        width: 50%;
    }
    .case-tabs .tab-content-item button {
        align-self: unset;
    }
    .main-form .form-bottom {
        flex-direction: column;
    }
    .main-form span {
        align-self: start;
    }
    .main-form span br {
        display: none;
    }
    .main-form button {
        justify-content: center;
        width: 100%;
    }
    section.about-info .about-img {
        height: 200px;
    }
    .about-history-img {
        height: 200px;
    }
    section.interaction {
        padding: 24px;
    }
    .close-modal{
        top: 10px;
        right: 10px;     
    }  
    .search-content-blogs-item-link {
        display: none;
    }
}
@media (max-width: 360px) {
    form.main-form {
        gap: 18px;
    }
    form.main-form input,
    form.main-form textarea {
        padding: 15px 20px;
    }
    .close-modal{
        top: 4px;
        right: 3px;
        width: 40px;
        height: 40px;        
    }   
}
@media screen and (min-width: 992px) {
	.desctb{
		display: flex;
	}
	.desctb ul{
		display: inline-block;
		width: 33%;
	}
}
@media screen and (max-width: 992px) {
	.slick-slider {
		margin-top: 80px !important;
	}
	#sotr_h_slider .slick-prev {
		bottom: unset;
		top: -70px;
		right: 120px;
	}
	#sotr_h_slider .slick-next{
		bottom: unset;
		top: -70px;
    	right: 40px;
	}
}
.tabs-holder .select-tab{
    text-wrap-mode: nowrap;
}


/* === Фикс шапки в зоне 1114-1379px (до включения бургера) === */
@media screen and (max-width: 1379px) and (min-width: 1114px) {

  /* Запрет переноса текста: "О нас" и телефон в одну строку */
  nav.main .main-menu-item > a.p1,
  nav.main .phone-number {
    white-space: nowrap;
  }

  /* Мессенджеры: только иконки, подписи скрываем */
  nav.main .header-socials__link {
    font-size: 0;
    gap: 0;
  }
  nav.main .header-socials__logo {
    width: 24px;
    height: 24px;
  }

  /* Отменяем складывание в колонку на <1191px — с иконками место есть */
  nav.main .header-socials {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }
  nav.main .main-menu-number {
    gap: 16px;
  }

  /* Компактнее телефон и внешние отступы шапки */
  nav.main .phone-number {
    padding: 10px 16px;
  }
  nav.main {
    padding: 0 24px;
    width: calc(100vw - 48px); /* синхронно с padding, в оригинале 89px под скроллбар+36px */
  }

  /* Чуть меньше лого */
  nav.main .logo img {
    max-width: 140px;
    height: auto;
  }
}
/* End */


/* Start:/local/templates/tonkiy/components/bitrix/menu/footer/style.min.css?1722849565490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/tonkiy/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/tonkiy/styles.css?1741613719375*/
div.services-detail-main {
  color: var(--dark);
}

.search-content a {
  box-sizing: border-box;
  display: block;
  font-weight: 500;
  margin: 0;
  text-decoration: none;
}

@media screen and (min-width: 992px) {
  .long-search-card a.icon {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .long-search-card a.glyph {
    display: none !important;
  }
}
/* End */


/* Start:/local/templates/tonkiy/template_styles.css?1741613719272*/
.pointer {
    cursor: pointer;
}

.cards-section-other .whole {
    gap: 10px;
}

.cards-section-other .search-content p {
    margin-top: 10px;
}

.team-block .whole {
    margin-bottom: 30px;
}

.team-block .whole .sotr-horizontal__title.h2 {
    margin-bottom: 30px;
}
/* End */
/* /local/templates/tonkiy/fonts/stylesheet.css?17228495651498 */
/* /local/templates/tonkiy/css/variables.css?17228495661647 */
/* /local/templates/tonkiy/css/defaults.css?17342689098279 */
/* /local/templates/tonkiy/css/main.css?175009231678804 */
/* /local/templates/tonkiy/css/adaptive.css?178323959420771 */
/* /local/templates/tonkiy/components/bitrix/menu/footer/style.min.css?1722849565490 */
/* /local/templates/tonkiy/styles.css?1741613719375 */
/* /local/templates/tonkiy/template_styles.css?1741613719272 */