@charset 'UTF-8';/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css *//**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 *//* Document
   ========================================================================== */html {
  font-family: sans-serif;
 /* 1 */
  line-height: 1.15;
 /* 2 */
  -ms-text-size-adjust: 100%;
 /* 3 */
  -webkit-text-size-adjust: 100%;
 /* 3 */;
}/* Sections
   ========================================================================== *//**
 * Remove the margin in all browsers (opinionated).
 */body {
  margin: 0;
}/**
 * Add the correct display in IE 9-.
 */article,aside,footer,header,nav,section {
  display: block;
}/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */h1 {
  font-size: 2em;
  margin: .67em 0;
}/* Grouping content
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */figcaption,figure,main {
 /* 1 */
  display: block;
}/**
 * Add the correct margin in IE 8.
 */figure {
  margin: 1em 40px;
}/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */hr {
 /* 1 */
  overflow: visible;
  box-sizing: content-box;
 /* 1 */
  height: 0;
 /* 2 */;
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */pre {
  font-family: monospace, monospace;
 /* 1 */
  font-size: 1em;
 /* 2 */;
}/* Text-level semantics
   ========================================================================== *//**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */a {
  background-color: transparent;
 /* 1 */
  -webkit-text-decoration-skip: objects;
 /* 2 */;
}/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */a:active,a:hover {
  outline-width: 0;
}/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */abbr[title] {
 /* 1 */
  text-decoration: underline;
 /* 2 */
  text-decoration: underline dotted;
  border-bottom: none;
 /* 2 */;
}/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */b,strong {
  font-weight: inherit;
}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */b,strong {
  font-weight: bolder;
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,kbd,samp {
  font-family: monospace, monospace;
 /* 1 */
  font-size: 1em;
 /* 2 */;
}/**
 * Add the correct font style in Android 4.3-.
 */dfn {
  font-style: italic;
}/**
 * Add the correct background and color in IE 9-.
 */mark {
  color: #000;
  background-color: #ff0;
}/**
 * Add the correct font size in all browsers.
 */small {
  font-size: 80%;
}/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}/* Embedded content
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 */audio,video {
  display: inline-block;
}/**
 * Add the correct display in iOS 4-7.
 */audio:not([controls]) {
  display: none;
  height: 0;
}/**
 * Remove the border on images inside links in IE 10-.
 */img {
  border-style: none;
}/**
 * Hide the overflow in IE.
 */svg:not(:root) {
  overflow: hidden;
}/* Forms
   ========================================================================== *//**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */button,input,optgroup,select,textarea {
  font-family: sans-serif;
 /* 1 */
  font-size: 100%;
 /* 1 */
  line-height: 1.15;
 /* 1 */
  margin: 0;
 /* 2 */;
}/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */button,input {
 /* 1 */
  overflow: visible;
}/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */button,select {
 /* 1 */
  text-transform: none;
}/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */button,html [type='button'],[type='reset'],[type='submit'] {
  -webkit-appearance: button;
 /* 2 */;
}/**
 * Remove the inner border and padding in Firefox.
 */button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}/**
 * Restore the focus styles unset by the previous rule.
 */button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */legend {
 /* 2 */
  display: table;
  box-sizing: border-box;
 /* 1 */
  max-width: 100%;
 /* 1 */
  padding: 0;
 /* 3 */
  white-space: normal;
 /* 1 */
  color: inherit;
 /* 1 */;
}/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */progress {
  display: inline-block;
 /* 1 */
  vertical-align: baseline;
 /* 2 */;
}/**
 * Remove the default vertical scrollbar in IE.
 */textarea {
  overflow: auto;
}/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */[type='checkbox'],[type='radio'] {
  box-sizing: border-box;
 /* 1 */
  padding: 0;
 /* 2 */;
}/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button {
  height: auto;
}/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */[type='search'] {
 /* 1 */
  outline-offset: -2px;
  -webkit-appearance: textfield;
 /* 2 */;
}/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */[type='search']::-webkit-search-cancel-button,[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */::-webkit-file-upload-button {
 /* 1 */
  font: inherit;
  -webkit-appearance: button;
 /* 2 */;
}/* Interactive
   ========================================================================== *//*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */details,menu {
  display: block;
}/*
 * Add the correct display in all browsers.
 */summary {
  display: list-item;
}/* Scripting
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 */canvas {
  display: inline-block;
}/**
 * Add the correct display in IE.
 */template {
  display: none;
}/* Hidden
   ========================================================================== *//**
 * Add the correct display in IE 10-.
 */[hidden] {
  display: none;
}
.page {
  font-family: "Exo 2.0", 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}

.page--noscroll {
  overflow: hidden;
}

.clearfix::before,.clearfix::after {
  display: table;
  content: '';
}

.clearfix::after {
  clear: both;
}

.js-hidden {
  display: none;
}

.noscroll {
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(15, 15, 30, .99);
}

.overlay--visible {
  display: block;
}/**
  * Slide in animation
  *
  * Slide in element from right side of parent container
  * NOTE: Element should be positioned as absolute with top 50%
  *//**
  * Fade in animation
  *
  * Change opacity of element from 0 to 1;
  *//**
  * stretch line for content-elfe__decor-line element
  *//**
 * Animates progress bar.
 *
 *
 */.logo {
  font-size: 0;
  width: 140px;
  height: 40px;
}

.logo__image {
  max-width: 140px;
}

.page-header {
  font-size: 0;
  position: absolute;
  z-index: 1000;
  right: 0;
  left: 0;
  text-align: center;
}

.page-header__row {
  padding: 40px;
}

.page-header__row + .page-header__row {
  padding-top: 8px;
  padding-bottom: 8px;
}

.page-header__row--border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.page-header__logo {
  float: left;
}

.page-header__item {
  display: inline-block;
  vertical-align: middle;
}

.page-header__item--delimiter {
  position: relative;
  margin-right: 20px;
  padding-right: 20px;
}

.page-header__item--delimiter::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  content: '';
  background: linear-gradient(to bottom, rgba(255, 255, 255, .5) 25%, rgba(255, 255, 255, 0) 25%);
  background-repeat: repeat-y;
  background-size: 1px 3px;
}

.page-header__version {
  font-size: 14px;
  font-weight: 400;
  float: right;
  width: 130px;
  padding-top: 6px;
  text-align: right;
  color: #fff;
}
    .page-header__version a {
        color:white;
        text-decoration:none;
        position:relative;
        transition:all 0.3s linear;
    }
        .page-header__version a::after {
                    transition:all 0.3s linear;
        }
    .page-header__version a:hover::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}


.page-footer {
  font-size: 0;
  padding: 25px 40px 27px;
  text-align: center;
  background: #20202f;
}

.page-footer__logo {
  display: block;
  float: left;
  width: 83px;
  height: 24px;
  padding-top: 27px;
}

.page-footer__info {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
  flex-direction: column;
  box-sizing: border-box;
  max-width: 260px;
  padding-left: 20px;
  text-align: left;
  color: #646472;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.page-footer__item {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  min-width: 243px;
  padding: 18px 23px 18px 8px;
  text-align: left;
  vertical-align: middle;
  color:white;
}

.page-footer__item--delimiter {
  position: relative;
  min-width: auto;
}

.page-footer__item--delimiter::after {
  position: absolute;
  top: 5px;
  right: 4px;
  bottom: 5px;
  width: 1px;
  content: '';
  background: linear-gradient(to bottom, #fff 25%, rgba(255, 255, 255, 0) 25%);
  background-repeat: repeat-y;
  background-size: 1px 3px;
}

.page-footer__link:hover {
  color: #fff;
}

.page-footer__link:not([href]):hover {
  color: currentColor;
}

.page-footer__email-link:hover {
  color: #0070bb;
}

.page-footer__author {
  font-weight: 400;
  float: right;
  padding-top: 30px;
}

.page-nav__list {
  font-size: 19px;
  line-height: 22px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-nav__item {
  font-weight: 400;
  position: relative;
  color: #fff;
}

.page-nav__item--submenu {
  position: relative;
}

.page-nav__item--submenu::before {
  position: absolute;
  right: 16px;
  bottom: 9px;
  width: 30px;
  height: 30px;
  content: '';
  border-radius: 50%;
  background-image: url('/public/img/sprite.webp'), linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .15) 100%);
  background-repeat: no-repeat;
  background-position: -73px 10px, left top;
  pointer-events:all;
  z-index:500;
}

.submenu__item.page-nav__item--submenu::before {
  transform:scale(0.7);
  bottom:-5px;
  right:40px;
}


.page-nav__item--submenu:hover::before {
  content: none;
}

.page-nav__item--submenu:hover .page-nav__link {
  position: relative;
  z-index: 10;
}

.page-nav__item--submenu:hover .page-nav__link::after {
  content: none;
}

.page-nav__item--submenu:hover > .submenu {
  display: table;
}

    .page-nav__item--submenu:hover  .submenu__item:hover .submenu {
        display:table;
    }

.page-nav__item:hover .notify {
  display: block;
}

.page-nav__item--active .page-nav__link::after {
  display: block;
  height: 1px;
  content: '';
  background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.page-nav__item--logo {
  position: absolute;
  top: 50%;
  left: 30px;
  display: none !important;
  width: 60px;
  height: 60px;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  background-image: url('/public/img/icons/logo-small.webp');
  background-repeat: no-repeat;
  background-position: left center;
}

.page-nav__item--logo .page-nav__link {
  font-size: 0;
}

.page-nav__link {
  display: block;
  padding: 24px 37px;
}

.page-nav__submenu {
  position: absolute;
  z-index: 8;
  top: 9px;
  left: 7px;
  display: none;
  width: 100%;
}

.page-nav--scrolled .page-nav__item--logo {
  display: block;
}

.page-nav--scrolled .page-nav__list {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 35px 10px rgba(0, 0, 0, .05);
}

.page-nav--scrolled .page-nav__item {
  color: #313140;
}

.page-nav--scrolled .page-nav__item--submenu::before {
  background-image: url('/public/img/sprite.webp'), linear-gradient(0deg, rgba(49, 49, 64, .1) 0%, rgba(255, 255, 255, .05) 100%);
}

.page-nav--scrolled .page-nav__item--submenu:hover {
  color: #fff;
}

.submenu {
  box-sizing: border-box;
  margin: 0;
  padding: 60px 0 19px;
  list-style: none;
  text-align: left;
  border-radius: 3px;
  background: rgba(32, 32, 48, .95);
}

.submenu::before {
  display: block;
  width: 40px;
  height: 1px;
  margin-bottom: 17px;
  margin-left: 30px;
  content: '';
  background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.submenu__item {
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 0px;
  color: #fff;
  position:relative;
}

.submenu__item:last-child {
  margin-bottom: 0;
}
    .submenu__item .submenu {
        margin-left:75%;
        padding-top:20px;
        margin-top:-30px;
    }

.submenu__link {
  line-height: 15px;
  display: block;
  padding: 3px 30px;
}

.intro {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  height: 100vh;
  padding-top: 215px;
}

.intro__slider {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.langs {
    display: inline-block;
    width: 30px;
    height: 40px;
    vertical-align: middle;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: center;
    background: url(/img/icons/globe.svg) center center no-repeat;
    background-size:15px 15px;
    font-size:15px;
    z-index:1001;
    position:relative;
}
    .langs div {
        position:absolute;
    width: 30px;
    height: 40px;
    vertical-align: middle;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: center;
    background: url(/img/icons/globe.svg) center center no-repeat;
    background-size:15px 15px;
    font-size:15px;
    z-index:1001;

    }
    .langs:hover ul {
        display:block;
    }
    .langs ul {
        display:none;
        position:absolute;left:0;top:0;
        box-sizing: border-box;
        margin: 0;
        padding: 40px 0 10px;
        list-style: none;
        text-align: left;
        border-radius: 3px;
        background: rgba(32, 32, 48, .95);
        z-index:1000;
    }
        .langs ul li {
                font-size: 14px;
    font-weight: 500;
    line-height: 2.14286;
    margin-bottom: 10px;
        }
            .langs ul li a {
                line-height: 15px;
                font-size: 14px;
    display: block;
    padding: 3px 30px 3px 10px;
    color:white;
    text-decoration:none;
            }

.socials {
  font-size: 0;
}

.socials__item {
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 40px;
  vertical-align: middle;
  white-space: nowrap;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  transition:all 0.2s ease-in-out;
}
    .socials__item:hover {
        transform:scale(1.3);
    }

.socials__item--vk {
  background-image: url('/public/img/icons/vk.webp');
}

.socials__item--vk:hover {
  background-image: url('/public/img/icons/vk--hover.webp');
}

.socials__item--fb {
  background-image: url('/public/img/icons/facebook.webp');
}

.socials__item--fb:hover {
  background-image: url('/public/img/icons/facebook--hover.webp');
}

.socials__item--tw {
  background-image: url('/public/img/icons/twitter.webp');
}

.socials__item--tw:hover {
  background-image: url('/public/img/icons/twitter--hover.webp');
}
.socials__item--linkedin {
  background-image: url('/public/img/icons/li.webp');
}

.socials__item--linkedin:hover {
  background-image: url('/public/img/icons/li--hover.webp');
}
.socials__item--youtube {
  margin-right: 5px;
  margin-left: 2px;
  background-image: url('/public/img/icons/youtube.webp');
}

.socials__item--youtube:hover {
  background-image: url('/public/img/icons/youtube--hover.webp');
}

.socials__item--instagram {
  background-image: url('/public/img/icons/instagram.webp');
}

.socials__item--instagram:hover {
  background-image: url('/public/img/icons/instagram--hover.webp');
}
.socials__item--reddit {
  background-image: url('/public/img/icons/reddit.webp');
}

.socials__item--reddit:hover {
  background-image: url('/public/img/icons/reddit--hover.webp');
}

.lang-switcher {
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
}

.lang-switcher__toggle {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 40px;
  height: 20px;
  margin: 0 10px;
  vertical-align: middle;
  white-space: nowrap;
  text-indent: -9999px;
  border-radius: 15px;
  background: linear-gradient(90deg, rgba(255, 255, 255, .22) 0%, transparent 100%);
}

.lang-switcher__toggle::before,.lang-switcher__toggle::after {
  position: absolute;
  top: 50%;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lang-switcher__toggle::before {
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00a647;
}

.lang-switcher__toggle::after {
  right: 10px;
  left: 10px;
  height: 1px;
  background: rgba(255, 255, 255, .15);
}

.lang-switcher__toggle--right::before {
  right: 7px;
  left: auto;
}

.lang-switcher__item {
  text-decoration: none;
  color: #fff;
}

.link {
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
  cursor:pointer;
}

.link--white {
  color: #fff;
}

.link--mail {
  display: inline-block;
  overflow: hidden;
  width: 38px;
  height: 34px;
  vertical-align: middle;
  white-space: nowrap;
  text-indent: -9999px;
  background-image: url('/public/img/icons/contacts.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.link--mail:hover {
  background-image: url('/public/img/icons/contacts--hover.svg');
}

.link--author {
  font-size: 0;
  display: inline-block;
  padding-left: 20px;
  vertical-align: middle;
}

.link--green {
  font-size: 15px;
  font-weight: 400;
  text-decoration: underline;
  color: #00a53d;
}

.title {
  font-size: 85px;
  font-weight: 300;
  position: relative;
  z-index: 1;
  margin: 0;
  text-align: center;
  letter-spacing: -4px;
  text-transform: uppercase;
}
.title--notransform {
  text-transform:none;
}

.title--green {
  color: #00a647;
}
    .title--green a {
        color: #00a647;
        text-decoration:none;
    }

.title--white {
  color: #fff;
}

.title--index {
  font-family: inherit;
  font-weight: 400;
  position: relative;
  z-index: 3;
  color: #fff;
}

.intro-slider__items {
  position: relative;
  overflow: hidden;
}

.intro-slider__slide {
  position: relative;
  top: 0;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding-top: 115px;
  background: #242638 url('/public/img/content/intro-slide-bg.webp') no-repeat center center;
  background-size: cover;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
    .intro-slider__slide.slide2 {
        background-image:url('/public/img/content/intro-slide-bg-2.webp')
    }
    .intro-slider__slide.slide3 {
        background-image:url('/public/img/content/intro-slide-bg-3.webp')
    }
    .intro-slider__slide.slide4 {
        background-image:url('/public/img/content/intro-slide-bg-4a.webp')
    }

.intro-slider__slide::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(180deg, #20202f 0%, rgba(32, 32, 47, 0) 100%), rgba(32, 32, 47, .6);
}

.intro-slider__controls {
  position: absolute;
  top: 55%;
  right: 0;
  left: 0;
}

.intro-slider__toggles {
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
}

.intro-slider__title {
  font-size: 0;
}

.intro-slider__char {
  font-size: 250px;
  line-height: 288px;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}

.intro-slider__char:nth-child(1) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.intro-slider__char:nth-child(2) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}

.intro-slider__char:nth-child(3) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.intro-slider__char:nth-child(4) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.intro-slider__char:nth-child(5) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

.intro-slider__description {
  font-family: 'GothamProIntro', 'Arial', sans-serif;
  font-size: 20px;
  line-height: 23px;
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  width: 960px;
  height: 300px;
  -webkit-transform: translate(-480px, -70px);
  -ms-transform: translate(-480px, -70px);
  transform: translate(-480px, -70px);
  text-align: center;
}

.intro-slider__description::before {
  font-family: inherit;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 45%;
  content: attr(data-subtitle);
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #fff;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}

.controls {
  z-index: 3;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 50px;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.controls__arrow {
  font-size: 0;
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
  background-image: url('/public/img/icons/arrow_right.svg'), linear-gradient(to right, #00a742, #00a742);
  background-repeat: no-repeat;
  background-position: center;
}

.controls__arrow:hover {
  background-image: url('/public/img/icons/arrow_right.svg'), linear-gradient(to right, rgba(0, 167, 66, 0), #00a742);
}

.controls__arrow::after {
  position: absolute;
  top: 50%;
  right: -7px;
  width: 2px;
  height: 2px;
  content: '';
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 10px 0 0 0 #d0d0d0, 20px 0 0 0 #a0a0a0, 30px 0 0 0 #717171, 40px 0 0 0 #414141;
}

.controls__arrow::before {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 60px;
  height: 60px;
  content: '';
  opacity: .1;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, .2) 0, #fff 100%);
}

.controls__arrow--prev {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.controls__arrow--big {
  width: 80px;
  height: 80px;
  background: none;
}

.controls__arrow--big::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.controls__arrow--big::after {
  top: 40px;
  right: 20px;
  width: 16px;
  height: 31px;
  background: url('/public/img/sprite.webp') no-repeat -120px 0;
  box-shadow: none;
}
.table
{
  max-width: 780px;
  margin: 0 auto;
  padding: 0;
  text-align: center;

}
.table tr td {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #31313f;
  border-bottom:dotted 1px #00a647;
  width:50%;
  padding-top:5px;
  padding-bottom:5px;
}
    .table tr.noline td {
        border:0;
    }
    .table.table-white tr td {
        color:white;
    }
    .table.table-3 tr td {
        width:33%;
    }
    .table tr td:first-child {
        text-align:left;
        font-weight:500;
    }
    .table thead tr td {
        color:#00a647 !important;
        font-weight:500;
    }
.genesis-air {
    background:url('/public/img/content/genesis-air.webp') no-repeat top right;
    min-height:476px;
    background-size:210px 476px;
}
.genesis-bar {
    background:url('/public/img/content/genesis-bar.webp') no-repeat top left;
    background-size:215px 475px;
    min-height:475px;
}
.text {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  max-width: 780px;
  margin: 0 auto;
  margin-bottom: 72px;
  padding: 0;
  text-align: center;
  color: #31313f;
}
    ul.text li,ol.text li {
        margin-left:30px;
    }


.text.size-2{
    font-size:15px;
    letter-spacing:0.5px;
    line-height:2;
    font-weight:500;
}

        .text a {
            color:#00a53f;
            transition:all 0.3s linear;
        }
            .text a:hover {
                text-decoration:none;
            }

            .mb-0{
                margin-bottom:0 !important;
            }

.text--uppercase {
  text-transform: uppercase;
}

.text--white {
  color: #fff;
}

.text--mrl-45 {
  margin-right: 45px;
  margin-left: 45px;
}

.text--mb-0 {
  margin-bottom: 0;
}

.text--mb-30 {
  margin-bottom: 30px;
}

.text--mb-60 {
  margin-bottom: 60px;
}

.text--w1000 {
  max-width: 1000px;
}

.text--w890 {
  max-width: 890px;
}

.text--w585 {
  max-width: 585px;
}

.text--w550 {
  max-width: 550px;
}

.text--w400 {
  width: 400px;
}
.text--pt-30 {
  padding-top: 30px;
}

.text--pb-350 {
  padding-bottom: 350px;
}

.text--pl-30 {
  padding-left: 30px;
}

.text--light {
  font-weight: 300;
  padding-bottom: 60px;
  letter-spacing: -1px;
}

.text--small {
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
}

.text--small-semibold {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  text-align: justify;
}
.text--taleft {
  text-align: left;
}

.text--tal {
  text-align: justify;
}
.text--tac {
  text-align: center;
}

.text--flashlight {
  position: relative;
  padding-top: 95px;
}

.text--flashlight::before {
  position: absolute;
  top: -25px;
  left: 50%;
  width: 107px;
  height: 95px;
  content: '';
  -webkit-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  transform: translateX(-80px);
  background: url('/public/img/icons/flashlight.svg') no-repeat center center;
}

.text--bottle {
  position: relative;
  padding-top: 85px;
}

.text--bottle::before {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 18px;
  height: 50px;
  content: '';
  -webkit-transform: translateX(-9px);
  -ms-transform: translateX(-9px);
  transform: translateX(-9px);
  background: url('/public/img/icons/bottle.webp') no-repeat center center;
}

.text--bordered {
  position: relative;
}

.text--bordered::after {
  position: absolute;
  bottom: -35px;
  left: 0;
  width: 100px;
  height: 1px;
  content: '';
  background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.text--delimiter {
  position: relative;
}

.text--delimiter::after {
  position: absolute;
  bottom: -35px;
  left: 50%;
  width: 40px;
  height: 2px;
  content: '';
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: linear-gradient(to right, transparent 50%, #00a725 50%);
  background-repeat: repeat-x;
  background-size: 3px 1px, 100% 1px;
}

.toggles {
  font-size: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.toggles__item {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 50%;
}

.toggles__item::after,.toggles__item::before {
  position: absolute;
  content: '';
  border-radius: 50%;
}

.toggles__item::after {
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, .15);
}

.toggles__item--active {
  pointer-events: none;
  background: rgba(255, 255, 255, .07);
}

.toggles__item--active::after {
  width: 6px;
  height: 6px;
  background: #fff;
}

.toggles__item--active::before {
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  content: '';
  background: url('/public/img/sprite.webp') no-repeat -184px 0;
}

.toggles li {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 50%;
}

.toggles li::after,.toggles li::before {
  position: absolute;
  content: '';
  border-radius: 50%;
}

.toggles li::after {
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, .15);
}

.toggles li:hover::after {
  width: 6px;
  height: 6px;
  background-color: #fff;
}

.toggles li button {
  border: none;
  outline: none;
  background: transparent;
}

.toggles .slick-active {
  position: relative;
  pointer-events: none;
  background: rgba(255, 255, 255, .07);
}

.toggles .slick-active button {
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  display: block;
  clip: rect(auto, auto, auto, 18px);
  width: 36px;
  height: 36px;
  -webkit-animation: progressBar 0s forwards;
  animation: progressBar 0s forwards;
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  box-shadow: none;
}

.toggles .slick-active button:before,.toggles .slick-active button:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  clip: rect(auto, auto, auto, 18px);
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation: progressStart 3.2s  linear forwards;
  animation: progressStart 3.2s  linear forwards;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #00a551;
}

.toggles .slick-active button:after {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-animation: progressEnd 3.2s linear forwards;
  animation: progressEnd 3.2s linear forwards;
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
  opacity: 0;
}

.toggles .slick-active::after {
  width: 6px;
  height: 6px;
  background: #fff;
}

.toggles .slick-active::before {
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  content: '';
}

.toggles--stop-sliding .slick-active::after {
  transition: opacity .2s;
  transition-delay: 6.4s;
  opacity: 0;
  background-color: #fff;
}

.page-section {
  position: relative;
  padding: 68px 40px 80px;
  text-align: center;
  background: #f5f5f5;
}

.page-section__container {
  box-sizing: border-box;
  width: 1206px;
  margin: 0 auto;
  padding: 50px 40px 15px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 69px -30px rgba(0, 0, 0, .5);
}

.page-section__image {
  max-width:1300px;
  text-align:center;
  margin:0 auto 68px;
}
.page-section__image img{
    max-width:100%;

}
.page-section__description {
  font-size: 35px;
  font-weight: 300;
  line-height: 1.42857;
  max-width: 940px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  color: #fff;
}

.page-section__description--bordered {
  position: relative;
}

.page-section__description--bordered::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  width: 40px;
  height: 1px;
  content: '';
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  border-bottom: 1px dotted #4b4f5a;
}

.page-section__subdescription {
  font-size: 20px;
  line-height: 1.5;
  max-width: 660px;
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  color: #f3f3f3;
}

.page-section--intro {
  position: relative;
  box-sizing: border-box;
  min-height: 100vh;
  padding-top: 290px;
  text-align: center;
  background: #000 url('/public/img/content/intellectual-property-bg.webp') no-repeat top center;
  background-size: cover;
}

.page-section--safety {
  position: relative;
  box-sizing: border-box;
  min-height: 210px;
  text-align: center;
  background: #000 url('/public/img/content/intellectual-property-bg.webp') no-repeat top center;
  background-size: cover;
}

.page-section--contacts {
  position: relative;
  box-sizing: border-box;
  min-height: 210px;
  text-align: center;
  background: #000 url('/public/img/content/intellectual-property-bg.webp') no-repeat top center;
  background-size: cover;
}

.page-section--whitebg {
  z-index: 2;
  background-color: #fff;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);
}
.page-section--nobg {
  z-index: 2;
  background-color: #fff;
}

.page-section--2col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.page-section--center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-section--participate {
  background: url('/public/img/map.webp') no-repeat center 100%;
  background-color: #000;
}

.page-section--participate::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  content: '';
  background-image: linear-gradient(to right, #000 60%, transparent);
}

.page-section--participate::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 22%;
  height: 100%;
  content: '';
  background-image: linear-gradient(to left, #000 60%, transparent);
}

.page-section--efficiency {
  padding-bottom: 0;
  background-color: #000;
  background-image: linear-gradient(to bottom, #000 80%, #202030);
}

.page-section--licences {
  color: #fff;
  background-color: #0e0e1c;
}

.page-section--form {
  position: relative;
  padding-bottom: 0;
  color: #fff;
  background-color: #0e0e1c;
}

.page-section--form-popup {
  position: absolute;
  z-index: 15;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 150px 40px;
  color: #fff;
  background-color: #0e0e1c;
}

.page-section--buy {
  overflow: hidden;
  padding-top: 55px;
  padding-bottom: 70px;
  background: url('/public/img/content/ready-to-buy-bg.webp') no-repeat center 100%;
  background-size: cover;
}

.page-section--p0 {
  padding: 0;
}
.page-section--pt-0 {
  padding-top: 0px;
}
.page-section--pt-40 {
  padding-top: 40px;
}

.page-section--pt-50 {
  padding-top: 50px;
}

.page-section--pb-80 {
  padding-bottom: 80px;
}

.page-section--pb-70 {
  padding-bottom: 70px;
}

.page-section--pb-40 {
  padding-bottom: 40px;
}

.page-section--pb-0 {
  padding-bottom: 0;
}

.page-section--p-0 {
  padding: 0;
}

.page-section--invisible {
  display: none;
}


.highlight {
  position: relative;
  color: #00a53f;
}

.highlight--orange {
  color: #ffbf00;
}

.highlight--white {
  color: #fff;
}

.highlight--dark {
  color: #31313f;
}

.highlight--small {
  font-size: 25px;
  padding-left: 20px;
  text-transform: capitalize;
}

.highlight--bordered::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.btn {
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 60px;
  position: relative;
  z-index: 2;
  display: inline-block;
  box-sizing: border-box;
  min-height: 60px;
  margin: 0 auto 80px;
  padding-right: 67px;
  padding-left: 23px;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  color: #31313f;
  border: none;
  border-radius: 30px;
  background-image: linear-gradient(90deg, rgba(245, 245, 245, .1) 0%, rgba(32, 32, 47, .1) 100%);
}

.btn::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 40px;
  height: 40px;
  content: '';
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  border-radius: 50%;
  background-color: #00a647;
  background-image: url('/public/img/icons/arrow_right.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.btn:hover::after {
  background-color: #006cbc;
}


.btn--white {
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .1) 100%);
}

.btn--white::after {
  background-color: transparent;
  background-image: url('/public/img/icons/arrow_right.svg'), linear-gradient(to right, #00a742, #00a742);
}

.btn--white:hover::after {
  background-color: transparent;
  background-image: url('/public/img/icons/arrow_right.svg'), linear-gradient(to right, rgba(0, 167, 66, 0), #00a742);
}

.btn--arrow {
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15));
}

.btn--arrow::after {
  background-color: transparent;
  background-image: url('/public/img/icons/arrow_right.svg'), linear-gradient(to right, #00a742, #00a742);
}

.btn--arrow:hover::after {
  background-color: transparent;
  background-image: url('/public/img/icons/arrow_right.svg'), linear-gradient(to right, rgba(0, 167, 66, 0), #00a742);
}

.subtitle {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  color: #313140;
  max-width: 1000px;
}

.subtitle--white {
  color: #fff;
}

.subtitle--fz-20 {
  font-size: 20px;
}

.subtitle--mb-10 {
  margin-bottom: 10px;
}
.subtitle--mt-30 {
    margin-top:30px;
}
.subtitle--mb-50 {
  margin-bottom: 50px;
}

.subtitle--bordered::after {
  position: absolute;
  right: 0;
  bottom: 6px;
  left: 2px;
  height: 2px;
  /* content: ''; */
  background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-minimal {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal .odometer-digit {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  visibility: hidden;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.odometer-formatting-mark {
  font-size: 50px;
}

.features {
  position: relative;
  max-width: 930px;
  min-height: 380px;
  margin: 0 auto;
}

.features::before,.features::after {
  position: absolute;
  top: 30%;
  right: 50%;
  bottom: 0;
  width: 2px;
  height: 170px;
  content: '';
  background: linear-gradient(to bottom, #dbdbea 50%, rgba(255, 255, 255, 0) 50%);
  background-repeat: repeat-y;
  background-size: 2px 4px;
}

.features::before {
  left: 36.5%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.features::after {
  right: 36.5%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.features__list {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.features__hint {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: absolute;
  bottom: calc(100% + 30px);
  left: 50%;
  display: none;
  min-width: 265px;
  margin: 0 auto;
  padding: 20px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background: #00a63d;
}

.features__hint::before {
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 4px solid #00a63d;
}

.features__number {
  font-size: 35px;
  font-weight: 400;
  line-height: 50px;
  position: relative;
  z-index: 3;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -3px;
  color: #006cbc;
  border-radius: 50%;
  background: #fff;
}
    .features__number span {
        text-align: center;
        display: inline-block;
    }
        .features__number span.first,.features__number span.second {
            margin-left:-100px;
            margin-top:30px;
        }

.features__number::after {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
  letter-spacing: normal;
  color: #313140;
}

.features__number:nth-of-type(2) {
  top: 90px;
  left: -23%;
}

.features__number:nth-of-type(2)::after {
  left:-50px;
  content: '';
}

.features__number:nth-of-type(3) {
  top: -10px;
  left: 23%;
}

.features__number:nth-of-type(3)::after {
  left: -65px;
  content: '';
}

.features__number--big {
  font-size: 32px;
  line-height: 55px;
  text-align:center;
  width: 150px;
  height: 150px;
}
    .features__number--big span {
        display:inline-block;
        margin-left:-35px;
        letter-spacing:0;
    }

.features__number--big::after {
  font-size: 17px;
  line-height: 22px;
  left:-45px;
  content: '';
}

.features__item {
  font-size: 0;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 50px;
  margin: auto;
  cursor: pointer;
}

.features__item:hover::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.features__item:hover .features__hint {
  display: table;
}

.features__item--small {
  width: 30px;
  height: 30px;
}

.features__item:first-of-type {
  top: -32%;
  left: 11.5%;
}

.features__item:nth-of-type(2) {
  top: -32%;
  left: -11.5%;
}

.features__item:nth-of-type(3) {
  top: 34%;
  left: -54%;
}

.features__item:nth-of-type(4) {
  top: 34%;
  right: -54%;
}

.features__item:nth-of-type(5) {
  top: 34%;
  left: 0;
}

.features__item:nth-of-type(6) {
  top: 1%;
  right: -67%;
}

.features__item:nth-of-type(7) {
  top: 1%;
  right: 67%;
}

.features__item:nth-of-type(8) {
  bottom: 32%;
  left: 54%;
}

.features__item:nth-of-type(9) {
  bottom: 32%;
  left: -54%;
}

.features__item::before,.features__item::after {
  position: absolute;
  content: '';
}

.features__item::before {
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url('/public/img/sprite.webp') no-repeat -83px 0;
}

.features__item::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .1;
  border-radius: 50%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #20202f 100%);
}
a.news-href{
    text-decoration:none !important;
}
.news-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 930px;
  margin: 0 auto;
  border-radius: 3px;
  background: #32313f;
}

.news-list__tabs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 80px;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.news-list__tab {
  font-size: 35px;
  font-weight: 400;
  box-sizing: border-box;
  min-height: 70px;
  padding-top: 9px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  color: #00a546;
  background: #434250;
}

.news-list__tab--active {
  position: relative;
  background: transparent;
}

.news-list__tab--active::after {
  position: absolute;
  top: 15px;
  right: 0;
  bottom: 15px;
  width: 1px;
  content: '';
  background: #424251;
}

.news-list__tab:first-of-type {
  border-top-left-radius: 3px;
}

.news-list__tab:last-of-type {
  border-bottom-left-radius: 3px;
}

.news-list__tab.news-list__tab--active:first-of-type::before {
  border-top-left-radius: 3px;
}

.news-list__tab.news-list__tab--active:last-of-type::before {
  border-bottom-left-radius: 3px;
}

.news-list__tab:not(.news-list__tab--active) + .news-list__tab:not(.news-list__tab--active) {
  box-shadow: inset 0 10px 20px -10px #313141;
}

.news-list li {
  font-size: 35px;
  font-weight: 400;
  box-sizing: border-box;
  min-height: 70px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  color: #00a546;
  background: #434250;
}

.news-list li:first-of-type {
  border-top-left-radius: 3px;
}

.news-list li:last-of-type {
  border-bottom-left-radius: 3px;
}

.news-list li.slick-active:first-of-type::before {
  border-top-left-radius: 3px;
}

.news-list li.slick-active:last-of-type::before {
  border-bottom-left-radius: 3px;
}

.news-list li:not(.slick-active) + li:not(.slick-active) {
  transition: box-shadow 1.0s ease-out;
  box-shadow: inset 0 10px 20px -10px #313141;
}

.news-list .slick-active {
  position: relative;
  background: transparent;
}

.news-list .slick-active::after {
  position: absolute;
  top: 15px;
  right: 0;
  bottom: 15px;
  width: 1px;
  content: '';
  background: #424251;
}

.news-list__date {
  font-size: 11px;
  margin-top: -1px;
  color: #fff;
}
.news-list__year {
  font-size: 11px;
  color: #fff;
}

.news-list__items {
  overflow: hidden;
  max-height: 210px;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.news-preview {
  font-size: 0;
  min-height: 210px;
  padding-left: 40px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #32313f;
}

.news-preview__title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  display: block;
  margin: 0 0 23px;
  padding-top: 30px;
  text-align: left;
  letter-spacing: normal;
  color: #fff;
}
    .news-preview__title a {
        color:white;
        text-decoration:none;
    }

.news-preview__title::before,.news-preview__title::after {
  position: absolute;
  left: 0;
  height: 1px;
  content: '';
  background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.news-preview__title::before {
  bottom: 0;
  width: 27%;
}

.news-preview__title::after {
  width: 0;
}

.news-list__slide {
    height:210px;
    overflow:hidden;
}

.news-preview__image {
  float: right;
  margin-left: 40px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  height:210px;
}

.news-preview__text {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #646472;
}

.products-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.products-slider--intro .products-slider__slide {
  min-height: calc(100vh - 240px/2);
}

.products-slider__items {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.products-slider__items::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(180deg, #20202f 0%, rgba(32, 32, 47, 0) 100%);
}

.products-slider__controls {
  position: absolute;
  top: calc((100% - 240px)/2);
  right: 0;
  left: 0;
  padding: 0 50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.products-slider__slide {
  z-index: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 75px;
  background: url('/public/img/content/products-bg.webp') no-repeat center center;
  background-size: cover;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.products-slider__subtitle {
  position: absolute;
  z-index: 3;
  top: 50px;
  right: 0;
  left: 0;
  width: 203px;
  margin: 0 auto;
}

.products-slider__title {
  z-index: 1;
}

.products-slider__text {
  z-index: 1;
}

.products-slider__toggles {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 240px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #ebebeb;
}

.products-slider__toggles li {
  position: relative;
  padding-top: 33px;
  cursor: pointer;
  box-shadow: inset 20px 0 30px -20px rgba(0, 0, 0, .1);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.products-slider__toggles li:first-of-type {
  box-shadow: none;
}

.products-slider__toggles li:nth-child(1) {
  background: url('/public/img/content/products-item(1).webp') no-repeat center 100%;
}

.products-slider__toggles li:nth-child(2) {
  background: url('/public/img/content/products-item(2).webp') no-repeat center 80%;
}

.products-slider__toggles li:nth-child(3) {
  background: url('/public/img/content/products-item(3).webp') no-repeat center 80%;
}

.products-slider__toggles li:nth-child(4) {
  background: url('/public/img/content/products-item(4).webp') no-repeat center 100%;
}

.products-slider__toggles .slick-active {
  padding-top: 14px;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, .1);
}

.products-slider__toggles .slick-active::before {
  position: absolute;
  z-index: 2;
  top: -20px;
  right: 0;
  left: 0;
  height: 20px;
  content: '';
  background: #ebebeb;
}

.products-slider__toggles .slick-active .products-slider__label {
  font-size: 20px;
  display: inline-block;
  padding: 0 20px 10px;
}

.products-slider__toggles .slick-active .products-slider__label::after {
  font-size: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 1px;
  content: '';
  background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.products-slider__label {
  font-family: "Exo 2.0", Arial, sans-serif;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  padding: 0;
  text-decoration: none;
  letter-spacing: normal;
  text-transform: uppercase;
  border: none;
  outline: none;
  background-color: transparent;
}

.projects-slider,.projects-slider2 {
  position: relative;
  overflow: hidden;
}

.projects-slider *,.projects-slider2 * {
  outline: none;
}

.projects-slider__items,.projects-slider2__items {
  position: relative;
}

.projects-slider__control,.projects-slider2__control {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 25%;
  height: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
}

.projects-slider__control--prev,.projects-slider2__control--prev {
  left: 0;
}

.projects-slider__control--prev:hover,.projects-slider2__control--prev:hover {
  cursor: url('/public/img/icons/cursor-left.cur') 32 35, e-resize;
}

.projects-slider__control--next,.projects-slider2__control--next {
  right: 0;
}

.projects-slider__control--next:hover,.projects-slider2__control--next:hover {
  cursor: url('/public/img/icons/cursor-right.cur') 49 35, e-resize;
}

.projects-slider__slide,.projects-slider2__slide {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 580px;
  border-radius: 3px;
  background: url('/public/img/content/projects-slide-bg.webp') no-repeat center center;
  background-size: cover;
}
    .projects-slider__slide.main1 {
        background-image:url('/public/img/content/projects-slide-bg-1.webp');
    }
    .projects-slider__slide.main2 {
        background-image:url('/public/img/content/projects-slide-bg-2a.webp');
    }
    .projects-slider__slide.main3 {
        background-image:url('/public/img/content/projects-slide-bg-3a.webp');
    }
    .projects-slider2__slide.pers1 {
        background-image:url('/public/img/content/projects-slide-bg-p1.webp');
    }
    .projects-slider2__slide.pers2 {
        background-image:url('/public/img/content/projects-slide-bg-p2.webp');
    }
    .projects-slider2__slide.pers3 {
        background-image:url('/public/img/content/projects-slide-bg-p3.webp');
    }
.projects-slider__slide.energyBRICK {
  background: url('/public/img/content/slide1m.webp') no-repeat center center;
}
.projects-slider__slide.energyBRICK2 {
  background: url('/public/img/content/slide10m.webp') no-repeat center center;
}
.projects-slider__slide.energyBRICK3 {
  background: url('/public/img/content/slide20m.webp') no-repeat center center;
}
.projects-slider__slide.energyBRICK4 {
  background: url('/public/img/content/slide50m.webp') no-repeat center center;
}

.,projects-slider__text,.projects-slider2__text {
  max-width: 480px;
  margin: 0 auto;
}

.projects-slider__toggles-list,.projects-slider2__toggles-list {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.projects-slider__description,.projects-slider2__description {
  position: absolute !important;
  top: calc(50% + 36px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.projects-slider__title,.projects-slider2__description {
  position: relative;
  padding-bottom: 50px;
  text-transform:none;
}

.projects-slider__title::after,.projects-slider2__title::after {
  position: absolute;
  bottom: 28px;
  left: 50%;
  width: 95px;
  height: 1px;
  content: '';
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
  background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.projects-slider__controls,.projects-slider2__controls {
  position: absolute;
  top: 80px;
  right: 80px;
  padding: 0;
}

.toggles-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 30px;
  background: rgba(255, 255, 255, .15);
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.toggles-list__item {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  padding: 18px 23px;
  cursor: pointer;
  color: #fff;
}

.toggles-list__item--active {
  color: #00a546;
  background: #fff;
}

.toggles-list__item--active::before {
  content: none;
}

.toggles-list__item--active + .toggles-list__item::before {
  content: none;
}

.toggles-list__item::before {
  position: absolute;
  top: 13px;
  bottom: 13px;
  left: 1px;
  width: 1px;
  content: '';
  background: linear-gradient(to bottom, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.toggles-list__item:first-of-type::before {
  content: none;
}

.toggles-list li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  padding: 18px 23px;
  cursor: pointer;
  color: #fff;
}

.toggles-list li::before {
  position: absolute;
  top: 13px;
  bottom: 13px;
  left: 1px;
  width: 1px;
  content: '';
  background: linear-gradient(to bottom, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.toggles-list li:first-of-type::before {
  content: none;
}

.toggles-list li:hover {
  color: #00a800;
}

.toggles-list .slick-active {
  color: #00a546;
  background: #fff;
}

.toggles-list .slick-active:hover {
  cursor: default;
}

.toggles-list .slick-active::before {
  content: none;
}

.toggles-list .slick-active + li::before {
  content: none;
}

.counter {
  font-size: 100px;
  font-weight: 300;
  position: relative;
  z-index: 3;
  width: 700px;
  margin: 0 auto 117px;
  padding: 20px 0;
  letter-spacing: -4px;
  color: #fff;
  border-radius: 3px;
  background: url('/public/img/counter__icon.webp') no-repeat 100% 50%, linear-gradient(180deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, 0) 100%);
}

.counter::before {
  position: absolute;
  top: 50%;
  right: -20px;
  width: 40px;
  height: 40px;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background: url('/public/img/sprite.webp') no-repeat -132px -43px;
}

.counter__hint {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857;
  position: absolute;
  top: 50%;
  left: calc(100% + 20px);
  display: none;
  min-width: 210px;
  padding: 10px 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  border-radius: 3px;
  background: #00a63d;
}

.counter__hint::before {
  position: absolute;
  top: 50%;
  left: -5px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 5px 5px 5px 0;
  border-style: solid;
  border-color: transparent #00a63d transparent transparent;
}

.counter:hover .counter__hint {
  display: inline-block;
}

.elfe-counter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 660px;
  margin-right: auto;
  margin-bottom: 85px;
  margin-left: auto;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.elfe-counter__item {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.elfe-counter__number {
  font-size: 70px;
  line-height: 1.5;
  width: 70px;
  color: #00a630;
  border-radius: 2px;
  background-image: linear-gradient(to bottom, #20202f, #000);
}

.elfe-counter__numbers .odometer-inside {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.elfe-counter__numbers .odometer-digit {
  font-size: 70px;
  line-height: 1.5;
  width: 70px;
  text-align: center;
  color: #00a630;
  border-radius: 2px;
  background-image: linear-gradient(to bottom, #20202f, #000);
}

.elfe-counter__numbers .odometer-digit:nth-last-of-type(n+3) {
  display: none;
}

.elfe-counter__item-name {
  font-size: 13px;
  font-weight: 500;
  line-height: 2;
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 100px;
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
  text-align: center;
  text-transform: lowercase;
  color: #414151;
}

.bullets {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1200px;
  height: 100%;
  -webkit-transform: translateX(-600px);
  -ms-transform: translateX(-600px);
  transform: translateX(-600px);
}

.bullets__item {
  position: relative;
  z-index: 0;
}

.bullets__item:hover {
  z-index: 10;
}

.bullets__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: absolute;
  z-index: 10;
  top: calc(100% + 10px);
  left: 50%;
  display: none;
  min-width: 265px;
  padding: 30px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  border-radius: 3px;
  background: #00a63d;
}

.bullets__text::before {
  position: absolute;
  top: -6px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 0 8px 9px 8px;
  border-style: solid;
  border-color: transparent transparent #00a63d transparent;
}

.bullets__text::after {
  position: absolute;
  top: -25px;
  left: 0;
  display: block;
  width: 100%;
  height: 25px;
  content: '';
}

.bullets__text:hover {
  display: inline-block;
}

.bullets__item:hover .bullets__text {
  display: inline-block;
}

.bullets__item--map {
  position: absolute;
  overflow: hidden;
  width: 12px;
  height: 16px;
  white-space: nowrap;
  text-indent: -9999px;
  background: url('/public/img/sprite.webp') no-repeat -149px 0;
}

.bullets__item--map:nth-of-type(1) {
  bottom: 6.4%;
  left: 22.3%;
}

.bullets__item--map:nth-of-type(2) {
  bottom: 2%;
  left: 24.5%;
}

.bullets__item--map:nth-of-type(3) {
  bottom: 5%;
  left: 26%;
}

.bullets__item--map:nth-of-type(4) {
  bottom: 13.5%;
  left: 26.7%;
}

.bullets__item--map:nth-of-type(5) {
  bottom: 10.7%;
  left: 32.5%;
}

.bullets__item--map:nth-of-type(6) {
  bottom: 15%;
  left: 31.1%;
}

.bullets__item--map:nth-of-type(7) {
  bottom: 25%;
  left: 35.5%;
}

.bullets__item--map:nth-of-type(8) {
  bottom: 6.4%;
  left: 38.4%;
}

.bullets__item--map:nth-of-type(9) {
  bottom: 2%;
  left: 42%;
}

.bullets__item--map:nth-of-type(10) {
  bottom: 5%;
  left: 42.8%;
}

.bullets__item--map:nth-of-type(11) {
  bottom: 22%;
  left: 42%;
}

.bullets__item--map:nth-of-type(12) {
  bottom: 26.4%;
  left: 40%;
}

.bullets__item--map:nth-of-type(13) {
  bottom: 3.5%;
  left: 52.3%;
}

.bullets__item--map:nth-of-type(14) {
  bottom: 3.5%;
  left: 52.3%;
}

.bullets__item--map:nth-of-type(15) {
  bottom: 9.3%;
  left: 62.5%;
}

.bullets__item--map:nth-of-type(16) {
  bottom: 10.5%;
  left: 61.1%;
}

.bullets__item--map:nth-of-type(17) {
  bottom: 2%;
  left: 64%;
}

.bullets__item--energy {
  position: absolute;
  width: 10px;
  height: 30px;
  cursor: pointer;
  background-image: url('/public/img/icons/bolt.svg');
  background-repeat: no-repeat;
}

.bullets__item--energy:nth-of-type(2) {
  bottom: 6.4%;
  left: 22.3%;
}

.bullets__item--energy:nth-of-type(3) {
  bottom: 32%;
  left: 44.5%;
}

.bullets__item--energy:nth-of-type(4) {
  bottom: 11%;
  left: 26%;
}

.bullets__item--energy:nth-of-type(5) {
  bottom: 19.5%;
  left: 18.7%;
}

.bullets__item--energy:nth-of-type(6) {
  bottom: 10.7%;
  left: 32.5%;
}

.bullets__item--energy:nth-of-type(7) {
  bottom: 32%;
  left: 28.1%;
}

.bullets__item--energy:nth-of-type(8) {
  bottom: 34%;
  left: 35.5%;
}

.bullets__item--energy:nth-of-type(9) {
  bottom: 6.4%;
  left: 38.4%;
}

.bullets__item--energy:nth-of-type(10) {
  bottom: 42%;
  left: 42%;
}

.bullets__item--energy .bullets__text {
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  color: #31313f;
  background: #ffbf00;
}

.bullets__item--energy .bullets__text::before {
  top: 50%;
  left: -5px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 8px 9px 8px 0;
  border-color: transparent #ffbf00 transparent transparent;
}

.bullets__item--energy .bullets__text::after {
  position: absolute;
  top: 0;
  left: -25px;
  display: block;
  width: 25px;
  height: 100%;
  content: '';
}

.bullets__item--biohazard {
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url('/public/img/icons/danger.svg');
  background-repeat: no-repeat;
}

.bullets__item--biohazard:nth-last-of-type(1) {
  bottom: 11.4%;
  left: 62.3%;
}

.bullets__item--biohazard:nth-last-of-type(2) {
  bottom: 5%;
  left: 72.5%;
}

.bullets__item--biohazard:nth-last-of-type(3) {
  bottom: 8%;
  left: 59%;
}

.bullets__item--biohazard:nth-last-of-type(4) {
  bottom: 13.5%;
  left: 77.7%;
}

.bullets__item--biohazard .bullets__text {
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  left: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  color: #fff;
  background: #ff0a00;
}

.bullets__item--biohazard .bullets__text::before {
  top: 50%;
  right: -5px;
  left: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 8px 0 8px 9px;
  border-color: transparent transparent transparent #ff0a00;
}

.bullets__item--biohazard .bullets__text::after {
  position: absolute;
  top: 0;
  right: -35px;
  left: auto;
  display: block;
  width: 35px;
  height: 100%;
  content: '';
}

.bullets__item--addition {
  position: absolute;
  bottom: 515px;
  left: 50%;
  overflow: visible;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
  border-radius: 50%;
  background-color: #00a63d;
  background-image: url('/public/img/icons/plus--white.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.bullets__item--addition::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  content: '';
  -webkit-transform: translateX(-25px) translateY(-25px);
  -ms-transform: translateX(-25px) translateY(-25px);
  transform: translateX(-25px) translateY(-25px);
  border-radius: 50%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));
}

.bullets__item--addition:hover {
  background-image: url('/public/img/asterisk-icon.webp');
}

.content-elfe {
  position: relative;
  box-sizing: border-box;
  text-align: center;
  background-color: #000;
}
    .content-elfe .sound {
        position:absolute;right:20px;
        bottom:20px;width:53px;height:52px;
        z-index:1000;background:url('/public/img/unmute.webp') no-repeat center center;
        background-size:24px 24px;
        cursor:pointer;
    }
        .content-elfe .sound.mute {
            background-image:url('/public/img/mute.webp');
        }

.content-elfe__wrapper {
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  min-height: calc(100vh - 240px/2);
  padding-bottom: 75px;
  background-image: linear-gradient(to bottom, transparent 1%, transparent 85%, rgba(0, 0, 0, .3) 93%, black), url('/public/img/content/products-bg.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto, cover;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
    .content-elfe__wrapper.nobg {
        background:no-repeat;
        min-height:300px;
        z-index: 10;
    position: relative;
    }
    .content-elfe__wrapper.greenBlaze {
        background-image:linear-gradient(to bottom, transparent 1%, transparent 85%, rgba(0, 0, 0, .3) 93%, black), url('/public/img/content/greenblaze-bg.webp');
    }
    .content-elfe__wrapper.energyBRICK {
        background-image:linear-gradient(to bottom, transparent 1%, transparent 85%, rgba(0, 0, 0, .3) 93%, black), url('/public/img/content/energyBRICK-bg2.webp');
    }
.content-elfe__wrapper.AIDELab{
      background-image: linear-gradient(to bottom, transparent 1%, transparent 85%, rgba(0, 0, 0, .3) 93%, black), url('/public/img/content/products-bg-AIDELab1.webp');

}
    

.content-elfe::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: calc(100vh - 240px/2);
  content: '';
  background-image: linear-gradient(180deg, #20202f 0%, rgba(32, 32, 47, 0) 100%);
}

.content-elfe__image {
  margin-top: 5px;
  margin-bottom: 10px;
}

.content-elfe__video-wrap {
  position: relative;
}

.content-elfe__video-wrap .content-elfe__video {
  position: absolute;
  top: -15px;
  left: -20px;
}

.content-elfe__video-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
}

.content-elfe__flashlight-wrap {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.content-elfe__flashlight-text {
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  line-height: 20px;
  width: 260px;
  margin-right: 0;
  padding-right: 40px;
  text-align: right;
  color: #404051;
}

.content-elfe__decor-line {
  position: absolute;
  top: 9px;
  right: -330px;
  width: 304px;
  height: 1px;
  background-image: linear-gradient(to right, #1a1a1a 85%, #ffbf00);
}

.content-elfe__decor-line::before {
  position: absolute;
  top: -19px;
  left: -39px;
  width: 35px;
  height: 35px;
  content: '';
  border: 2px solid #ffbf00;
  border-radius: 50%;
}

.content-elfe__decor-line::after {
  position: absolute;
  top: -2px;
  right: -5px;
  width: 5px;
  height: 5px;
  content: '';
  border-radius: 50%;
  background-color: #ffbf00;
}

.content-elfe__decor-line--animate {
  -webkit-animation-name: stretchLine;
  animation-name: stretchLine;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.content-elfe__flashlight-animation {
  min-height: 400px;
  background-image: url('/public/img/content/flashlight.webp');
  background-repeat: no-repeat;
  background-position: 65% bottom;
}

.content-ers {
  position: relative;
  box-sizing: border-box;
  text-align: center;
  background-color: #000;
}

.content-ers__wrapper {
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  min-height: calc(100vh - 240px/2);
  padding-bottom: 75px;
  background-image: linear-gradient(to bottom, transparent 1%, transparent 85%, rgba(0, 0, 0, .3) 93%, black), url('/public/img/content/content-ers-bg.webp');
  background-repeat: no-repeat, no-repeat;
  background-position: center;
  background-size: auto, cover;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.content-ers__wrapper.innerCUT{
      background-image: linear-gradient(to bottom, transparent 1%, transparent 85%, rgba(0, 0, 0, .3) 93%, black), url('/public/img/content/content-innercut-bg.webp');

}

.content-ers::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: calc(100vh - 240px/2);
  content: '';
  background: linear-gradient(180deg, #20202f 0%, rgba(32, 32, 47, 0) 100%);
}
.content-ers.nobg::before {
    background:none;
}

.content-ers__image {
  margin-top: 5px;
  margin-bottom: 10px;
}

.video-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 120px;
  position: relative;
  display: inline-block;
  height: 120px;
  padding-left: 90px;
  cursor: pointer;
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
  text-align: left;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
}

.video-btn::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 120px;
  height: 120px;
  content: '';
  -webkit-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
  border-radius: 50%;
  background-image: url('/public/img/icons/play.svg'), url('data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'100\' height=\'100\'%3E%3Cpath stroke=\'%23ffffff\' stroke-width=\'2\' fill=\'transparent\' d=\'M 95 30 A48,48 0 1,0 95,70\'%3E%3C/path%3E%3C/svg%3E'), linear-gradient(to right, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02));
  background-repeat: no-repeat;
  background-position: 50px center, center, center;
}

.video-btn:hover {
  color: #00a742;
}

.video-btn--fade::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 100%;
  content: '';
  background: linear-gradient(90deg, transparent 0%, #000 100%);
}

.video-btn--image::after {
  background-image: url('/public/img/icons/play.svg'), url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'100\' height=\'100\'><path stroke=\'#ffffff\' stroke-width=\'2\' fill=\'transparent\' d=\'M 95 30 A48,48 0 1,0 95,70\'></path></svg>'), linear-gradient(to right, rgba(49, 49, 64, .6), rgba(49, 49, 64, .12));
}

.properties {
  font-size: 0;
  padding: 20px 0 25px;
}

.properties__item {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 40px 20px;
  padding-bottom: 35px;
  vertical-align: top;
}

.properties__item--compression img {
  margin-bottom: 12px;
}

.properties__image {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #262626, #080808);
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
    .properties__image.properties__image--resp {
        width:100%;height:auto;
    }
.properties__image--resp img{
    width:100%;
    /*border-radius:50%;*/
    border:solid 1px #555;
}
.properties__image.properties__image--resp::after {
    display:none;
}
    .properties__image.properties__image--sq {
        height:250px;width:auto;background:none;
    }
.properties__image--sq img{
    max-width:100%;
    max-height:250px;
    border:solid 1px #555;
}
.properties__image.properties__image--sq::after,.properties__image.properties__image--sq::before  {
    display:none;
}


    .properties__image.light::after {
        background:rgba(255,255,255,0.9);
    }
.hisdocument{
    width:100%;
    display:inline-block;
    text-align:center;  
}
.hisdocument.hisdocument--half {
    width:49%;
    display:inline-block;
    text-align:center;  
}
    .hisdocument .properties__image {
        height:auto;
    }

.properties__image img {
  position: relative;
  z-index: 9;
}
.properties__image.lg {
    width:200px;height:200px;
}
.properties__image.lg::after {
    width:196px;height:196px;border-radius:100px;
}
.properties__image.lg img
{
    border-radius:50%;
    width:100%;
}

.properties__image::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 96px;
  height: 96px;
  content: '';
  border-radius: 50px;
  background-color: #000;
}

.properties__image--noborder {
  background-image: none;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.properties__image--noborder::after {
  background-color: transparent;
}

.properties__image--transparentbg {
  background-image: url('/public/img/property-border.webp');
}

.properties__image--transparentbg::after {
  background-color: transparent;
}

.properties__image--whitebg {
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(32, 32, 47, .1));
}

.properties__image--whitebg::after {
  background-color: transparent;
}
.awards .properties__title {
    margin:15px 0;
}
.properties__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 20.1px;
  display: inline-block;
  margin: 15px 10px 0;
  padding: 0;
  color: #313140;
}
    .properties__title a {
        color: #313140;
    }
        .properties__title a:hover {
            text-decoration:none;
        }
.properties__title--highlight {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  margin: 30px 10px 0;
  color: #f5f5f5;
}
.properties__title--highlight a {
    color:white;
    font-size:18px;
    line-height:22px;
    text-decoration:none;
}
    .properties__title--highlight a:hover {
        color:#eee;text-decoration:underline;
    }
.properties__title--large {
  font-size: 20px;
  line-height: 1.5;
}
.properties__hint_wrap {
    position:relative;
    width:0px;
    padding-right:30px;
}
.properties__hint {
  font-size: 0;
  line-height: 20px;
  position: absolute;
  top: -10px;
  left: 0%;
  display: inline-block;
  height: 20px;
  padding-left: 25px;
  cursor: pointer;
}
    .properties__hint.right {left:100%;
    }

.properties__hint::before {
  font-size: 13px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 50%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0)), url('/public/img/hint-icon.webp');
  background-repeat: no-repeat;
  background-position: center;
}
.properties__hint.dark::before
{
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)), url('/public/img/hint-icon.webp');
}
.properties__hint-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: calc(100% + 10px);
  display: none;
  min-width: 265px;
  padding: 25px 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  letter-spacing: 0;
  color: #fff;
  border-radius: 3px;
  background: #202030;
}

.properties__hint-text::before {
  position: absolute;
  top: 50%;
  left: -5px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 8px 9px 8px 0;
  border-style: solid;
  border-color: transparent #202030 transparent transparent;
}

.properties__hint-text::after {
  position: absolute;
  top: 0;
  left: -35px;
  display: block;
  width: 35px;
  height: 100%;
  content: '';
}

.properties__hint-text:hover {
  display: inline-block;
}

.properties__hint-link {
  display: block;
  margin-top: 20px;
  text-decoration: underline;
  color: #00a63d;
}

.properties__description {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  padding: 15px 13px;
}

.properties__description--sub {
  font-size: 13px;
  line-height: 19px;
  padding: 0;
  color: #9797a6;
}

.properties__description--fade {
  font-size: 15px;
  line-height: 20px;
  padding: 5px;
  color: #404051;
}

.properties__hint:hover .properties__hint-text {
  display: inline-block;
}

.properties--4col {
  width: 990px;
  margin: 0 auto;
}

.properties--4col .properties__item {
  width: 25%;
}

.properties--3col {
  width: 840px;
  margin: 0 auto;
}

.properties--3col .properties__item {
  width: 33.33%;
}

.properties--white-text {
  color: #fff;
}

.ers-slider {
  position: relative;
  overflow: hidden;
  margin: 0 -40px;
  background: #f3f3f3 url('/public/img/content/ers-slider-bg.webp') no-repeat top right;
}
.ers-slider.greenBlaze
{
    background-image:none;
}
.ers-slider--animate {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ers-slider__toggles-list {
  position: absolute;
  z-index: 3;
  top: 63px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 0 0 45px -20px rgba(0, 0, 0, .3);
}

.ers-slider__toggles-list .toggles-list__item {
  font-size: 15px;
  font-weight: 500;
  color: #313140;
  background-color: #fff;
}

.ers-slider__toggles-list .toggles-list__item--active {
  color: #fff;
  background-color: #00a63d;
}

.ers-slider__toggles-list li {
  font-size: 15px;
  font-weight: 500;
  color: #313140;
  background-color: #fff;
}

.ers-slider__toggles-list .slick-active {
  color: #fff;
  background-color: #00a63d;
}

.ers-slider__toggles-list .slick-active:hover {
  cursor: default;
  color: #fff;
}

.ers-slider__items {
  pointer-events: none;
}
.gb-slider__slide {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  box-sizing: border-box;
  min-height: 400px;
  margin: 0 auto;
  padding: 160px 30px 25px;
  text-align: left;
  background-size: auto;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.gb-slider__desc {
    width:100%;
}
    .gb-slider__desc p {text-align:left;
    }

.ers-slider__slide {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  box-sizing: border-box;
  min-height: 755px;
  margin: 0 auto;
  padding: 160px 110px 125px;
  text-align: left;
  background-size: auto;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ers-slider__description {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 20px;
  padding-right: 225px;
  padding-left: 50px;
  list-style: none;
}

.ers-slider__description::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #00bfff;
}

.ers-slider__description::after {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 220px;
  height: 1px;
  content: '';
  background: linear-gradient(-90deg, deepskyblue 0%, rgba(219, 219, 234, 0) 10%);
  background-color: #dbdbea;
}

.ers-slider__option {
  font-size: 15px;
  font-weight: 500;
  line-height: 20.1px;
  position: relative;
  width: 220px;
  padding: 15px 10px;
  padding-top: 14px;
  padding-right: 122px;
  text-align: right;
  color: #313140;
  border-right: 1px solid #dbdbea;
}

.ers-slider__option::before {
  position: absolute;
  top: 50%;
  right: 100px;
  width: 5px;
  height: 5px;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #00bfff;
}

.ers-slider__option::after {
  position: absolute;
  right: -1px;
  bottom: 0;
  width: 100px;
  height: 50%;
  content: '';
  border-top: 1px solid #dbdbea;
  border-right: 1px solid #dbdbea;
}

.ers-slider__option:first-child {
  border: none;
}

.ers-slider__option:last-child {
  border: none;
}

.ers-slider__option:last-child::after {
  top: 0;
  border-top: none;
  border-bottom: 1px solid #dbdbea;
}

.menu-navigation {
/*  min-height: 125px;*/
position:absolute;
}

.menu-navigation--fixed .menu-navigation__items {
  position: fixed;
  top: 70px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.menu-navigation__items {
  z-index: 3;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 50px 50px 35px;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.menu-navigation__arrow {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.menu-navigation__arrow--buy {
  font-size: 13px;
  font-weight: 500;
  line-height: 40px;
  min-height: 40px;
  padding-right: 60px;
  padding-left: 25px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
}

.menu-navigation__arrow--buy::before {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 100%;
  height: 60px;
  content: '';
  opacity: .1;
  border-radius: 0 30px 30px 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.menu-navigation__arrow--buy::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  content: '';
  background: url('/public/img/sprite.webp') no-repeat 0 -96px;
}

.menu-navigation__arrow--elfe {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  box-sizing: border-box;
  width: 115px;
  padding: 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border-radius: 20px;
  background-color: #00a647;
}

.menu-navigation__arrow--elfe::after {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 135px;
  height: 60px;
  content: '';
  border-radius: 30px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1));
}

.menu-navigation__arrow--menu {
  font-size: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #00a647 url('/public/img/menu-burger-icon.webp') no-repeat center center;
}

.menu-navigation__arrow--menu::before {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 60px;
  height: 60px;
  content: '';
  opacity: .1;
  border-radius: 50%;
  background: linear-gradient(-90deg, rgba(255, 255, 255, .2) 0, #fff 100%);
}

.menu-navigation__modal {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.menu-navigation__modal--visible {
  display: block;
}

.ers-tips {
  position: relative;
  height: 500px;
  margin-bottom: 122px;
  background: #000 url('/public/img/content/ers-tips-bg-ers.webp') no-repeat top center;
  background-size: 100% auto;
}
.ers-tips.energyBRICK
{
  background: #000 url('/public/img/content/eb-tips-bg.webp') no-repeat top center;
}
.ers-tips.innerCUT
{
  background: #000 url('/public/img/content/ers-tips-bg-innercut.webp') no-repeat top center;
}

.ers-tips::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  content: '';
  background: linear-gradient(180deg, #000 0%, transparent 100%);
}

.ers-tips::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px;
  content: '';
  background: linear-gradient(0deg, #000 0%, transparent 100%);
}

.ers-tips__item {
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url('/public/img/ers-tips-icon.webp') no-repeat center center, linear-gradient(180deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .05) 100%);
}

.ers-tips__item::after {
  position: absolute;
  width: 1px;
  height: 40px;
  content: '';
}

.ers-tips__item::before {
  position: absolute;
  width: 5px;
  height: 5px;
  content: '';
  border-radius: 50%;
  background-color: #00bfff;
}

.ers-tips__item--top::after {
  bottom: 50px;
  left: 50%;
  margin-left: -1px;
  background: linear-gradient(180deg, deepskyblue 0%, rgba(26, 26, 26, 0) 100%);
  background-color: rgba(255, 255, 255, .15);
}

.ers-tips__item--top::before {
  bottom: 90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ers-tips__item--right::after {
  top: 50%;
  left: 50px;
  width: 120px;
  height: 1px;
  margin-top: -1px;
  background: linear-gradient(-90deg, deepskyblue 0%, rgba(0, 191, 255, 0) 20%);
  background-color: rgba(255, 255, 255, .15);
}

.ers-tips__item--right::before {
  top: 50%;
  left: 170px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ers-tips__item--left::after {
  top: 50%;
  right: 50px;
  width: 120px;
  height: 1px;
  margin-top: -1px;
  background: linear-gradient(90deg, deepskyblue 0%, rgba(0, 191, 255, 0) 20%);
  background-color: rgba(255, 255, 255, .15);
}

.ers-tips__item--left::before {
  top: 50%;
  right: 170px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ers-tips__item--bottom::after {
  top: 50px;
  left: 50%;
  margin-left: -1px;
  background: linear-gradient(0deg, deepskyblue 0%, rgba(26, 26, 26, 0) 100%);
  background-color: rgba(255, 255, 255, .15);
}

.ers-tips__item--bottom::before {
  top: 90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ers.ers-tips__item:nth-child(1) {
  top: 32%;
  left: 22%;
}
.ers.ers-tips__item:nth-child(2) {
  top: 62%;
  left: 48%;
}
.ers.ers-tips__item:nth-child(3) {
  top: 32%;
  left: 72%;
}

.ers-tips__item:nth-child(1) {
  top: 12%;
  left: 32%;
}

.ers-tips__item:nth-child(2) {
  top: 24%;
  left: 30%;
}

.ers-tips__item:nth-child(3) {
  top: 36%;
  left: 32%;
}

.ers-tips__item:nth-child(4) {
  top: 48%;
  left: 30%;
}
.ers-tips__item:nth-child(5) {
  top: 60%;
  left: 32%;
}
.ers-tips__item:nth-child(6) {
  top: 18%;
  right: 32%;
}
.ers-tips__item:nth-child(7) {
  top: 30%;
  right: 30%;
}
.ers-tips__item:nth-child(8) {
  top: 42%;
  right: 32%;
}
.ers-tips__item:nth-child(9) {
  top: 54%;
  right: 30%;
}

.ers-tips__item:hover .ers-tips__text {
  display: inline-block;
}

.ers-tips__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857;
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  display: none;
  min-width: 265px;
  padding: 25px 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  letter-spacing: 0;
  color: #31313f;
  border-radius: 3px;
  background: #00beff;
}

.ers-tips__text::before {
  position: absolute;
  top: 50%;
  left: -5px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 8px 9px 8px 0;
  border-style: solid;
  border-color: transparent #00beff transparent transparent;
}

.ers-tips__text::after {
  position: absolute;
  top: 0;
  right: auto;
  left: -35px;
  display: block;
  width: 35px;
  height: 100%;
  content: '';
}

.ers-tips__text--left {
  right: calc(100% + 10px);
  left: auto;
}

.ers-tips__text--left::before {
  right: -5px;
  left: auto;
  border-width: 8px 0 8px 9px;
  border-color: transparent transparent transparent #00bfff;
}

.ers-tips__text--left::after {
  position: absolute;
  top: 0;
  right: -35px;
  left: auto;
  display: block;
  width: 35px;
  height: 100%;
  content: '';
}

.elfe-specification {
  background-color: #f5f5f5;
}

.elfe-specification__flashlight-image {
  position: relative;
  width: 560px;
  height: 151px;
  margin-right: auto;
  margin-bottom: 70px;
  margin-left: auto;
}

.elfe-specification__flashlight-image img {
  vertical-align: bottom;
}

.elfe-specification__flashlight-size {
  position: absolute;
  display: inline-block;
}

.elfe-specification__flashlight-size--left {
  top: 35px;
  left: 0;
}

.elfe-specification__flashlight-size--left::before {
  top: -17px;
  right: -10px;
  width: 1px;
  height: 70px;
}

.elfe-specification__flashlight-size--left::after {
  top: -22px;
  right: -12px;
  box-shadow: 0 70px 0 0 #dbdbea;
}

.elfe-specification__flashlight-size--right {
  top: 33px;
  right: -5px;
}

.elfe-specification__flashlight-size--right::before {
  top: -25px;
  left: -10px;
  width: 1px;
  height: 90px;
}

.elfe-specification__flashlight-size--right::after {
  top: -30px;
  left: -12px;
  box-shadow: 0 90px 0 0 #dbdbea;
}

.elfe-specification__flashlight-size--bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-26px);
  -ms-transform: translateX(-26px);
  transform: translateX(-26px);
}

.elfe-specification__flashlight-size--bottom::before {
  top: -8px;
  left: -175px;
  width: 400px;
  height: 1px;
}

.elfe-specification__flashlight-size--bottom::after {
  top: -10px;
  left: -175px;
  box-shadow: 400px 0 0 0 #dbdbea;
}

.elfe-specification__flashlight-size::before {
  position: absolute;
  content: '';
  background-color: #dbdbea;
}

.elfe-specification__flashlight-size::after {
  position: absolute;
  width: 5px;
  height: 5px;
  content: '';
  border-radius: 50%;
  background-color: #dbdbea;
}

.elfe-specification__size-text {
  font-size: 17px;
  line-height: 25px;
  display: inline-block;
}

.elfe-specification__properties {
  width: auto;
  min-width: 670px;
  max-width: 1280px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, .1);
}

.elfe-specification__properties-title {
  margin-right: auto;
  margin-left: auto;
}

.page-submenu {
  padding: 20px 20px 10px;
  text-align: center;
  background-color: #f5f5f5;
}

.page-submenu__list {
  font-size: 0;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 30px;
  padding-left: 56px;
  list-style: none;
  cursor: pointer;
  border-radius: 25px;
  background-color: #313140;
}

.page-submenu__list::after {
  position: absolute;
  top: 50%;
  left: 41px;
  width: 14px;
  height: 14px;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url('/public/img/icons/burger--green.svg');
}

.page-submenu__list:hover {
  padding: 0 20px;
}

.page-submenu__list:hover::after {
  display: none;
}

.page-submenu__list:hover .page-submenu__item {
  padding: 16px 20px;
}

.page-submenu__list:hover .page-submenu__item:nth-child(n+2) {
  display: inline-block;
}

.page-submenu__item {
  font-size: 15px;
  font-weight: 500;
  font-weight: 400px;
  line-height: 18px;
  display: inline-block;
  padding: 16px 10px;
  vertical-align: middle;
  color: #fff;
}

.page-submenu__item a:hover {
  color: green;
}

.page-submenu__item a:not([href]):hover {
  color: currentColor;
}

.page-submenu__item:nth-child(n+2) {
  display: none;
}

.page-submenu--expanded .page-submenu__list {
  padding: 0 20px;
}

.page-submenu--expanded .page-submenu__list::after {
  display: none;
}

.page-submenu--expanded .page-submenu__item {
  padding: 16px 20px;
}

.page-submenu--expanded .page-submenu__item:nth-child(n+2) {
  display: inline-block;
}

.page-submenu--fixed {
  position: fixed;
  z-index: 90;
  top: 70px;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-color: transparent;
}

.exclusive-video {
  position: relative;
  position: relative;
  display: block;
  width: 930px;
  height: 450px;
  margin: 10px auto;
  margin-bottom: 18px;
  cursor: pointer;
  text-align: center;
  background: #242634 url('/public/img/content/exclusive-video-bg.webp') no-repeat top center;
  background-size: auto;
}

.exclusive-video__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(50% - 120px), -60px);
  -ms-transform: translate(calc(50% - 120px), -60px);
  transform: translate(calc(50% - 120px), -60px);
}

.person {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 410px;
  height: 100px;
  padding: 10px;
  -webkit-transform: translateY(-70px);
  -ms-transform: translateY(-70px);
  transform: translateY(-70px);
  vertical-align: top;
  border: 5px solid #fff;
  border-radius: 50px;
  background-color: #313140;
}

.person::before {
  position: absolute;
  z-index: -1;
  top: -5px;
  left: -5px;
  width: 410px;
  height: 100px;
  border-radius: 50px;
  background-color: #fff;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}

.person__name {
  font-size: 20px;
  line-height: 1.5;
  display: inline-block;
}

.person__position {
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  color: #646473;
}

.exclusive-rights__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.exclusive-rights__item:nth-child(even) {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.exclusive-rights__content {
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  position: relative;
  width: 405px;
  text-align: left;
}

.exclusive-rights__date {
  position: absolute;
  top: 10px;
  left: -120px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 80px;
  height: 80px;
  color: #fff;
  border-radius: 50%;
  background-color: #00a736;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.exclusive-rights__date::after {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100px;
  height: 100px;
  content: '';
  border-radius: 50%;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(32, 32, 47, .1));
}

.exclusive-rights__year {
  font-size: 20px;
  line-height: 20px;
}

.exclusive-rights__month {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.exclusive-rights__decor-arrow {
  position: absolute;
  height: 2px;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  background-color: #dbdbea;
}

.exclusive-rights__decor-arrow--to-right {
  top: -5px;
  left: 85px;
  width: 540px;
  -webkit-transform: rotate(-37deg);
  -ms-transform: rotate(-37deg);
  transform: rotate(-37deg);
}

.exclusive-rights__decor-arrow--to-left {
  top: -5px;
  left: -5px;
  width: 100px;
  -webkit-transform: rotate(-138deg);
  -ms-transform: rotate(-138deg);
  transform: rotate(-138deg);
}

.exclusive-rights__decor-arrow::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 10px;
  content: '';
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  background-image: url('/public/img/icons/arrow_right--gray.svg');
}

.exclusive-rights__link {
  display: block;
  text-decoration: underline;
  color: #00a63d;
}

.exclusive-rights__popup {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  display: none;
  box-sizing: border-box;
  width: 420px;
  height: 640px;
  padding-right: 6px;
  background-color: #fff;
}

.exclusive-rights__popup--visible {
  display: block;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.exclusive-rights__popup-close {
  font-size: 0;
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: url('/public/img/icons/cross_14.svg') no-repeat center center;
  background-color: transparent;
}

.exclusive-rights__popup-wrap {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 640px;
  padding: 45px 20px;
  border-radius: 3px 0 3px 3px;
  background-color: #f5f5f5;
}

.exclusive-rights__popup-wrap::before {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  content: '';
  background-image: url('/public/img/icons/popup-corner.svg');
}

.exclusive-rights__popup-content {
  overflow-y: auto;
  width: 395px;
  height: 100%;
  padding-right: 80px;
}

.exclusive-rights__popup-content--bottom-shade::before {
  position: absolute;
  z-index: 15;
  bottom: 40px;
  left: 0;
  width: calc(100% - 6px);
  height: 80px;
  content: '';
  background-image: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, whitesmoke 100%);
}

.exclusive-rights__popup-content--top-shade::after {
  position: absolute;
  z-index: 15;
  top: 40px;
  left: 0;
  width: calc(100% - 6px);
  height: 80px;
  content: '';
  background-image: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, whitesmoke 100%);
}

.brands-slider {
  width: 680px;
  margin: 0 auto;
}

.brands-slider * {
  outline: none;
}

.brands-slider__wrap {
  position: relative;
  overflow: hidden;
  height: 140px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  border-radius: 3px;
  background-color: #313140;
}

.brands-slider__wrap::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  pointer-events: none;
  background-image: linear-gradient(to right, #313141 17%, rgba(49, 49, 65, 0) 50%, #313141 83%);
}

.brands-slider__items {
  width: calc(100% - 522px);
  height: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}

.brands-slider__items .slick-active {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  opacity: 1;
}

.brands-slider__items .slick-active::before,.brands-slider__items .slick-active::after {
  content: none;
}

.brands-slider__items .slick-active ~ .brands-slider__slide::before {
  content: none;
}

.brands-slider__items .slick-active ~ .brands-slider__slide::after {
  content: '';
}

.brands-slider__items::before,.brands-slider__items::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  content: '';
  border-radius: 3px;
  background: #313140;
}

.brands-slider__items::after {
  right: 0;
  left: auto;
  background: #313140;
}

.brands-slider__slide {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 140px;
  text-align: center;
  vertical-align: middle;
  opacity: .2;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.brands-slider__slide::before,.brands-slider__slide::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 31px;
  height: 100%;
  content: '';
  background-image: linear-gradient(to right, #313140 0%, transparent 100%);
}

.brands-slider__slide::after {
  right: 0;
  left: auto;
  content: none;
}

.brands-slider__slide--active {
  opacity: 1;
}

.brands-slider__controls {
  position: absolute;
  z-index: 15;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.brands-slider__arrow {
  font-size: 0;
  position: absolute;
  top: 0;
  width: 30px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}

.brands-slider__arrow--prev {
  left: 65px;
  background-image: url('/public/img/icons/arrow_left_triple.svg');
}

.brands-slider__arrow--next {
  right: 65px;
  background-image: url('/public/img/icons/arrow_right_triple.svg');
}

.brands-slider .slick-disabled {
  opacity: .4;
}

.brands-slider__detailed-items {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.brands-slider__detailed-slide {
  display: inline-block;
  vertical-align: middle;
}

.brands-slider__text {
  font-size: 20px;
  line-height: 1.5;
  max-width: 560px;
  margin-right: auto;
  margin-left: auto;
}

.thesis-slider {
  position: relative;
  margin-bottom: 72px;
}

.thesis-slider * {
  outline: none;
}

.thesis-slider::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 178px;
  height: 178px;
  content: '';
  -webkit-transform: translate(-89px, -89px);
  -ms-transform: translate(-89px, -89px);
  transform: translate(-89px, -89px);
  border: 1px solid #dbdbea;
}

.thesis-slider__items {
  position: relative;
  z-index: 3;
  overflow: hidden;
  width: 550px;
  margin-right: auto;
  margin-left: auto;
}

.thesis-slider__slide {
  display: inline-block;
  vertical-align: middle;
}

.thesis-slider__toggles {
  position: absolute;
  z-index: 3;
  bottom: -49px;
  left: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  height: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transform: translateX(-35px);
  -ms-transform: translateX(-35px);
  transform: translateX(-35px);
  background-color: #f5f5f5;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.thesis-slider__toggles button {
  font-size: 0;
  box-sizing: content-box;
  width: 5px;
  height: 5px;
  margin-right: 9px;
  margin-left: 9px;
  padding: 0;
  cursor: pointer;
  border: 2px solid #f5f5f5;
  border-radius: 50%;
  outline: none;
  background-color: #dbdbeb;
}

.thesis-slider__toggles button:hover {
  background-color: #313140;
}

.thesis-slider__toggles .slick-active button {
  border-color: #00a736;
  background-color: #00a736;
}

.thesis-slider__text {
  margin-bottom: 0;
}

.licences-slider {
  position: relative;
  width: 740px;
  min-height: 240px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  border-radius: 3px;
  background-color: #202030;
}

.licences-slider * {
  outline: none;
}

.licences-slider__items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.licences-slider__items .slick-track {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.licences-slider__title {
  font-size: 20px;
  line-height: 2;
  position: relative;
  text-align: left;
}

.licences-slider__subtitle {
  font-size: 13px;
  line-height: 2;
  position: absolute;
  top: -20px;
  color: #646472;
}

.licences-slider__text {
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  margin: 0;
  text-align: left;
  letter-spacing: -.4px;
}

.licences-slider__timeline {
  position: absolute;
  bottom: -85px;
  left: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1120px;
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  list-style: none;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.licences-slider__timeline::after {
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  pointer-events: none;
  background-image: url('/public/img/timeline.webp');
  background-repeat: no-repeat;
  background-position: left center;
}

.licences-slider__timeline li {
  position: relative;
  width: 40px;
  margin-right: 15px;
  margin-left: 15px;
  padding-top: 30px;
  padding-bottom: 10px;
  cursor: pointer;
}

.licences-slider__timeline li:hover::after {
  background-color: #00a736;
}

.licences-slider__timeline li::after {
  position: absolute;
  top: 11px;
  left: 50%;
  width: 5px;
  height: 5px;
  content: '';
  -webkit-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  transform: translateX(-2px);
  border-radius: 50%;
  background-color: #fff;
}

.licences-slider__timeline li::before {
  position: absolute;
  top: 0;
  left: 5px;
  content: '';
}

.licences-slider__timeline li span {
  position: relative;
  display: block;
}

.licences-slider__timeline li span::after {
  position: absolute;
  z-index: 1;
  top: -70px;
  left: 50%;
  width: 38px;
  height: 20px;
  -webkit-transform: translateX(-19px);
  -ms-transform: translateX(-19px);
  transform: translateX(-19px);
  background-color: #202030;
}

.licences-slider__timeline li span::before {
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
  pointer-events: none;
  border-radius: 50%;
  box-shadow: 16px -47px 0 2px #0e0e1c, -16px -47px 0 2px #0e0e1c;
}

.licences-slider__timeline .slick-active span::after {
  content: '';
}

.licences-slider__timeline .slick-active span::before {
  content: '';
}

.licences-slider__timeline .slick-active::after {
  z-index: 3;
  top: 9px;
  width: 9px;
  height: 9px;
  -webkit-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
  transform: translateX(-4px);
  background-color: #00a736;
}

.licences-slider__timeline .slick-active::before {
  width: 30px;
  height: 15px;
  border-width: 0 0 15px 0;
  border-style: solid;
  border-color: #0e0e1c;
  border-radius: 15px;
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
}

.licences-slider__timeline-item {
  position: relative;
  margin-right: 15px;
  margin-left: 15px;
  cursor: pointer;
}

.licences-slider__timeline-item::after {
  position: absolute;
  top: -22px;
  left: 50%;
  width: 5px;
  height: 5px;
  content: '';
  -webkit-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  transform: translateX(-2px);
  border-radius: 50%;
  background-color: #fff;
}

.licences-slider__timeline-item--active::after {
  background-color: #00a736;
}

.licences-slider__controls {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.licences-slider__arrow {
  font-size: 0;
  position: absolute;
  top: 0;
  width: 30px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}

.licences-slider__arrow--prev {
  left: -65px;
  background-image: url('/public/img/icons/arrow_left_triple.svg');
}

.licences-slider__arrow--next {
  right: -65px;
  background-image: url('/public/img/icons/arrow_right_triple.svg');
}

.licences-slider__slide {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-direction: column;
  padding: 40px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.licences-slider__patents-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.licences-slider__patent {
  display: none;
}

.licences-slider__patent--active {
  display: block;
}

.licences-slider__tab-nav {
  position: absolute;
  top: -20px;
  left: 50px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.licences-slider__tab-item {
  margin-right: 5px;
  margin-left: 5px;
}

.licences-slider__tab-link {
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  z-index: 5;
  display: block;
  width: 40px;
  text-align: center;
  text-decoration: none;
  color: #525252;
  background-color: #181827;
}

.licences-slider__tab-link::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '';
  -webkit-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  transform: skewX(-30deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  background-color: inherit;
}

.licences-slider__tab-link::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  content: '';
  -webkit-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  transform: skewX(30deg);
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  background-color: inherit;
}

.licences-slider__tab-link--active {
  z-index: 7;
  color: #fff;
  background-color: #202030;
}

.map {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 450px;
  margin-bottom: 40px;
  border-radius: 3px;
  background-color: #f6f1e0;
  background-image: url('/public/img/contacts-map--aus.webp');
  background-repeat: no-repeat;
  background-position: right top;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.map:last-child {
  margin-bottom: 0;
}

.map__contacts {
  position: relative;
  z-index: 9;
  box-sizing: border-box;
  width: 34.5%;
  height: 450px;
  padding: 20px;
  background-image: url('/public/img/content/contacts-map-bg-aus2.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

.map__container {
  position: absolute;
  top: 0;
  width: 65.5%;
  height: 100%;
}

.map--aus .map__contacts-wrap::after {
  background-image: url('/public/img/icons/aus.svg');
}
.map--aus.india .map__contacts-wrap::after {
  background-image: url('/public/img/icons/india.svg');
  background-size:30px 18px;
}


.map--aus .map__container {
  right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.map--aus .map__contacts {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.map--rus {
  background-image: url('/public/img/contacts-map--rus.webp');
  background-position: left top;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.map--rus .map__contacts {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-image: url('/public/img/content/contacts-map-bg-rus.webp');
}
.india .map__contacts {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-image: url('/public/img/content/contacts-map-bg-ind.webp');
}

.map--rus .map__contacts-wrap::after {
  background-image: url('/public/img/icons/rus.svg');
}

.map--rus .map__container {
  left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.map__contacts-wrap {
  position: relative;
  padding: 20px 95px;
  text-align: center;
  border-radius: 3px;
  background-color: #fff;
}

.map__contacts-wrap::after {
  position: absolute;
  top: 25px;
  left: 0;
  width: 30px;
  height: 18px;
  content: '';
}

.map__contacts-title {
  font-size: 20px;
  line-height: 40px;
  display: inline-block;
}
    .awards img {
        max-width:100% !important;
        height:auto !important;
    }

.form {
  width: 400px;
  margin-right: auto;
  margin-left: auto;
}

.form__text {
  font-size: 20px;
  line-height: 1.5;
}

.form__text:nth-of-type(2) {
  margin-bottom: 50px;
}

.form__submit {
  margin-top: 15px;
}

.control {
  position: relative;
  margin-bottom: 40px;
}

.control__input {
  font-family: inherit;
  font-size: 15px;
  line-height: 22px;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  resize: none;
  color: #fff;
  border: none;
  background-color: transparent;
}

.control__input:focus,.control__input:active,.control__input--with {
  outline: none;
}

.control__input:focus + .control__indicator,.control__input:active + .control__indicator,.control__input--with + .control__indicator {
  font-size: 13px;
  top: -15px;
  color: #646472;
}

.control__input:focus + .control__indicator::after,.control__input:active + .control__indicator::after,.control__input--with + .control__indicator::after {
  bottom: -26px;
  opacity: 1;
}

.control__input:focus + .control__indicator--multiline::before,.control__input:active + .control__indicator--multiline::before,.control__input--with + .control__indicator--multiline::before {
  opacity: 1;
}

.control .invalid {
  color: #f00;
}

.control .invalid + .control__indicator::after {
  opacity: 1;
  background-image: linear-gradient(90deg, #f00 0%, rgba(255, 0, 0, 0) 100%);
}

.control__select {
  font: inherit;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  color: #646472;
  border: none;
  outline: none;
  background-color: transparent;
}

.control__select::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  opacity: .2;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.control__indicator {
  position: absolute;
  z-index: 0;
  top: 5px;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
  pointer-events: none;
  color: #646472;
}

.control__indicator::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  opacity: .2;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.control__indicator--multiline::before {
  position: absolute;
  bottom: -45px;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  opacity: .2;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.control--select {
  position: relative;
}

.control--select::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  opacity: .2;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.history-slider {
  width: 930px;
  height: 400px;
  margin-right: auto;
  margin-bottom: 70px;
  margin-left: auto;
  background-image: url('/public/img/history-slider-bg.webp');
}

.history-slider__items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 60px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.history-slider__slide {
  position: relative;
  width: 92px;
  margin: 0 7px;
}

.history-slider__slide--ad {
  width: 96px;
}

.history-slider__slide:hover {
  cursor: pointer;
}

.history-slider__slide:hover .history-slider__title {
  opacity: 1;
}

.history-slider__slide--ad .history-slider__title::before {
  width: 95px;
  height: 58px;
  background-image: url('/public/img/history-slider-ad.webp');
}

.history-slider__slide--ad .history-slider__title::after {
  right: auto;
  left: 20px;
  height: 19px;
  background-image: url('/public/img/history-slider-advanced.webp');
}

.history-slider__slide--ad:hover .history-slider__title::after {
  left: 0;
}

.history-slider__slide--g .history-slider__title::before {
  bottom: 30px;
  width: 91px;
  height: 88px;
  background-image: url('/public/img/history-slider-g.webp');
}

.history-slider__slide--g .history-slider__title::after {
  height: 19px;
  background-image: url('/public/img/history-slider-green.webp');
}

.history-slider__slide--g .history-slider__text {
  left: 20px;
}

.history-slider__slide--ex .history-slider__title::before {
  width: 86px;
  height: 58px;
  background-image: url('/public/img/history-slider-ex.webp');
}

.history-slider__slide--ex .history-slider__title::after {
  right: auto;
  bottom: -4px;
  left: -20px;
  height: 23px;
  background-image: url('/public/img/history-slider-expertise.webp');
}

.history-slider__slide--ex:hover .history-slider__title::after {
  left: 0;
}

.history-slider__slide--active .history-slider__title {
  opacity: 1;
}

.history-slider__slide--active .history-slider__title::after {
  left: 0;
}

.history-slider__slide--active .history-slider__text {
  display: block;
}

.history-slider__slide--active:hover {
  cursor: default;
}

.history-slider__slide--active:hover .history-slider__title::after {
  left: 0;
}

.history-slider__title {
  font-size: 0;
  height: 120px;
  opacity: .2;
}

.history-slider__title::before {
  position: absolute;
  right: auto;
  bottom: 40px;
  left: 0;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
}

.history-slider__title::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  content: '';
  transition: left .3s;
  background-repeat: no-repeat;
  background-position: center;
}

.history-slider__text {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  line-height: 26px;
  position: absolute;
  top: 166px;
  left: 0;
  display: none;
  width: 300px;
  text-align: left;
  color: #fff;
}
.history-slider__slide--g .history-slider__text {
    text-align:center;
    left:-100px;
}
.history-slider__slide--ex .history-slider__text {
    text-align:right;
    left:-210px;
}
    .history-slider__text::after  {
  position: absolute;
  top: -20px;
  left: 0;
  width: 50px;
  height: 1px;
  content: '';
  background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}
.history-slider__slide--ex .history-slider__text::after {
    left:210px;
}
.history-slider__slide--g .history-slider__text::after {
    left:120px;
}
.ers-instructions__container {
  padding-right: 80px;
  padding-left: 80px;
}

.ers-instructions__video {
  position: relative;
  display: block;
  height: 250px;
  text-align: center;
  background: #242634 url('/public/img/content/video-bg.webp') no-repeat top center;
  background-size: cover;
}
.gb-instructions__video .date {
    position:absolute;
    left:10px;
    top:10px;
    font-size:16px;
    font-weight:700;
    color:#00a647;
    letter-spacing:1px;
}
.gb-instructions__video {
  position: relative;
  display: block;
  height: 250px;
  text-align: center;
  background: #242634 url('/public/img/content/gbvideo1.webp') no-repeat top center;
  background-size: cover;
  display:inline-block;
  margin:0 20px;
  width:528px;
  max-width:100%;
}
.gb-instructions__video2 {
  position: relative;
  display: block;
  height: 250px;
  text-align: center;
  background: #242634 url('/public/img/content/gbvideo2.webp') no-repeat top center;
  background-size: cover;
  display:inline-block;
  margin:0 20px;
  width:528px;
  max-width:100%;
}
.gb-instructions__video3 {
  position: relative;
  display: block;
  height: 250px;
  text-align: center;
  background: #242634 url('/public/img/content/gbvideo3.webp') no-repeat top center;
  background-size: cover;
  display:inline-block;
  margin:0 20px;
  width:528px;
  max-width:100%;
}

.ers-instructions__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(50% - 120px), -60px);
  -ms-transform: translate(calc(50% - 120px), -60px);
  transform: translate(calc(50% - 120px), -60px);
}

.how-it-works {
  position: relative;
  padding: 68px 40px 80px;
  padding-top: 0;
  padding-bottom: 100px;
  text-align: center;
  background: #f5f5f5;
  background-color: #000;
  background-image: linear-gradient(to bottom, transparent 50%, black), url('/public/img/map--magnetic.webp');
  background-repeat: no-repeat;
  background-position: center bottom;
}

.how-it-works__power sup {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.5;
  position: absolute;
  top: -13px;
  right: -20px;
  letter-spacing: -.5px;
}

.how-it-works__watts {
  letter-spacing: -.5px;
}

.how-it-works__highlight {
  position: relative;
}

.how-it-works__highlight::before {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 4px;
  height: 4px;
  content: '';
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  border-radius: 50%;
  background-color: #ffbf00;
}

.modal {
  position: fixed;
  z-index: 200;
  top: 0;
  bottom: 0;
  display: none;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, .8);
}

.modal::before {
  display: inline-block;
  width: 1%;
  height: 100%;
  content: '';
  vertical-align: middle;
}

.modal__close {
  font-size: 0;
  position: absolute;
  top: -30px;
  right: -30px;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  background-image: url('/public/img/plus.webp');
  background-repeat: no-repeat;
  background-position: center;
}

.modal__container {
  position: relative;
  display: inline-block;
  width: 840px;
  height: 470px;
  margin: 0 auto;
  vertical-align: middle;
}

.modal__container iframe {
  width: 100%;
  height: 100%;
}

.modal--visible {
  display: block;
}

.popup-form{
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  display: none;
  box-sizing: border-box;
  width: 520px;
  padding-top: 60px;
  padding-right: 50px;
  padding-left: 50px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 3px;
  background-color: #0f0f1e;
  box-shadow: 0 0 255px 0 #00a63d;
      overflow: auto;
    height: calc(100% - 50px);

}

.modal-form {
}

.modal-form--visible {
  display: block;
}

.modal-form__close {
  font-size: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.modal-form__close:hover::before {
  background-color: #00a742;
}

.modal-form__close:hover::after {
  background-color: #00a742;
}

.modal-form__close::before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 26px;
  height: 2px;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  background-color: #fff;
}

.modal-form__close::after {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 26px;
  height: 2px;
  content: '';
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  background-color: #fff;
}

.modal-form__title {
  margin-bottom: 60px;
}

.modal-form .control {
  font-weight: 500;
}

.modal-diler {


}

.modal-diler--visible,.modal-visible {
  display: block;
}

.modal-diler__close,.modal-close-btn {
  font-size: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.modal-diler__close:hover::before,.modal-close-btn:hover::before {
  background-color: #00a742;
}

.modal-diler__close:hover::after,.modal-close-btn:hover::after {
  background-color: #00a742;
}

.modal-diler__close::before,.modal-close-btn::before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 26px;
  height: 2px;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  background-color: #fff;
}

.modal-diler__close::after,.modal-close-btn::after {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 26px;
  height: 2px;
  content: '';
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  background-color: #fff;
}
.modal-diler__success,.modal-success{display:none;}
.modal-diler__title {
  margin-bottom: 60px;
}

.modal-diler .control, .popup-form .control{
  font-weight: 500;
}

.popup-dialog {
  position: fixed;
  z-index: 120;
  top: 50%;
  left: 50%;
  display: none;
  padding: 40px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: transparent;
}

.popup-dialog--show {
  display: block;
}

.popup-dialog__close {
  font-size: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  background-image: url('/public/img/plus.webp');
  background-repeat: no-repeat;
  background-position: center;
}

.popup-dialog__content iframe {
  width: 100vw;
  max-width: 840px;
  height: 100vh;
  max-height: 470px;
}

.popup-navigation {
  z-index: 10;
  padding: 30px;
  border-radius: 15px;
  background-color: #fff;
  border:solid 1px #888;
}

.popup-navigation__close {
  font-size: 0;
  position: absolute;
  top: 13px;
  left: 13px;
  width: 14px;
  height: 14px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  background-image: url('/public/img/plus.webp');
  background-repeat: no-repeat;
  background-position: center;
}

.popup-navigation__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.popup-navigation__item {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  color: #31313f;
}

.popup-navigation__item--active .popup-navigation__link::after {
  display: block;
  height: 1px;
  content: '';
  background: linear-gradient(90deg, #00a647 0%, rgba(0, 167, 66, 0) 100%);
}

.popup-navigation__link {
  display: block;
  padding: 5px 10px;
}

.popup-side {
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 0;
  display: none;
  box-sizing: border-box;
  height: 85%;
  padding-left: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.popup-side::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 60px;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url('/public/img/icons/popup-side-border.svg') no-repeat center center;
  background-color: transparent;
}

.popup-side__close {
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 13px;
  width: 14px;
  height: 14px;
  padding: 0;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  outline: none;
  background: url('/public/img/icons/cross_14.svg') no-repeat center center;
  background-color: transparent;
}

.popup-side__wrap {
  overflow: hidden;
  box-sizing: border-box;
  width: 550px;
  height: 100%;
  padding: 40px;
  border-radius: 3px 0 0 3px;
  background-color: #fff;
}

.popup-side__content {
  position: relative;
  overflow-y: auto;
  width: 430px;
  height: 100%;
  padding-right: 150px;
}

.popup-side__content--bottom-shade::before {
  position: fixed;
  z-index: 15;
  bottom: 40px;
  left: 20px;
  width: 100%;
  height: 80px;
  content: '';
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.popup-side__content--top-shade::after {
  position: fixed;
  z-index: 15;
  top: 40px;
  left: 20px;
  width: 100%;
  height: 80px;
  content: '';
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.popup-side--visible {
  display: block;
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.notify {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  box-sizing: border-box;
  width: 184px;
  height: 40px;
  padding: 8px 16px 7px;
  -webkit-transform: translateX(-92px);
  -ms-transform: translateX(-92px);
  transform: translateX(-92px);
  text-align: left;
  white-space: nowrap;
  color: #31313f;
  border-radius: 3px;
  background: #ffbf00;
}

.notify::before {
  position: absolute;
  top: -4px;
  right: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 4px solid #ffbf00;
}
/*
@font-face {
  font-family:'GothamPro';font-weight:300;font-style:normal;src:local('GothamPro-Light'), local('GothamProLight'), url('/fonts/GothamPro-Light.woff') format('woff'), url('/fonts/GothamPro-Light.woff2') format('woff2');
}

@font-face {
  font-family:'GothamPro';font-weight:400;font-style:normal;src:local('GothamPro'), local('GothamPro'), url('/fonts/GothamPro.woff') format('woff'), url('/fonts/GothamPro.woff2') format('woff2');
}

@font-face {
  font-family:'GothamPro';font-weight:500;font-style:normal;src:local('GothamPro-Medium'), local('GothamProMedium'), url('/fonts/GothamPro-Medium.woff') format('woff'), url('/fonts/GothamPro-Medium.woff2') format('woff2');
}
*/
@font-face {
  font-family:'GothamProIntro';font-weight:400;font-style:normal;src:url('/fonts/GothamProIntro.woff') format('woff'), url('/fonts/GothamProIntro.woff2') format('woff2');
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .socials__item--vk {
    background-image: url('/public/img/icons/vk.svg');
    background-size: 15px 8px;
  }

  .socials__item--vk:hover {
    background-image: url('/public/img/icons/vk--hover.svg');
  }

  .socials__item--fb {
    background-image: url('/public/img/icons/facebook.svg');
  }

  .socials__item--fb:hover {
    background-image: url('/public/img/icons/facebook--hover.svg');
  }

  .socials__item--tw {
    background-image: url('/public/img/icons/twitter.svg');
  }

  .socials__item--tw:hover {
    background-image: url('/public/img/icons/twitter--hover.svg');
  }

  .socials__item--youtube {
    background-image: url('/public/img/icons/youtube.svg');
  }

  .socials__item--youtube:hover {
    background-image: url('/public/img/icons/youtube--hover.svg');
  }

  .socials__item--instagram {
    background-image: url('/public/img/icons/instagram.svg');
  }

  .socials__item--instagram:hover {
    background-image: url('/public/img/icons/instagram--hover.svg');
  }
}

.fullwidth{
    width:100%;
}
.leftmenu {
    text-align:left;
}

    .leftmenu li {
        list-style:none;
        font-size:16px;
        line-height:20px;
        margin-bottom:10px;
    }
        .leftmenu li a {
            color:#00a647;
            font-weight:500;
            text-decoration:none;
        }
            .leftmenu li a:hover {
                text-decoration:underline;
            }

.form-group {
    margin-bottom:20px;
}
.submit-button{
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    box-sizing: border-box;
    padding: 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border-radius: 20px;
    background-color: #00a647;
}
 .yt-bg-player {
     
	/*position: absolute;*/
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;

}

@media (max-width: 1386px) {
  .page-section--participate::before {
    content: none;
  }

  .page-section--participate::after {
    content: none;
  }
}

@media (max-width: 1320px) {
  .content-elfe__video-wrap .content-elfe__video {
    position: static;
    margin-bottom: 50px;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  .content-elfe__video-text {
    margin-bottom: 25px;
  }
}

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translate3d(100%, -50%, 0);
    transform: translate3d(100%, -50%, 0);
  }

  to {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}

@keyframes slideIn {
  from {
    -webkit-transform: translate3d(100%, -50%, 0);
    transform: translate3d(100%, -50%, 0);
  }

  to {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes stretchLine {
  from {
    right: -26px;
    width: 0;
  }

  to {
    right: -330px;
    width: 250px;
  }
}

@keyframes stretchLine {
  from {
    right: -26px;
    width: 0;
  }

  to {
    right: -330px;
    width: 250px;
  }
}

@-webkit-keyframes progressStart {
  from {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes progressStart {
  from {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes progressEnd {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
  }
}

@keyframes progressEnd {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
  }
}

@-webkit-keyframes progressBar {
  100% {
    clip: auto;
  }
}

@keyframes progressBar {
  100% {
    clip: auto;
  }
}

        .yt-bg-player{
 position: relative;
 background: transparent;
}

.ytplayer-container{
 position: absolute;
 top: 0;
 z-index: -1;
}
  

.background-video {
  background-position: top center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
}

video,
source {
  bottom: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}

.loaded .ytplayer-container {
  display: block;
}

.loaded .placeholder-image {
  opacity: 0;
}

.ytplayer-container {
  bottom: 0;
  height: 100%;
  left: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.placeholder-image {
  height: 100%;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
}

.ytplayer-shield {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ytplayer-player {
  position: absolute;
}


.page-content {
    min-height:500px;
}
.main-navigation {
    display:none;
}
.page-section--licences {
    overflow:hidden;
}
.how-it-works {overflow:hidden;
}
@media (max-width: 1280px) {
    .page-nav__link {
        padding:24px;
    }
    .page-section--participate {
        overflow:hidden;
    }
    .exclusive-rights__content {
        width:100%;
        margin-bottom:40px;
    }
    .exclusive-rights__item {
        width:auto;
    }
    .exclusive-rights__date {
        position: relative;
    left: 0;
    top: 0;
    float: left;
    margin-right:25px;
    }
    .exclusive-rights__decor-arrow {
        display:none;
    }
    .exclusive-rights__popup {
        width:100%;
    }
    .exclusive-rights__popup-content {
        width:auto;
    }
    .exclusive-video {max-width:100%;
    }
    .ers-slider {
        background:none;
    }
    .page-section__container {
        width:auto;
    }
}
@media (max-width: 1023px) {
    img {
        max-width:100%;
    }
    .news-preview__text {
        display:none;
    }
    .page-nav {
        margin-left:-40px;
        margin-right:-40px;
    }
    .page-nav__list {
        font-size:16px;
    }
    .intro-slider__description {
        width:100%;
        left:0%;
    -webkit-transform: translate(0px, -70px); 
    -ms-transform: translate(0px, -70px);
     transform: translate(0px, -70px); 
    }
        .intro-slider__description::before {
            top:50px;
            left:36%;
        }
    .intro-slider__char {
        font-size:120px;
    }
    .features__number:nth-of-type(3)::after {
        content:'';
    }
        .map__contacts,.map__container {
        width:50%;
    }
    .history-slider {
        max-width:100%;
    }
    .page-section__image img {max-width:100% !important;
    }
    .page-submenu--fixed {
        opacity:0;
        z-index:-1;
    }
    .modal::before {
        height:20%;
    }
    .modal,.modal__container {
        width:100%;
    }
    .modal__close {
        right:30px;
    }
    .licences-slider {
        max-width:100%;
    }
    .properties--4col {
        width:100%;
    }
    .properties--3col .properties__item {
        width:50%;
    }
    .properties--3col {
        max-width:100%;
    }
}
@media (max-width: 767px) {
    .news-preview__image {
        display:none;
    }
    .news-preview__title.subtitle, .news-preview__title a {
        font-size:14px;
        line-height:24px;
    }
    .features__number {
        font-size:14px;
        line-height:35px;
        letter-spacing:0;
        max-width:100px;
    }
    .features__number--big{max-width:initial;}
    .features__number span.first,.features__number span.second{
        margin-left:-18px;
    }
    .features__number--big span {
        margin-left:0;
        margin-top:30px;
    }
    .page-section {
        padding-left:15px;padding-right:15px;
    }
    .page-section.page-section--p-m-0 {
        padding-left:0px;padding-right:0px;
    }
    .page-section--p-0 {
        padding:0;
    }
    .page-header__row {
        padding: 10px;
    }

    .page-header__item--delimiter {
        position:initial;
        float:left;
    }
    .page-header__row .lang-switcher {
        position:absolute;
        z-index:100;top:60px;
        width:120px;
        left:20px;
        display:none;
    }
    .menu-visible .page-header__row .lang-switcher {
        display:block;
    }

    .page-header__row .page-header__version {
        display: none;
    }

    .main-navigation {
        position: absolute;
        top: 10px;
        right: 20px;
        display:block;
    }
     .page-nav {
        margin-left:0px;
        margin-right:0px;
    }

    .page-nav .page-nav__list {
        z-index: 10;
        padding: 30px;
    border-radius: 3px;
    background: rgba(32, 32, 48, .95);
            height: auto;
            display:none;text-align:left;
    }
    .page-nav.visible .page-nav__list
    {
        display:block;
    }

    .page-nav__item
    {display:block;}
    .menu-navigation__arrow--menu.visible {
        background:#00a647 url('/public/img/menu-burger-icon-close.webp') no-repeat center center;
    }
    .page-section--safety {
        height:100px;
        min-height:100px;
        padding:0;
    }
    .page-footer__logo {
        float:none;display:inline-block;
    }
    .page-footer__info {
        float:none;margin-top:20px;
    }
    .page-footer__item {text-align:center;
    }
    .page-footer__item--delimiter::after {display:none;
    }
    .intro-slider__description {top:100px;
    }
        .intro-slider__description::before {
            font-size:12px;
        }
    .intro-slider__char {
        font-size:80px;
        line-height:220px;
    }
    .page-main-about-section {overflow:hidden}
    .news-preview__image {
        display:none;
    }
    .news-preview__title {
        font-size:14px;
    }
    .news-preview__text {
        font-size:14px;
    }
    .products-slider__title {
        font-size:40px;
    }
    .products-slider__text {
        font-size:16px;
    }
    .products-slider__toggles {
        display:none !important;
    }
    .toggles-list li {
        font-size:12px;padding:7px;
    }
    .projects-slider__title {
        font-size:35px !important;
    }
    .projects-slider__text {
        font-size:14px;
    }
    .counter {
        width:100%;
        font-size:50px;
    }
    .map {height:900px;
    }
            .map__contacts,.map__container {
        width:100%;
    }
    .map__container {
        top:450px;
        height:450px;
    }
    .map__contacts-wrap {
        padding:20px 45px;
    }
    .form {
        width:100%;
    }
    .text {
        font-size:14px;
    }
    .page-section__description {
        font-size:20px;
    }
    .page-section--intro {
        padding-top:100px;
    }
    .thesis-slider__items {
        max-width:100%;
    }
    .text--w400 {
        width:auto;
    }
    .text--mrl-45 {
        margin:0;
    }
    .page-section--2col {
        display:block;
    }
    .history-slider {
        overflow:hidden;
    }
    .person {
        max-width:100%;
    }
    .exclusive-rights__content img {
        max-width:100%;
    }
    .person__position {
        line-height:1.5;
    }
    .subtitle {
        font-size:35px;
        line-height:50px;
    }
    .brands-slider {
        max-width:100%;
    }
    .brands-slider__text {
        font-size:14px;
    }
    .licences-slider__title {
        font-size:16px;line-height:24px;
    }
    .licences-slider__subtitle {width:100%;left: 0;
    top: -30px;}
    .licences-slider__text {font-size:14px;line-height:1.5;
    }
    .licences-slider__timeline li {width:auto;}
    .elfe-counter {
        display:none;
    }
    .video-btn {overflow:hidden;
    }
    .how-it-works__power {
        font-size:40px;
    }
    .menu-navigation {
        display:none !important;
    }
    .content-elfe__flashlight-text {
        width:100%;
        padding-left:0px;
        padding-top:40px;
    }
    .content-elfe__decor-line {
        right: 20px;
    left: 30px;
    width: 200px;
    }
    .elfe-specification__properties {
        min-width:200px;
    }
    .properties--4col .properties__item {
        width:100%;
    }
    .elfe-specification__flashlight-image {
        max-width:100%;
    }
    .elfe-specification__flashlight-image img {
        max-width:100%;
        width:auto;
        height:auto;
    }
    .elfe-specification__flashlight-image {
        display:none;
    }
    .content-ers__image {
        max-width:100%;
    }
    .video-btn {
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
    }
    .ers-slider {
        overflow:hidden;
        margin:0;
    }
    .ers-slider__slide {
        padding-left:0;
    }
    .ers-instructions__container {
        padding:0;
    }
    .properties--3col .properties__item {
        width:100%;
    }
    .history-slider__slide--g .history-slider__text {
  left: -110px;
}
    .history-slider__slide--ex .history-slider__text {
  left: -220px;
}
.page-nav__link {
    display: inline-block;
}
    .title {
        font-size:40px;
    }
    .gb-instructions__video, .gb-instructions__video2 {
        margin-left:0px;
    }
    .ers-tips__text {
        min-width:100px;
    }
    .properties__hint-text {
        left:auto;
        right:10px;
    }
    .properties__hint-text {
        min-width:200px;
    }
    .features__hint {
        min-width: 150px;
    }
    .table tr td {
        font-size:13px;
    }
    .genesis-air, .genesis-bar {
        padding-top:500px;min-height:unset;
    }
    .popup-form {
        padding-left:10px;
        padding-right:10px;
        max-width:100%;
    }
    .submenu__item .submenu {
        display: table;
    margin-left: 10%;
    width: 50%;
    position: relative;
    margin-top: 0;
    }
    .page-nav__item--submenu::before {
        z-index:1;
    }
}
/*
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 14px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 14px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #aaa;
}
    */
@media (min-width:1366px) {
    .hidden-lg {
        display:none !important;
    }
}
@media (min-width:992px) {
    .hidden-md {
        display:none !important;
    }
}
@media (min-width:768px)  {
    .hidden-sm {
        display:none !important;
    }
}






.subscribe {
  margin-bottom: 50px;
}

.subscribe .title {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.exclusive-rights {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.exclusive-rights__item {
  display: block;
  width: auto;
  margin-bottom: 50px;
}

.exclusive-rights__content {
  width: 600px;
}