/* CSS Document */

/*-----------------------------------------------------------------*/
/*--- Font Face Including ---*/
/*-----------------------------------------------------------------*/
/*------------------------------------------------------*/
/*--- Font Family :: [Helvetica] :: Regular ---*/
/*------------------------------------------------------*/
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.eot');
  src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Helvetica.woff2') format('woff2'),
       url('../fonts/Helvetica.woff') format('woff'),
       url('../fonts/Helvetica.ttf') format('truetype'),
       url('../fonts/Helvetica.svg#Helvetica-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Helvetica] :: Bold ---*/
/*------------------------------------------------------*/
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.eot');
  src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Helvetica-Bold.woff2') format('woff2'),
       url('../fonts/Helvetica-Bold.woff') format('woff'),
       url('../fonts/Helvetica-Bold.ttf') format('truetype'),
       url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Eurostile LT] :: Bold ---*/
/*------------------------------------------------------*/
@font-face {
  font-family: 'Eurostile LT';
  src: url('../fonts/EurostileLT-BoldExtendedTwo.eot');
  src: url('../fonts/EurostileLT-BoldExtendedTwo.eot?#iefix') format('embedded-opentype'),
       url('../fonts/EurostileLT-BoldExtendedTwo.woff2') format('woff2'),
       url('../fonts/EurostileLT-BoldExtendedTwo.woff') format('woff'),
       url('../fonts/EurostileLT-BoldExtendedTwo.ttf') format('truetype'),
       url('../fonts/EurostileLT-BoldExtendedTwo.svg#EurostileLT-BoldExtendedTwo') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Poppins] :: Regular ---*/
/*------------------------------------------------------*/
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.eot');
  src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Poppins-Regular.woff2') format('woff2'),
       url('../fonts/Poppins-Regular.woff') format('woff'),
       url('../fonts/Poppins-Regular.ttf') format('truetype'),
       url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Poppins] :: Italic ---*/
/*------------------------------------------------------*/
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Italic.eot');
  src: url('../fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Poppins-Italic.woff2') format('woff2'),
       url('../fonts/Poppins-Italic.woff') format('woff'),
       url('../fonts/Poppins-Italic.ttf') format('truetype'),
       url('../fonts/Poppins-Italic.svg#Poppins-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Poppins] :: Bold ---*/
/*------------------------------------------------------*/
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.eot');
  src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Poppins-Bold.woff2') format('woff2'),
       url('../fonts/Poppins-Bold.woff') format('woff'),
       url('../fonts/Poppins-Bold.ttf') format('truetype'),
       url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Poppins] :: Bold Italic ---*/
/*------------------------------------------------------*/
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-BoldItalic.eot');
  src: url('../fonts/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
       url('../fonts/Poppins-BoldItalic.woff') format('woff'),
       url('../fonts/Poppins-BoldItalic.ttf') format('truetype'),
       url('../fonts/Poppins-BoldItalic.svg#Poppins-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*-----------------------------------------------------------------*/
/*--- Custom Reset Styles ---*/
/*-----------------------------------------------------------------*/
body, html { margin: 0; padding: 0; outline: none; min-width: 320px; }
p, img { margin: 0; padding: 0; }
h1, h2, h3, h4 ,h5, h6 { font-weight: normal; padding: 0; margin: 0; }
button, a { outline: none; -webkit-outline: none; -moz-outline: none; }
a img { border: 0; display: block; outline: none; -webkit-outline: none; -moz-outline: none; }
a, button { transition: all 0.3s ease; }
a { color: #000; text-decoration: none; }
a:hover, a:focus { outline: none; }
button { border: 0; box-shadow: none; line-height: normal; outline: none; text-shadow: none; }
/*-----------------------------------------------------------------*/
/*--- Canvas Styles ---*/
/*-----------------------------------------------------------------*/
html { font-size: 10px; }
body { font: 1.5rem / 1.63 'Poppins', Helvetica, Arial, sans-serif; color: #202d42; }

.main { overflow: hidden; position: relative; z-index: 1; }
.main::before { content: ""; position: absolute; top: 75px; left: 0; height: 2094px; width: 100%; background: linear-gradient(175.14deg, #DBDBDB 3.11%, #DDDDDD 51.72%, #FFFFFF 65.33%, #DCDCDC 77.99%, #FFFFFF 90.69%); z-index: -1; }

.lazy { opacity: 0; }
.lazy.loaded { opacity: 1; }

.dg.ac { display: none !important; }

@media screen and (min-width: 992px) {
  .tablet, .mobile { display: none !important; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .desktop, .mobile { display: none !important; }
}

@media screen and (max-width: 767px) {
  .desktop, .tablet { display: none !important; }
}
/*-----------------------------------------------------------------*/
/*--- Wysiwyg Styles ---*/
/*-----------------------------------------------------------------*/
.wysiwyg strong { font-weight: 700; }
.wysiwyg em { font-style: italic; }

.wysiwyg p { padding: 10px 0; }

.wysiwyg p:first-child { padding-top: 0; }
.wysiwyg p:last-child { padding-bottom: 0; }

.wysiwyg a { color: currentColor; text-decoration: underline; }
.wysiwyg a:hover { text-decoration: none; }

@media screen and (max-width: 991px) {
  .wysiwyg p { padding: 12px 0; }
}
/*-----------------------------------------------------------------*/
/*--- Header Styles ---*/
/*-----------------------------------------------------------------*/
.header { color: #000; position: fixed; left: 0; top: 0; width: 100%; transition: all 0.2s linear; z-index: 10001; }
.header.scrolled { background: #e9e9e9; }
.header.scrolled .header__container { height: 50px; }
.header__container { display: flex; justify-content: space-between; align-items: center; height: 59px; padding: 0 16px; transition: all 0.2s linear; }

.header__logo { padding: 0 10px 0 0; }
.header__logo__img { display: block; height: auto; width: 100%; max-width: 180px; }

.header__menu__list { display: flex; padding: 0; margin: 0; list-style: none; }
.header__menu__item { padding: 0 10px; }
.header__menu__link { display: block; padding: 0 10px; }

.header__right { display: flex; align-items: center; }

.header__client-logo { display: flex; align-items: center; }
.header__client-logo__link { color: inherit; display: block; padding: 0 0 0 16px; }
.header__client-logo__text { font-family: Helvetica; font-size: 10px; font-weight: 700; line-height: 1.15; text-align: right; text-transform: uppercase; }
.header__client-logo__image { display: block; height: auto; width: 100%; max-width: 120px; }

.header__about { position: relative; margin: 0 0 0 20px; min-width: 20px; }
.header__about__text { font-family: Helvetica; font-size: 12px; line-height: 20px; display: block; padding: 0 0 0 28px; }
.header__about__icon { position: absolute; top: 50%; height: 20px; width: 20px; transform: translateY(-50%); left: 0; background: no-repeat url(../images/icons/questionmark.svg) center / contain; }

.header__menu__btn { display: none; }

@media screen and (max-width: 991px) {
  .header__container { height: 50px; }
  .header__client-logo__image { max-width: 76.8px; }
}

@media screen and (max-width: 767px) {
  .header__container { height: 50px; padding: 0 10px; }

  .header__logo__img { max-width: 129px; }
  .header__client-logo__text { font-size: 9px; max-width: 110px; }
  .header__client-logo__image { max-width: 88px; }

  .header__about { position: absolute; top: calc(100% + 16px); right: 15px; margin: 0; }
  .header__about__text { padding: 21px 0 0; }
  .header__about__icon { top: 0; left: 50%; transform: translateX(-50%); }
}
/*-----------------------------------------------------------------*/
/*--- Hero Section Styles ---*/
/*-----------------------------------------------------------------*/
.hero-section { min-height: 792px; padding: 200px 0 100px; position: relative; z-index: 1; }
.hero-section__title { font-family: 'Eurostile LT'; font-size: 6.613rem; line-height: 1.14; letter-spacing: 0.4537em; text-align: center; text-transform: uppercase; color: #5d6470; }
.hero-section__title span { color: #2e3847; display: block; }
.hero-section__mask { position: absolute; height: 0; width: 0; }
.hero-section__cta { position: absolute; left: 50%; transform: translateX(-50%); bottom: 26px; height: 93px; width: 93px; background: none; padding: 0; cursor: pointer; }
.hero-section__cta::before, .hero-section__cta::after { content: ""; position: absolute; top: 0; height: 100%; }
.hero-section__cta::before { left: 0; background: url(../images/icons/icon-circle.png) no-repeat center top 4px / 93px; width: 100%; transition: all 1s ease-in-out; }
.hero-section__cta::after { width: 20px; background: url(../images/icons/icon-arrow.svg) no-repeat center top 34px / auto; left: 50%; transform: translateX(-50%); }
.hero-section__cta:hover::before { transform: rotate(180deg); }

.hero-section__bg { position: absolute; left: 50%; transform: translateX(-50%); width: 5000px; top: 0; bottom: 0; z-index: -1; -webkit-clip-path: url(#my-clip-path); clip-path: url(#my-clip-path); overflow: hidden; }
.hero-section__bg__img { position: absolute; left: 50%; transform: translateX(-50%); top: -100px; height: 100%; width: 100vw; object-fit: cover; }

@media screen and (min-width: 4999px) {
  .hero-section__bg { width: 100%; }
}

@media screen and (min-width: 2000px) {
  .hero-section__bg__img { top: -12vw; }
}

@media screen and (min-width: 2400px) {
  .hero-section__bg__img { top: -16vw; }
}

@media screen and (min-width: 2800px) {
  .hero-section__bg__img { top: 20%; transform: translate(-50%, -50%); }
}

@media screen and (max-width: 991px) {
  .hero-section { padding-top: 188px; min-height: 738px; }
  .hero-section__title { font-size: 4.232rem; }
  .hero-section__bg__img { top: -160px; }
}

@media screen and (max-width: 767px) {
  .hero-section { padding-top: 232px; min-height: 650px; }
  .hero-section__title { font-size: 2.549rem; line-height: 1.2001; }
  .hero-section__cta { bottom: 36px; }
}
/*-----------------------------------------------------------------*/
/*--- Promo Section Styles ---*/
/*-----------------------------------------------------------------*/
.section-promo { padding: 34px 0 91px; }
.section-promo__container { max-width: 923px; }
.section-promo__header { font-size: 1.7rem; text-align: center; max-width: 686px; margin: 0 auto 70px; }
.section-promo__list { margin-left: -10px; margin-right: -10px; }
.section-promo__col { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.section-promo__item { display: block; position: relative; }
.section-promo__item__img { display: block; width: 100%; height: auto; transition: all 0.3s; }
.section-promo__item__img--hovered { position: absolute; top: 0; left: 0; opacity: 0; }
.section-promo__item__title { font-family: 'Eurostile LT'; font-size: 1.4rem; line-height: 1.5714; letter-spacing: 0.1429em; color: #fff; text-transform: uppercase; display: flex; align-items: center; padding: 14px; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.2s; }
.section-promo__item__icon { height: 73px; width: 62px; position: absolute; bottom: 0; right: 0; }
.section-promo__item__icon::before, .section-promo__item__icon::after { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.2s; }
.section-promo__item__icon::before { background: linear-gradient(180deg, #343E4E 0%, #8493A4 100%); }
.section-promo__item__icon::after { background: url(../images/icons/icon-arrow-promo.svg) no-repeat center / auto; }

.section-promo-secondary { color: #fff; padding: 112px 0 60px; background: #293241; position: relative; overflow: hidden; }
.section-promo-secondary__bg { position: absolute; width: 360px; }
.section-promo-secondary__bg--1 { top: -160px; right: 0; }
.section-promo-secondary__bg--2 { top: 30%; left: 0; }
.section-promo-secondary__list { margin: 0 0 100px; }
.section-promo-secondary__item:not(:last-child) { margin-bottom: 60px; }
.section-promo-secondary__item__title { font-family: 'Eurostile LT'; font-size: 2.909rem; line-height: 1.1344; letter-spacing: 0.1499em; color: inherit; text-transform: uppercase; padding: 0 0 14px; display: block; }
.section-promo-secondary__item__media { display: block; }
.section-promo-secondary__item__media__img { display: block; width: 100%; height: auto; }
.section-promo-secondary__item__content { max-width: 490px; position: relative; min-height: 100%; padding-bottom: 90px; }
.section-promo-secondary__item__icon { height: 76px; width: 76px; border: 2px solid #e2d9cd; border-radius: 100%; background: no-repeat center / auto; position: absolute; left: 0; bottom: 0; }
.section-promo-secondary__item:nth-child(even) .section-promo-secondary__item__icon { right: 0; left: auto; }
.section-promo-secondary__item__icon:hover { background-color: #e2d9cd; }
.section-promo-secondary__item__icon--video { background-image: url(../images/icons/icon-play.svg); }
.section-promo-secondary__item__icon--infographic { background-image: url(../images/icons/icon-infographic.svg); }
.section-promo-secondary__item__icon--video:hover { background-image: url(../images/icons/icon-play-hover.svg); }
.section-promo-secondary__item__icon--infographic:hover { background-image: url(../images/icons/icon-infographic-hover.svg); }

.section-promo-secondary__media { position: relative; cursor: pointer; }
.section-promo-secondary__media__mask::before { content: ""; height: 210px; width: 210px; background: url(../images/icons/icon-play-large.svg) no-repeat center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.2s; }
.section-promo-secondary__video { display: block; width: 100%; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .section-promo-secondary__item:nth-child(even) .section-promo-secondary__col--media { padding-right: 0; }
  .section-promo-secondary__item:nth-child(odd) .section-promo-secondary__col--media { padding-left: 0; }
}

@media screen and (min-width: 768px) {
  .section-promo-secondary__item:nth-child(even) .section-promo-secondary__col--media { order: -1; }
  .section-promo-secondary__item:nth-child(even) .section-promo-secondary__item__content { margin-left: auto; }
  .section-promo-secondary__item:nth-child(even) .section-promo-secondary__item__media__img { max-width: 317px; }
}

@media screen and (min-width: 992px) {
  .section-promo__item:hover .section-promo__item__title, .section-promo__item:hover .section-promo__item__img--hovered { opacity: 1; }
  .section-promo__item:hover .section-promo__item__icon::before { opacity: 0; }

  .section-promo-secondary__item .section-promo-secondary__col--media { padding-right: 0; }
  .section-promo-secondary__item:nth-child(even) .section-promo-secondary__item__media__img { max-width: 486px; }
}

@media screen and (max-width: 991px) {
  .section-promo { padding-top: 64px; padding-bottom: 50px; }
  .section-promo__container { max-width: 600px; }
  .section-promo__list { margin-left: -7px; margin-right: -7px; }
  .section-promo__col { padding-left: 7px; padding-right: 7px; }
  .section-promo__header { font-size: 1.5rem; line-height: 1.6; max-width: 600px; margin-bottom: 54px; }
  .section-promo__item__icon { height: 29.5%; width: 22%; }
  .section-promo__item__icon::after { background-size: 46%; }
  .section-promo__item__title { font-size: 1.015rem; line-height: 1.467; }

  .section-promo-secondary { padding: 90px 22px 50px; }
  .section-promo-secondary__item:not(:last-child) { margin-bottom: 36px; }
  .section-promo-secondary__item__content { max-width: 308px; padding-bottom: 62px; }
  .section-promo-secondary__item__title { font-size: 1.862rem; line-height: 1.2352; padding-bottom: 8px; }
  .section-promo-secondary__item__text { font-size: 1.4rem; line-height: 1.6429; }
  .section-promo-secondary__item__icon { height: 47px; width: 47px; background-size: contain; }
  .section-promo-secondary__list { margin-bottom: 112px; }
  .section-promo-secondary__media__mask::before { height: 134px; width: 134px; }
}

@media screen and (max-width: 767px) {
  .section-promo { padding-top: 17px; padding-bottom: 45px; }
  .section-promo__header { margin-bottom: 70px; }
  .section-promo__col { padding-left: 5px; padding-right: 5px; margin-bottom: 12px; }
  .section-promo__list { margin-left: -5px; margin-right: -5px; }
  .section-promo__container { padding-left: 12px; padding-right: 12px; }
  .section-promo__item:active .section-promo__item__title, .section-promo__item:active .section-promo__item__img--hovered { opacity: 1; }
  .section-promo__item:active .section-promo__item__icon::before { opacity: 0; }

  .section-promo-secondary { padding: 62px 12px; }
  .section-promo-secondary__list { margin-bottom: 82px; }
  .section-promo-secondary__item__title { font-size: 1.862rem; line-height: 1.2352; padding-bottom: 16px; }
  .section-promo-secondary__item__icon { left: auto; right: 0; }
  .section-promo-secondary__item__content { padding-bottom: 52px; margin-bottom: 20px; min-height: 0; max-width: 100%;}
  .section-promo-secondary__item:not(:last-child) { margin-bottom: 66px; }
}
/*-----------------------------------------------------------------*/
/*--- CTA Section Styles ---*/
/*-----------------------------------------------------------------*/
.section-cta { color: #fff; text-align: center; background: #293241 url(../images/backgrounds/cta-bg-d.png) no-repeat center bottom / 100% auto; padding: 55px 0 100px; min-height: 530px; }
.section-cta__client-logo { margin: 0 0 16px; }
.section-cta__client-logo__link { color: inherit; display: block; }
.section-cta__client-logo__text { font-family: Helvetica; font-size: 10px; line-height: 1.15; font-weight: 700; text-transform: uppercase; margin: 0 0 -4px; }
.section-cta__client-logo__image { display: block; height: auto; width: 100%; max-width: 188px; margin: 0 auto; }
.section-cta__title { font-family: 'Eurostile LT'; font-size: 3.6rem; line-height: 1.4; letter-spacing: 0.5em; color: #d0cbc2; text-align: center; text-transform: uppercase; max-width: 700px; margin: 0 auto 20px; }
.section-cta__text { max-width: 673px; margin: 0 auto 34px; }
.section-cta__btn { font-size: 1.5rem; line-height: 1.63; letter-spacing: 0.22em; text-transform: uppercase; display: inline-flex; align-items: center; color: #fff; min-height: 54px; padding: 5px 87px 5px 26px; position: relative; }
.section-cta__btn::before, .section-cta__btn::after { content: ""; position: absolute; border: 2px solid #fff; top: 0; bottom: 0; }
.section-cta__btn::before { left: 0; right: 61px; border-radius: 26px; }
.section-cta__btn::after { right: 0; width: 54px; border-radius: 100%; transition: all 1s; background: url(../images/icons/icon-arrow-cta.svg) no-repeat center / auto; }

@media screen and (min-width: 992px) {
  .section-cta__btn::before { animation: bounce-back 0.2s ease-in-out 1 forwards; }
  .section-cta__btn::after {
    animation: bounce-opacity-back 0.2s ease-in-out 1 forwards;
    opacity: 1; /* Start fully visible */
    transition: opacity 0.2s ease-in-out; /* Smooth transition for opacity */
  }

  .section-cta__btn:hover::before { animation: bounce 1.2s ease-in-out 1 forwards; }
  .section-cta__btn:hover::after { border-color: transparent!important; }
}

@media screen and (max-width: 991px) {
  .section-cta { padding-top: 62px; padding-bottom: 58px; min-height: 500px; background-image: url(../images/backgrounds/cta-bg-t.png); }
  .section-cta__title { font-size: 2.4rem; line-height: 1.4167; margin-bottom: 16px; }
  .section-cta__client-logo { margin-bottom: 20px; }
  .section-cta__text { max-width: 512px; margin-bottom: 32px; }
}
@media screen and (max-width: 767px) {
  .section-cta { padding-top: 52px; background-image: url(../images/backgrounds/cta-bg-m.jpg); }
  .section-cta__title { font-size: 1.79rem; line-height: 1.324; letter-spacing: 0.4503em; }
  .section-cta__client-logo { margin-bottom: 39px; }
  .section-cta__title { margin-bottom: 29px; }
  .section-cta__btn { font-size: 1.215rem; min-height: 44px; padding: 5px 72px 5px 20px; }
  .section-cta__btn::before { right: 50px; }
  .section-cta__btn::after { width: 44px; }

  .section-cta__btn::before { animation: bounce-back-mobile 0.2s ease-in-out 1 forwards; }
  .section-cta__btn:active::before { animation: bounce-mobile 1.2s ease-in-out 1 forwards; }

  .section-cta__btn::after { animation: bounce-opacity-back 0.2s ease-in-out 1 forwards; }
  .section-cta__btn:active::after { animation: bounce-opacity 1.2s ease-in-out 1 forwards; }
}

@keyframes bounce {
  0% { right: 61px; }
  25% { right: -10px; }
  50% { right: 10px; }
  75% { right: -5px; }
  100% { right: 0; }
}

@keyframes bounce-back {
  0% { right: 0; }
  100% { right: 61px; }
}

@keyframes bounce-opacity {
  0% { border-color: rgba(255, 255, 255, 0); }
  25% { border-color: rgba(255,255,255, 0.6); }
  50% { border-color: rgba(255,255,255, 0); }
  75% { border-color: rgba(255,255,255, 0.3); }
  100% { border-color: rgba(255,255,255, 0); }
}

@keyframes bounce-opacity-back {
  0% { border-color: rgba(255, 255, 255, 0); }
  100% { border-color: rgba(255,255,255, 1); }
}

@keyframes bounce-mobile {
  0% { right: 50px; }
  25% { right: -10px; }
  50% { right: 10px; }
  75% { right: -5px; }
  100% { right: 0; }
}

@keyframes bounce-back-mobile {
  0% { right: 0; }
  100% { right: 50px; }
}
/*-----------------------------------------------------------------*/
/*--- Footer Styles ---*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*--- Footer Copyright Styles ---*/
/*-----------------------------------------------------------------*/
.footer { font-family: Helvetica; font-size: 10px; line-height: 1.15; color: #fff; background: #000; padding: 15px 0; }
.footer__container { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer a { color: inherit; }
.footer a:hover { text-decoration: underline; }
.footer__copyright, .footer__menu { padding: 5px 0; }
.footer__copyright { padding-right: 10px; }
.footer__menu { display: flex; justify-content: flex-end; align-items: center; padding: 0; margin: 0; list-style: none; }
.footer__menu__item { cursor: default; }
.footer__menu__item:not(:last-child)::after { content: '|'; margin: 0 6px; }

@media screen and (max-width: 767px) {
  .footer__container { display: block; }
  .footer__copyright { max-width: 240px; margin: 0 0 10px; }
}