@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;
  }
}

/* "Создание сайтов на Drupal для продвижения" */
.block-paragraph--82 {
  --tabs-width: 73%;
  --overlap-width: 95px;
  padding-top: 30px;
}
.block-paragraph--82 .block-paragraph__paragraphs {
  position: relative;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 80px;
}
.block-paragraph--82 .tabs-paragraph {
  position: relative;
  z-index: 1;
  width: var(--tabs-width);
  margin-bottom: 20px;
}
.block-paragraph--82 .tabs__nav {
  margin-right: calc(var(--overlap-width) + 5px);
}
.block-paragraph--82 .tabs__nav-item {
  flex-basis: 100%;
  flex-shrink: 1;
  flex-grow: 1;
  white-space: nowrap;
}
.block-paragraph--82 .tabs__panel-content {
  min-height: 400px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
  color: rgba(5, 5, 5, 0.8);
}
.block-paragraph--82 .tab-paragraph__text {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  align-items: start;
  gap: 0 60px;
}
.block-paragraph--82 .tab-paragraph__text img:first-child {
  grid-row: 1/100;
  align-self: center;
}
.block-paragraph--82 .tab-paragraph__text p {
  margin: 0 0 var(--p-margin);
}
.block-paragraph--82 .tab-paragraph__text p:last-child {
  margin-bottom: 0;
}
.block-paragraph--82 .block__image {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - var(--tabs-width) + var(--overlap-width));
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15% 0;
  margin: 0;
  padding: 40px 0 0 var(--overlap-width);
  background: linear-gradient(180deg, #F5B700 0%, #FFBE00 100%);
  border-radius: 0 20px 10px 0;
  border-top: 5px solid white;
}
.block-paragraph--82 .block__image figcaption {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
}
.block-paragraph--82 .block__bottom-pane {
  position: absolute;
  display: grid;
  grid-template-columns: 1fr calc(100% - var(--tabs-width));
  gap: 0 20px;
  align-items: center;
  width: 100%;
}
.block-paragraph--82 .block__description {
  justify-self: end;
  max-width: 550px;
  text-align: right;
  font-size: 11px;
  font-weight: 500;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
}
.block-paragraph--82 .block__form {
  text-align: center;
}
.block-paragraph--82 .block__form-link {
  width: 100%;
  max-width: 280px;
}
@media (max-width: 1220px) {
  .block-paragraph--82 .block-paragraph__paragraphs {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 990px) {
  .block-paragraph--82 {
    --overlap-width: 50px;
  }
  .block-paragraph--82 .tabs__panel-content {
    font-size: 12px;
  }
}
@media (max-width: 920px) {
  .block-paragraph--82 {
    --overlap-width: 0;
    --tabs-width: 100%;
  }
  .block-paragraph--82 .block__image {
    display: none;
  }
  .block-paragraph--82 .block__bottom-pane {
    grid-template-columns: 1fr max-content;
  }
  .block-paragraph--82 .block__form-link {
    width: 280px;
  }
}
@media (max-width: 700px) {
  .block-paragraph--82 .block-paragraph__paragraphs {
    margin-bottom: 0;
  }
  .block-paragraph--82 .tabs-paragraph {
    margin-bottom: 0;
  }
  .block-paragraph--82 .tabs__panel-content {
    min-height: initial;
  }
  .block-paragraph--82 .block__image {
    display: flex;
    position: static;
    margin-bottom: 40px;
    padding: 20px;
    border: none;
    border-radius: 0 0 10px 10px;
  }
  .block-paragraph--82 .block__bottom-pane {
    grid-template-columns: 1fr;
    row-gap: 20px;
    position: static;
  }
  .block-paragraph--82 .block__form {
    order: -1;
  }
  .block-paragraph--82 .block__description {
    justify-self: center;
    max-width: 280px;
  }
  .block-paragraph--82 .tab-paragraph__text {
    display: block;
  }
  .block-paragraph--82 .tab-paragraph__text img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
}

/* "Бесплатные модули Drupal для SEO продвижения сайта" */
.block-paragraph--72 {
  --item-left-offset: 80px;
}
.block-paragraph--72 .block-paragraph__paragraphs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: calc(var(--block-paragraph-title-margin-bottom) + var(--block-paragraph-content-padding));
}
.block-paragraph--72 .teaser-paragraph {
  padding: 35px 0;
}
.block-paragraph--72 .teaser-paragraph {
  position: relative;
}
.block-paragraph--72 .teaser-paragraph::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.block-paragraph--72 .teaser-paragraph > * {
  position: relative;
}
.block-paragraph--72 .teaser-paragraph:nth-child(odd) {
  padding-right: 80px;
  text-align: right;
}
.block-paragraph--72 .teaser-paragraph:nth-child(4n+1)::before {
  left: calc(100% - 50vw + var(--scrollbar-width) / 2);
  right: -15px;
  background-image: url("../../img/content/module-gradient-to-right.svg");
  background-position: right top;
}
.block-paragraph--72 .teaser-paragraph:nth-child(even) {
  padding-left: 80px;
}
.block-paragraph--72 .teaser-paragraph:nth-child(4n+4)::before {
  left: -15px;
  right: calc(100% - 50vw + var(--scrollbar-width) / 2);
  background-image: url("../../img/content/module-gradient-to-left.svg");
  background-position: left top;
}
.block-paragraph--72 .teaser-paragraph__title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  color: white;
}
.block-paragraph--72 .teaser-paragraph__text {
  display: inline-block;
  max-width: 450px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
  color: white;
}
@media (max-width: 820px) {
  .block-paragraph--72 .block-paragraph__paragraphs {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .block-paragraph--72 .teaser-paragraph {
    position: relative;
    z-index: 0;
  }
  .block-paragraph--72 .teaser-paragraph:nth-child(odd) {
    text-align: right;
  }
  .block-paragraph--72 .teaser-paragraph:nth-child(even) {
    text-align: left;
  }
  .block-paragraph--72 .teaser-paragraph::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
  }
  .block-paragraph--72 .teaser-paragraph:nth-child(odd)::before {
    left: var(--page-padding-negative);
    right: 0;
    background-image: url("../../img/content/module-gradient-to-right.svg");
    background-position: right top;
  }
  .block-paragraph--72 .teaser-paragraph:nth-child(even)::before {
    left: 0;
    right: var(--page-padding-negative);
    background-image: url("../../img/content/module-gradient-to-left.svg");
    background-position: left top;
  }
}
@media (max-width: 700px) {
  .block-paragraph--72 .teaser-paragraph:nth-child(odd) {
    padding-right: 50px;
  }
  .block-paragraph--72 .teaser-paragraph:nth-child(even) {
    padding-left: 50px;
  }
}

/* "Наш главный принцип разработки MVP Project" */
@media (max-width: 780px) {
  .block-paragraph--76 {
    padding-bottom: 0;
  }
}

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