@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--29 .text-paragraph {
  display: grid;
  grid-template-areas: "images text" "form   form";
  grid-template-columns: 170px 1fr;
  gap: 30px 40px;
}
.block-paragraph--29 .block__images {
  grid-area: images;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 70px 0;
  text-align: center;
}
.block-paragraph--29 .block__text {
  grid-area: text;
  min-height: 508px;
  padding: 60px 80px 60px 130px;
  background-image: url("../../img/content/block-arrow-bg-left-white-border-900x500.svg");
  background-position: left top;
  background-size: 100% 100%;
}
.block-paragraph--29 .block__text ul {
  --padding-left: 17px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 60px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.block-paragraph--29 .block__text li {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
}
.block-paragraph--29 .block__text li::before {
  width: 5px;
  height: 5px;
  margin-top: 0.9em;
}
.block-paragraph--29 .block__text-item-title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}
.block-paragraph--29 .block__text p {
  margin: 0;
}
.block-paragraph--29 .block__form {
  grid-area: form;
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 0 60px;
  align-items: start;
}
.block-paragraph--29 .block__form-description {
  font-size: 11px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.block-paragraph--29 .block__form-link {
  min-width: 300px;
}
@media (max-width: 1100px) {
  .block-paragraph--29 .block__form {
    grid-template-columns: 1fr max-content;
  }
}
@media (max-width: 1000px) {
  .block-paragraph--29 .text-paragraph {
    grid-template-areas: "images" "text" "form";
    grid-template-columns: minmax(0, 1fr);
  }
  .block-paragraph--29 .block__images {
    flex-direction: row;
  }
  .block-paragraph--29 .block__images img {
    flex-shrink: 1;
    flex-grow: 0;
  }
  .block-paragraph--29 .block__text li {
    font-size: 12px;
  }
}
@media (max-width: 800px) {
  .block-paragraph--29 .block__text {
    border: 1px solid #FFCA2E;
    border-radius: 30px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.05) 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    padding: 35px var(--page-padding);
  }
  .block-paragraph--29 .block__text ul {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
  .block-paragraph--29 .block__text li::before {
    display: none;
  }
  .block-paragraph--29 .block__form {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
  .block-paragraph--29 .block__form-link-pane {
    order: -1;
    text-align: center;
  }
  .block-paragraph--29 .block__form-link {
    min-width: 260px;
  }
}
@media (max-width: 360px) {
  .block-paragraph--29 .block__images img {
    width: 50%;
  }
}

/* "Преимущества Контекстной рекламы" */
.block-paragraph--34 {
  padding-bottom: 0;
}
.block-paragraph--34 .block-paragraph__paragraphs {
  position: relative;
  z-index: 0;
  --slide-margin: 20px;
  margin-left: -25px;
  margin-right: -25px;
  padding: 60px 0;
}
.block-paragraph--34 .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: rgba(255, 255, 255, 0.03);
}
.block-paragraph--34 .teaser-paragraph {
  padding: 40px 25px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  box-shadow: 0 2px 1px 0 rgba(255, 255, 255, 0.15) inset, 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}
.block-paragraph--34 .teaser-paragraph__image {
  margin-bottom: 38px;
}
.block-paragraph--34 .teaser-paragraph__image-image {
  display: block;
  width: 100%;
  aspect-ratio: 261/160;
  object-fit: contain;
}
.block-paragraph--34 .teaser-paragraph__title {
  margin-bottom: 20px;
  margin-right: -5px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
}
.block-paragraph--34 .teaser-paragraph__text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
}
.block-paragraph--34 .teaser-paragraph__text > p:first-child {
  margin-top: 0;
}
.block-paragraph--34 .teaser-paragraph__text > p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1240px) {
  .block-paragraph--34 .block-paragraph__paragraphs {
    margin-left: 0;
    margin-right: 0;
  }
}

/* "Тарифы ведения Контекстной рекламы" */
.block-paragraph--36 {
  --column-gap: 40px;
}
.block-paragraph--36 .block-paragraph__paragraphs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--column-gap);
  align-items: start;
}
.block-paragraph--36 .teaser-paragraph {
  padding: 35px 40px;
}
.block-paragraph--36 .teaser-paragraph__title {
  margin: -0.3em 0 30px 15px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.5;
  text-transform: uppercase;
}
.block-paragraph--36 .block-paragraph__subtitle {
  margin-bottom: 60px;
}
.block-paragraph--36 ul {
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 400;
}
.block-paragraph--36 .block__price {
  margin: 0 0 40px 0;
  padding: 4px 0 4px 35px;
  font-size: 16px;
  font-weight: 400;
}
.block-paragraph--36 .block__price b {
  font-size: 20px;
  font-weight: 900;
}
.block-paragraph--36 .block__link {
  margin-bottom: 20px;
  min-width: 260px;
}
.block-paragraph--36 .block__description {
  display: inline-block;
  min-width: 260px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.block-paragraph--36 .teaser-paragraph--left {
  margin-left: -20px;
  padding-left: 210px;
  background-image: url("../../img/content/block-arrow-bg-left-black-560x620.svg");
  background-position: right top;
  background-size: 100% 100%;
  color: white;
}
.block-paragraph--36 .teaser-paragraph--left .block__price {
  margin-right: -35px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  color: var(--color-text-white);
}
.block-paragraph--36 .teaser-paragraph--left .block__description {
  color: rgba(255, 255, 255, 0.7);
}
.block-paragraph--36 .teaser-paragraph--right {
  position: relative;
  margin-right: -20px;
  padding-left: 80px;
  padding-right: 180px;
  color: rgba(0, 0, 0, 0.8);
  background-image: url("../../img/content/block-arrow-bg-right-yellow-562x700.svg");
  background-position: left top;
  background-size: 100% 100%;
}
.block-paragraph--36 .teaser-paragraph--right .block__price {
  margin-left: -76px;
  padding-left: 76px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.block-paragraph--36 .teaser-paragraph--right .block__description {
  color: white;
}
.block-paragraph--36 .teaser-paragraph--right::after {
  --margin-left: 35px;
  content: "";
  position: absolute;
  left: var(--margin-left);
  width: calc(50vw - var(--column-gap) / 2 - var(--scrollbar-width) / 2 - var(--margin-left));
  top: 0;
  bottom: 8px;
  background: rgba(255, 255, 255, 0.05);
  z-index: -1;
}
@media (max-width: 1170px) {
  .block-paragraph--36 {
    --padding-from-center: 80px;
  }
  .block-paragraph--36 .teaser-paragraph {
    padding: 35px 40px;
    overflow: hidden;
  }
  .block-paragraph--36 .teaser-paragraph__text-content {
    max-width: 300px;
  }
  .block-paragraph--36 .block__price {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    background: none;
  }
  .block-paragraph--36 .teaser-paragraph--left {
    margin-left: var(--page-padding-negative);
    padding-right: var(--padding-from-center);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0 30px 30px 0;
    box-shadow: 0 2px 1px 0 rgba(255, 255, 255, 0.15) inset, 0 4px 4px rgba(0, 0, 0, 0.15);
  }
  .block-paragraph--36 .teaser-paragraph--left .teaser-paragraph__text-content {
    margin-left: auto;
  }
  .block-paragraph--36 .teaser-paragraph--left .block__price {
    margin-right: 0;
    padding-right: 0;
    background: none;
  }
  .block-paragraph--36 .teaser-paragraph--left .block__price::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -160px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  }
  .block-paragraph--36 .teaser-paragraph--right {
    margin-right: var(--page-padding-negative);
    padding-left: var(--padding-from-center);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(180deg, #FFBE00 0%, #E8AD00 100%);
    box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.25) inset, 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px 0 0 30px;
  }
  .block-paragraph--36 .teaser-paragraph--right .block__price {
    background: none;
    margin-left: 0;
    padding-left: 0;
  }
  .block-paragraph--36 .teaser-paragraph--right .block__price::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -160px;
    right: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  }
}
@media (max-width: 860px) {
  .block-paragraph--36 .block-paragraph__paragraphs {
    grid-template-columns: 1fr;
    row-gap: 20px;
    justify-items: center;
  }
  .block-paragraph--36 .teaser-paragraph {
    display: grid;
    justify-content: center;
    width: 100%;
    max-width: 400px;
    margin: 0;
    padding: 35px var(--page-padding);
    border-radius: 30px;
  }
  .block-paragraph--36 .teaser-paragraph__text-content {
    max-width: initial;
    margin: 0;
  }
}
@media (max-width: 600px) {
  .block-paragraph--36 {
    padding-bottom: 0;
  }
  .block-paragraph--36 .block-paragraph__paragraphs {
    margin-left: calc(50% - 50vw + var(--scrollbar-width) / 2);
    margin-right: calc(50% - 50vw + var(--scrollbar-width) / 2);
    row-gap: 0;
  }
  .block-paragraph--36 .teaser-paragraph {
    max-width: initial;
    border-radius: 0;
  }
}

/* "Как расходуется бюджет на Рекламные кампании" */
@media (max-width: 700px) {
  .block-paragraph--38 {
    padding-bottom: 0;
  }
  .block-paragraph--38 .block-paragraph__paragraphs {
    padding-bottom: 0;
  }
}

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