@font-face {
  font-family: "BebasNeuePro";
  src: local("BebasNeuePro Book"), local("BebasNeueProBook"),
    url("/include/fonts/BebasNeuePro-Book.woff2") format("woff2"),
    url("/include/fonts/BebasNeuePro-Book.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BebasNeuePro";
  src: local("BebasNeuePro Middle"), local("BebasNeueProMiddle"),
    url("/include/fonts/BebasNeuePro-Middle.woff2") format("woff2"),
    url("/include/fonts/BebasNeuePro-Middle.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BebasNeuePro";
  src: local("BebasNeuePro Regular"), local("BebasNeueProRegular"),
    url("/include/fonts/BebasNeuePro-Regular.woff2") format("woff2"),
    url("/include/fonts/BebasNeuePro-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BebasNeuePro";
  src: local("BebasNeuePro Bold"), local("BebasNeueProBold"),
    url("/include/fonts/BebasNeuePro-Bold.woff2") format("woff2"),
    url("/include/fonts/BebasNeuePro-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Light"), local("MontserratLight"),
    url("/include/fonts/Montserrat-Light.woff2") format("woff2"),
    url("/include/fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Regular"), local("MontserratRegular"),
    url("/include/fonts/Montserrat-Regular.woff2") format("woff2"),
    url("/include/fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Medium"), local("MontserratMedium"),
    url("/include/fonts/Montserrat-Medium.woff2") format("woff2"),
    url("/include/fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: local("Montserrat SemiBold"), local("MontserratSemiBold"),
    url("/include/fonts/Montserrat-SemiBold.woff2") format("woff2"),
    url("/include/fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: local("Montserrat ExtraBold"), local("MontserratExtraBold"),
    url("/include/fonts/Montserrat-ExtraBold.woff2") format("woff2"),
    url("/include/fonts/Montserrat-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/*!!!* ОБЩИЙ СБРОС И ОБЩИЕ НАСТРОЙКИ *!!!*/

@media all {
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }

  html {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    min-height: calc(var(--ah, 1vh) * 100);
    background-color: var(--color-white);
    box-sizing: border-box;
  }

  html.with-fancybox body.hide-scrollbar {
    width: calc(100% - var(--fancybox-body-margin, 0px) - var(--fancybox-scrollbar-compensate, 0px)) !important;
  }

  .block-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .items-reset {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
  }

  b {
    font-weight: 500;
  }

  .nowrap {
    white-space: nowrap;
  }

  a,
  a:link,
  a:focus,
  a:hover,
  a:active,
  a:visited,
  a:visited:hover {
    text-decoration: none;
  }

  *,
  *:link,
  *:focus,
  *:hover,
  *:active,
  *:visited,
  *:visited:hover
  {
    outline: none;
    -webkit-tap-highlight-color: var(--color-black);
    -webkit-tap-highlight-color: transparent;
  }

  [href^="tel:"],
  [href^="tel:"]:hover,
  [href^="tel:"]:visited {
    border-bottom: 0;
    color: currentColor;
    text-decoration: none;
    white-space: nowrap;
  }

  .btn-reset {
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
  }

  img {
    display: block;
    max-width: 100%;
    font-size: 70%;
    color: var(--color-black);
    object-fit: cover;
  }

  svg {
    display: block;
  }

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

/*!!!* CUSTOM PROPERTIES *!!!*/

:root {
  --width-body: 1600px;
  --width-container: 1600px;
  --padding-container: 60px;
  --padding-block: 120px;
  --color-white: #ffffff;
  --color-black: #000;
  --color-red: #ff0000;
  /* --color-bg-blue: rgba(0,86,150,0.12); */
  /* --color-bg-white: rgba(255,255,255,0.3); */
}

@media (max-width: 1440px) {
  :root {
    --padding-container: 40px;
    --padding-block: 100px;
  }
}

@media (max-width: 1200px) {
  :root {
    --padding-container: 30px;
  }
}

@media (max-width: 1024px) {
  :root {
    --padding-container: 20px;
    --padding-block: 80px;
  }
}

/*!!!* GLOB STYLES *!!!*/

@media all {
  .en-page {
    position: relative;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex: auto;
    overflow: visible;
    width: 100%;
    min-width: 320px;
    max-width: var(--width-body);
    min-height: 100vh;
    min-height: calc(var(--ah, 1vh) * 100);
    font-family: 'Montserrat', sans-serif;
    color: var(--color-black);
    font-weight: 300;
  }

  .en-main {
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: auto;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    background-color: var(--color-bg-blue);
  }

  .en-container {
    position: relative;
    margin: 0 auto;
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
    width: 100%;
    max-width: var(--width-container);
  }

  .en-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 14px 37px;
    border: 2px solid;
    border-color: var(--color-black);
    border-radius: 4px;
    font-family: 'BebasNeuePro', sans-serif;
    font-size: 27px;
    line-height: 27px;
    color: var(--color-white);
    font-weight: 400;
    text-transform: uppercase;
    transition: border-color .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out;
    background-color: var(--color-black);
    cursor: pointer;
  }

  @media (min-width: 1025px) {
    .en-btn:hover {
      border-color: var(--color-black);
      color: var(--color-black);
      background-color: transparent;
    }
  }

  .en-btn--red {
    border-color: var(--color-red);
    background-color: var(--color-red);
  }

  .en-btn--forms {
    margin-top: 10px;
    padding: 15px 37px;
    font-size: 21px;
    letter-spacing: 1px;
    line-height: 21px;
  }
}

@media (max-width: 1440px) {
  .en-btn {
    padding: 15px 37px;
    font-size: 21px;
    letter-spacing: 1px;
    line-height: 21px;
  }
}

@media (max-width: 1200px) {
  .en-btn {
    padding: 15px 27px 13px 28px;
    font-size: 17px;
    font-weight: 500;
    line-height: 16px;
  }
}

@media (max-width: 480px) {
  .en-btn--red {
    padding: 14px 37px;
    font-size: 27px;
    line-height: 27px;
  }
}

/*!!!* ПЕРВЫЙ ЭКРАН *!!!*/

@media all {
  .en-container--page {
    --columns: 5;
    --gap: 60px;
    padding-top: 40px;
  }

  .en-title {
    position: relative;
    flex-direction: column;
    flex: auto;
    padding-top: 96px;
    padding-bottom: 50px;
    width: 100%;
    background-color: var(--color-bg-blue);
  }

  .en-company {
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    gap: 50px;
    width: 100%;
    opacity: 0.88;
    background-color: var(--color-bg-blue);
  }

  .en-company > img {
    width: 160px;
    height: 16px;
    object-fit: fill;
  }

  .en-company > a {
    display: inline-block;
    margin: 0;
    margin-top: -1px;
    margin-bottom: -2px;
    font-size: 20px;
    line-height: 17px;
    font-weight: 500;
    transition: opacity .3s ease-in-out;
    background-color: var(--color-bg-blue);
  }

  @media (min-width: 1025px) {
    .en-company > a:hover {
      opacity: 0.68;
    }
  }

  .en-title__subtitle {
    margin: 0;
    margin-top: -7px;
    margin-bottom: -5px;
    width: calc(((100% - var(--gap)*(var(--columns) - 1))/var(--columns))*3 + var(--gap) - (((100% - var(--gap)*(var(--columns) - 1))/var(--columns))/2) - (var(--gap)/2) - 10px);
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
    background-color: var(--color-bg-blue);
  }

  .en-title__subtitle > b {
    font-weight: 600;
  }

  .en-title__header {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: auto;
    margin-bottom: 80px;
    z-index: 2;
  }

  .en-title__title {
    position: relative;
    flex-direction: column;
    margin: 0;
    margin-top: -13px;
    margin-bottom: -13px;
    margin-left: -3px;
    padding-bottom: 60px;
    font-family: 'BebasNeuePro', sans-serif;
    font-size: 105px;
    line-height: 100px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-title__title b {
    font-weight: 600;
  }

  .en-title__title .en-logo {
    position: absolute;
    display: inline-block;
    margin-top: 3px;
    margin-left: 20px;
    width: 422px;
    height: 94px;
    color: transparent;
    background-image: url("/images/icons/youtube.svg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: var(--color-bg-blue);
  }

  .en-title-btn {
    gap: 30px;
    z-index: 10;
    background-color: var(--color-bg-blue);
  }

  .en-title-btn--mobile {
    display: none;
  }

  .en-title-img {
    position: absolute;
    top: 0;
    right: calc(var(--gap)*(-1));
    bottom: 0;
    width: calc(((100% - var(--gap)*(var(--columns) - 1))/var(--columns))*2 + (var(--gap)*3) + (((100% - var(--gap)*(var(--columns) - 1))/var(--columns))/2) + (var(--gap)/2) + 10px);
    z-index: 1;
    background-image: url("/images/advertising-on-youtube.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .en-info {
    align-items: start;
    gap: var(--gap);
    margin-bottom: 80px;
    width: 100%;
    background-color: var(--color-bg-blue);
  }

  .en-offer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* align-self: center; */
    gap: 25px;
    padding-top: 50px;
    width: calc(((100% - var(--gap)*(var(--columns) - 1))/var(--columns))*3);
    background-color: var(--color-bg-blue);
  }

  .en-offer__title {
    margin: 0;
    margin-top: -4px;
    margin-bottom: -4px;
    padding-bottom: 10px;
    font-family: 'BebasNeuePro', sans-serif;
    font-size: 43px;
    line-height: 38px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-offer__text {
    margin: 0;
    margin-top: -6px;
    margin-bottom: -4px;
    font-size: 16px;
    line-height: 120%;
    font-weight: 300;
    background-color: var(--color-bg-blue);
  }

  .en-offer__text--min {
    position: relative;
    margin-top: -5px;
    margin-bottom: -4px;
    font-size: 14px;
  }

  .en-offer__text--min::after {
    content: "";
    position: absolute;
    top: -4px;
    right: -15px;
    bottom: -6px;
    left: -15px;
    background-color: #ebebeb;
    z-index: -1;
  }

  .en-offer__text--min span {
    position: relative;
    font-weight: 500;
  }

  .en-offer__text--min span:first-of-type {
    font-weight: 600;
  }

  .en-offer__text:last-of-type {
    padding-bottom: 10px;
  }

  .en-clients {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: center;
    width: calc(((100% - var(--gap)*(var(--columns) - 1))/var(--columns))*3 + var(--gap) - (((100% - var(--gap)*(var(--columns) - 1))/var(--columns))/2) - (var(--gap)/2) - 10px);
    background-color: var(--color-bg-blue);
  }

  .en-clients__title {
    margin: 0;
    margin-top: -3px;
    margin-bottom: -3px;
    padding-bottom: 40px;
    font-family: 'BebasNeuePro', sans-serif;
    font-size: 34px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-clients-items {
    --columns: 4;
    --gap: 60px;
    row-gap: 30px;
    column-gap: var(--gap);
    width: 100%;
    background-color: var(--color-bg-blue);
  }

  .en-clients-item {
    justify-content: center;
    align-items: center;
    width: calc((100% - var(--gap)*(var(--columns) - 1))/var(--columns));
    background-color: var(--color-bg-blue);
  }

  .en-clients-item > a {
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: var(--color-bg-blue);
  }

  .en-clients-item > a > img {
    align-self: center;
    width: 100%;
    height: auto;
    opacity: 0.88;
    transition: filter .3s ease-in-out;
    filter: grayscale(100%);
  }

  @media (min-width: 1025px) {
    .en-clients-item > a:hover > img {
      filter: grayscale(0%);
    }
  }

  .en-price {
    flex-direction: column;
    gap: 40px;
    margin-top: -123px;
    padding: 70px 40px;
    width: calc(((100% - var(--gap)*(var(--columns) - 1))/var(--columns)) + (var(--gap)*2) + (((100% - var(--gap)*(var(--columns) - 1))/var(--columns))/2) - (var(--gap)/2) + 80px);
    font-family: 'BebasNeuePro', sans-serif;
    text-transform: uppercase;
    color: var(--color-white);
    background-color: var(--color-black);
    z-index: 20;
  }

  .en-price-text {
    gap: 22px;
    background-color: var(--color-bg-white);
  }

  .en-price-text--mobile {
    display: none;
  }

  .en-price-text > p {
    margin: 0;
    margin-top: -6px;
    margin-bottom: -4px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 120%;
    font-weight: 300;
    text-transform: none;
    background-color: var(--color-bg-white);
  }

  .en-price-text--mobile > p {
    margin-top: -4px;
    margin-bottom: -2px;
    font-size: 15px;
    line-height: 14px;
    color: var(--color-white) !important;
  }

  .en-price-services {
    flex-direction: column;
    gap: 40px;
  }

  .en-formats-items {
    flex-direction: column;
    gap: 30px;
  }

  .en-formats-item {
    flex-direction: column;
    gap: 10px;
  }

  .en-terms {
    flex-direction: column;
    gap: 10px;
  }

  .en-price__title {
    margin: 0;
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 34px;
    line-height: 30px;
    font-weight: 500;
    background-color: var(--color-bg-white);
  }

  h3.en-price__subtitle {
    margin: 0;
    margin-top: -4px;
    margin-bottom: -4px;
    font-size: 44px;
    line-height: 39px;
    font-weight: 500;
    background-color: var(--color-bg-white);
  }

  p.en-price__subtitle {
    margin: 0;
    margin-top: -4px;
    margin-bottom: -2px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 14px;
    font-weight: 300;
    text-transform: none;
    background-color: var(--color-bg-white);
  }

  .en-terms__text {
    margin: 0;
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 34px;
    line-height: 30px;
    font-weight: 300;
    background-color: var(--color-bg-white);
  }

  .en-agentstvo {
    align-items: end;
    align-self: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    flex: 1;
    gap: 30px;
    background-color: var(--color-bg-blue);
  }

  .en-agentstvo p {
    margin: 0;
    margin-top: -9px;
    margin-bottom: -5px;
    max-width: 500px;
    font-size: 26px;
    line-height: 28px;
    font-weight: 500;
    text-align: right;
    background-color: var(--color-bg-blue);
  }

  .en-agentstvo p b {
    font-weight: 800;
  }

  .en_znachok {
    width: 240px;
  }
}

@media (max-width: 1440px) {
  .en-container--page {
    --gap: 40px;
    padding-top: 30px;
  }

  .en-clients-items {
    --gap: 30px;
    row-gap: 30px;
  }

  .en-agentstvo p {
    margin-top: -7px;
    max-width: 420px;
    font-size: 22px;
    line-height: 24px;
  }
}

@media (max-width: 1200px) {
  .en-container--page {
    --gap: 30px;
  }

  .en-title__subtitle {
    margin-top: -5px;
    margin-bottom: -3px;
    margin-left: -1px;
    font-size: 15px;
    line-height: 16px;
  }

  .en-title__subtitle > span {
    width: 35px;
    height: 11px;
  }

  .en-title__header {
    margin-bottom: 40px;
  }

  .en-title__title {
    margin-top: -12px;
    margin-bottom: -12px;
    margin-left: -2px;
    padding-bottom: 50px;
    font-size: 74px;
    line-height: 76px;
  }

  .en-title__title .en-logo {
    margin-top: 2px;
    margin-left: 13px;
    width: 323px;
    height: 72px;
  }

  .en-title-img {
    width: calc(100% - 419px - var(--gap)*2);
    background-image: url("/images/advertising-on-youtube_680.webp");
  }

  .en-info {
    margin-bottom: 60px;
  }

  .en-offer {
    width: calc(((100% - var(--gap)*(var(--columns) - 1))/var(--columns))*3 + var(--gap)*2);
  }

  .en-clients {
    width: calc(419px + var(--gap)*3);
  }

  .en-clients__title {
    margin-top: -1px;
    margin-bottom: -1px;
    font-size: 27px;
    line-height: 21px;
  }

  .en-price {
    gap: 30px;
    margin-top: -128px;
    margin-left: 0;
    padding: 40px 20px;
    width: calc(50% - var(--gap)*2);
    max-width: 360px;
  }  

  .en-price-services {
    gap: 30px;
  }

  .en-price__title {
    margin-top: -1px;
    margin-bottom: -1px;
    font-size: 27px;
    line-height: 21px;
  }

  .en-formats-items {
    gap: 20px;
  }

  h3.en-price__subtitle {
    margin-top: -2px;
    margin-bottom: -2px;
    font-size: 35px;
    line-height: 29px;
  }

  .en-terms__text {
    font-size: 24px;
    line-height: 21px;
  }

  .en-agentstvo p {
    margin-top: -6px;
    margin-bottom: -4px;
    max-width: 340px;
    font-size: 18px;
    line-height: 20px;
  }

  .en_znachok {
    width: 200px;
  }
}

@media (max-width: 1024px) {
  .en-container--page {
    justify-content: center;
    --gap: 20px;
    padding-top: 40px;
  }

  .en-title {
    align-items: center;
    padding-top: 64px;
    padding-bottom: 30px;
  }

  .en-company {
    justify-content: space-between;
    gap: 40px;
  }

  .en-company > img {
    width: 140px;
    height: 14px;
  }

  .en-company > a {
    margin-top: -1px;
    margin-bottom: -1px;
    font-size: 17px;
    line-height: 12px;
  }

  .en-title__subtitle {
    width: 100%;
    max-width: none;
    text-align: center;
  }

  .en-title__header {
    align-items: center;
    margin-bottom: 0;
  }

  .en-title__title {
    margin-top: -5px;
    margin-bottom: -24px;
    padding-bottom: 44px;
    line-height: 62px;
    text-align: center;
  }

  .en-title__title .en-logo {
    position: relative;
    margin-top: -19px;
    margin-bottom: 0;
    margin-left: 1px;
    width: 278px;
    height: 62px;
  }

  .en-title-img {
    display: none;
  }

  .en-title-btn {
    display: none;
  }

  .en-title-btn--mobile {
    display: flex;
    margin-top: -20px;
    order: 2;
  }

  .en-info {
    flex-direction: column;
    align-items: center;
    gap: 50px;
    width: 100%;
  }

  .en-clients {
    align-items: center;
    order: 2;
    width: 100%;
    max-width: 600px;
  }

  .en-clients__title {
    padding-bottom: 30px;
  }

  .en-price {
    align-items: center;
    order: 1;
    margin-top: 0;
    margin-left: 0;
    padding: 0;
    width: 100%;
    max-width: 500px;
    text-align: center;
    background-color: transparent;
  }

  .en-price-text > p {
    color: var(--color-black);
  }

  .en-price-text--mobile {
    display: flex;
  }

  .en-price-text > p:nth-of-type(3) {
    display: none;
  }

  .en-price-services {
    padding: 40px 20px;
    background-color: var(--color-black);
  }

  .en-formats-items {
    flex-direction: row;
    justify-content: center;
    gap: 20px;
  }

  .en-offer {
    align-items: center;
    order: 3;
    padding-top: 0;
    width: 100%;
    max-width: 600px;
  }

  .en-offer__title {
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 34px;
    line-height: 30px;
    text-align: center;
  }

  .en-offer__text {
    text-align: center;
  }

  .en-agentstvo {
    align-items: center;
    align-self: center;
  }
}

@media (max-width: 768px) {
  .en-agentstvo {
    flex-direction: column;
    gap: 20px;
  }

  .en-agentstvo p {
    max-width: 420px;
    text-align: center;
  }
}

@media (max-width: 576px) {
  .en-title__subtitle {
    width: 100%;
    max-width: 480px;
  }

  .en-info {
    width: 100%;
  }

  .en-price {
    max-width: none;
  }
}

@media (max-width: 480px) {
  .en-title-btn {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}

@media (max-width: 425px) {
  .en-title {
    padding-top: 52px;
  }

  .en-company > img {
    width: 120px;
    height: 12px;
  }

  .en-title__title {
    margin-top: -5px;
    margin-bottom: -5px;
    margin-left: -1px;
    padding-bottom: 20px;
    font-size: 41px;
    line-height: 39px;
  }

  .en-title__title .en-logo {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1px;
    width: 175px;
    height: 39px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .en-title-img {
    background-image: url("/images/advertising-on-youtube.jpg");
  }
}

/*!!!* ЭТАПЫ РАБОТ *!!!*/

@media all {
  .en-stages {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    min-height: 100px;
    margin-bottom: 80px;
  }

  .en-stages::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(var(--padding-container)*-1);
    bottom: 0;
    left: calc(var(--padding-container)*-1);
    background-color: rgba(0,0,0,0.08);
    z-index: -1;
  }

  .en-stages__title {
    margin: 0;
    margin-top: -4px;
    margin-bottom: -4px;
    padding-bottom: 30px;
    font-family: 'BebasNeuePro', sans-serif;
    font-size: 43px;
    line-height: 38px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-stages-items {
    --columns: 3;
    --gap: 40px;
    gap: var(--gap);
  }

  .en-stages-item {
    position: relative;
    align-items: center;
    width: calc((100% - var(--gap)*(var(--columns) - 1))/var(--columns));
    height: 70px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 60px;
  }

  .en-stages-item--youtube-channel-audit {
    background-image: url("/images/icons/work-stages/youtube-channel-audit.svg");
  }

  .en-stages-item--target-audience {
    background-image: url("/images/icons/work-stages/target-audience.svg");
  }

  .en-stages-item--launch-promotion {
    background-image: url("/images/icons/work-stages/launch-promotion.svg");
  }

  .en-stages-item p {
    margin: 0;
    margin-top: -6px;
    margin-bottom: -4px;
    padding-left: 80px;
    font-size: 16px;
    line-height: 120%;
    font-weight: 300;
    background-color: var(--color-bg-blue);
  }
}

@media (max-width: 1200px) {
  .en-stages {
    justify-content: center;
    margin-bottom: 60px;
  }
}

@media (max-width: 1024px) {
  .en-stages {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .en-stages__title {
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 34px;
    line-height: 30px;
    text-align: center;
  }

  .en-stages-items {
    --columns: 1;
    --gap: 30px;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 600px;
  }
}

/*!!!* КОНТАКТНАЯ ИНФОРМАЦИЯ *!!!*/

@media all {
  .en-contacts {
    --columns: 5;
    --gap: 60px;
    gap: var(--gap);
    margin-top: 20px;
    margin-bottom: 60px;
    width: 100%;
    background-color: var(--color-bg-blue);
  }

  .en-contacts__list {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    width: calc(((100% - var(--gap)*(var(--columns) - 1))/var(--columns))*3);
    background-color: var(--color-bg-blue);
  }

  .en-contacts__title {
    margin: 0;
    margin-top: -4px;
    margin-bottom: -4px;
    padding-bottom: 10px;
    font-family: 'BebasNeuePro', sans-serif;
    font-size: 43px;
    line-height: 38px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-contacts__list p,
  .en-contacts__list a {
    background-color: var(--color-bg-blue);
  }

  .en-contacts__subtitle {
    margin: 0;
    margin-top: -6px;
    margin-bottom: -4px;
    font-size: 16px;
    line-height: 120%;
    font-weight: 300;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }

  .en-contacts__address {
    margin: 0;
    margin-top: -7px;
    margin-bottom: -5px;
    font-size: 20px;
    line-height: 115%;
    font-weight: 500;
  }

  .en-contacts__phone {
    margin: 0;
    margin-top: -7px;
    margin-bottom: -8px;
    font-size: 30px;
    line-height: 120%;
    font-weight: 600;
  }

  .en-contacts__email {
    margin: 0;
    margin-top: -7px;
    margin-bottom: -5px;
    font-size: 20px;
    line-height: 115%;
    color: var(--color-black);
    font-weight: 500;
    text-decoration-color: rgba(0,0,0,0.42) !important;
    text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
    transition: text-decoration-color .3s ease-in-out;
  }

  @media (min-width: 1024px) {
    .en-contacts__email:hover {
      text-decoration-color: transparent !important;
    }
  }

  .en-contacts__mode {
    margin: 0;
    margin-top: -7px;
    margin-bottom: -5px;
    font-size: 20px;
    line-height: 115%;
    font-weight: 300;
  }

  .en-contacts__mapa {
    flex: 1;
    filter: grayscale(80%);
  }
}

@media (max-width: 1440px) {
  .en-contacts {
    --gap: 40px;
  }
}

@media (max-width: 1200px) {
  .en-contacts__list {
    width: calc(((100% - var(--gap)*(var(--columns) - 1))/var(--columns))*3 + var(--gap)*2);
  }
}

@media (max-width: 1024px) {
  .en-contacts {
    flex-direction: column;
    align-items: center;
  }

  .en-contacts__list {
    align-items: center;
    width: 100%;
    max-width: 600px;
    text-align: center;
  }

  .en-contacts__title {
    margin-top: -3px;
    margin-bottom: -3px;
    padding-bottom: 0;
    font-size: 34px;
    line-height: 30px;
  }

  .en-contacts__subtitle {
    text-align: center;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
  }

  .en-contacts__mapa {
    flex: none;
    width: 100%;
    max-width: 600px;
    height: 280px;
  }
}

/*!!!* FOOTER *!!!*/

@media all {
  .en-footer {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    width: 100%;
    background-color: var(--color-bg-blue);
  }

  .en-container--footer {
    justify-content: space-between;
    align-items: center;
    gap: 17px;
    background-color: var(--color-bg-blue);
  }

  .en-footer__block {
    flex-direction: column;
    gap: 10px;
  }

  .en-footer__block:nth-of-type(1) {
    opacity: 0.32;
  }

  .en-footer__block:nth-of-type(2) {
    opacity: 0.52;
  }

  .en-footer p {
    margin: 0;
    margin-top: -4px;
    margin-bottom: -2px;
    font-size: 11px;
    line-height: 12px;
    font-weight: 500;
    background-color: var(--color-bg-blue);
  }

  .en-footer a {
    border: none;
    outline: none;
    color: currentColor;
    text-decoration-color: rgba(0,0,0,0.42);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: text-decoration-color .3s ease-in-out;
  }

  @media (min-width: 1024px) {
    .en-footer a:hover {
      text-decoration-color: transparent;
    }
  }
}

@media (max-width: 1024px) {
  .en-container--footer {
    flex-direction: column;
    align-items: center;
  }

  .en-footer__block {
    align-items: center;
  }

  .en-footer p {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .en-footer__block__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    gap: 1px;
    align-items: self-start;
  }

  .en-footer a {
    align-self: center;
    text-underline-offset: 1px;
  }

  .en-footer__block__info > span {
    display: none;
  }
}

/*!!!* КОНТЕНТ — политика конфиденциальности и правовая информация *!!!*/

@media all {
  .en-legalinfo {
    position: relative;
    flex-direction: column;
    margin: 20px 40px 10px;
    width: calc(100% - 40px*2);
  }

  .en_legalinfo--cookie {
    gap: 28px;
  }

  .en-legalinfo a {
    color: currentColor;
    text-decoration-color: rgba(0,0,0,0.42);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: text-decoration-color .3s ease-in-out;
  }

  @media (min-width: 1024px) {
    .en-legalinfo a:hover {
      text-decoration-color: transparent;
    }
  }

  .en-legalinfo > p {
    margin: 0;
    margin-top: -6px;
    margin-bottom: -4px;
    font-size: 15px;
    line-height: 18px;
    background-color: var(--color-bg-blue);
  }

  .en-legalinfo ul,
  .en-legalinfo ol {
    flex-direction: column;
    margin: 0;
    counter-reset: li;
  }

  .en-legalinfo ul + p,
  .en-legalinfo ol + p {
    padding-top: 28px;
  }

  .en-legalinfo p + ul,
  .en-legalinfo p + ol {
    padding-top: 28px;
  }

  .en-legalinfo li > ul,
  .en-legalinfo li > ol {
    margin: -4px 0 4px;
    /* padding-left: 20px; */
  }

  .en-legalinfo ul > li,
  .en-legalinfo ol > li {
    margin: 0;
    margin-top: 22px;
    margin-bottom: -4px;
    padding: 0;
    font-size: 15px;
    line-height: 18px;
  }

  .en-legalinfo > ul:first-of-type > li:first-of-type,
  .en-legalinfo > ol:first-of-type > li:first-of-type {
    margin: 0;
    margin-top: -6px;
    margin-bottom: -4px;
  }

  .en-legalinfo ol > li:before {
    counter-increment: li;
    content: counters(li,".") ". ";
  }

  .en-legalinfo ul > li:before {
    counter-increment: li;
    content: "\2022\0020";
  }
}

@media (max-width: 768px) {
  .en-legalinfo {
    margin: 20px 10px 10px;
    width: calc( 100% - 10px*2 );
  }

  .en-legalinfo li > ul,
  .en-legalinfo li > ol {
    padding-left: 0;
  }
}

/*!!!* Отмена поворота экрана *!!!*/

@media (max-width: 768px) and (orientation: landscape), (max-height: 600px) and (orientation: landscape) {
  body.en-orientation::before {
    content: '';
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-image: url("/images/icons/no-girar.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-color: var(--color-white);
  }

  body.en-orientation .en-main {
    display: none;
  }

  body.en-orientation .en-footer {
    display: none;
  }
}

/*!!!* ФОРМЫ — общие стили *!!!*/

@media all {
  .en-formularz {
    position: relative;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    width: 100%;
    color: var(--color-black);
    background-color: var(--color-bg-blue);
  }

  .en-formularz__title {
    margin: 0;
    margin-top: -5px;
    margin-bottom: -5px;
    padding-bottom: 20px;
    font-family: 'BebasNeuePro', sans-serif;
    font-size: 36px;
    line-height: 35px;
    font-weight: 400;
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-formularz__title > b {
    font-weight: 600;
    color: var(--color-red);
  }

  .en-campos {
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
  }

  .en-campo {
    position: relative;
    width: 100%;
  }

  .en-required:before {
    content:'';
    position: absolute;
    top: 20px;
    right: 11px;
    width: 8px;
    height: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjZmYwMDAwIj48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzA3LjEsOS40TDI4NCwyMjEuOEw0OTgsMTYyLjJsMTQsOTcuOWwtMjA0LjksMTYuN0w0NDAuNSw0NTJMMzQ4LDUwMi42bC05NC43LTE5NC43bC04Ni4xLDE5NC43TDcyLjYsNDUybDEzMC4yLTE3NS4zTDAsMjYwbDE1LjYtOTcuOWwyMTAuMyw1OS43TDIwMi44LDkuNEgzMDcuMXoiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
  }

  .en-campo__box {
    position: relative;
    width: 100%;
    padding: 14px 15px 17px;
    border: 1px solid;
    border-color: rgba(0,0,0,0.32);
    border-radius: 2px;
    font-size: 13px;
    line-height: 13px;
    color: var(--color-black);
    font-weight: 500;
    background-color: var(--color-white);
    box-shadow: none;
  }

  .en-campo__label {
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 10px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
  }

  .en-campo__label > span {
    display: block;
    margin-top: -3px;
    margin-bottom: -3px;
    padding: 2px 5px;
    font-size: 10px;
    line-height: 9px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--color-white);
    white-space: nowrap;
  }

  .en-campo__box:active + .en-campo__label,
  .en-campo__box:focus + .en-campo__label,
  .en-campo__box:not(:placeholder-shown) + .en-campo__label {
    opacity: 1;
  }

  .en-consent__label {
    position: relative;
    top: 0;
    display: block;
    margin: 0;
    margin-top: -6px;
    margin-bottom: -3px;
    font-size: 13px;
    line-height: 15px;
    cursor: pointer;
    background-color: var(--color-bg-blue);
  }

  .en-consent__label > a {
    color: currentColor;
    text-decoration-color: rgba(0,0,0,0.42);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: opacity .3s ease-in-out;
  }

  @media (min-width: 1025px) {
    .en-consent__label > a:hover {
      opacity: .6;
    }
  }

  .en-consent__check {
    position: relative;
    display: inline-block;
    margin-right: 2px;
    width: 13px;
    height: 13px;
  }

  .en-consent__check:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    border: 1px solid;
    border-color: rgba(0,0,0,0.52);
    border-radius: 1px;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    transition: 0.25s linear;
    cursor: pointer;
    transition: background-color 0.25s;
  }

  .en-consent__input:checked + .en-consent__label > .en-consent__check:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjgwMCIgdmlld0JveD0iMCAwIDgwMCA4MDAiIGZpbGw9IiNmZmZmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSI2ODguMiwxMTQuNyAzNDEuMiw0NjEuOCAxMTEuOCwyMzIuNCAwLDM0NC4xIDIyOS40LDU3My41IDM0MS4yLDY4NS4zIDQ1Mi45LDU3My41IDgwMCwyMjYuNSAiLz48L3N2Zz4NCg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 7px;
    background-color: var(--color-black);
  }

  .en-campo__box.en-filling-error,
  .en-consent__input.en-filling-error + .en-consent__label,
  .en-consent__input.en-filling-error + .en-consent__label > a,
  .en-consent__input.en-filling-error + .en-consent__label > .en-consent__check:before {
    border-color: red;
    color: red;
    text-decoration-color: rgba(255,0,0,0.32);
  }

  .en-respuesta {
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    z-index: 999999;
  }

  .en-respuesta > p {
    margin: 0;
    margin-top: -9px;
    margin-bottom: -6px;
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
    width: 100%;
    max-width: 900px;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    background-color: var(--color-bg-blue);
  }

  .en-respuesta > p > b {
    font-weight: 500;
  }

  .en-campo__box::-webkit-input-placeholder {
    color: rgba(0,0,0,0.32);
    transition: opacity 0.1s ease-in-out;
  }

  .en-campo__box::-moz-placeholder {
    color: rgba(0,0,0,0.32);
    transition: opacity 0.1s ease-in-out;
  }

  .en-campo__box:-ms-input-placeholder {
    color: rgba(0,0,0,0.32);
    transition: opacity 0.1s ease-in-out;
  }

  .en-campo__box:-moz-placeholder {
    color: rgba(0,0,0,0.32);
    transition: opacity 0.1s ease-in-out;
  }

  .en-campo__box:focus::-webkit-input-placeholder {
    color: rgba(0,0,0,0.32);
    opacity: 0.0;
  }

  .en-campo__box:focus::-moz-placeholder {
    color: rgba(0,0,0,0.32);
    opacity: 0.0;
  }

  .en-campo__box:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.32);
    opacity: 0.0;
  }

  .en-campo__box:focus:-moz-placeholder {
    color: rgba(0,0,0,0.32);
    opacity: 0.0;
  }

  .en-campo__box.en-filling-error::-webkit-input-placeholder {
    color: red;
  }

  .en-campo__box.en-filling-error::-moz-placeholder {
    color: red;
  }

  .en-campo__box.en-filling-error:-ms-input-placeholder {
    color: red;
  }

  .en-campo__box.en-filling-error:-moz-placeholder {
    color: red;
  }
}

@media (max-width: 578px) {
  .en-formularz {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}

/*!!!* ФОРМЫ — всплывалки *!!!*/

@media screen {
  #zayavka,
  #konsultaciya {
    display: none;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 400px;
  }
}

/*!!!* COOKIES *!!!*/

@media screen {
    #cookie_notification {
        position: fixed;
        right: 40px;
        bottom: 30px;
        display: none;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        overflow: visible;
        border-radius: 100px;
        max-width: 680px;
        background-color: white;
        box-shadow: 0px 0px 10px 0px rgba(10,13,4,0.08);
        z-index: 998;
    }

    #cookie_notification.show {
        display: flex;
    }

    .cookie_text {
        margin: -3px 40px -2px;
        font-size: 13px;
        line-height: 11px;
    }

    .cookie_text a {
        text-decoration: underline;
        transition: all .25s linear;
    }

    .cookie_text a:hover {
        text-decoration: none;
    }

    .cookie_accept {
        border-radius: 100px;
        padding: 14px 40px;
        margin-right: -2px;
        font-size: 13px;
        line-height: 16px;
        font-weight: 600;
        color: white;
        background-color: var(--color-red);
        box-sizing: content-box;
        outline: none;
        border: none;
        cursor: pointer;
        transition: all .25s linear;
    }

    .cookie_accept:hover {
        background-color: #cc0000;
    }
}

@media screen and (max-width: 1960px) {
    #cookie_notification {
        width: auto;
    }
}

@media screen and (max-width: 768px) {
    #cookie_notification {
        right: 30px;
    }

    .cookie_text {
        margin: -3px 20px -2px;
    }

    .cookie_accept {
        padding: 14px 30px;
    }
}

@media screen and (max-width: 500px) {
    #cookie_notification {
        width: 100%;
        max-width: calc(100% - 30px*2);
    }
}

@media screen and (max-width: 425px) {
    #cookie_notification {
        right: 20px;
        max-width: calc( 100% - 20px*2 );
    }
}

@media screen and (max-width: 375px) {
    .cookie_text {
        margin: -3px 15px -2px;
    }
    .cookie_accept {
        padding: 11px 20px;
    }
}

/*!!!* SCROLLBAR *!!!*/

@media all {
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    background-repeat: no-repeat;
  }

  ::-webkit-scrollbar-track {
    background-color: var(--color-white);
  }

  ::-webkit-scrollbar-track-piece {
    background-color: transparent;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: var(--color-black);
  }

  ::-webkit-scrollbar-corner {
    background-color: transparent;
  }

  ::-webkit-resizer {
    width: 6px;
    height: 1px;
    background-repeat: no-repeat;
  }
}

@media (max-width: 1024px) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    display: inline;
  }

  ::-webkit-resizer {
    width: 4px;
  }
}