@charset "UTF-8";
/**
 * Strip unit from number.
 *
 * Example:
 *   strip-unit(10px) // 10
 *   strip-unit(10%) // 10
 *   strip-unit(10) // 10
 */
/* Convert string to number */
/* Convert pixels to relative units */
/* Convert px to % */
/* Convert px to vw */
/* Convert % to px */
/* Convert hex to rgb */
/* Shortcut for minmax(0, 1fr) */
/* String replace */
/* Trim string */
/* Return column width */
/* Return one column width */
/* Return columns count width in px */
/* Clearfix */
/* Remove clearfix */
/* Page padding */
/* Compensate horizontal page padding */
/* Layout row */
/* Layout cell */
/* Layout cell reset */
/* Layout row reset */
/* Dotted underline */
/* Dotted underline reset*/
/* Vertical center content  */
/* Justify columns */
/* Triangle */
/* Triangle color */
/* Outer lines */
/* Outer lines reset */
/* Background image with webp and fallback to jpg */
/* Remove button style */
/* Remove extreme property */
/* Remove first and last margins */
/* Remove first and list p margins */
/* Build inner selector */
/* Full width element */
/* Full width background */
/* Responsive font size */
/* Visually hidden */
/* Reset visually-hidden styles */
/* Hamburger icon */
/* Overlay */
/* Transition with multiple properties */
/* Lines using gradient */
/* Hide scrollbar but non disable scrolling */
/* Hide element */
/* Show element */
/* Centering absolute element */
/* Left icon */
/* Hide siblings */
/* Keep maximum first elements */
/* Adaptive version keep-first() mixin */
/* Add label colon */
/* Text inputs */
/* Background SVG with custom color */
:root {
  --color-text-white: rgba(255, 255, 255, 0.9);
  --color-text-black: rgba(0, 0, 0, 0.8);
  --color-text-black-07: rgba(0, 0, 0, 0.7);
  --color-current: var(--color-text-black);
  --color-link: currentColor;
  --color-link-hover: currentColor;
  --color-brand: #F5B700;
  --color-black-background: #212121;
  --page-font-family: "Montserrat", sans-serif;
  --page-font-family-second: Arial, sans-serif;
  --page-font-size: 14px;
  --page-line-height: 1.7;
  --page-max-width: 1115px;
  --page-min-width: 320px;
  --page-padding: 20px;
  --page-padding-negative: calc(var(--page-padding) * -1);
  --gutter-width: 20px;
  --scrollbar-width: 20px;
  --content-extra-max-width: 1400px;
  --sidebar-width: 20%;
  --breadcrumb-separator: "/";
  --overlay-background: rgba(black, 0.7);
  --dialog-padding: var(--gutter-width);
  --p-margin: 25px;
  --h1-font-size: 36px;
  --h2-font-size: 28px;
  --h3-font-size: 22px;
  --form-item-margin: 20px;
  --form-checkbox-width: 25px;
  --form-checkbox-height: 14px;
  --form-checkbox-right-margin: 10px;
  --z-index-overlay: 10;
  --z-index-dialog: 11;
  --local-task-background-color: #EDEDEE;
  --local-task-background-color-hover: #DADADE;
  --local-task-background-color-active: #7C7D7F;
  --local-task-font-size: 14px;
  --local-task-text-color: inherit;
  --local-task-text-color-hover: inherit;
  --local-task-text-color-active: white;
  --block-paragraph-padding: 70px;
  --block-paragraph-title-margin-bottom: 40px;
  --block-paragraph-content-padding: 60px;
}
@media (max-width: 1024px) {
  :root {
    --page-font-size: 13px;
    --page-padding: 20px;
  }
}
@media (max-width: 700px) {
  :root {
    --page-padding: 15px;
    --block-paragraph-padding: 50px;
    --block-paragraph-title-margin-bottom: 40px;
    --block-paragraph-content-padding: 40px;
  }
}

/* "Поисковое продвижение по запросам" */
.block-paragraph--43 {
  --honeycomb-rows: 5;
  --honeycomb-cols: 13;
  --honeycomb-margin: 15px;
  --padding-top: 40px;
  margin-left: calc(50% - 50vw + var(--scrollbar-width) / 2);
  margin-right: calc(50% - 50vw + var(--scrollbar-width) / 2);
  padding-left: var(--page-padding);
  padding-right: var(--page-padding);
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: var(--padding-top) 0 calc(var(--padding-top) * 2);
  background: #FBBB00;
}
.block-paragraph--43 .block-paragraph__paragraphs {
  max-width: var(--page-max-width);
  margin-left: auto;
  margin-right: auto;
}
.block-paragraph--43::before {
  display: none;
}
.block-paragraph--43 .block-paragraph__paragraphs {
  min-width: 900px;
  text-align: center;
}
.block-paragraph--43 .text-image-paragraph {
  position: relative;
  display: inline-block;
}
.block-paragraph--43 .text-image-paragraph__image {
  display: contents;
}
.block-paragraph--43 .text-image-paragraph__image-image {
  display: block;
  max-width: 100%;
  height: auto;
}
.block-paragraph--43 .text-image-paragraph__text {
  display: contents;
}
.block-paragraph--43 .text-image-paragraph::before {
  content: "";
  position: absolute;
  right: calc(100% - var(--honeycomb-margin) * 2 + 2px);
  top: calc(100% / var(--honeycomb-rows) / 2 - 4px);
  width: 50vw;
  height: 100%;
  background: url("../../img/content/honeycomb-left.svg") right top no-repeat;
}
.block-paragraph--43 .text-image-paragraph::after {
  content: "";
  position: absolute;
  left: calc(100% - var(--honeycomb-margin) * 2 + 2px);
  top: calc(100% / var(--honeycomb-rows) / 2 - 4px);
  width: 50vw;
  height: 100%;
  background: url("../../img/content/honeycomb-right.svg") left top no-repeat;
}
@media (max-width: 1070px) {
  .block-paragraph--43 .text-image-paragraph::before,
  .block-paragraph--43 .text-image-paragraph::after {
    display: none;
  }
}

/* Honeycomb */
.honeycomb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100% - 100% / var(--honeycomb-rows) / 2);
  display: grid;
  grid-template-columns: repeat(var(--honeycomb-cols), minmax(0, 1fr));
  grid-template-rows: repeat(var(--honeycomb-rows), minmax(0, 1fr));
  grid-auto-flow: column;
  margin: 0 var(--honeycomb-margin);
}
.honeycomb div {
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: #FFD867;
}
.honeycomb a {
  text-decoration: none;
}
.honeycomb .colore-white {
  color: white;
}
.honeycomb div[class^=pos-1-] {
  top: 50%;
}
.honeycomb div[class^=pos-3-] {
  top: 50%;
}
.honeycomb div[class^=pos-5-] {
  top: 50%;
}
.honeycomb div[class^=pos-7-] {
  top: 50%;
}
.honeycomb div[class^=pos-9-] {
  top: 50%;
}
.honeycomb div[class^=pos-11-] {
  top: 50%;
}
.honeycomb div[class^=pos-13-] {
  top: 50%;
}
.honeycomb .size-10 {
  font-size: 10px;
}
.honeycomb .size-11 {
  font-size: 11px;
}
.honeycomb .size-12 {
  font-size: 12px;
}
.honeycomb .size-13 {
  font-size: 13px;
}
.honeycomb .size-14 {
  font-size: 14px;
}
.honeycomb .size-15 {
  font-size: 15px;
}
.honeycomb .size-16 {
  font-size: 16px;
}
.honeycomb .size-17 {
  font-size: 17px;
}
.honeycomb .size-18 {
  font-size: 18px;
}
.honeycomb .size-19 {
  font-size: 19px;
}
.honeycomb .size-20 {
  font-size: 20px;
}
.honeycomb .size-21 {
  font-size: 21px;
}
.honeycomb .size-22 {
  font-size: 22px;
}
.honeycomb .size-23 {
  font-size: 23px;
}
.honeycomb .size-24 {
  font-size: 24px;
}
.honeycomb .size-25 {
  font-size: 25px;
}
.honeycomb .size-26 {
  font-size: 26px;
}
.honeycomb .size-27 {
  font-size: 27px;
}
.honeycomb .size-28 {
  font-size: 28px;
}
.honeycomb .size-29 {
  font-size: 29px;
}
.honeycomb .size-30 {
  font-size: 30px;
}
@media (max-width: 870px) {
  .honeycomb div[class^=pos-1-],
  .honeycomb div[class^=pos-13-] {
    visibility: hidden;
  }
}
@media (max-width: 740px) {
  .honeycomb div[class^=pos-2-],
  .honeycomb div[class^=pos-12-] {
    visibility: hidden;
  }
}
@media (max-width: 610px) {
  .honeycomb div[class^=pos-3-],
  .honeycomb div[class^=pos-11-] {
    visibility: hidden;
  }
}
@media (max-width: 480px) {
  .honeycomb div[class^=pos-4-],
  .honeycomb div[class^=pos-10-] {
    visibility: hidden;
  }
}
@media (max-width: 350px) {
  .honeycomb div[class^=pos-5-],
  .honeycomb div[class^=pos-9-] {
    visibility: hidden;
  }
}
@media (max-width: 220px) {
  .honeycomb div[class^=pos-6-],
  .honeycomb div[class^=pos-8-] {
    visibility: hidden;
  }
}
@media (max-width: 90px) {
  .honeycomb div[class^=pos-7-],
  .honeycomb div[class^=pos-7-] {
    visibility: hidden;
  }
}
@media (max-width: -40px) {
  .honeycomb div[class^=pos-8-],
  .honeycomb div[class^=pos-6-] {
    visibility: hidden;
  }
}
@media (max-width: -170px) {
  .honeycomb div[class^=pos-9-],
  .honeycomb div[class^=pos-5-] {
    visibility: hidden;
  }
}
@media (max-width: -300px) {
  .honeycomb div[class^=pos-10-],
  .honeycomb div[class^=pos-4-] {
    visibility: hidden;
  }
}
@media (max-width: -430px) {
  .honeycomb div[class^=pos-11-],
  .honeycomb div[class^=pos-3-] {
    visibility: hidden;
  }
}
@media (max-width: -560px) {
  .honeycomb div[class^=pos-12-],
  .honeycomb div[class^=pos-2-] {
    visibility: hidden;
  }
}
@media (max-width: -690px) {
  .honeycomb div[class^=pos-13-],
  .honeycomb div[class^=pos-1-] {
    visibility: hidden;
  }
}

/* "Результаты продвижения сайтов клиентов" */
.block-paragraph--105 .block-paragraph__subtitle {
  margin-bottom: calc(var(--block-paragraph-padding) * 2);
}
@media (max-width: 700px) {
  .block-paragraph--105 .block-paragraph__subtitle {
    margin-bottom: var(--block-paragraph-padding);
  }
}

/* "Наши постоянные клиенты" */
.block-paragraph--45 .block-paragraph__paragraphs {
  position: relative;
  z-index: 0;
  padding: 33px 0 67px;
}
.block-paragraph--45 .block-paragraph__paragraphs::before {
  content: "";
  position: absolute;
  top: 0;
  left: -140px;
  right: -140px;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
}
.block-paragraph--45 .clients-slider {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.block-paragraph--45 .teaser-paragraph {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 3px;
  color: white;
}
.block-paragraph--45 .teaser-paragraph__image {
  display: grid;
  grid-template-columns: 190px 1fr;
  align-items: center;
  margin: 0;
  padding: 0 48px 0 0;
  text-align: center;
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.block-paragraph--45 .teaser-paragraph__image-image {
  justify-self: center;
}
.block-paragraph--45 .teaser-paragraph__image-caption {
  font-size: 12px;
  font-weight: 400;
  text-align: right;
}
.block-paragraph--45 .teaser-paragraph__link--image {
  text-decoration: none;
}
.block-paragraph--45 .teaser-paragraph__link--image .teaser-paragraph__image {
  height: 100%;
}
.block-paragraph--45 .teaser-paragraph__text-content {
  padding: 18px 66px 18px 78px;
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
}
.block-paragraph--45 .teaser-paragraph__title {
  margin: -2px 0 8px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.block-paragraph--45 .teaser-paragraph__text {
  font-size: 12px;
  font-weight: 400;
}
.block-paragraph--45 .teaser-paragraph__text > p:first-child {
  margin-top: 0;
}
.block-paragraph--45 .teaser-paragraph__text > p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1450px) {
  .block-paragraph--45 .block-paragraph__paragraphs {
    position: relative;
    z-index: 0;
  }
  .block-paragraph--45 .block-paragraph__paragraphs::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 50vw + var(--scrollbar-width) / 2);
    right: calc(50% - 50vw + var(--scrollbar-width) / 2);
    height: 100%;
    z-index: -1;
    border-radius: 0;
  }
}
@media (max-width: 900px) {
  .block-paragraph--45 .block-paragraph__paragraphs {
    margin-left: var(--page-padding-negative);
    margin-right: var(--page-padding-negative);
    padding-bottom: 0;
  }
  .block-paragraph--45 .clients-slider {
    row-gap: 50px;
  }
  .block-paragraph--45 .teaser-paragraph {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .block-paragraph--45 .teaser-paragraph__image {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
  .block-paragraph--45 .teaser-paragraph__image-caption {
    text-align: center;
  }
  .block-paragraph--45 .teaser-paragraph__text-content {
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    border-radius: 0;
  }
  .block-paragraph--45 .teaser-paragraph__title {
    font-size: 13px;
  }
  .block-paragraph--45 .teaser-paragraph__text {
    font-size: 11px;
  }
}

/* Clients slider */
.clients-slider {
  position: relative;
  /*.tns-controls[style="display: none;"] ~ .tns-ovh & {
    padding-bottom: 0;
  }*/
}
.clients-slider .teaser-paragraph:nth-child(n+5) {
  display: none;
  visibility: hidden;
}
.clients-slider.tns-slider .teaser-paragraph:nth-child(n+5) {
  display: grid;
}
.clients-slider.tns-initialized .teaser-paragraph:nth-child(n+5) {
  visibility: visible;
}
.block-paragraph--45 button[data-controls=prev] {
  display: none;
}

.block-paragraph--45 button[data-controls=next] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: rgba(217, 217, 217, 0.1);
  background-image: url("../../img/arrow-bottom-white-14x6.svg");
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: center 55%;
  box-shadow: none;
  text-indent: -9999px;
}

.block-paragraph--45 .tns-ovh:has(.tns-slide-active:last-child) {
  margin-bottom: 20px;
}

/* "Тарифы ведения Поискового продвижения сайта" */
.block-paragraph--52 .block-paragraph__paragraphs {
  position: relative;
  z-index: 0;
}
.block-paragraph--52 .block-paragraph__paragraphs::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 50vw + var(--scrollbar-width) / 2);
  right: calc(50% - 50vw + var(--scrollbar-width) / 2);
  height: 100%;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
}
.block-paragraph--52 .block-paragraph__paragraphs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 40px;
  margin-left: -25px;
  margin-right: -25px;
  padding: var(--block-paragraph-content-padding) 0 0 0;
}
.block-paragraph--52 .teaser-paragraph {
  padding: 50px 60px;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  font-size: 15px;
  font-weight: 400;
}
.block-paragraph--52 .teaser-paragraph__title {
  margin: 0 0 50px 0;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
}
.block-paragraph--52 .block__text {
  margin-bottom: 80px;
}
.block-paragraph--52 .block__price {
  margin-bottom: 26px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.block-paragraph--52 .block__price b {
  font-size: 20px;
  font-weight: 900;
}
.block-paragraph--52 .block__form {
  text-align: center;
}
.block-paragraph--52 .block__form-link {
  min-width: 260px;
}
.block-paragraph--52 .teaser-paragraph--left {
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%) no-repeat, linear-gradient(270deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%) no-repeat;
}
.block-paragraph--52 .teaser-paragraph--left .teaser-paragraph__text-content {
  background: url("../../img/content/content-logo-for-black.svg") center 40% no-repeat;
}
.block-paragraph--52 .teaser-paragraph--left .block__price {
  color: var(--color-text-white);
}
.block-paragraph--52 .teaser-paragraph--right {
  color: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, #CF9A00 0%, #FFBE00 100%);
}
.block-paragraph--52 .teaser-paragraph--right .teaser-paragraph__text-content {
  background: url("../../img/content/content-logo-for-yellow.svg") center 40% no-repeat;
}
@media (max-width: 1190px) {
  .block-paragraph--52 .block-paragraph__paragraphs {
    column-gap: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  .block-paragraph--52 .teaser-paragraph__text-content {
    background-size: contain !important;
  }
}
@media (max-width: 900px) {
  .block-paragraph--52 .block-paragraph__paragraphs {
    grid-template-columns: 1fr;
    row-gap: 20px;
    justify-items: center;
  }
  .block-paragraph--52 .teaser-paragraph {
    width: 100%;
    max-width: 500px;
  }
}
@media (max-width: 480px) {
  .block-paragraph--52 .block-paragraph__paragraphs {
    row-gap: 0;
    margin-left: var(--page-padding-negative);
    margin-right: var(--page-padding-negative);
    padding: 0;
  }
  .block-paragraph--52 .teaser-paragraph {
    padding: var(--block-paragraph-content-padding) 30px;
    border-radius: 0;
    font-size: 14px;
  }
  .block-paragraph--52 .teaser-paragraph__title {
    font-size: 20px;
  }
}

/* "Остались вопросы по теме Поисковое продвижение сайтов" */
.block-paragraph--54 .block-paragraph__subtitle {
  margin-bottom: 60px;
}

/*# sourceMappingURL=node-5.css.map */