/* Start:/local/templates/waviot_en/css/main.css?1731607354222622*/
/**
 * Swiper 7.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 9, 2021
 */

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

*,
::before,
::after {
    box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
    text-decoration: inherit; /* 1 */
    vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
    cursor: default; /* 1 */
    line-height: 1.5; /* 2 */
    -moz-tab-size: 4; /* 3 */
    tab-size: 4; /* 3 */
    -webkit-tap-highlight-color: transparent /* 4 */;
    -ms-text-size-adjust: 100%; /* 5 */
    -webkit-text-size-adjust: 100%; /* 5 */
    word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
    margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 * 3. Show the overflow in Edge 18- and IE.
 */

hr {
    color: inherit; /* 1 */
    height: 0; /* 2 */
    overflow: visible; /* 3 */
}

/**
 * Add the correct display in IE.
 */

main {
    display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
    list-style: none;
    padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */

nav li::before {
    content: "\200B";
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
    overflow: auto; /* 3 */
    -ms-overflow-style: scrollbar; /* 3 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * 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 size in all browsers.
 */

small {
    font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/**
 * 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 iframes in all browsers (opinionated).
 */

iframe {
    border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
    border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg:not([fill]) {
    fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

table {
    border-collapse: collapse; /* 1 */
    border-color: inherit; /* 2 */
    text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
    margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
    overflow: visible; /* 1 */
    text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
    border: 1px solid #a0a0a0; /* 1 */
    padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
    overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
    text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
    margin: 0; /* 1 */
    overflow: auto; /* 2 */
    resize: vertical; /* 3 */
    resize: block; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:-moz-ui-invalid {
    box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
    display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
    background-color: white;
    border: solid;
    color: black;
    display: block;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}

dialog:not([open]) {
    display: none;
}

/*
 * 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;
}

/* User interaction
 * ========================================================================== */

/*
 * Remove the tapping delay in IE 10.
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
    -ms-touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
    display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
    cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
    cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
    cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
    display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto
}

.container-fluid {
    padding-right: 2rem;
    padding-left: 2rem
}

.row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem
}

.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left: .5rem
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 48em) {
    .container {
        width: 49rem
    }

    .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 64em) {
    .container {
        width: 65rem
    }

    .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 75em) {
    .container {
        width: 76rem
    }

    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999 !important;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    overflow: hidden;
}

.glightbox-container.inactive {
    display: none;
}

.glightbox-container .gcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
}

.glightbox-container .gslider {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
    width: 100%;
    position: absolute;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
}

.glightbox-container .gslide.current {
    opacity: 1;
    z-index: 99999;
    position: relative;
}

.glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999;
}

.glightbox-container .gslide-inner-content {
    width: 100%;
}

.glightbox-container .ginner-container {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    margin: auto;
    height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
    max-width: 100% !important;
}

.gslide iframe,
.gslide video {
    outline: none !important;
    border: none;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto;
}

.gslide:not(.current) {
    pointer-events: none;
}

.gslide-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gslide-image img {
    max-height: 100vh;
    display: block;
    padding: 0;
    float: none;
    outline: none;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100vw;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-touch-action: none;
    touch-action: none;
    margin: auto;
    min-width: 200px;
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
    width: auto;
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
    width: auto;
    max-width: 100%;
}

.gslide-image img.zoomable {
    position: relative;
}

.gslide-image img.dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    transition: none;
}

.gslide-video {
    position: relative;
    max-width: 100vh;
    width: 100% !important;
}

.gslide-video .gvideo-wrapper {
    width: 100%;
    /* max-width: 160vmin; */
    margin: auto;
}

.gslide-video::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 0, 0, 0.34);
    display: none;
}

.gslide-video.playing::before {
    display: none;
}

.gslide-video.fullscreen {
    max-width: 100% !important;
    min-width: 100%;
    height: 75vh;
}

.gslide-video.fullscreen video {
    max-width: 100% !important;
    width: 100% !important;
}

.gslide-inline {
    background: #fff;
    text-align: left;
    max-height: calc(100vh - 40px);
    overflow: auto;
    max-width: 100%;
}

.gslide-inline .ginlined-content {
    padding: 20px;
    width: 100%;
}

.gslide-inline .dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    transition: none;
}

.ginlined-content {
    overflow: auto;
    display: block !important;
    opacity: 1;
}

.gslide-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 75vh;
    height: 100%;
}

.gslide-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
}

.zoomed .gslide-media {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gslide-description {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.gslide-description.description-left,
.gslide-description.description-right {
    max-width: 100%;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
    margin: 0 auto;
    width: 100%;
}

.gslide-description p {
    margin-bottom: 12px;
}

.gslide-description p:last-child {
    margin-bottom: 0;
}

.zoomed .gslide-description {
    display: none;
}

.glightbox-button-hidden {
    display: none;
}


/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/

.glightbox-mobile .glightbox-container .gslide-description {
    height: auto !important;
    width: 100%;
    background: transparent;
    position: absolute;
    bottom: 0;
    padding: 19px 11px;
    max-width: 100vw !important;
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
    max-height: 78vh;
    overflow: auto !important;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc string {
    color: #fff;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: 0.4;
}

.gdesc-open .gslide-media {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0.4;
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 1;
}

.greset {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gabsolute {
    position: absolute;
}

.grelative {
    position: relative;
}

.glightbox-desc {
    display: none !important;
}

.glightbox-open {
    overflow: hidden;
}

.gloader {
    height: 25px;
    width: 25px;
    -webkit-animation: lightboxLoader 0.8s infinite linear;
    animation: lightboxLoader 0.8s infinite linear;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 47%;
}

.goverlay {
    width: 100%;
    height: calc(100vh + 1px);
    position: fixed;
    top: -1px;
    left: 0;
    background: #000;
    will-change: opacity;
}

.glightbox-mobile .goverlay {
    background: #000;
}

.gprev,
.gnext,
.gclose {
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
    display: block;
    width: 25px;
    height: auto;
    margin: 0;
    padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
    opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
    stroke: #fff;
}

.gbtn.focused {
    outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
    opacity: 0;
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
    opacity: 0 !important;
}


/*Skin */

.glightbox-clean .gslide-description {
    background: #fff;
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px;
}

.glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: normal;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
    font-size: 0.86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em;
}

.glightbox-clean .gslide-video {
    background: #000;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
    fill: #fff;
}

.glightbox-clean .gprev {
    position: absolute;
    top: -100%;
    left: 30px;
    width: 40px;
    height: 50px;
}

.glightbox-clean .gnext {
    position: absolute;
    top: -100%;
    right: 30px;
    width: 40px;
    height: 50px;
}

.glightbox-clean .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute;
}

.glightbox-clean .gclose svg {
    width: 18px;
    height: auto;
}

.glightbox-clean .gclose:hover {
    opacity: 1;
}


/*CSS Animations*/

.gfadeIn {
    -webkit-animation: gfadeIn 0.5s ease;
    animation: gfadeIn 0.5s ease;
}

.gfadeOut {
    -webkit-animation: gfadeOut 0.5s ease;
    animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
    -webkit-animation: gslideOutLeft 0.3s ease;
    animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
    -webkit-animation: gslideInLeft 0.3s ease;
    animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
    -webkit-animation: gslideOutRight 0.3s ease;
    animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
    -webkit-animation: gslideInRight 0.3s ease;
    animation: gslideInRight 0.3s ease;
}

.gzoomIn {
    -webkit-animation: gzoomIn 0.5s ease;
    animation: gzoomIn 0.5s ease;
}

.gzoomOut {
    -webkit-animation: gzoomOut 0.5s ease;
    animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes gfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes gfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes gfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes gfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
    }
    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
    }
    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden;
    }
}

@-webkit-keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0;
    }
}

@keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0;
    }
}

@-webkit-keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 1;
    }
}

@keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes gzoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes gzoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@media (min-width: 769px) {
    .glightbox-container .ginner-container {
        width: auto;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .glightbox-container .ginner-container.desc-top .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .glightbox-container .ginner-container.desc-top .gslide-image,
    .glightbox-container .ginner-container.desc-top .gslide-image img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .glightbox-container .ginner-container.desc-left .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .glightbox-container .ginner-container.desc-left .gslide-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .gslide-image img {
        max-height: 97vh;
        max-width: 100%;
    }

    .gslide-image img.zoomable {
        cursor: -webkit-zoom-in;
        cursor: zoom-in;
    }

    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab;
    }

    .gslide-inline {
        max-height: 95vh;
    }

    .gslide-external {
        max-height: 100vh;
    }

    .gslide-description.description-left,
    .gslide-description.description-right {
        max-width: 275px;
    }

    .glightbox-open {
        height: auto;
    }

    .goverlay {
        background: rgba(0, 0, 0, 0.92);
    }

    .glightbox-clean .gslide-media {
        -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
        box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    }

    .glightbox-clean .description-left .gdesc-inner,
    .glightbox-clean .description-right .gdesc-inner {
        position: absolute;
        height: 100%;
        overflow-y: auto;
    }

    .glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
        background-color: rgba(0, 0, 0, 0.32);
    }

    .glightbox-clean .gprev:hover,
    .glightbox-clean .gnext:hover,
    .glightbox-clean .gclose:hover {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .glightbox-clean .gprev {
        top: 45%;
    }

    .glightbox-clean .gnext {
        top: 45%;
    }
}

@media (min-width: 992px) {
    .glightbox-clean .gclose {
        opacity: 0.7;
        right: 20px;
    }
}

@media screen and (max-height: 420px) {
    .goverlay {
        background: #000;
    }
}

@-webkit-keyframes burger {
    0% {
        transform: translateX(0)
    }
    45% {
        opacity: 1;
        transform: translateX(30px)
    }
    46% {
        opacity: 0
    }
    50% {
        transform: translateX(-30px)
    }
}

@keyframes burger {
    0% {
        transform: translateX(0)
    }
    45% {
        opacity: 1;
        transform: translateX(30px)
    }
    46% {
        opacity: 0
    }
    50% {
        transform: translateX(-30px)
    }
}

@-webkit-keyframes waves {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
}

@keyframes waves {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
}

@-webkit-keyframes radioWaves {
    0% {
        transform: translate(-50%, -50%) scale(0);
        box-shadow: 0 0 0 25px #1d84e0;
        opacity: 1
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow: 0 0 0 5px #1d84e0;
        opacity: 0
    }
}

@keyframes radioWaves {
    0% {
        transform: translate(-50%, -50%) scale(0);
        box-shadow: 0 0 0 25px #1d84e0;
        opacity: 1
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow: 0 0 0 5px #1d84e0;
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    from {
        visibility: hidden;
        opacity: 0
    }
    to {
        visibility: visible;
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        visibility: hidden;
        opacity: 0
    }
    to {
        visibility: visible;
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        visibility: hidden;
        opacity: 0;
        transform: translateY(100px)
    }
    to {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    from {
        visibility: hidden;
        opacity: 0;
        transform: translateY(100px)
    }
    to {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    70% {
        opacity: 1;
        transform: translate3d(-100px, 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    70% {
        opacity: 1;
        transform: translate3d(-100px, 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    100% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@-webkit-keyframes hideLoader {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes hideLoader {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 50000
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 50000
    }
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

html {
    font-size: 62.5%
}

body {
    font: 1.5rem/1.5 Rubik, sans-serif;
    color: #444
}

h1 {
    margin: 0 0 30px;
    font-weight: 300;
    font-size: 3rem;
    line-height: 1.2;
    color: #000;
    letter-spacing: -0.02em
}

h2 {
    margin: 0 0 20px;
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 1.35;
    color: #95102c
}

h3 {
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 1.5rem;
    text-transform: uppercase
}

p {
    margin: 0 0 20px
}

ul, ol {
    margin: 0 0 20px
}

a {
    color: #95102c
}

address {
    margin: 0 0 20px;
    font-style: normal;
    line-height: 1.35
}

.site-nav address {
    display: none
}

small {
    font-size: 1.4rem
}

button:focus, input:focus {
    outline: none
}

img {
    max-width: 100%;
    height: auto
}

.reveal {
    opacity: 0;
    visibility: hidden;
    will-change: transform, opacity
}

.center {
    text-align: center
}

.hidden {
    display: none
}

[class*=col-] {
    padding: 0 !important
}

.site {
    position: relative;
    overflow: hidden;
    padding-top: 47px;
    background: #fff
}

.site__inner {
    background: #f2f2f2
}

.site__inner:before, .site__inner:after {
    content: "";
    position: fixed;
    display: none;
    z-index: 80
}

.site__inner:before {
    left: 30px;
    right: 30px;
    bottom: 0;
    height: 31px;
    background: #fff
}

.site__inner:after {
    left: 30px;
    right: 30px;
    bottom: 30px;
    border-top: 1px solid #dedede
}

.site-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 1000
}

.site-overlay {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    width: 100vw;
    height: 100vh;
    z-index: 50
}

.loaded .site .site-loader {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: hideLoader;
    animation-name: hideLoader
}

.overlay-visible .site .site-overlay {
    display: block
}

.container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 35px 40px
}

.site-nav {
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    z-index: 90
}

.site-nav:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #fff;
    transition: .3s
}

.site-nav li:before {
    display: none
}

.site-nav__inner {
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 93px 40px 0;
    opacity: 0;
    transform: translateY(10px)
}

.nav-visible .site-nav {
    height: 100%
}

.nav-visible .site-nav:before {
    height: 100%
}

.nav-visible .site-nav__inner {
    transform: translateY(0);
    opacity: 1;
    transition: .6s .2s
}

.site-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.site-header__inner {
    position: relative;
    background: #fff;
    height: 47px
}

.site-header__inner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-bottom: 1px solid #dedede
}

.site-header__nav {
    position: relative;
    display: none;
    justify-content: center;
    list-style: none;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1.7rem;
    line-height: 78px;
    z-index: 5
}

.site-header__nav-item {
    height: 100%
}

.site-header__nav-link {
    position: relative;
    display: block;
    height: 100%;
    padding: 0 15px;
    color: inherit;
    text-decoration: none;
    z-index: 10
}

.site-header__nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    width: 0;
    border-bottom: 1px solid #95102c;
    transition: .3s
}

.site-header__nav-sub {
    position: absolute;
    left: 0;
    visibility: hidden;
    top: 100%;
    width: 100%;
    padding: 30px;
    background: #fff;
    border: 1px solid #dedede;
    border-left: none;
    border-right: none;
    line-height: 1.5;
    opacity: 0
}

.site-header__search {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #dedede;
    border-left: none;
    border-right: none;
    z-index: 40
}

.site-header__search-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 15px
}

.site-header__search-inner > .icon {
    display: none
}

.site-header__search-close {
    display: none;
    width: 32px;
    height: 32px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer
}

.site-header__search button[type=submit], .site-header__search button[type=reset] {
    padding: 7px 22px;
    font-size: 1.5rem
}

.site-header__search button[type=reset] {
    background: none
}

.site-header__search button[type=reset] {
    display: none;
    text-transform: none;
    box-shadow: none;
    color: inherit
}

.site-header__search-suggestions {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 60px 248px;
    background: #fff;
    border-bottom: 1px solid #dedede
}

.site-header__cab {
    position: relative;
    display: none;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
    z-index: 30
}

.nav-visible .site-header__inner:after {
    right: 43px
}

.search-visible .site-header__search {
    display: block
}

.search-suggestions-visible .site-header__inner:after {
    left: 0;
    right: 0
}

.site-footer {
    position: relative
}

.nav {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.nav__inner {
    width: 100%;
    margin: 0 0 30px
}

.nav__inner:last-child {
    margin: 0
}

.nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000
}

.nav__list ul {
    padding: 0;
    list-style: none
}

.nav__list a {
    color: inherit;
    text-decoration: none
}

.nav__item {
    position: relative;
    border-bottom: 1px solid #e3e3e3
}

.nav__item ul {
    display: none;
    padding: 5px 0 15px;
    color: #444
}

.nav__item ul li {
    padding: 5px 0
}

.nav__item_active ul {
    display: block
}

.nav__link {
    position: relative;
    display: block;
    padding: 5px 0;
    font-size: 1.7rem;
    font-weight: 500;
    text-transform: uppercase
}

.nav__link .icon {
    position: absolute;
    right: 6px;
    top: 50%;
    width: 9px;
    transform: translateY(-50%);
    opacity: .2
}

.nav__item_active .nav__link .icon {
    opacity: 1
}

.nav__cab-btn {
    display: none;
    color: inherit;
    text-decoration: none
}

.nav__feedback-btn {
    width: 100%;
    margin-bottom: 35px;
    text-align: center
}

.nav__feedback-btn .btn {
    display: block;
    background: transparent;
    box-shadow: inset 0 0 0 3px #bc002d;
    color: #000
}

.site-nav .nav {
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    padding-bottom: 40px
}

.site-nav .nav__inner {
    margin-bottom: 35px
}

.site-nav .nav__inner:nth-child(1) {
    order: 1
}

.site-nav .nav__inner:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    order: 2;
    margin: 0
}

.site-nav .nav__inner:nth-child(3) {
    display: none;
    order: 3
}

.site-nav .nav__list {
    border-top: 1px solid #e3e3e3
}

.site-nav .nav__cab-btn {
    display: block;
    order: 3
}

.contacts-page .site-footer .nav__inner:nth-child(2), .contacts-page .site-footer .nav__inner:nth-child(3) {
    display: none
}

.support-page .site-footer .nav__inner:nth-child(3) {
    display: none
}

.contacts-nav {
    position: relative;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.7rem;
    line-height: 47px;
    color: #000;
    opacity: .2
}

.contacts-nav:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 30px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
}

.contacts-nav a {
    color: inherit;
    text-decoration: none
}

.contacts-nav__item {
    position: relative;
    height: 100%
}

.contacts-nav__item_search {
    margin-right: 5px
}

.contacts-nav__link {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
    max-width: 36px;
    padding: 0 0 0 36px;
    color: #333;
    white-space: nowrap
}

.contacts-nav__text {
    display: block
}

.contacts-nav .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 100%
}

.contacts-nav .icon_alt {
    display: none
}

.contacts-nav .icon_close {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.site-header .contacts-nav {
    position: absolute;
    right: 45px;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 30
}

.nav-visible .site-header .contacts-nav__item_mail, .nav-visible .site-header .contacts-nav__item_phone {
    display: none
}

.search-visible .site-header .contacts-nav__item_search .icon {
    opacity: 0
}

.search-visible .site-header .contacts-nav__item_search .icon_close {
    opacity: 1
}

.contacts-secondary-nav {
    list-style: none;
    padding: 0
}

.contacts-secondary-nav a {
    color: inherit;
    text-decoration: none
}

.contacts-secondary-nav__item {
    position: relative;
    padding: 5px 0;
    border-bottom: 1px solid #e3e3e3
}

.contacts-secondary-nav__item:last-child {
    border: none
}

.contacts-secondary-nav .icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: .2
}

.site-nav .contacts-secondary-nav {
    width: 100%;
    order: 1
}

.site-nav .contacts-secondary-nav__item {
    border: none
}

.lang-nav {
    list-style: none;
    padding: 0
}

.lang-nav a {
    color: inherit;
    text-decoration: none
}

.lang-nav__item {
    padding-right: 15px
}

.lang-nav__link {
    opacity: .3
}

.lang-nav__item_active .lang-nav__link {
    opacity: 1
}

.nav .lang-nav {
    display: none
}

.site-nav .lang-nav {
    display: flex;
    order: 2;
    margin: 0
}

.social-nav {
    display: flex;
    list-style: none;
    padding: 0
}

.social-nav a {
    text-decoration: none
}

.social-nav__item {
    padding-right: 10px
}

.social-nav__item:last-child {
    padding: 0
}

.nav .social-nav {
    margin: 0
}

.site-nav .social-nav {
    display: none
}

.contacts .social-nav {
    justify-content: center;
    margin-bottom: 250px
}

.equipment-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    font-size: 1.5rem
}

.equipment-nav li {
    padding: 0 23px
}

.equipment-nav a {
    display: block;
    color: inherit;
    text-decoration: none;
    text-align: center
}

.equipment-nav .icon {
    display: block;
    margin: 0 auto 20px
}

.content-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 20px;
    padding: 0
}

.content-nav__item {
    position: relative;
    width: 50%;
    padding: 2px 0
}

.content-nav__link {
    color: inherit;
    text-decoration: none
}

.content-nav .icon {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 9px;
    transform: translateY(-50%);
    opacity: .2
}

.pagination {
    display: flex;
    margin: 0 -13px;
    padding: 12px 13px;
    border: 1px solid #dedede;
    border-radius: 10px;
    list-style: none;
    line-height: 1
}

.pagination__item {
    margin-right: 6px
}

.pagination__btn {
    display: block;
    padding: 13px 17px;
    background: #e5e5e5;
    border-radius: 5px;
    text-decoration: none;
    color: #000
}

.pagination__btn_active {
    background: #971430;
    color: #fff
}

.tabs-list {
    list-style: none;
    padding: 0
}

.tabs-list__item {
    border-bottom: 1px solid #eaeaea
}

.tabs-list__item:first-child {
    border-top: 1px solid #eaeaea
}

.tabs-list__btn {
    display: block;
    text-decoration: none;
    color: #000
}

.tabs-list__btn span {
    position: relative;
    display: inline-block;
    padding: 6px 0
}

.tabs-list__btn span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    width: 100%;
    border-bottom: 1px solid #95102c;
    opacity: 0
}

.tabs-list__btn_active span:after {
    opacity: 1
}

.btn {
    position: relative;
    display: inline-block;
    padding: 12px 35px;
    background: #a30027;
    border: none;
    border-radius: 30px;
    font: 500 1.7rem/1 Rubik, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    transition: .3s
}

.btn_secondary {
    background: #fff;
    color: #000
}

.btn_secondary-2 {
    background: #f2f2f2;
    color: #000
}

.btn_secondary-2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #e5e5e5;
    border-radius: 30px
}

.btn_secondary-3 {
    background: none;
    color: #000
}

.btn_icon {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%
}

.btn_sm {
    padding: 7px 22px;
    font-size: 1.5rem
}

.btn_full {
    display: block;
    padding: 10px 40px 10px 16px;
    background: none;
    border: 3px solid #dedede;
    border-radius: 10px;
    color: inherit;
    text-align: left
}

.btn_full .icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.content-block .btn_full {
    margin: 30px -25px -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    border-width: 1px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0
}

.slider_company .btn {
    display: none;
    margin-top: 40px
}

.btn-nav {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 47px;
    padding: 0;
    background: none;
    border: none;
    border-left: 1px solid #dedede;
    color: inherit;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
    z-index: 5
}

.btn-nav__icon {
    position: relative;
    overflow: hidden;
    display: block;
    width: 14px;
    height: 10px;
    transition: .3s
}

.btn-nav__line {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: 3px;
    transition: transform .3s
}

.btn-nav__line:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 3px solid
}

.btn-nav__line:nth-child(1) {
    transform: translateY(-4px)
}

.btn-nav__line:nth-child(2) {
    transform: translateY(2px)
}

.btn-nav .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.nav-visible .btn-nav__icon {
    opacity: 0
}

.nav-visible .btn-nav .icon {
    opacity: 1
}

.btns-group {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0
}

.btns-group__item {
    margin: 0 4px 4px 0
}

.btns-group .btn {
    padding: 8px 18px;
    font-size: 1.5rem
}

.btns-group .btns-group__btn_selected {
    background: #e5e5e5
}

.heading .btns-group {
    justify-content: center;
    margin-bottom: 40px
}

.heading_search .btns-group {
    display: block
}

.external-link {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    text-decoration: none
}

.external-link .icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.form-group {
    position: relative;
    margin-bottom: 5px
}

.form-group_agreement {
    margin: 35px 0 30px;
    padding-left: 34px
}

.form-group_agreement input {
    position: absolute;
    left: 0;
    top: 0
}

.form-group_agreement label {
    display: block;
    line-height: 1.28
}

.form-group_range {
    position: relative
}

.form-group_range output {
    position: absolute;
    top: 0;
    width: 50px;
    display: block;
    transform: translateX(-50%)
}

.form-control {
    font: 1.5rem/1 Rubik, sans-serif;
    color: #444
}

.form-control::-moz-placeholder {
    color: inherit;
    opacity: .2
}

.form-control:-ms-input-placeholder {
    color: inherit;
    opacity: .2
}

.form-control::placeholder {
    color: inherit;
    opacity: .2
}

.form-control[type=text] {
    width: 100%;
    padding: 10px 0;
    background: none;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0
}

.form-control[type=text].focus-visible {
    border-bottom-color: #000
}

.form-control[type=text]:focus-visible {
    border-bottom-color: #000
}

.validated .form-control[type=text]:invalid {
    border-bottom-color: #95102c
}

.form-control[type=checkbox] {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: #e5e5e5;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 9px auto;
    border-radius: 4px;
    vertical-align: top;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.form-control[type=checkbox]:checked {
    background-image: url(/local/templates/waviot_en/css/../images/tick.svg)
}

.form-control[type=range] {
    width: 100%;
    height: 18px;
    margin-top: 20px;
    padding: 0;
    background: #f2f2f2;
    -webkit-appearance: none;
    cursor: pointer
}

.form-control[type=range]::-moz-range-track {
    width: 100%;
    height: 18px;
    border: 7px solid #f2f2f2;
    border-left: none;
    border-right: none;
    background: #e5e5e5;
    box-sizing: border-box
}

.form-control[type=range]::-ms-track {
    width: 100%;
    height: 18px;
    border: 7px solid #f2f2f2;
    border-left: none;
    border-right: none;
    background: #e5e5e5;
    box-sizing: border-box
}

.form-control[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 18px;
    border: 7px solid #f2f2f2;
    border-left: none;
    border-right: none;
    background: #e5e5e5;
    box-sizing: border-box
}

.form-control[type=range]::-moz-range-thumb {
    width: 12px;
    height: 12px;
    margin: -4px 0 0;
    background: #971430;
    background-clip: padding-box;
    border: none;
    outline: none;
    border-radius: 50%;
    box-sizing: content-box;
    -webkit-appearance: none
}

.form-control[type=range]::-ms-thumb {
    width: 12px;
    height: 12px;
    margin: -4px 0 0;
    background: #971430;
    background-clip: padding-box;
    border: none;
    outline: none;
    border-radius: 50%;
    box-sizing: content-box;
    -webkit-appearance: none
}

.form-control[type=range]::-webkit-slider-thumb {
    width: 12px;
    height: 12px;
    margin: -4px 0 0;
    background: #971430;
    background-clip: padding-box;
    border: none;
    outline: none;
    border-radius: 50%;
    box-sizing: content-box;
    -webkit-appearance: none
}

.form-control[type=range]:focus {
    outline: none
}

.site-header__search .form-control[type=text] {
    height: 100%;
    border: none
}

.feedback-form {
    position: relative
}

.feedback-form:before, .feedback-form:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    display: none;
    border-bottom: 1px solid #e3e3e3
}

.feedback-form:before {
    bottom: 100%
}

.feedback-form:after {
    top: 100%
}

.feedback-form__submit .btn {
    display: block;
    width: 100%
}

.feedback-form .container {
    padding-top: 15px;
    padding-bottom: 15px
}

.discount {
    text-align: center
}

.discount label {
    display: block
}

.discount__slider {
    margin-bottom: 20px
}

.discount__value span {
    display: block;
    margin-bottom: 5px;
    padding: 15px;
    background: #e5e5e5;
    border-radius: 5px;
    font-size: 1.6rem
}

.search-suggestions a {
    text-decoration: none;
    color: inherit
}

.search-suggestions__item {
    margin-bottom: 20px;
    font-size: 1.7rem
}

.search-suggestions__item b {
    font-weight: normal;
    color: #95102c
}

.search-suggestions__link {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.search-suggestions__page {
    width: 100px;
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #95102c
}

.search-suggestions__results-btn {
    position: relative;
    display: inline-block;
    padding-right: 42px;
    color: inherit;
    text-transform: uppercase;
    font-size: 1.7rem
}

.search-suggestions__results-btn .icon {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #444
}

.icon {
    position: relative;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    line-height: 1
}

.icon_lg {
    width: 32px;
    height: 32px
}

.icon_xl {
    width: 48px;
    height: 48px
}

.icon_xxl {
    width: 64px;
    height: 64px
}

.btn_icon .icon {
    width: 100%;
    height: 100%
}

.icon_close {
    width: 16px !important;
    height: 16px !important;
    transition: .3s;
    color: #000
}

.icon_close:before, .icon_close:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    border-bottom: 2px solid
}

.icon_close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.icon_close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.icon_plus {
    width: 12px;
    height: 12px;
    transition: .3s
}

.icon_plus:before, .icon_plus:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    border-bottom: 2px solid
}

.icon_plus:before {
    transform: translate(-50%, -50%)
}

.icon_plus:after {
    transform: translate(-50%, -50%) rotate(-90deg)
}

.icon_lang-ru, .icon_lang-kz, .icon_lang-en {
    width: 35px;
    height: 24px
}

.icon_lang-ru {
    background-image: url(/local/templates/waviot_en/css/../images/flag-ru.png)
}

.icon_lang-kz {
    background-image: url(/local/templates/waviot_en/css/../images/flag-kz.png)
}

.icon_lang-en {
    background-image: url(/local/templates/waviot_en/css/../images/flag-en.png)
}

.icon_whatsapp {
    background-image: url(/local/templates/waviot_en/css/../images/icon-whatsapp.svg)
}

.icon_telegram {
    background-image: url(/local/templates/waviot_en/css/../images/icon-telegram.svg)
}

.icon_tick {
    width: 22px;
    height: 22px;
    background: #95102c;
    border-radius: 50%;
    color: #fff
}

.icon_tick-2 {
    background: #00a215
}

.icon_tick-3 {
    background: #008ce3
}

.icon_play {
    width: 42px;
    height: 42px
}

.icon_play:before, .icon_play:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%
}

.icon_play:before {
    width: 100%;
    height: 100%;
    background: #940f2c;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.icon_play:after {
    border-left: 11px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    transform: translate(-4px, -50%)
}

.logo {
    position: relative;
    overflow: hidden;
    display: block;
    width: 130px;
    white-space: nowrap;
    text-indent: -9999px
}

.logo:before, .logo:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 99px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    transform: translate(-50%, -15px);
    transition: .3s
}

.logo:before {
    background-image: url(/local/templates/waviot_en/css/../images/logo.svg)
}

.logo:after {
    background-image: url(/local/templates/waviot_en/css/../images/logo-alt.svg);
    opacity: 0
}

.site-header .logo {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 10
}

.lang {
    position: relative
}

.lang__inner {
    position: relative;
    padding: 0 20px 0 0;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 1.5rem
}

.lang__inner .icon {
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
    height: 5px;
    transform: translateY(-50%);
    opacity: .3
}

.lang__list {
    position: absolute;
    left: calc(50% + 15px);
    top: calc(100% + 20px);
    list-style: none;
    width: 200px;
    padding: 25px 30px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .1);
    transform: translate(-50%, 10px);
    font-size: 1.7rem;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 15
}

.lang__list:before, .lang__list:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    border-bottom: 5px solid #e5e5e5;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    transform: translateX(-50%)
}

.lang__list:after {
    border-bottom: 4px solid #fff;
    border-left-width: 5px;
    border-right-width: 5px
}

.lang__list a {
    color: inherit;
    text-decoration: none
}

.lang__item {
    padding: 2px 0
}

.lang__btn {
    position: relative;
    display: block;
    padding: 0 0 0 50px
}

.lang__btn .icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.lang_active .lang__inner .icon {
    opacity: 1
}

.lang_active .lang__list {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0)
}

.site-header .lang {
    display: none;
    z-index: 10
}

.support {
    position: relative;
    margin: 0 0 30px;
    padding: 20px 25px;
    background: #e5e5e5;
    border-radius: 10px
}

.support h3 {
    margin-bottom: 15px
}

.support p {
    border-top: 1px solid #dedede;
    margin: 0;
    padding: 15px 0
}

.support p a {
    color: inherit;
    text-decoration: none
}

.support ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 15px 0 0;
    border-top: 1px solid #dedede
}

.support ul li {
    padding-left: 15px
}

.support ul li:first-child {
    width: 100%;
    padding: 0
}

.support ul a {
    color: inherit;
    text-decoration: none
}

.support-list__item_mail {
    width: 100%
}

.support .icon {
    width: 19px;
    height: 19px
}

.nav .support {
    margin: 0 -25px
}

.contacts .support {
    margin: 20px -24px 0
}

.help .support {
    max-width: 655px;
    margin-left: -24px;
    margin-right: -24px
}

.heading {
    position: relative;
    text-align: center
}

.heading__photo {
    margin-top: -40px
}

.heading_search {
    text-align: left
}

.heading_search h1 {
    padding-left: 30px;
    color: #a5002e
}

.heading_search h1 span {
    display: none;
    color: #000
}

.heading_search .icon {
    position: absolute;
    left: -25px;
    top: 0;
    width: 40px;
    height: 40px;
    background: #940f2c;
    border-radius: 50%;
    color: #fff
}

.headline {
    max-width: 840px
}

.headline h2 {
    display: inline-block;
    padding: 5px 15px;
    background: #971430;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1;
    color: #fff
}

.headline_alt h2 {
    background: #00a215
}

.headline_alt-2 h2 {
    background: #008ce3
}

.headline_lead h2 {
    padding: 0;
    background: none;
    font-weight: 300;
    font-size: 3rem;
    text-transform: none;
    color: #95102c
}

.lead {
    margin-bottom: 40px;
    color: #95102c;
    font-size: 1.7rem;
    line-height: 1.35
}

.lead_lg {
    max-width: 968px;
    margin-top: 40px;
    font-weight: 300;
    font-size: 2.5rem;
    line-height: 1.2;
    color: inherit
}

.heading .lead {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.headline .lead {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2
}

.headline_alt .lead, .headline_alt-2 .lead {
    color: #000
}

.slider_sections .lead {
    margin: auto;
    color: inherit
}

.contacts .lead {
    margin-left: 0
}

ul.lead {
    list-style: none;
    margin-bottom: 40px;
    padding: 0
}

ul.lead li {
    margin-bottom: 30px
}

.catalog {
    margin: 0 -25px
}

.catalog h3 {
    margin: 0;
    text-transform: none
}

.catalog p {
    margin: 0;
    line-height: 1.24
}

.catalog__item {
    position: relative;
    margin-top: -1px;
    padding: 25px;
    border: 1px solid #e3e3e3;
    z-index: 10
}

.catalog__item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #95102c;
    z-index: -1
}

.catalog__item > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    color: inherit;
    text-decoration: none
}

.catalog__title {
    margin: 0 0 10px;
    padding: 0 120px 0 0
}

.catalog__thumb {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e3e3e3;
    text-align: center
}

.partners {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px
}

.partners h3 {
    margin: 0;
    text-transform: none
}

.partners p {
    margin: 0;
    line-height: 1.24
}

.partners__item {
    position: relative;
    width: 50%;
    padding: 25px;
    margin-top: -1px;
    border: 1px solid #e3e3e3;
    border-right: none;
    z-index: 10
}

.partners__item:nth-child(even) {
    border-right: 1px solid #e3e3e3
}

.partners__item:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 1px solid #cbcbcb;
    z-index: -1;
    opacity: 0
}

.partners__item > a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px;
    color: inherit;
    text-decoration: none;
    font-size: 1.7rem;
    opacity: 0
}

.partners__title {
    padding-top: 20px;
    border-top: 1px solid #e3e3e3
}

.partners__logo {
    margin: -25px -25px 0;
    text-align: center
}

.partners__logo img {
    width: 100%;
    max-width: 290px
}

.inline-popup {
    position: relative
}

.inline-popup__inner {
    position: absolute;
    left: 50%;
    top: calc(100% + 20px);
    min-width: 120px;
    padding: 10px;
    background: #000;
    color: #fff;
    border-radius: 10px;
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    transition: .3s
}

.inline-popup__inner:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    border-bottom: 5px solid #000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    transform: translateX(-50%)
}

.inline-popup .btn {
    font-weight: 400
}

.inline-popup:hover .inline-popup__inner {
    visibility: visible;
    opacity: 1
}

.inline-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 5
}

.inline-popup .btn {
    background: rgba(0, 0, 0, .2);
    text-transform: none;
    box-shadow: none
}

.inline-popup:hover .btn {
    background: #000;
    color: #fff
}

.product {
    position: relative;
    display: flex;
    align-items: flex-end;
    height: calc(100vh - 47px);
    min-height: 750px
}

.product .container {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 116px
}

.product__heading {
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    padding: 0 40px;
    z-index: 10
}

.product__heading p {
    margin: 0
}

.product__info {
    position: relative
}

.product__photo {
    position: relative;
    text-align: center;
    background: linear-gradient(transparent, transparent 50%, #95102C 50%, #95102C);
    z-index: 5
}

.product__photo:before {
    content: "";
    position: absolute;
    left: 37px;
    bottom: 0;
    width: 50%;
    height: 50%;
    background: url(/local/templates/waviot_en/css/../images/product-photo-note-line.svg) no-repeat 0 100%;
    z-index: -1
}

.product__photo-inner {
    width: 300px;
    margin: auto
}

.product__photo-logo {
    position: absolute;
    left: 50%;
    bottom: 22px;
    width: 105px;
    transform: translate(-50%, 0)
}

.product__info-btn {
    position: relative;
    padding: 0 20px 20px;
    background: #95102c;
    z-index: 15
}

.product__info-btn .btn {
    width: 100%;
    background: #7d061f;
    padding: 7px 60px;
    text-align: left
}

.product__info-btn .btn:before, .product__info-btn .btn:after {
    content: "";
    position: absolute
}

.product__info-btn .btn:before {
    left: 15px;
    top: 50%;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    transform: translateY(-50%)
}

.product__info-btn .btn:after {
    left: 17px;
    top: 0;
    width: 1px;
    height: 50%;
    background: #fff
}

.product__info-btn .btn .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.product__info-btn .btn .icon:nth-child(1) {
    left: 25px
}

.product__info-btn .btn .icon:nth-child(2) {
    right: 10px;
    opacity: .3
}

.product__inner {
    position: relative;
    padding: 0 40px 40px;
    background: #95102c;
    color: #fff;
    z-index: 10
}

.product__feedback-btn {
    margin: 0 -20px
}

.product__feedback-btn .btn {
    display: block;
    background: #fff;
    color: #000
}

.product__feedback-btn .icon {
    display: none;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .3
}

.features b {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
    font-weight: 300;
    font-size: 3rem;
    line-height: 1;
    color: #95102c
}

.features__item {
    margin-bottom: 30px
}

.data {
    margin-bottom: 40px;
    line-height: 1.26
}

.data h3 {
    margin: 0;
    text-transform: none
}

.data h4 {
    margin: 0;
    font-weight: normal
}

.data__heading {
    padding: 0 0 20px;
    color: #000
}

.data__heading h3 {
    font-size: 1.5rem
}

.data__item {
    padding: 10px 0;
    border-top: 1px solid #dedede
}

.data__item:last-child {
    border-bottom: 1px solid #dedede
}

.data_alt {
    margin-bottom: 20px
}

.data_alt .data__title {
    margin-bottom: 10px;
    color: #a5002e
}

.data_alt .data__item {
    padding: 0;
    border: none
}

.gallery {
    position: relative;
    margin: 0 -40px
}

.gallery img {
    width: 100%;
    height: auto
}

.gallery__items {
    display: flex;
    flex-wrap: wrap
}

.gallery__item {
    width: 50%
}

.files {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 5px 0 0;
    font-size: 1.3rem
}

.files__item {
    margin-left: 10px
}

.files__item:first-child {
    margin: 0
}

.files__link {
    text-decoration: none
}

.toggle__heading {
    position: relative
}

.toggle__heading .icon {
    position: absolute;
    right: 35px;
    top: 40px;
    display: none;
    opacity: .3;
    transition: .3s
}

.toggle__heading .icon_plus {
    top: 37px;
    opacity: 1
}

.toggle__inner {
    position: relative;
    overflow: hidden;
    height: 500px
}

.toggle__inner:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(rgba(242, 242, 242, 0), #F2F2F2)
}

.toggle__content p {
    line-height: 1.26
}

.toggle__btn {
    padding: 0 25px 0 0 !important;
    background: none;
    color: inherit
}

.toggle__btn .icon {
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
    height: 5px;
    transform: translateY(-50%);
    opacity: .3;
    transition: .3s
}

.toggle_active .toggle__heading .icon {
    transform: rotate(180deg)
}

.toggle_active .toggle__heading .icon_plus {
    transform: none
}

.toggle_active .toggle__heading .icon_plus:after {
    opacity: 0
}

.toggle_active .toggle__inner {
    height: auto
}

.toggle_active .toggle__inner:after {
    display: none
}

.toggle_active .toggle__btn .icon {
    transform: translateY(-50%) rotate(180deg)
}

.toggle_alt {
    margin: 0 0 10px;
    padding: 15px 13px;
    background: #fff;
    border-radius: 10px
}

.toggle_alt .toggle__heading {
    cursor: pointer
}

.toggle_alt .toggle__heading h3 {
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.26;
    color: #000
}

.toggle_alt .toggle__inner {
    height: 0
}

.toggle_alt .toggle__inner:after {
    display: none
}

.toggle_alt .toggle__btn {
    text-transform: none;
    font-weight: normal;
    font-size: 1.5rem
}

.content-block .toggle_alt:last-child {
    margin-bottom: 0
}

.content-block .toggles {
    margin: 0 -12px -12px
}

.tooltip {
    transition: .3s
}

.tooltip__toggle {
    position: absolute;
    left: inherit;
    top: inherit;
    width: 32px;
    height: 32px;
    padding: 0;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    transform: translate(-50%, -50%);
    pointer-events: all
}

.tooltip__toggle:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: #008ce3;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: .3s
}

.tooltip__toggle-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.tooltip__toggle .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.tooltip__toggle .icon_close {
    color: inherit;
    width: 14px !important;
    opacity: 0
}

.tooltip__inner {
    position: absolute;
    left: 50%;
    top: inherit;
    visibility: hidden;
    width: 270px;
    padding: 15px 17px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .1);
    font-size: 1.3rem;
    line-height: 1.15;
    text-align: left;
    opacity: 0;
    transform: translate(-50%, 70px);
    transition: .3s;
    z-index: 6
}

.tooltip__inner *:last-child {
    margin-bottom: 0
}

.tooltip__inner:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    visibility: hidden;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    transform: translateX(-50%)
}

.tooltip_active .tooltip__toggle:before {
    background: #95102c
}

.tooltip_active .tooltip__toggle .icon {
    opacity: 0
}

.tooltip_active .tooltip__toggle .icon_close {
    opacity: 1
}

.tooltip_active .tooltip__inner {
    opacity: 1;
    visibility: visible;
    z-index: 10
}

.product-slider .tooltip {
    visibility: hidden;
    opacity: 0
}

.product-slider .swiper-slide-active .tooltip {
    visibility: visible;
    opacity: 1
}

.intro .intro__section_2 .tooltip {
    z-index: 6
}

.intro .intro__section_2 .tooltip__toggle {
    width: 44px;
    height: 44px;
    color: #000;
    z-index: 6
}

.intro .intro__section_2 .tooltip__toggle .icon:first-child {
    width: 100%;
    height: 100%
}

.intro .intro__section_2 .tooltip__toggle .icon:first-child svg {
    width: 100%;
    height: 100%
}

.intro .intro__section_2 .tooltip__toggle:before {
    background: #fff
}

.intro .intro__section_2 .tooltip__inner {
    background: #000;
    color: #fff;
    text-align: center
}

.intro .intro__section_2 .tooltip__inner:before {
    border-bottom-color: #000
}

.intro .intro__section_5 .tooltip {
    z-index: 6
}

.intro .intro__section_5 .tooltip__toggle {
    width: 40px;
    height: 40px;
    z-index: 6
}

.intro .intro__section_5 .tooltip__toggle:before {
    background: #fff;
    box-shadow: inset 0 0 0 13px #008ce3;
    transform: translate(-50%, -50%) scale(0.6)
}

.intro .intro__section_5 .tooltip__inner {
    background: #000;
    color: #fff;
    text-align: center
}

.intro .intro__section_5 .tooltip__inner:before {
    border-bottom-color: #000
}

.intro .intro__section_5 .tooltip_10 .tooltip__toggle:before {
    box-shadow: inset 0 0 0 10px #008ce3;
    transform: translate(-50%, -50%) scale(1)
}

.page-tooltip {
    position: fixed;
    left: 50%;
    bottom: 40px;
    transform: translate(-50%, 0);
    z-index: 100
}

.page-tooltip__inner {
    padding: 15px 17px;
    background: #000;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .1);
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.page-tooltip__hidden .page-tooltip__inner {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.intro {
    position: relative
}

.intro p {
    font-size: 1.3rem;
    line-height: 1.2;
    text-transform: none
}

.intro__section {
    position: relative;
    overflow: hidden;
    height: 474px;
    border-top: 1px solid #dedede;
    opacity: 0
}

.intro__section-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 768px;
    height: 432px;
    transform: translate(-50%, -50%)
}

.intro__section_1 .intro__section-inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none
}

.intro__section_3 .intro__section-inner, .intro__section_4 .intro__section-inner {
    top: auto;
    bottom: 0;
    transform: translate(-50%, 0)
}

.intro__section-content h2 {
    font-size: 2.5rem
}

.intro__section-content p {
    margin-bottom: 40px;
    font-size: 1.4rem
}

.intro__section-content .icon_lang-kz {
    display: inline-block;
    vertical-align: middle
}

.intro__section-content .lead {
    margin-bottom: 20px;
    color: inherit;
    font-size: 1.7rem;
    line-height: 1.33
}

.intro__section-content .container {
    padding: 60px 25px 20px
}

.intro__section-desc {
    position: absolute;
    left: 50%;
    top: 20px;
    width: 240px;
    transform: translateX(-50%);
    z-index: 5
}

.intro__section_3 .intro__section-desc, .intro__section_4 .intro__section-desc {
    top: 0
}

.intro__section-img, .intro__section-video {
    position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 2
}

.intro__section-img img, .intro__section-img video, .intro__section-video img, .intro__section-video video {
    position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.intro__section-video {
    display: none
}

.intro__section_1 {
    height: calc(100vh - 47px);
    min-height: 545px;
    opacity: 1
}

.intro__section_4 {
    background: #008ce3
}

.intro__section_4 .icon {
    position: absolute;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
    z-index: 5
}

.intro__section_4 .icon svg {
    width: 100%;
    height: 100%
}

.intro__section_6 {
    height: auto;
    text-align: center
}

.intro__device {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding-bottom: 423px
}

.intro__device-inner {
    position: relative;
    width: 94px;
    height: 23px;
    background: linear-gradient(#5DB1FE, #1784DE);
    border-radius: 5px
}

.intro__device-inner:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100vh;
    height: 100vh;
    box-shadow: 0 0 0 15px #1d84e0;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: radioWaves 1.5s infinite linear;
    animation: radioWaves 1.5s infinite linear
}

.intro__items {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%
}

.intro__item {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s
}

.intro__item video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    visibility: hidden
}

.intro__item-text {
    display: none
}

.intro__item-photo {
    position: absolute;
    left: 50%;
    bottom: 430px;
    width: 1920px;
    height: 1080px;
    transform: translate(-50%, 50%) scale(0.4);
    z-index: 10
}

.intro__item-photo svg {
    width: 100%;
    height: auto;
    fill: none;
    stroke: #bbb;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    pointer-events: none
}

.intro__item-photo img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translate(-50%, -50%);
    transition: opacity .3s;
    opacity: 0
}

.loaded .intro__item_visible {
    visibility: visible;
    opacity: 1
}

.intro__text {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 133px;
    height: 300px;
    background: #95102c;
    color: #fff;
    z-index: 10
}

.intro__text p {
    margin-bottom: 30px;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1
}

.intro__text p a {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    color: inherit;
    text-decoration: none
}

.intro__text p a .intro__category-btn-text {
    position: relative;
    display: inline-block
}

.intro__text p a .intro__category-btn-text:before, .intro__text p a .intro__category-btn-text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    height: 1px;
    background: currentColor
}

.intro__text p a .intro__category-btn-text:before {
    width: 100%;
    opacity: .4
}

.intro__text p a .intro__category-btn-text:after {
    width: 0
}

.intro__text p a .icon {
    position: absolute;
    right: 0;
    top: 8px;
    width: 12px;
    height: 12px;
    background: #212121;
    border-radius: 50%
}

.intro__text ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid;
    text-transform: uppercase;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1
}

.intro__text ul a {
    position: relative;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid;
    color: inherit;
    text-decoration: none
}

.intro__text ul .icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: .3
}

.intro__text-inner {
    padding: 25px 25px 0
}

.intro__antenna {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.intro__antenna .line {
    -webkit-animation: dash 1000s linear infinite;
    animation: dash 1000s linear infinite
}

.intro__wave {
    position: absolute;
    z-index: 3
}

.intro__wave:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    background: #1d84e0;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: waves 1.5s infinite linear;
    animation: waves 1.5s infinite linear
}

.intro__section_3 .intro__wave {
    z-index: 1
}

.country-feature {
    display: flex;
    font-size: 1.6rem
}

.country-feature .icon {
    margin-left: 24px
}

.product-slider {
    position: relative;
    z-index: 50
}

.product-slider img {
    width: 100%
}

.product-slider__inner:before {
    content: "";
    display: none;
    position: absolute;
    left: 50%;
    top: -90px;
    bottom: 50%;
    width: 1px;
    background: #dedede
}

.product-slider__item {
    position: relative;
    margin: 0 40px
}

.product-slider .swiper {
    overflow: visible;
    padding-bottom: 65px
}

.contacts {
    position: relative;
    overflow: hidden
}

.contacts address {
    text-align: center
}

.contacts .container {
    padding-bottom: 0
}

.contacts__inner {
    position: relative;
    z-index: 5
}

.contacts__map {
    position: absolute;
    left: 50%;
    bottom: -211px;
    width: 605px;
    transform: translate(-220px, 0)
}

.contacts__map:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(#F2F2F2 70%, rgba(255, 255, 255, 0) 80%)
}

.contacts .btn {
    width: 100%;
    margin-bottom: 6px
}

.places {
    margin: 40px -25px 0
}

.places h3 {
    font-size: 2rem;
    color: #95102c;
    text-transform: none
}

.places p {
    margin: 0
}

.places__item {
    position: relative;
    margin-top: -1px;
    padding: 20px 25px;
    border: 1px solid #e3e3e3
}

.places__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 0;
    border-bottom: 1px solid #95102c;
    transition: .3s
}

.places__item_active {
    border-color: #bcbcbc;
    z-index: 5
}

.places__map {
    display: none;
    margin: 0 -26px 20px;
    height: 140px;
    border: 1px solid #bcbcbc
}

.places__item_active .places__map {
    display: block
}

.places .btn_icon {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #fff;
    color: #444
}

.places .btn_icon .icon {
    opacity: .3
}

.places .btn_icon .icon_close {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    display: none
}

.places .places__item_active .btn_icon {
    background-color: transparent
}

.places .places__item_active .btn_icon .icon {
    display: none
}

.places .places__item_active .btn_icon .icon_close {
    display: block
}

.places-list h3 {
    width: 100%;
    padding-right: 60px;
    font-weight: 500;
    color: #000
}

.places-list p span {
    display: block
}

.places-list__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 0;
    padding: 15px 13px;
    background: #fff;
    border-radius: 10px
}

.places-list__item:nth-child(1) {
    margin-top: 0
}

.places-list__map {
    display: none;
    width: calc(100% + 26px);
    height: 140px;
    margin: 0 -13px 20px
}

.places-list__item_active .places-list__map {
    display: block
}

.places-list .btn_icon {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #f2f2f2;
    color: #444
}

.places-list .btn_icon .icon {
    opacity: .3
}

.places-list .btn_icon .icon_close {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    display: none
}

.places-list .places-list__item_active .btn_icon {
    background-color: transparent
}

.places-list .places-list__item_active .btn_icon .icon {
    display: none
}

.places-list .places-list__item_active .btn_icon .icon_close {
    display: block
}

.content-block .places-list {
    margin: 0 -12px -12px
}

.help-list {
    margin: 40px -25px 0
}

.help-list h3 {
    font-size: 2rem;
    color: inherit;
    text-transform: none
}

.help-list a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000
}

.help-list a:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 0;
    border-bottom: 1px solid #95102c;
    transition: .3s
}

.help-list a .icon {
    visibility: hidden;
    left: 20px;
    bottom: 20px;
    opacity: .2
}

.help-list p {
    margin: 0
}

.help-list__item {
    position: relative;
    margin-top: -1px;
    padding: 20px 25px;
    border: 1px solid #e3e3e3
}

.help-list__heading {
    position: relative;
    padding: 0 40px 0 0;
    color: #95102c
}

.help-list__heading .icon {
    right: 0;
    top: 0
}

.help-list .icon {
    position: absolute
}

.proceed {
    display: none;
    justify-content: center;
    margin-bottom: 80px;
    font-size: 1.7rem
}

.proceed span {
    position: relative;
    display: block;
    padding: 0 0 0 30px
}

.proceed .icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    opacity: .3
}

.list h3 {
    text-transform: none;
    font-weight: 500;
    line-height: 1.2;
    color: #000
}

.list p {
    line-height: 1.2
}

.list__item {
    position: relative;
    display: block;
    padding: 13px;
    background: #fff;
    border-radius: 10px;
    margin: 0 0 10px;
    text-decoration: none
}

.list__item > :last-child {
    margin-bottom: 0
}

.list__item:last-child {
    margin: 0
}

.list .icon {
    margin-bottom: 10px
}

.content-block .list {
    margin: 0 -12px
}

.content-block .list:last-child {
    margin-bottom: -12px
}

.list_equipment {
    font-weight: 500;
    line-height: 1.2
}

.list_equipment a {
    display: flex;
    align-items: center;
    min-height: 82px;
    padding: 10px 20px 10px 92px;
    color: #000;
    text-transform: uppercase
}

.list_equipment .icon {
    position: absolute;
    left: 15px;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
    color: #95102c
}

.list_equipment .list__item:nth-child(1) .icon, .list_equipment .list__item:nth-child(3) .icon {
    transform: translateY(calc(-50% - 5px))
}

.content-block {
    margin: 0 -25px 10px;
    padding: 25px;
    border: 1px solid #dedede;
    border-radius: 20px
}

.tabs .content-block {
    margin-bottom: 0;
    padding-bottom: 0;
    border-color: transparent
}

.content-blocks {
    position: relative
}

.content-blocks h2 {
    font-size: 2rem
}

.content-blocks picture {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 -30px
}

.content-blocks picture img {
    width: 100%;
    height: auto;
    max-width: 1210px
}

.content-blocks picture #wave {
    position: absolute;
    left: 50%;
    top: calc(50% - 180px);
    transform: translate(-50%, -50%);
    z-index: -1
}

.content-blocks__nav {
    position: absolute;
    right: -95px;
    top: 0;
    display: none;
    width: 260px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.7rem;
    line-height: 1
}

.content-blocks__nav-item {
    position: relative;
    margin: 0 0 25px;
    padding: 2px 0 2px 80px
}

.content-blocks__nav-item:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #95102c;
    opacity: 0;
    transition: .3s
}

.content-blocks__nav-item_active:before {
    opacity: 1
}

.content-blocks__nav-btn {
    color: inherit;
    text-decoration: none;
    transition: .3s
}

.content-blocks__item {
    position: relative;
    padding: 20px 0 0;
    z-index: 5
}

.properties h3 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.11;
    text-transform: none;
    color: #000
}

.properties p {
    margin: 0;
    font-size: 1.5rem
}

.properties__item {
    margin-bottom: 20px
}

.properties .icon {
    margin: 0 0 10px
}

.docs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.docs a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: inherit;
    font-size: 1.7rem
}

.docs a:nth-child(2) {
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%, 0);
    opacity: 0
}

.docs img {
    width: 100%;
    height: auto;
    transition: .3s
}

.docs p {
    margin: 0;
    font-size: 1.3rem
}

.docs__item {
    width: calc(50% - 10px);
    margin-bottom: 40px
}

.docs__thumb {
    position: relative;
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #dedede;
    transition: .3s
}

.docs .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .3s
}

.equipment-icons {
    display: flex
}

.equipment-icons__item {
    position: relative;
    margin-left: 4px
}

.equipment-icons__item:first-child {
    margin: 0
}

.equipment-icons__tooltip {
    position: absolute;
    left: 50%;
    top: calc(100% + 20px);
    visibility: hidden;
    width: 250px;
    padding: 15px 17px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .1);
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
    opacity: 0;
    transform: translateX(-50%);
    transition: .3s
}

.equipment-icons__tooltip:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    transform: translateX(-50%)
}

.equipment-icons .icon {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    color: #971430
}

.places .equipment-icons {
    margin-top: 20px
}

.places-list .equipment-icons .icon {
    background: #f2f2f2
}

.news {
    margin: 0 -13px 40px
}

.news img {
    width: 100%
}

.news h3 {
    margin: 0;
    text-transform: none;
    font-weight: 500;
    line-height: 1.27;
    color: #000
}

.news__item {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    background: #fff;
    border-radius: 10px
}

.news__item:nth-child(1) {
    margin: 0
}

.news__thumb {
    overflow: hidden;
    border-bottom: 1px solid #dedede
}

.news__inner {
    padding: 0 13px 20px
}

.news__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 1;
    text-transform: uppercase;
    z-index: 10
}

.news__link-inner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: none;
    padding: 30px 40px;
    border-top: 1px solid #dedede
}

.news .icon {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: none
}

.content-block .news {
    margin: 0 -12px -12px
}

.date {
    display: inline-block;
    padding: 2px 15px;
    background: #971430;
    border-radius: 20px;
    color: #fff;
    font-size: 1.2rem
}

.news .date {
    position: relative;
    left: 13px;
    top: -35px
}

.article .date {
    margin-bottom: 32px
}

.article__heading {
    margin-bottom: 38px
}

.article__heading h1 {
    color: #a5002e
}

.article__photo {
    overflow: hidden;
    margin: 0 -40px 38px
}

.article__photo img {
    width: 100%
}

.article__inner {
    line-height: 1.6
}

.article__inner h2 {
    margin-top: 80px;
    padding-top: 30px;
    border-top: 1px solid #dedede;
    font-weight: 300;
    font-size: 2.4rem;
    color: #000
}

.article__inner h3 {
    margin-top: 40px;
    font-weight: 500;
    font-size: 1.7rem;
    color: #000
}

.article__inner ul {
    list-style: none;
    margin-bottom: 40px;
    padding: 0
}

.article__inner ul li {
    position: relative;
    margin-bottom: 20px
}

.article__inner ul li:before {
    content: "•";
    position: absolute;
    left: -20px;
    top: 0;
    color: #971430;
    font-size: 1.5rem
}

.share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #dedede;
    border-left: none;
    border-right: none;
    color: #000
}

.share h2 {
    margin: 0;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: inherit
}

.share__list {
    display: flex;
    align-items: center;
    margin: 0;
    list-style: none
}

.share__link {
    display: block;
    height: 48px;
    padding: 0 8px;
    color: inherit;
    cursor: pointer
}

.share__link_url {
    width: 48px;
    margin-left: 8px;
    padding: 0;
    background: #e3e3e3;
    border: none;
    border-left: 1px solid #dedede
}

.share .icon {
    width: 100%;
    height: 100%
}

.photos {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 25px;
    gap: 25px;
    margin-bottom: 40px
}

.photos a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.photos img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.photos__item {
    overflow: hidden;
    width: 108px;
    height: 108px;
    border-radius: 10px;
    transform: translate3d(0, 0, 0)
}

.photos .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    background: #95102c;
    border-radius: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    opacity: 0
}

.products h3 {
    text-transform: none
}

.products p {
    line-height: 1.26
}

.products a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.products__item {
    position: relative;
    margin-top: 10px;
    padding: 15px 13px;
    background: #fff;
    border-radius: 10px
}

.products__item:first-child {
    margin-bottom: 0
}

.products__thumb {
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3
}

.content-block .products {
    margin: 0 -12px -12px
}

.products-list h3 {
    margin: 0
}

.products-list p {
    line-height: 1.26
}

.products-list__item {
    margin-bottom: 10px;
    padding: 15px 13px;
    background: #fff;
    border-radius: 10px
}

.products-list__item:last-child {
    margin-bottom: 0
}

.products-list__heading {
    position: relative;
    margin-bottom: 20px
}

.products-list__logo {
    overflow: hidden;
    width: 50px;
    border-radius: 5px;
    margin-bottom: 20px
}

.products-list__logo img {
    width: 100%
}

.products-list__links {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1
}

.products-list__links li {
    margin-bottom: 20px
}

.content-block .products-list {
    margin: 0 -12px -12px
}

.tabs__content {
    display: none
}

.tabs__content_active {
    display: block
}

.docs-list ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.docs-list ul li {
    margin-right: 20px
}

.docs-list ul li a {
    text-decoration: none
}

.docs-list__item {
    margin-bottom: 10px;
    padding: 15px 13px;
    background: #fff;
    border-radius: 10px
}

.docs-list__item:last-child {
    margin-bottom: 0
}

.content-block .docs-list {
    margin: 0 -12px -12px
}

.videos h3 {
    margin: 0;
    text-transform: none;
    line-height: 1.26
}

.videos img {
    width: 100%
}

.videos a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.videos__item {
    position: relative;
    margin-top: 10px
}

.videos__item:first-child {
    margin-top: 0
}

.videos__thumb {
    position: relative;
    min-height: 150px;
    background: #737373;
    border-radius: 10px 10px 0 0
}

.videos__inner {
    padding: 15px 13px;
    background: #fff;
    border-radius: 0 0 10px 10px
}

.videos .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.content-block .videos {
    margin: 0 -12px -12px
}

.swiper-wrapper {
    z-index: 15
}

.swiper-slide {
    pointer-events: none
}

.swiper-slide-active {
    pointer-events: all
}

.swiper-button-prev, .swiper-button-next {
    width: 32px;
    height: 32px;
    margin: 0;
    background: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    transform: translateY(calc(-50% - 32.5px));
    outline: none;
    color: inherit
}

.swiper-button-prev:after, .swiper-button-next:after {
    display: none
}

.swiper-button-prev .icon, .swiper-button-next .icon {
    width: 100%;
    height: 100%;
    opacity: .3
}

.swiper-button-prev {
    left: 5px;
    background-image: url(/local/templates/waviot_en/css/../images/arrow-left.svg)
}

.swiper-button-next {
    right: 5px;
    background-image: url(/local/templates/waviot_en/css/../images/arrow-right.svg)
}

.swiper-pagination-bullet {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 !important;
    background: none;
    opacity: .3;
    transition: .3s
}

.swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.swiper-pagination-bullet-active {
    opacity: 1
}

.swiper.slider_sections .swiper-wrapper {
    flex-wrap: wrap;
    z-index: 1
}

.swiper.slider_sections .swiper-slide {
    pointer-events: all
}

.slider_thumbs {
    position: relative;
    margin-bottom: -10px
}

.slider_thumbs .slider_thumb {
    background: #fff;
    border-radius: 10px;
    text-align: center
}

.slider_thumbs img {
    max-width: 40%
}

.slider_sections .slider__item {
    padding: 220px 15px 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    text-align: center;
    opacity: 0
}

.slider_sections .slider__inner {
    position: relative;
    padding: 20px 0;
    z-index: 5
}

.slider_company .slider__item:before, .slider_company .slider__item:after {
    content: "";
    position: absolute;
    top: 0
}

.slider_company .slider__item:before {
    left: 0;
    width: 100%;
    height: 282px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.slider_company .slider__item:after {
    right: 0;
    display: none;
    width: 50%;
    height: 100%
}

.slider_company .slider__item_1:before {
    background-image: url(/local/templates/waviot_en/css/../images/about-back-1.jpg)
}

.slider_company .slider__item_2:before {
    background-image: url(/local/templates/waviot_en/css/../images/about-back-2.jpg)
}

.slider_company .slider__item_3:before {
    background-image: url(/local/templates/waviot_en/css/../images/about-back-3.jpg)
}

.slider_company .slider__item_4:before {
    background-image: url(/local/templates/waviot_en/css/../images/about-back-4.jpg)
}

.slider_company .slider__item_5:before {
    background-image: url(/local/templates/waviot_en/css/../images/about-back-5.jpg)
}

.slider_company .slider__item_6:before {
    background-image: url(/local/templates/waviot_en/css/../images/about-back-6.jpg)
}

.slider_company .slider__item_7:before {
    background-image: url(/local/templates/waviot_en/css/../images/about-back-7.jpg)
}

.slider_company .slider__item_1:after {
    background: #84162a
}

.slider_company .slider__item_1 .slider__inner {
    background: #84162a;
    color: #fff
}

.slider_company .slider__item_2:after {
    background: #f2f2f2
}

.slider_company .slider__item_2 .slider__inner {
    background: #f2f2f2;
    color: #95102c
}

.slider_company .slider__item_3:after {
    background: #008ce3
}

.slider_company .slider__item_3 .slider__inner {
    background: #008ce3;
    color: #fff
}

.slider_company .slider__item_4:after {
    background: #00243f
}

.slider_company .slider__item_4 .slider__inner {
    background: #00243f;
    color: #fff
}

.slider_company .slider__item_5:after {
    background: #68564d
}

.slider_company .slider__item_5 .slider__inner {
    background: #68564d;
    color: #fff
}

.slider_company .slider__item_6:after {
    background: #f2f2f2
}

.slider_company .slider__item_6 .slider__inner {
    background: #f2f2f2;
    color: #95102c
}

.slider_company .slider__item_7:after {
    background: #84162a
}

.slider_company .slider__item_7 .slider__inner {
    background: #84162a;
    color: #fff
}

.slider_thumbs .swiper-button-prev, .slider_thumbs .swiper-button-next {
    width: 60px;
    height: 60px;
    display: none;
    background: #f2f2f2;
    border: 1px solid #dedede;
    border-radius: 50%
}

.slider_thumbs .swiper-button-prev {
    left: -82px
}

.slider_thumbs .swiper-button-next {
    right: -82px
}

.swiper-pagination .swiper-pagination-bullet:before {
    background: currentColor
}

.slider_thumbs .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 20px
}

.slider_sections .swiper-pagination {
    display: none;
    right: auto;
    left: 20px;
    color: #fff
}

.slider_sections_light .swiper-pagination {
    color: #000
}

.swiper-horizontal .swiper-scrollbar {
    bottom: 0;
    height: 4px;
    background: #e5e5e5;
    border-radius: 0
}

.slider_thumbs .swiper-scrollbar {
    display: none
}

.swiper-scrollbar-drag {
    background: #000;
    border-radius: 0
}

.design {
    color: inherit;
    text-decoration: none;
    opacity: .3
}

.feedback-popup {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    height: 100vh;
    background: #fff;
    z-index: 80
}

.feedback-popup__inner {
    width: 100%
}

.feedback-popup__close {
    width: 100%;
    text-align: center
}

.feedback-popup__close .btn .icon {
    display: none
}

.feedback-popup_visible {
    display: flex
}

.goverlay, .glightbox-mobile .goverlay {
    background: #f2f2f2
}

.glightbox-clean .gslide-media {
    box-shadow: 0 0 20px 40px rgba(0, 0, 0, .1)
}

.glightbox-clean .gclose {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #f2f2f2;
    color: #000;
    opacity: 1;
    transition: .3s
}

.glightbox-clean .gclose:before, .glightbox-clean .gclose:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    border-bottom: 2px solid
}

.glightbox-clean .gclose:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.glightbox-clean .gclose:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.glightbox-clean .gclose svg {
    display: none
}

.glightbox-modal .gslide-inline {
    max-height: 100vh;
    background: none
}

.glightbox-modal .gslide-inline h2 {
    font-size: 2.2rem;
    text-transform: uppercase
}

.glightbox-modal .gslide-inline p {
    margin-bottom: 30px
}

.glightbox-modal .gslide-inline .ginlined-content {
    padding: 40px 20px 80px
}

.glightbox-modal-inner {
    position: relative;
    overflow: hidden;
    max-width: 600px;
    margin: auto;
    padding: 30px 20px 0;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    text-align: center
}

.glightbox-modal-actions {
    margin: 0 -20px
}

.glightbox-modal-actions .btn {
    width: 100%;
    border-top: 1px solid #dedede;
    border-radius: 0
}

.site-cookie {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 22px 25px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, .05);
    z-index: 100
}

.site-cookie h3 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 1.4rem
}

.site-cookie p {
    font-size: 1.2rem;
    line-height: 1
}

.site-cookie .btn {
    display: block;
    width: 100%
}

@media (min-width: 1024px)and (max-width: 1240px) {
    .intro__text br {
        display: none
    }
}

@media (min-width: 768px) {
    body {
        font-size: 2rem
    }

    h1 {
        font-size: 5rem
    }

    h2 {
        font-size: 2rem
    }

    h3 {
        font-size: 1.7rem
    }

    address {
        font-size: 1.7rem
    }

    .nav address {
        order: 1;
        width: 100%;
        margin-bottom: 35px
    }

    .site-nav address {
        display: block;
        width: 50%
    }

    small {
        font-size: 1.7rem
    }

    .container {
        padding-top: 60px;
        padding-left: 30px;
        padding-right: 30px
    }

    .site-footer .container {
        padding-top: 40px
    }

    .site {
        padding: 78px 30px 30px
    }

    .site__inner {
        border: 1px solid #dedede;
        border-bottom: none
    }

    .site__inner:before, .site__inner:after {
        display: block
    }

    .site-nav__inner {
        padding: 142px 78px 0
    }

    .site-header__inner {
        height: 78px
    }

    .site-header__inner:after {
        left: 30px;
        right: 30px
    }

    .site-header__search {
        top: 0;
        border: none
    }

    .site-header__search-inner {
        padding: 0 30px
    }

    .site-header__search-inner > .icon {
        display: flex;
        flex-shrink: 0;
        margin-right: 20px
    }

    .site-header__search-close {
        display: block;
        margin: 0 20px
    }

    .site-header__search .form-control {
        flex-shrink: 2;
        font-size: 1.7rem
    }

    .site-header__search button[type=submit], .site-header__search button[type=reset] {
        padding: 12px 35px;
        font-size: 1.7rem
    }

    .site-header__cab {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .nav-visible .site-header__inner:after {
        left: 0;
        right: 77px
    }

    .site-footer:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        border-bottom: 1px solid #e3e3e3
    }

    .company-page .site-footer {
        display: none
    }

    .nav {
        padding: 0
    }

    .nav__inner {
        margin-bottom: 40px
    }

    .nav__inner:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

    .nav__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .nav__item {
        width: 45%;
        padding-bottom: 15px;
        border: none
    }

    .nav__item ul {
        display: block;
        padding-bottom: 0;
        font-size: 1.7rem
    }

    .nav__item_active ul {
        display: block
    }

    .nav__link {
        padding: 15px 0;
        font-size: 2.4rem;
        font-weight: 400;
        text-transform: none;
        border-bottom: 1px solid #e3e3e3;
        color: #95102c !important
    }

    .nav__link:after {
        content: "";
        position: absolute;
        left: 0;
        top: 100%;
        width: 0;
        border-bottom: 1px solid #000
    }

    .nav__link .icon {
        display: none
    }

    .nav__feedback-btn {
        width: 50%;
        text-align: left
    }

    .nav__feedback-btn .btn {
        display: inline-block;
        left: -35px
    }

    .site-nav .nav {
        flex-direction: row;
        padding-bottom: 0
    }

    .site-nav .nav__inner {
        margin-bottom: 35px
    }

    .site-nav .nav__inner:nth-child(2) {
        margin-bottom: 40px
    }

    .site-nav .nav__inner:nth-child(3) {
        display: block
    }

    .site-nav .nav__list {
        border: none
    }

    .site-nav .nav__item {
        width: 50%
    }

    .site-nav .nav__cab-btn {
        display: none
    }

    .site-footer .nav address br {
        display: none
    }

    .support-page .site-footer .nav__inner:nth-child(3) {
        display: block
    }

    .contacts-nav {
        line-height: 78px;
        opacity: 1
    }

    .contacts-nav__item_search {
        margin: 0
    }

    .contacts-nav__item_search svg {
        width: 20px;
        height: 20px
    }

    .contacts-nav__item_mail svg {
        width: 22px;
        height: 15px
    }

    .contacts-nav__item_phone .icon {
        display: none
    }

    .contacts-nav__item_phone .icon_alt {
        display: flex
    }

    .contacts-nav__item_phone svg {
        width: 20px;
        height: 20px
    }

    .contacts-nav__link {
        max-width: 47px;
        padding-left: 47px
    }

    .contacts-nav .icon {
        width: 47px
    }

    .site-header .contacts-nav {
        right: 95px
    }

    .nav-visible .site-header .contacts-nav__item_mail, .nav-visible .site-header .contacts-nav__item_phone {
        display: block
    }

    .contacts-secondary-nav {
        display: flex;
        justify-content: space-between;
        font-size: 1.7rem
    }

    .contacts-secondary-nav__item {
        padding: 0;
        border: none
    }

    .contacts-secondary-nav .icon {
        display: none
    }

    .nav .contacts-secondary-nav {
        order: 3;
        width: 45%;
        margin: 0
    }

    .site-nav .contacts-secondary-nav {
        width: 50%
    }

    .contacts .contacts-secondary-nav {
        order: 3;
        display: block
    }

    .site-nav .lang-nav {
        display: none
    }

    .nav .social-nav {
        order: 2;
        width: 45%
    }

    .site-nav .social-nav {
        display: flex
    }

    .contacts .social-nav {
        order: 4;
        justify-content: flex-start;
        margin-bottom: 90px
    }

    .content-nav {
        justify-content: center;
        margin-bottom: 50px;
        font-size: 1.7rem
    }

    .content-nav__item {
        width: auto;
        padding: 0 20px
    }

    .product .content-nav {
        order: 1;
        width: 100%
    }

    .pagination {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1.7rem
    }

    .pagination__item {
        margin-right: 10px
    }

    .pagination__btn {
        padding: 25px 30px
    }

    .tabs-list {
        display: flex;
        margin: 0
    }

    .tabs-list__item {
        margin-left: 20px;
        border: none
    }

    .tabs-list__item:first-child {
        margin: 0;
        border: none
    }

    .tabs-list__btn span {
        padding: 6px 0
    }

    .tabs-list__btn span:after {
        top: auto;
        bottom: 0
    }

    .btn {
        padding: 20px 35px
    }

    .btn_sm {
        padding: 8px 22px
    }

    .btn_icon {
        width: 60px;
        height: 60px;
        padding: 0
    }

    .btn_full {
        padding: 20px 30px
    }

    .btn_full .icon {
        right: 20px
    }

    .content-block .btn_full {
        margin: 0;
        border: 3px solid #dedede;
        border-radius: 10px
    }

    .slider_company .btn {
        display: inline-block
    }

    .article .btn {
        margin-bottom: 40px
    }

    .btn-nav {
        width: 78px;
        height: 78px
    }

    .btn-nav__icon {
        width: 18px;
        height: 12px
    }

    .btn-nav__line:nth-child(1) {
        transform: translateY(-6px)
    }

    .btn-nav__line:nth-child(2) {
        transform: translateY(3px)
    }

    .btns-group {
        justify-content: center;
        margin-bottom: 64px;
        padding: 0
    }

    .btns-group__item {
        margin: 0 6px 6px 0
    }

    .btns-group .btn {
        padding: 12px 34px;
        font-size: 1.7rem
    }

    .btns-group .btns-group__btn_selected {
        background: #e5e5e5
    }

    .heading_search .btns-group {
        display: flex;
        justify-content: flex-start
    }

    .form-group {
        margin-bottom: 10px
    }

    .form-group_agreement {
        margin-bottom: 40px;
        padding-left: 40px
    }

    .form-group_range {
        margin-bottom: 15px
    }

    .form-group_range output {
        top: -15px;
        font-size: 2.4rem
    }

    .form-control {
        font-size: 2rem
    }

    .form-control[type=checkbox] {
        width: 26px;
        height: 26px;
        background-size: 12px auto
    }

    .form-control[type=range] {
        margin-top: 25px
    }

    .form-control[type=range]::-moz-range-thumb {
        transform: scale(1.4)
    }

    .form-control[type=range]::-ms-thumb {
        transform: scale(1.4)
    }

    .form-control[type=range]::-webkit-slider-thumb {
        transform: scale(1.4)
    }

    .feedback-form {
        margin: 0
    }

    .feedback-form:before, .feedback-form:after {
        display: block
    }

    .feedback-form__submit .btn {
        display: inline-block;
        width: auto
    }

    .feedback-form .container {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .feedback-popup .feedback-form:before, .feedback-popup .feedback-form:after {
        display: none
    }

    .company-page .feedback-form {
        display: none
    }

    .discount {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px
    }

    .discount label {
        background: linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 0 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 30px 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 60px 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 90px 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 100% 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat calc(100% - 30px) 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat calc(100% - 60px) 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat calc(100% - 90px) 50%/1px 9px;
        font-size: 1.7rem
    }

    .discount__slider {
        width: calc(100% - 175px);
        margin: 0
    }

    .discount__value {
        width: 145px;
        font-size: 1.7rem
    }

    .discount__value span {
        font-size: 2.4rem
    }

    .icon_close {
        width: 18px !important;
        height: 18px !important
    }

    .icon_plus {
        width: 20px;
        height: 20px
    }

    .icon_tick {
        width: 28px;
        height: 28px
    }

    .icon_tick svg {
        width: 12px;
        height: 14px
    }

    .icon_play {
        width: 70px;
        height: 70px
    }

    .icon_play:after {
        border-left-width: 18px;
        border-top-width: 11px;
        border-bottom-width: 11px;
        transform: translate(-6px, -50%)
    }

    .logo {
        width: 166px;
        border-right: 1px solid #dedede
    }

    .logo:before, .logo:after {
        width: 106px;
        height: 25px
    }

    .heading {
        padding: 0 20px
    }

    .heading__photo {
        display: none
    }

    .contacts .heading {
        order: 1;
        padding: 0 50% 0 0;
        text-align: left
    }

    .heading_search h1 {
        padding-left: 60px
    }

    .heading_search .icon {
        left: 0;
        top: 5px;
        width: 50px;
        height: 50px
    }

    .heading_search .icon svg {
        width: 20px;
        height: 20px
    }

    .site-header .lang {
        display: block;
        position: absolute;
        left: 194px;
        top: 50%;
        transform: translateY(-50%)
    }

    .headline h2 {
        padding: 12px 33px;
        font-size: 1.7rem
    }

    .headline_lead {
        margin-bottom: 40px
    }

    .headline_lead h2 {
        margin: 0;
        padding: 0;
        font-size: 5rem
    }

    .lead {
        margin-bottom: 50px;
        font-size: 2rem;
        line-height: 1.5
    }

    .lead_lg {
        margin: 80px 0;
        font-size: 4rem;
        line-height: 1.2
    }

    .headline .lead {
        font-size: 5rem
    }

    .support {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 30px;
        padding: 18px 0;
        background: none;
        border: 1px solid #dedede;
        border-left: none;
        border-right: none;
        border-radius: 0
    }

    .support h3 {
        width: 45%;
        margin: 0
    }

    .support p {
        padding: 0;
        border: none;
        font-size: 1.7rem
    }

    .support ul {
        width: 45%;
        padding: 0;
        border: none;
        font-size: 1.7rem
    }

    .support ul li {
        padding-left: 10px
    }

    .support .icon {
        width: 24px;
        height: 24px
    }

    .nav .support {
        margin: 0
    }

    .site-nav .support h3, .site-nav .support ul {
        width: 50%
    }

    .contacts .support {
        order: 5;
        margin: 0 0 10px;
        padding-left: 32px;
        padding-right: 32px;
        background: #e5e5e5;
        border: none;
        border-radius: 50px
    }

    .help .support {
        margin: 0 auto 10px;
        padding-left: 32px;
        padding-right: 32px;
        background: #e5e5e5;
        border: none;
        border-radius: 50px
    }

    .help .support h3 {
        width: 31%
    }

    .help .support p {
        width: 31%
    }

    .help .support ul {
        width: 38%
    }

    .catalog {
        position: relative;
        margin: 0 -30px -35px;
        display: flex;
        flex-wrap: wrap
    }

    .catalog p {
        font-size: 1.7rem
    }

    .catalog__item {
        width: 50%;
        border-left: none;
        border-right: none
    }

    .catalog__item:nth-child(even) {
        border-left: 1px solid #e3e3e3
    }

    .catalog__item:last-child {
        border-right: 1px solid #e3e3e3
    }

    .partners {
        position: relative;
        margin: 0 -30px -35px
    }

    .partners p {
        font-size: 1.7rem
    }

    .partners__item {
        padding-bottom: 50px;
        border-left: none
    }

    .partners__item:nth-child(even) {
        border-left: 1px solid #e3e3e3
    }

    .partners__item:last-child {
        border-right: 1px solid #e3e3e3
    }

    .product {
        height: calc(100vh - 78px);
        min-height: 900px
    }

    .product .container {
        padding-bottom: 32px
    }

    .product__info {
        margin: 0 -30px
    }

    .product__photo:before {
        left: auto;
        right: 84px;
        transform: rotateY(180deg)
    }

    .product__photo-inner {
        width: 650px
    }

    .product__photo-logo {
        left: 60px;
        bottom: 100px;
        width: 140px;
        transform: none
    }

    .product__info-btn {
        position: absolute;
        right: 60px;
        bottom: 40px;
        width: calc(49% - 60px);
        padding: 0;
        background: none
    }

    .product__info-btn .btn {
        display: block;
        padding: 20px 78px
    }

    .product__info-btn .btn:before {
        left: auto;
        right: 20px;
        width: 8px;
        height: 8px
    }

    .product__info-btn .btn:after {
        left: auto;
        right: 24px;
        top: auto;
        bottom: 90%;
        height: 100px
    }

    .product__info-btn .btn .icon:nth-child(1) {
        left: 34px
    }

    .product__info-btn .btn .icon:nth-child(1) svg {
        width: 26px;
        height: 20px
    }

    .product__info-btn .btn .icon:nth-child(2) {
        right: 58px
    }

    .product__inner {
        padding-left: 60px;
        padding-right: 60px
    }

    .product__feedback-btn {
        width: 49%;
        margin: 0
    }

    .product__feedback-btn .btn {
        text-align: left
    }

    .product__feedback-btn .icon {
        display: flex
    }

    .features {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 1.7rem
    }

    .features b {
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-size: 4rem
    }

    .features__item {
        width: 46%;
        margin-bottom: 40px
    }

    .data {
        font-size: 1.7rem
    }

    .data__heading {
        padding: 20px 0 40px
    }

    .data__heading h3 {
        font-size: 1.9rem
    }

    .data__item {
        display: flex;
        justify-content: space-between
    }

    .data__title {
        width: 50%
    }

    .data__inner {
        width: 50%;
        text-align: right
    }

    .data_docs .data__title {
        width: 75%
    }

    .data_docs .data__inner {
        display: flex;
        justify-content: flex-end;
        width: 25%
    }

    .data_alt .data__item {
        padding: 20px 0;
        border-top: 1px solid #dedede
    }

    .data_alt .data__title {
        margin-bottom: 0;
        color: inherit
    }

    .data_alt .data__inner {
        text-align: left
    }

    .gallery {
        margin: 0;
        display: flex
    }

    .gallery__main, .gallery__items {
        width: 50%
    }

    .files {
        padding-top: 2px;
        font-size: 1.4rem
    }

    .toggle__heading {
        padding-right: 30px
    }

    .toggle_alt {
        margin-bottom: 14px;
        padding: 0
    }

    .toggle_alt .toggle__heading {
        padding: 35px 60px 35px 30px
    }

    .toggle_alt .toggle__heading h3 {
        margin-bottom: 0;
        font-size: 2rem
    }

    .toggle_alt .toggle__heading .icon {
        display: flex
    }

    .toggle_alt .toggle__content {
        padding: 0 30px 35px
    }

    .toggle_alt .toggle__content p {
        font-size: 1.7rem
    }

    .toggle_alt .toggle__content > p:first-child {
        padding-top: 20px;
        border-top: 1px solid #e5e5e5
    }

    .toggle_alt .toggle__btn {
        display: none
    }

    .content-block .toggles {
        margin: 0
    }

    .tooltip {
        position: absolute
    }

    .tooltip__toggle {
        left: 50%;
        top: 50%;
        width: 50px;
        height: 50px
    }

    .tooltip__toggle .icon_close {
        width: 18px !important
    }

    .tooltip__inner {
        left: 0;
        top: calc(100% + 50px) !important;
        width: 320px;
        padding: 25px 30px;
        font-size: 1.7rem;
        transform: translate(-50%, 0)
    }

    .tooltip__inner:before {
        visibility: visible
    }

    .tooltip_left .tooltip__inner {
        transform: translate(-36px, 0)
    }

    .tooltip_left .tooltip__inner:before {
        left: 27px;
        transform: none
    }

    .tooltip_right .tooltip__inner {
        left: auto;
        right: 0;
        transform: translate(36px, 0)
    }

    .tooltip_right .tooltip__inner:before {
        left: auto;
        right: 27px;
        transform: none
    }

    .tooltip_active .tooltip__toggle:before {
        width: 60px;
        height: 60px
    }

    .intro .intro__section_2 .tooltip__toggle {
        width: 60px;
        height: 60px
    }

    .intro .intro__section_2 .tooltip_active {
        z-index: 7
    }

    .intro .intro__section_5 .tooltip__toggle {
        width: 80px;
        height: 80px
    }

    .intro .intro__section_5 .tooltip__toggle:before {
        box-shadow: inset 0 0 0 26px #008ce3
    }

    .intro .intro__section_5 .tooltip_10 .tooltip__toggle:before {
        width: 80px;
        height: 80px;
        box-shadow: inset 0 0 0 20px #008ce3
    }

    .intro .intro__section_5 .tooltip_active {
        z-index: 7
    }

    .intro .intro__section_5 .tooltip_active .tooltip__toggle:before {
        width: 80px;
        height: 80px
    }

    .intro .intro__section_2 .tooltip__inner, .intro .intro__section_5 .tooltip__inner {
        width: 256px;
        padding: 12px 15px
    }

    .intro p {
        font-size: 1.7rem
    }

    .intro .container {
        display: flex;
        padding: 45px 48px 0
    }

    .intro__section {
        height: 820px
    }

    .intro__section-inner {
        width: 1344px;
        height: 756px
    }

    .intro__section-content h2 {
        font-size: 4rem
    }

    .intro__section-content p {
        font-size: 1.7rem
    }

    .intro__section-content .lead {
        margin-bottom: 30px;
        font-size: 3rem
    }

    .intro__section-content .container {
        display: block;
        padding: 100px 60px
    }

    .intro__section-desc {
        top: 38px;
        width: 290px
    }

    .intro__section_3 .intro__section-desc, .intro__section_4 .intro__section-desc {
        top: 6px
    }

    .intro__section_1 {
        height: calc(100vh - 78px);
        min-height: 697px
    }

    .intro__section_4 .icon {
        width: 58px;
        height: 58px
    }

    .intro__section_6 {
        height: auto
    }

    .intro__device {
        padding-bottom: 468px
    }

    .intro__device-inner {
        width: 190px;
        height: 45px;
        border-radius: 10px
    }

    .intro__item-title {
        width: 50%
    }

    .intro__item-photo {
        bottom: 488px;
        transform: translate(-50%, 50%) scale(0.75)
    }

    .intro__item-text {
        display: flex;
        justify-content: flex-end;
        width: 50%;
        text-align: right
    }

    .intro__text {
        left: 0;
        right: 0;
        bottom: 30px;
        height: 455px
    }

    .intro__text p {
        margin-bottom: 50px;
        font-size: 5rem;
        line-height: 1.17
    }

    .intro__text p a {
        padding-right: 25px
    }

    .intro__text p a .icon {
        top: 20px;
        width: 20px;
        height: 20px
    }

    .intro__text p a .icon svg {
        width: 8px;
        height: 10px
    }

    .intro__text ul {
        display: flex;
        border: none
    }

    .intro__text ul li {
        margin-right: 5px
    }

    .intro__text ul a {
        padding: 12px 32px;
        background: #fff;
        border: none;
        border-radius: 30px;
        color: #000
    }

    .intro__text ul .icon {
        display: none
    }

    .intro__text-inner {
        padding: 50px 50px 0
    }

    .intro__wave:before {
        width: 1000px;
        height: 1000px
    }

    .product-slider {
        margin: 0 0 50px
    }

    .product-slider .swiper {
        padding-bottom: 100px
    }

    .product-slider .swiper-button-prev, .product-slider .swiper-button-next {
        display: none
    }

    .contacts address {
        order: 2;
        text-align: left
    }

    .contacts .container {
        padding-bottom: 60px
    }

    .contacts__inner {
        display: flex;
        flex-wrap: wrap
    }

    .contacts__inner > * {
        width: 100%
    }

    .contacts__btns {
        order: 6;
        display: flex
    }

    .contacts__map {
        left: auto;
        right: 0;
        bottom: auto;
        top: 0;
        transform: translate(250px, -270px)
    }

    .contacts__map:before {
        display: none
    }

    .contacts .btn {
        order: 1;
        width: auto;
        margin: 0 10px 0 0
    }

    .contacts .btn_secondary {
        position: absolute;
        right: 0;
        bottom: 210px;
        margin: 0;
        padding-left: 65px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
    }

    .contacts .btn_secondary:before {
        content: "";
        position: absolute;
        left: 30px;
        top: 50%;
        width: 8px;
        height: 8px;
        background: #7d061f;
        border-radius: 50%;
        transform: translate(0, -50%)
    }

    .contacts .btn_secondary-2 {
        order: 2
    }

    .places {
        margin: 120px -31px -35px
    }

    .places h3 {
        order: 1;
        width: 100%
    }

    .places address {
        order: 2;
        width: 100%;
        margin: 0
    }

    .places p {
        order: 3;
        width: 100%;
        font-size: 1.7rem
    }

    .places p br {
        display: none
    }

    .places__item {
        display: flex;
        flex-wrap: wrap;
        padding: 25px 30px
    }

    .places__map {
        order: 4;
        width: calc(100% + 62px);
        height: 400px;
        margin: 25px -31px -25px;
        border-bottom: 0
    }

    .places .btn_icon {
        right: 43px;
        top: 45px
    }

    .places .btn_icon .icon svg {
        width: 17px;
        height: 23px
    }

    .places .btn_icon .icon_close {
        margin-top: -9px;
        margin-left: -9px
    }

    .places-list h3 {
        order: 1;
        padding: 0 200px 30px 0;
        border-bottom: 1px solid #dedede;
        font-size: 2rem
    }

    .places-list address {
        margin: 0
    }

    .places-list p {
        margin: 0;
        font-size: 1.7rem
    }

    .places-list p span {
        display: inline
    }

    .places-list__item {
        margin-top: 14px;
        padding: 35px 30px
    }

    .places-list__item:nth-child(1) {
        margin-top: 0
    }

    .places-list__contacts {
        order: 2
    }

    .places-list__map {
        order: 4;
        overflow: hidden;
        width: calc(100% + 60px);
        height: 400px;
        margin: 20px -30px -35px;
        border-radius: 0 0 10px 10px
    }

    .places-list .btn_icon {
        order: 3;
        position: relative;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px
    }

    .places-list .btn_icon .icon svg {
        width: 17px;
        height: 23px
    }

    .places-list .places-list__item_active .btn_icon {
        background: #f2f2f2
    }

    .content-block .places-list {
        margin: 0
    }

    .help {
        margin-bottom: -35px
    }

    .help-list {
        margin: 56px -31px 0
    }

    .help-list p {
        font-size: 1.7rem
    }

    .proceed {
        display: flex
    }

    .list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .list h3 {
        font-size: 1.9rem
    }

    .list p {
        font-size: 1.7rem
    }

    .list__item {
        width: calc(50% - 7px);
        margin-bottom: 14px;
        padding: 30px
    }

    .list__item:last-child {
        margin-bottom: 14px
    }

    .list .icon {
        margin-bottom: 20px
    }

    .content-block .list {
        margin-left: 0;
        margin-right: 0
    }

    .content-block .list:last-child {
        margin-bottom: 0
    }

    .content-block .list_equipment {
        margin-bottom: 30px
    }

    .list_equipment {
        font-size: 1.7rem
    }

    .list_equipment a {
        min-height: 100px;
        padding-left: 110px
    }

    .list_equipment .icon {
        left: 25px
    }

    .content-block {
        overflow: hidden;
        margin: -1px -30px 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
        padding: 40px 30px;
        border-radius: 0
    }

    .content-block > p {
        max-width: 750px;
        margin-bottom: 60px
    }

    .content-block > p:last-child {
        margin: 0
    }

    .tabs .content-block {
        padding-bottom: 20px;
        border-color: #dedede
    }

    .content-blocks {
        margin: 0 -30px
    }

    .content-blocks h2 {
        margin-bottom: 40px;
        font-size: 2.4rem
    }

    .content-blocks > p {
        margin-bottom: 30px
    }

    .content-blocks picture {
        margin: 0
    }

    .content-blocks picture img {
        width: 100%;
        height: auto;
        max-width: 1210px
    }

    .content-blocks__item {
        padding: 60px 30px;
        border-top: 1px solid #dedede
    }

    .properties {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 40px 0 0
    }

    .properties h3 {
        font-size: 1.9rem
    }

    .properties p {
        font-size: 1.7rem
    }

    .properties__item {
        width: 46%;
        margin-bottom: 30px
    }

    .properties .icon {
        margin-bottom: 20px
    }

    .docs p {
        font-size: 1.7rem
    }

    .docs__item {
        width: calc(33% - 20px);
        margin-bottom: 60px
    }

    .docs__thumb {
        margin-bottom: 20px;
        padding: 18px
    }

    .equipment-icons .icon {
        width: 50px;
        height: 50px
    }

    .equipment-icons .icon svg {
        width: 100%;
        height: 100%;
        max-width: 60%;
        max-height: 60%
    }

    .places .equipment-icons {
        order: 3;
        margin-top: 30px
    }

    .places-list .equipment-icons {
        position: absolute;
        right: 44px;
        top: 36px;
        margin: 0;
        z-index: 10
    }

    .places-list .equipment-icons .icon {
        width: 30px;
        height: 30px
    }

    .places-list .equipment-icons .icon svg {
        width: auto;
        height: auto
    }

    .news {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 0 55px;
        padding-top: 40px
    }

    .news h3 {
        text-transform: uppercase;
        font-size: 2rem
    }

    .news__item {
        width: calc(50% - 7px);
        margin-top: 14px
    }

    .news__item:nth-child(2) {
        margin-top: 0
    }

    .news__inner {
        padding: 20px 30px 120px
    }

    .content-block .news {
        margin: 0 0 20px;
        padding: 0
    }

    .date {
        padding: 2px 20px;
        font-size: 1.7rem
    }

    .news .date {
        position: absolute;
        left: 30px;
        top: auto;
        bottom: 35px
    }

    .article .date {
        margin: 0
    }

    .article__heading {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 80px
    }

    .article__heading h1 {
        width: 100%;
        margin-bottom: 60px
    }

    .article__photo {
        margin: 0 0 60px;
        border-radius: 20px
    }

    .article__inner h2 {
        margin-top: 80px;
        margin-bottom: 60px;
        padding-top: 60px;
        font-size: 5rem
    }

    .article__inner h3 {
        margin: 60px 0;
        font-size: 2.4rem
    }

    .article__inner ul {
        margin-bottom: 60px;
        padding-left: 34px
    }

    .article__inner ul li {
        margin-bottom: 40px
    }

    .article__inner ul li:before {
        left: -34px;
        font-size: 2.2rem
    }

    .share {
        border: none
    }

    .share h2 {
        font-size: 1.7rem
    }

    .share__link {
        padding: 0 13px
    }

    .share__link_twitter svg {
        width: 19px;
        height: 15px
    }

    .share__link_vk svg {
        width: 24px;
        height: 13px
    }

    .share__link_facebook svg {
        width: 10px;
        height: 19px
    }

    .share__link_url {
        margin-left: 15px;
        padding: 0;
        background: none
    }

    .share__link_url svg {
        width: 19px;
        height: 22px
    }

    .share__link_url .icon {
        justify-content: flex-end
    }

    .photos {
        grid-gap: 14px;
        gap: 14px;
        margin-bottom: 70px
    }

    .photos__item {
        width: 206px;
        height: 206px
    }

    .products {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 14px;
        gap: 14px
    }

    .products h3 {
        text-transform: none
    }

    .products p {
        font-size: 1.7rem
    }

    .products__item {
        width: calc(50% - 7px);
        margin: 0;
        padding: 26px 30px
    }

    .products__thumb {
        margin-bottom: 20px;
        border-bottom: 1px solid #e3e3e3
    }

    .content-block .products {
        margin: 0
    }

    .products-list h3 {
        font-size: 2rem
    }

    .products-list p {
        font-size: 1.7rem
    }

    .products-list__item {
        margin-bottom: 14px;
        padding: 26px 30px 35px
    }

    .products-list__heading {
        min-height: 74px;
        margin-bottom: 20px;
        padding: 10px 0 24px 75px;
        border-bottom: 1px solid #e3e3e3
    }

    .products-list__logo {
        position: absolute;
        left: 0;
        top: 0
    }

    .products-list__links {
        display: flex;
        font-size: 1.7rem
    }

    .products-list__links li {
        margin: 0 40px 0 0
    }

    .content-block .products-list {
        margin: 0
    }

    .docs-list h3 {
        width: 70%;
        margin: 0;
        font-size: 2rem
    }

    .docs-list ul {
        justify-content: flex-end;
        width: 30%;
        font-size: 1.6rem
    }

    .docs-list__item {
        display: flex;
        align-items: center;
        margin-bottom: 14px;
        padding: 35px 30px
    }

    .docs-list__item:last-child {
        margin-bottom: 0
    }

    .content-block .docs-list {
        margin: 0
    }

    .videos {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 14px;
        gap: 14px
    }

    .videos__item {
        width: calc(50% - 7px);
        margin: 0
    }

    .videos__thumb {
        min-height: 177px
    }

    .videos__inner {
        padding: 25px 30px
    }

    .content-block .videos {
        margin: 0
    }

    .swiper-pagination-bullet {
        width: 32px;
        height: 32px
    }

    .swiper-pagination-bullet:before {
        width: 4px;
        height: 4px
    }

    .slider_thumbs .swiper {
        overflow: visible;
        padding: 0 0 44px
    }

    .swiper.slider_sections {
        height: calc(100vh - 110px)
    }

    .swiper.slider_sections .swiper-wrapper {
        flex-wrap: nowrap
    }

    .slider_thumbs {
        margin: 0 0 40px
    }

    .slider_thumbs img {
        max-width: 100%
    }

    .slider_sections .slider__item {
        padding: 0;
        background-size: auto 100%;
        opacity: 1
    }

    .slider_sections .slider__inner {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 60px;
        visibility: visible;
        opacity: 1
    }

    .slider_sections .container {
        padding-top: 0;
        padding-bottom: 0
    }

    .slider_company .slider__item:before {
        width: 50%;
        height: 100%
    }

    .slider_company .slider__item:after {
        display: block
    }

    .slider_company .slider__item_1 .slider__inner {
        background: none
    }

    .slider_company .slider__item_2 .slider__inner {
        background: none
    }

    .slider_company .slider__item_3 .slider__inner {
        background: none
    }

    .slider_company .slider__item_4 .slider__inner {
        background: none
    }

    .slider_company .slider__item_5 .slider__inner {
        background: none
    }

    .slider_company .slider__item_6 .slider__inner {
        background: none
    }

    .slider_company .slider__item_7 .slider__inner {
        background: none
    }

    .slider_thumbs .swiper-pagination {
        display: none
    }

    .slider_sections .swiper-pagination {
        display: block
    }

    .slider_thumbs .swiper-scrollbar {
        display: block
    }

    .design {
        font-size: 1.5rem
    }

    .glightbox-modal .gslide-inline h2 {
        font-size: 3rem
    }

    .glightbox-modal .gslide-inline p {
        font-size: 1.7rem
    }

    .glightbox-modal .gslide-inline .ginlined-content {
        padding: 40px 40px
    }

    .glightbox-modal-inner {
        padding: 50px 50px 0
    }

    .glightbox-modal-actions {
        display: flex;
        margin: 0 -50px
    }

    .glightbox-modal-actions .btn:nth-child(2n) {
        border-left: 1px solid #dedede
    }

    .feedback-popup {
        left: 31px;
        top: 79px;
        right: 31px;
        bottom: 31px;
        height: auto
    }

    .site-cookie {
        left: 50%;
        right: auto;
        bottom: 20px;
        width: 700px;
        padding: 15px 250px 10px 20px;
        transform: translateX(-50%)
    }

    .site-cookie h3 {
        margin-bottom: 10px;
        font-size: 1.5rem
    }

    .site-cookie p {
        margin: 0;
        font-size: 1.4rem;
        line-height: 1.2
    }

    .site-cookie .btn {
        position: absolute;
        top: 50%;
        right: 30px;
        width: auto;
        padding: 12px 25px;
        font-size: 1.5rem;
        transform: translateY(-50%)
    }
}

@media (min-width: 1240px) {
    a {
        transition: .3s
    }

    a:hover {
        text-decoration: none
    }

    p a:active, label a:active {
        opacity: .3
    }

    .nav address {
        width: 100%;
        margin-bottom: 70px
    }

    .cols-2 {
        position: relative;
        display: flex;
        padding: 115px 0
    }

    .cols-2:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #dedede
    }

    .cols-2 .col {
        width: 50%
    }

    .cols-2 .col:nth-child(1) {
        padding-right: 115px
    }

    .cols-2 .col:nth-child(2) {
        padding-left: 115px
    }

    .cols-2 .col > :last-child {
        margin-bottom: 0
    }

    .container .cols-2:first-child {
        margin-top: -60px
    }

    .container {
        padding-left: 136px;
        padding-right: 136px
    }

    .site-footer .container {
        padding-top: 110px;
        padding-bottom: 120px
    }

    .site {
        padding: 78px 30px 30px
    }

    .site__inner {
        overflow: hidden
    }

    .site-nav {
        color: #fff
    }

    .site-nav:before {
        background: #212121
    }

    .site-nav__inner {
        display: flex;
        align-items: center;
        padding: 78px 166px 0
    }

    .site-header__nav {
        display: flex
    }

    .site-header__nav-item:hover .site-header__nav-link:before {
        width: 100%
    }

    .site-header__nav-item:hover .site-header__nav-sub {
        opacity: 1;
        visibility: visible;
        transition: opacity .3s
    }

    .site-header__nav-link {
        transition: opacity .3s
    }

    .site-header__nav-link:active {
        opacity: .3
    }

    .site-header__search {
        left: 166px;
        right: 230px;
        width: auto;
        z-index: 20
    }

    .site-header__search-close {
        display: none
    }

    .site-header__search button[type=submit] {
        transition: background .3s, color .3s, box-shadow .3s
    }

    .site-header__search button[type=submit]:hover {
        box-shadow: 0 10px 15px rgba(149, 16, 44, .15)
    }

    .site-header__search button[type=submit]:active {
        color: rgba(255, 255, 255, .3)
    }

    .site-header__cab {
        left: auto;
        right: 92px;
        top: 100%;
        padding: 2px 22px;
        background: #e5e5e5;
        border-radius: 30px;
        font-size: 1.1rem;
        font-weight: 400;
        transform: translate(0, -50%);
        transition: background .3s, color .3s
    }

    .site-header__cab:hover {
        background: #d9d9d9
    }

    .site-header__cab:active {
        color: rgba(68, 68, 68, .3)
    }

    .nav-visible .site-header__nav {
        display: none
    }

    .nav-visible .site-header__inner {
        background: #212121;
        color: #fff
    }

    .nav-visible .site-header__inner:after {
        border-bottom-color: rgba(255, 255, 255, .1)
    }

    .nav-visible .site-header__search {
        right: 78px;
        display: block;
        background: #212121
    }

    .nav-visible .site-header__search .form-control {
        color: #fff
    }

    .nav-visible .site-header__search button[type=submit] {
        opacity: 0;
        visibility: hidden
    }

    .nav-visible .site-header__cab {
        right: 130px;
        top: 50%;
        padding: 0;
        background: none;
        font-size: 1.7rem;
        text-transform: none;
        transition: color .3s
    }

    .search-suggestions-visible .site-header__search button[type=submit] {
        opacity: 1;
        visibility: visible
    }

    .search-suggestions-visible .site-header__search-suggestions {
        display: block
    }

    .search-suggestions-visible .site-header__cab {
        display: none
    }

    .nav-visible.search-suggestions-visible .site-header button[type=reset] {
        transition: .3s;
        display: block
    }

    .nav-visible.search-suggestions-visible .site-header button[type=reset]:hover {
        opacity: .6
    }

    .nav-visible.search-suggestions-visible .site-header button[type=reset]:active {
        opacity: .3
    }

    .nav-visible.search-suggestions-visible .site-header__search-suggestions {
        background: #212121;
        border-bottom-color: rgba(255, 255, 255, .1)
    }

    .mainpage .site-footer {
        display: none
    }

    .contacts-page .site-footer {
        display: none
    }

    .nav {
        justify-content: space-between;
        align-items: center;
        margin-right: -80px
    }

    .nav__inner:nth-child(1) {
        width: calc(100% - 180px)
    }

    .nav__inner:nth-child(2) {
        padding-top: 40px
    }

    .nav__inner:nth-child(3) {
        width: calc(100% - 180px);
        margin: 0
    }

    .nav__inner:nth-child(4) {
        line-height: 1
    }

    .nav__inner:nth-child(even) {
        width: 180px
    }

    .nav__item {
        width: 33.3%
    }

    .nav__item ul {
        padding-bottom: 30px
    }

    .nav__item ul a {
        transition: .3s
    }

    .nav__item ul a:hover {
        opacity: .6
    }

    .nav__item ul a:active {
        opacity: .3
    }

    .nav__item:nth-child(2) {
        width: 66.6%
    }

    .nav__item:nth-child(2) ul {
        display: flex;
        flex-wrap: wrap
    }

    .nav__item:nth-child(2) li {
        width: 50%;
        padding-right: 70px
    }

    .nav__link {
        margin-right: 70px;
        font-size: 2rem;
        transition: .3s
    }

    .nav__link:after {
        transition: .3s
    }

    .nav__link:hover:after {
        width: 100%
    }

    .nav__link:active {
        opacity: .3
    }

    .nav__feedback-btn {
        width: 100%;
        order: 5
    }

    .nav__feedback-btn .btn {
        box-shadow: none !important;
        color: inherit;
        transition: .3s
    }

    .nav__feedback-btn .btn:hover {
        opacity: .6
    }

    .nav__feedback-btn .btn:active {
        opacity: .3
    }

    .site-nav .nav {
        min-height: auto
    }

    .site-nav .nav__inner {
        margin-bottom: 40px
    }

    .site-nav .nav__inner:nth-child(2) {
        margin-bottom: -100px
    }

    .site-nav .nav__list {
        color: inherit
    }

    .site-nav .nav__item {
        width: 33.3%
    }

    .site-nav .nav__item:nth-child(2) {
        width: 66.6%
    }

    .site-nav .nav__item ul {
        padding-top: 14px;
        color: inherit
    }

    .site-nav .nav__link {
        border-bottom-color: rgba(255, 255, 255, .1);
        color: inherit !important
    }

    .site-nav .nav__link:after {
        border-bottom-color: #fff
    }

    .contacts-nav__link {
        transition: .2s
    }

    .contacts-nav__link:hover {
        max-width: 1000px;
        transition: 1s
    }

    .contacts-nav__link:active .icon, .contacts-nav__link:active .contacts-nav__text {
        opacity: .3
    }

    .contacts-nav__item_search .contacts-nav__link:hover {
        opacity: .6
    }

    .contacts-nav__item_search .contacts-nav__link:hover .icon_close {
        transform: translate(-50%, -50%) rotate(180deg)
    }

    .nav-visible .site-header .contacts-nav {
        display: none
    }

    .contacts-secondary-nav {
        flex-wrap: wrap
    }

    .contacts-secondary-nav a {
        transition: .3s
    }

    .contacts-secondary-nav a:hover {
        opacity: .6
    }

    .contacts-secondary-nav a:active {
        opacity: .3
    }

    .contacts-secondary-nav__item {
        width: 100%
    }

    .contacts-secondary-nav .icon {
        display: none
    }

    .nav .contacts-secondary-nav {
        width: 100%
    }

    .site-nav .contacts-secondary-nav {
        width: 100%;
        margin-bottom: 50px
    }

    .contacts .contacts-secondary-nav {
        width: 50%
    }

    .lang-nav {
        font-size: 1.7rem
    }

    .lang-nav__item {
        padding-right: 25px
    }

    .lang-nav__link {
        transition: .3s
    }

    .lang-nav__link:hover {
        opacity: .6
    }

    .lang-nav__link:active {
        opacity: 1
    }

    .lang-nav__item_active .lang-nav__link:hover {
        opacity: 1
    }

    .site-nav .lang-nav {
        display: flex;
        order: 1;
        margin-bottom: 30px
    }

    .social-nav a {
        transition: .3s
    }

    .social-nav a:hover {
        opacity: .6
    }

    .social-nav a:active {
        opacity: .3
    }

    .nav .social-nav {
        width: 100%;
        margin-bottom: 60px
    }

    .nav-visible .site-nav .social-nav a {
        color: inherit
    }

    .contacts .social-nav {
        justify-content: flex-end;
        width: 50%;
        margin: 20px 0 50px;
        padding-right: 58px
    }

    .equipment-nav a {
        transition: .3s
    }

    .equipment-nav a:hover {
        color: #95102c
    }

    .equipment-nav a:active {
        opacity: .3
    }

    .content-nav {
        display: block;
        margin-bottom: 70px
    }

    .content-nav__item {
        width: 100%;
        margin-bottom: 10px;
        padding: 0
    }

    .content-nav__link {
        padding-left: 27px
    }

    .content-nav .icon {
        display: flex
    }

    .pagination {
        margin: 0 -2px 100px;
        padding: 34px 40px;
        border: 1px solid #dedede;
        border-radius: 20px
    }

    .pagination__btn {
        transition: .3s
    }

    .pagination__btn span {
        transition: .3s
    }

    .pagination__btn:hover {
        background: #d9d9d9
    }

    .pagination__btn:active span {
        opacity: .3
    }

    .pagination__btn_active:hover {
        background: #971430
    }

    .pagination__btn_active:active span {
        opacity: 1
    }

    .tabs-list {
        padding-left: 64px
    }

    .tabs-list__btn {
        transition: .3s
    }

    .tabs-list__btn:hover {
        color: #95102c
    }

    .tabs-list__btn span:after {
        top: 100%;
        bottom: auto
    }

    .tabs-list__btn_active:hover {
        color: #000
    }

    .btn {
        transition: .3s
    }

    .btn:hover {
        box-shadow: 0 10px 15px rgba(149, 16, 44, .15)
    }

    .btn:active {
        box-shadow: 0 10px 10px rgba(149, 16, 44, .15);
        color: rgba(255, 255, 255, .3)
    }

    .btn_full:hover {
        border-color: #dadada;
        box-shadow: none
    }

    .btn_full:active {
        box-shadow: none;
        color: #000;
        color: initial
    }

    .btn_full:active span, .btn_full:active .icon {
        opacity: .3
    }

    .btn_full span, .btn_full .icon {
        transition: .3s
    }

    .article .btn_full {
        margin: 0
    }

    .btn_secondary:hover {
        box-shadow: 0 10px 15px rgba(68, 68, 68, .15)
    }

    .btn_secondary:active {
        box-shadow: 0 10px 15px rgba(68, 68, 68, .15);
        color: rgba(68, 68, 68, .3)
    }

    .btn_secondary-2:before {
        transition: .3s
    }

    .btn_secondary-2:hover {
        box-shadow: none
    }

    .btn_secondary-2:hover:before {
        border-color: #dadada
    }

    .btn_secondary-2:active {
        box-shadow: none;
        color: rgba(68, 68, 68, .3)
    }

    .btn_secondary-3:hover {
        box-shadow: none;
        color: #95102c
    }

    .btn_secondary-3:active {
        opacity: .3
    }

    .btn_icon:hover {
        box-shadow: none
    }

    .btn_icon:active {
        box-shadow: none
    }

    .contacts .btn_secondary:hover, .contacts .btn_secondary:active {
        box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
    }

    .btn-nav:hover .btn-nav__line:before {
        -webkit-animation: .5s burger;
        animation: .5s burger
    }

    .btn-nav:hover .btn-nav__line:nth-child(2):before {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .btn-nav:hover .icon {
        transform: translate(-50%, -50%) rotate(180deg)
    }

    .btn-nav:active .btn-nav__icon {
        opacity: .3
    }

    .btn-nav:active .icon_close {
        opacity: .3
    }

    .nav-visible .btn-nav {
        border-left-color: rgba(255, 255, 255, .1)
    }

    .nav-visible .btn-nav .icon_close {
        color: inherit
    }

    .nav-visible .btn-nav:active .btn-nav__icon {
        opacity: 0
    }

    .btns-group {
        margin-bottom: 80px;
        padding: 0 150px
    }

    .btns-group .btn:hover {
        box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
    }

    .btns-group .btn:active {
        box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
        color: rgba(0, 0, 0, .3)
    }

    .btns-group .btn_secondary-3:hover {
        box-shadow: none;
        color: #95102c
    }

    .btns-group .btn_secondary-3:active {
        opacity: .3
    }

    .btns-group .btns-group__btn_selected {
        box-shadow: none !important;
        color: #000 !important
    }

    .heading_info .btns-group {
        justify-content: flex-start;
        margin: 0;
        padding: 0
    }

    .heading_search .btns-group {
        margin-left: 0;
        margin-right: 0;
        padding: 0
    }

    .form-control[type=text] {
        transition: .3s
    }

    .form-control[type=text]:hover {
        border-bottom-color: #cbcbcb
    }

    .form-control[type=text]:hover::-moz-placeholder {
        opacity: .4
    }

    .form-control[type=text]:hover:-ms-input-placeholder {
        opacity: .4
    }

    .form-control[type=text]:hover::placeholder {
        opacity: .4
    }

    .form-control[type=checkbox] {
        transition: .3s
    }

    .form-control[type=checkbox]:checked {
        background-image: url(/local/templates/waviot_en/css/../images/tick.svg)
    }

    .form-control[type=checkbox]:hover {
        background-color: #dedede
    }

    .form-control[type=checkbox]:active {
        opacity: .3
    }

    .form-control[type=range]::-moz-range-thumb {
        transition: .3s
    }

    .form-control[type=range]::-ms-thumb {
        transition: .3s
    }

    .form-control[type=range]::-webkit-slider-thumb {
        transition: .3s
    }

    .form-control[type=range]:hover::-moz-range-thumb {
        transform: scale(2.4)
    }

    .form-control[type=range]:hover::-ms-thumb {
        transform: scale(2.4)
    }

    .form-control[type=range]:hover::-webkit-slider-thumb {
        transform: scale(2.4)
    }

    .form-control[type=range]:active::-moz-range-thumb {
        box-shadow: 0 3px 5px rgba(0, 0, 0, .3)
    }

    .form-control[type=range]:active::-ms-thumb {
        box-shadow: 0 3px 5px rgba(0, 0, 0, .3)
    }

    .form-control[type=range]:active::-webkit-slider-thumb {
        box-shadow: 0 3px 5px rgba(0, 0, 0, .3)
    }

    .feedback-form h2 {
        width: 33.3%;
        margin: 0;
        padding: 0 150px 80px 0
    }

    .feedback-form__inner {
        width: 66.6%
    }

    .feedback-form__submit {
        position: relative;
        left: -35px;
        margin-top: -40px
    }

    .feedback-form .form-group_agreement {
        margin: 75px 0 0
    }

    .feedback-form .container {
        display: flex;
        flex-wrap: wrap;
        padding-top: 110px;
        padding-bottom: 110px;
        padding-right: 236px
    }

    .discount label {
        background: linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 0 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 30px 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 60px 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 90px 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 120px 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 150px 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 180px 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 210px 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat 100% 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat calc(100% - 30px) 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat calc(100% - 60px) 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat calc(100% - 90px) 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat calc(100% - 120px) 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat calc(100% - 150px) 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat calc(100% - 180px) 50%/1px 9px, linear-gradient(to right, #DEDEDE, #DEDEDE 1px, transparent 1px) no-repeat calc(100% - 210px) 50%/1px 9px
    }

    .discount__slider {
        width: calc(100% - 230px)
    }

    .search-suggestions__link {
        transition: .3s
    }

    .search-suggestions__link:hover {
        opacity: .6
    }

    .search-suggestions__link:active {
        opacity: .3
    }

    .search-suggestions__results-btn {
        transition: .3s
    }

    .search-suggestions__results-btn:hover {
        color: #95102c
    }

    .search-suggestions__results-btn:active {
        opacity: .3
    }

    .nav-visible .search-suggestions {
        color: #999
    }

    .nav-visible .search-suggestions__item b {
        color: #fff
    }

    .nav-visible .search-suggestions__page {
        color: inherit
    }

    .nav-visible .search-suggestions__results-btn, .nav-visible .search-suggestions .icon {
        color: #fff
    }

    .nav-visible .search-suggestions__results-btn:hover {
        opacity: .6
    }

    .nav-visible .search-suggestions__results-btn:active {
        opacity: .3
    }

    .logo {
        transition: opacity .3s
    }

    .logo:hover {
        opacity: .7
    }

    .logo:active {
        opacity: .4
    }

    .nav-visible .site-header .logo {
        border-right-color: rgba(255, 255, 255, .1)
    }

    .nav-visible .site-header .logo:before {
        opacity: 0
    }

    .nav-visible .site-header .logo:after {
        opacity: 1
    }

    .contacts .heading {
        padding: 0
    }

    .contacts .heading h1 {
        margin-bottom: 10px
    }

    .heading_info {
        margin-bottom: 80px;
        padding-left: 50%;
        text-align: left
    }

    .heading_info .heading__photo {
        position: absolute;
        left: 0;
        top: -80px;
        bottom: -100px;
        display: block;
        width: 50%;
        margin: 0
    }

    .heading_info .heading__photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .heading_search {
        padding-left: 64px
    }

    .heading_search h1 {
        padding: 0
    }

    .heading_search .icon {
        transform: translateX(-50%)
    }

    .headline_lead {
        margin-bottom: 60px
    }

    .lead_lg {
        padding: 0 64px;
        font-size: 5rem
    }

    .contacts .lead {
        margin-bottom: 20px;
        padding-right: 50%
    }

    .headline .lead {
        font-size: 6rem
    }

    .heading_info .lead {
        margin-left: 0
    }

    ul.lead li {
        margin-bottom: 20px
    }

    .lang__inner .lang__current, .lang__inner .icon {
        transition: .3s
    }

    .lang__inner:hover .icon {
        opacity: .6
    }

    .lang__inner:active .lang__current {
        opacity: .3
    }

    .lang__inner:active .icon {
        opacity: .1
    }

    .lang__btn {
        transition: .3s
    }

    .lang__btn:hover {
        opacity: .6
    }

    .lang__btn:active {
        opacity: .3
    }

    .support {
        padding-left: 32px;
        padding-right: 32px;
        background: #e5e5e5;
        border: none;
        border-radius: 50px
    }

    .support h3, .support ul {
        width: calc(50% - 32px)
    }

    .support a {
        transition: .3s
    }

    .support a:hover {
        opacity: .6
    }

    .support a:active {
        opacity: .3
    }

    .nav .support {
        left: -32px;
        margin-right: 33.3%
    }

    .site-nav .support {
        background: #333
    }

    .site-nav .support h3, .site-nav .support ul {
        width: 46%
    }

    .contacts .support {
        margin-left: -32px
    }

    .help .support {
        margin-left: auto;
        margin-right: auto
    }

    .catalog {
        margin-left: -137px;
        margin-right: -137px
    }

    .catalog p, .catalog__title {
        transition: .1s
    }

    .catalog__item {
        width: 25%;
        border-left: 1px solid #e3e3e3
    }

    .catalog__item:before {
        transition: .3s
    }

    .catalog__item:nth-child(4n+4) {
        border-right: 1px solid #e3e3e3
    }

    .catalog__item:hover {
        color: #fff
    }

    .catalog__item:hover:before {
        height: 100%
    }

    .catalog__item:active p, .catalog__item:active .catalog__title {
        opacity: .3
    }

    .partners {
        margin-left: -137px;
        margin-right: -137px
    }

    .partners p, .partners__title {
        transition: .1s
    }

    .partners__item {
        width: 25%
    }

    .partners__item:before {
        transition: .3s
    }

    .partners__item:nth-child(4n+1) {
        border-left: 1px solid #e3e3e3
    }

    .partners__item:hover {
        z-index: 15
    }

    .partners__item:hover:before {
        opacity: 1
    }

    .partners__item:hover > a {
        opacity: 1
    }

    .partners__item:hover .partners__title {
        border-top-color: #cbcbcb
    }

    .partners__item:active p, .partners__item:active .partners__title {
        opacity: .3
    }

    .product {
        align-items: center;
        min-height: auto;
        background: linear-gradient(to right, transparent, transparent 50%, #95102C 50%, #95102C);
        border-bottom: 1px solid #dedede
    }

    .product .container {
        min-height: 642px;
        padding: 90px 136px;
        opacity: 0;
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

    .product__info {
        position: static
    }

    .product__photo {
        position: absolute;
        left: 50%;
        top: 50%;
        padding: 0;
        background: none;
        transform: translate(-50%, -50%)
    }

    .product__photo:before {
        left: 50%;
        right: auto;
        bottom: 50%;
        width: 373px;
        height: 201px;
        background-image: url(/local/templates/waviot_en/css/../images/product-photo-note-line-3.svg);
        transform: none
    }

    .product__photo-inner {
        width: 780px
    }

    .product__photo-logo {
        left: 50%;
        bottom: 50%;
        width: 175px;
        transform: translate(370px, -110px)
    }

    .product__heading {
        position: relative;
        left: auto;
        top: auto;
        width: 30%;
        margin-bottom: 50px;
        padding: 0;
        text-align: left
    }

    .product__info-btn {
        position: absolute;
        left: calc(50% + 343px);
        top: calc(50% - 231px);
        right: auto;
        bottom: auto;
        width: auto
    }

    .product__info-btn .btn {
        padding-left: 100px;
        padding-right: 50px;
        font-size: 2.3rem
    }

    .product__info-btn .btn:before {
        left: 23px;
        right: auto
    }

    .product__info-btn .btn:after {
        display: none
    }

    .product__info-btn .btn .icon:nth-child(1) {
        left: 60px
    }

    .product__info-btn .btn .icon:nth-child(2) {
        display: none
    }

    .product__info-btn .btn:hover {
        background: #6f0219
    }

    .product__info-btn .btn:active {
        color: rgba(255, 255, 255, .1)
    }

    .product__inner {
        width: 30%;
        margin: 0;
        padding: 0;
        background: none;
        color: inherit
    }

    .product__feedback-btn {
        width: auto
    }

    .product__feedback-btn .btn {
        display: inline-block
    }

    .product__feedback-btn .btn:hover {
        box-shadow: none
    }

    .product__feedback-btn .btn:active {
        box-shadow: none;
        color: rgba(0, 0, 0, .1)
    }

    .product__feedback-btn .icon {
        display: none
    }

    .loaded .product .container {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }

    .features b {
        padding-top: 20px;
        border: none;
        border-top: 1px solid #dedede;
        font-size: 4rem
    }

    .features__item {
        margin-bottom: 70px
    }

    .gallery {
        margin-top: -35px;
        height: 100vh
    }

    .gallery img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .gallery__main {
        height: 100%
    }

    .gallery__items {
        height: 100%
    }

    .gallery__item {
        position: relative;
        overflow: hidden;
        height: 50%
    }

    .files__link:hover {
        color: #000
    }

    .files__link:active {
        opacity: .3
    }

    .toggle__btn:hover {
        box-shadow: none
    }

    .toggle__btn:active {
        box-shadow: none;
        color: inherit
    }

    .toggle_alt {
        transition: .3s
    }

    .toggle_alt h3, .toggle_alt .icon {
        transition: .3s
    }

    .toggle_alt:hover {
        box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
    }

    .toggle_alt:hover .icon {
        opacity: .6
    }

    .toggle_alt:hover .icon_plus {
        opacity: 1
    }

    .toggle_alt:active h3, .toggle_alt:active .icon {
        opacity: .3
    }

    .tooltip:hover {
        z-index: 10
    }

    .tooltip:hover .tooltip__toggle:before {
        width: 60px;
        height: 60px;
        background: #95102c
    }

    .tooltip:hover .tooltip__toggle .icon_plus {
        transform: translate(-50%, -50%) rotate(45deg)
    }

    .tooltip:hover .tooltip__inner {
        opacity: 1;
        visibility: visible
    }

    .intro .intro__section_2 .tooltip__toggle {
        opacity: 0;
        visibility: hidden;
        transition: .3s
    }

    .intro .intro__section_2 .tooltip__toggle:before {
        display: none
    }

    .intro .intro__section_2 .tooltip:hover {
        z-index: 10
    }

    .intro .intro__section_2 .tooltip_1 .tooltip__toggle {
        transition-delay: .3s
    }

    .intro .intro__section_2 .tooltip_2 .tooltip__toggle {
        transition-delay: .6s
    }

    .intro .intro__section_2 .tooltip_3 .tooltip__toggle {
        transition-delay: .9s
    }

    .intro .intro__section_5 .tooltip__toggle {
        opacity: 0;
        visibility: hidden;
        transition: .3s .3s
    }

    .intro .intro__section_5 .tooltip__toggle:before {
        width: 100%;
        height: 100%;
        background: #fff
    }

    .intro .intro__section_5 .tooltip:hover {
        z-index: 10
    }

    .intro .intro__section_ready.intro__section_2 .tooltip__toggle, .intro .intro__section_ready.intro__section_5 .tooltip__toggle {
        opacity: 1;
        visibility: visible
    }

    .intro {
        height: calc(100vh - 110px)
    }

    .intro .container {
        display: block
    }

    .intro__section {
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        width: 100%;
        height: 100%;
        border: none;
        opacity: 1;
        z-index: 10
    }

    .intro__section-inner {
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        background: #f2f2f2
    }

    .intro__section_ready .intro__section-inner {
        opacity: 1;
        visibility: visible
    }

    .intro__section-content {
        display: flex;
        align-items: center;
        height: 100%;
        background: #f2f2f2
    }

    .intro__section-content h2 {
        margin-bottom: 60px
    }

    .intro__section-content p {
        margin-bottom: 80px
    }

    .intro__section-content .container {
        padding: 0 135px;
        opacity: 0;
        visibility: hidden;
        transition: .3s
    }

    .intro__section_ready .intro__section-content .container {
        opacity: 1;
        visibility: visible
    }

    .intro__section-content .lead {
        margin-bottom: 60px
    }

    .intro__section-desc {
        top: auto;
        bottom: 70px;
        opacity: 0;
        visibility: hidden;
        transition: .5s
    }

    .intro__section_3 .intro__section-desc, .intro__section_4 .intro__section-desc {
        top: auto
    }

    .intro__section-img {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .intro__section-img img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .intro__section-video {
        display: block;
        visibility: hidden;
        opacity: 0
    }

    .intro__section_active.intro__section_from-top .intro__section-video_main, .intro__section_active.intro__section_from-bottom .intro__section-video_reversed {
        opacity: 1;
        visibility: visible
    }

    .intro__section_active.intro__section_ready .intro__section-video {
        opacity: 0;
        visibility: hidden
    }

    .intro__section_1 {
        display: block;
        min-height: auto;
        z-index: 5
    }

    .intro__section_1 .intro__section-inner {
        background: none;
        opacity: 1;
        transform: translateY(-100%);
        transition: 1s
    }

    .intro__section_1 .intro__section-inner:after {
        content: "";
        position: absolute;
        left: 50%;
        right: -100px;
        top: 0;
        height: 100%;
        background: #95102c;
        transform: translateX(100%);
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        z-index: 5
    }

    .intro__section_1.intro__section_ready .intro__section-inner {
        transform: translateY(0)
    }

    .intro__section_4 .icon {
        opacity: 0;
        visibility: hidden;
        transition: .3s
    }

    .intro__section_4.intro__section_ready .icon {
        opacity: 1;
        visibility: visible
    }

    .intro__section_4.intro__section_ready .icon_1 {
        transition-delay: .3s
    }

    .intro__section_4.intro__section_ready .icon_2 {
        transition-delay: .6s
    }

    .intro__section_4.intro__section_ready .icon_3 {
        transition-delay: .9s
    }

    .intro__section_4.intro__section_ready .icon_4 {
        transition-delay: .12s
    }

    .intro__section_4.intro__section_ready .icon_5 {
        transition-delay: .15s
    }

    .intro__section_4.intro__section_ready .icon_6 {
        transition-delay: .18s
    }

    .intro__section_active {
        display: block
    }

    .intro__section_ready .intro__section-desc {
        opacity: 1;
        visibility: visible
    }

    .intro__device {
        padding-bottom: 0;
        align-items: center
    }

    .intro__device-inner {
        opacity: 0;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }

    .intro__device-inner:before {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }

    .intro__items {
        z-index: 5
    }

    .intro__item {
        z-index: 5
    }

    .intro__item-title {
        position: absolute;
        top: calc(50% - 160px);
        left: 0;
        padding: 0 136px;
        opacity: 0;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }

    .intro__item-text {
        justify-content: flex-start;
        position: absolute;
        left: 0;
        bottom: calc(50% - 160px);
        padding: 0 136px;
        opacity: 0;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }

    .intro__item-photo {
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        width: 100%;
        height: 100%;
        transform: none;
        opacity: 0;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }

    .intro__item-photo img {
        left: 0;
        top: 0;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transform: none
    }

    .intro__item-photo svg {
        height: 100%
    }

    .intro__item_active {
        visibility: visible;
        background: #000;
        opacity: 1;
        z-index: 10
    }

    .intro__item_active .intro__item-title, .intro__item_active .intro__item-text {
        opacity: 0
    }

    .intro__item_active .intro__item-photo svg {
        opacity: 0
    }

    .intro__item_active .intro__item-photo img {
        opacity: 1
    }

    .intro__item_active video {
        visibility: visible
    }

    .intro__text {
        left: auto;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        width: 50%;
        height: 100%;
        background: none
    }

    .intro__text-inner {
        padding: 0 50px 0 126px;
        opacity: 0;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }

    .intro__text p a {
        transition: .3s
    }

    .intro__text p a .intro__category-btn-text:after {
        transition: .3s
    }

    .intro__text p a:hover .intro__category-btn-text:after {
        width: 100%
    }

    .intro__text p a:active {
        opacity: .3
    }

    .intro__text ul a {
        transition: .3s
    }

    .intro__text ul a:hover {
        box-shadow: 0 10px 15px rgba(0, 0, 0, .15)
    }

    .intro__text ul a:active {
        box-shadow: 0 5px 8px rgba(0, 0, 0, .15);
        color: rgba(0, 0, 0, .3)
    }

    .intro__text br {
        display: inline-block
    }

    .loaded .intro__section_1 .intro__section-inner:after {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight
    }

    .loaded .intro__device-inner {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }

    .loaded .intro__device-inner:before {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    .loaded .intro__item-title, .loaded .intro__item-text {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }

    .loaded .intro__item-photo {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }

    .loaded .intro__text-inner {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }

    .intro__wave:before {
        width: 1500px;
        height: 1500px;
        -webkit-animation-name: none;
        animation-name: none
    }

    .intro__section_2 .intro__wave:before {
        -webkit-animation-delay: .9s;
        animation-delay: .9s
    }

    .intro__section_4 .intro__wave:before {
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s
    }

    .intro__section_ready .intro__wave:before {
        -webkit-animation-name: waves;
        animation-name: waves
    }

    .country-feature__text {
        order: 2
    }

    .country-feature .icon {
        order: 1;
        margin: 0 20px 0 0
    }

    .product-slider {
        margin-bottom: 100px
    }

    .product-slider__inner:before {
        display: block
    }

    .product-slider__item {
        margin: 0;
        opacity: .3
    }

    .swiper-slide-active .product-slider__item {
        opacity: 1
    }

    .product-slider .swiper-button-prev, .product-slider .swiper-button-next {
        display: block
    }

    .contacts {
        display: flex;
        align-items: center;
        height: calc(100vh - 110px)
    }

    .contacts__inner {
        padding-right: 50%
    }

    .contacts__btns {
        margin-left: -32px
    }

    .contacts__map {
        transform: none;
        width: auto;
        height: 100%
    }

    .contacts__map img {
        width: auto;
        height: 100%
    }

    .contacts .btn_secondary {
        bottom: 0
    }

    .places {
        margin-bottom: 90px
    }

    .places h3, .places p, .places address {
        padding-right: 450px
    }

    .places__item:hover {
        z-index: 5
    }

    .places__item:hover:before {
        width: 100%
    }

    .places .btn_icon .icon_close {
        transition: .3s
    }

    .places .btn_icon:hover {
        box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
    }

    .places .btn_icon:hover .icon_close {
        transform: rotate(180deg)
    }

    .places .btn_icon:active {
        box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
        color: rgba(0, 0, 0, .3)
    }

    .places .places__item_active .btn_icon:hover {
        box-shadow: none
    }

    .places-list .btn_icon .icon {
        transition: .3s
    }

    .places-list .btn_icon .icon_close {
        transition: .3s
    }

    .places-list .btn_icon:hover .icon_close {
        transform: rotate(180deg)
    }

    .places-list .btn_icon:active {
        color: #000
    }

    .places-list .btn_icon:active .icon {
        opacity: .1
    }

    .help {
        margin-bottom: 100px
    }

    .help-list {
        display: flex
    }

    .help-list a .icon {
        visibility: visible;
        transition: .3s
    }

    .help-list a:hover:before {
        width: 100%
    }

    .help-list a:hover .icon {
        opacity: 1
    }

    .help-list__item {
        width: 33.3%;
        padding-bottom: 80px
    }

    .help-list__item:nth-child(1), .help-list__item:nth-child(2) {
        border-right: none
    }

    .list {
        justify-content: flex-start;
        grid-gap: 14px;
        gap: 14px
    }

    .list__item {
        margin: 0;
        width: calc(33% - 9px)
    }

    .list__item:last-child {
        margin: 0
    }

    .content-block .list_equipment {
        margin-bottom: 60px
    }

    .list_equipment {
        font-size: 1.7rem
    }

    .list_equipment a {
        min-height: 100px;
        padding-left: 110px
    }

    .list_equipment a span {
        transition: .3s
    }

    .list_equipment a:hover {
        box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
    }

    .list_equipment a:active span, .list_equipment a:active .icon {
        opacity: .3
    }

    .list_equipment .icon {
        left: 25px;
        transition: .3s
    }

    .content-block {
        overflow: visible;
        margin: 0 -2px 14px;
        padding: 60px 64px;
        border: 1px solid #dedede;
        border-radius: 20px
    }

    .content-block > p {
        margin-bottom: 60px
    }

    .content-block > p:last-child {
        margin: 0
    }

    .tabs .content-block {
        padding-bottom: 60px
    }

    .site-main .container > .content-block:last-child {
        margin-bottom: 70px
    }

    .content-blocks {
        position: relative;
        margin: 0;
        padding: 0 350px 0 0
    }

    .content-blocks:before {
        content: "";
        position: absolute;
        right: 165px;
        top: 0;
        bottom: 0;
        border-right: 1px solid #dedede
    }

    .content-blocks picture {
        margin: 0 -350px 0 0;
        padding: 60px 0
    }

    .content-blocks__nav {
        display: block
    }

    .content-blocks__nav-btn:hover {
        color: #95102c
    }

    .content-blocks__nav-btn:active {
        opacity: .3
    }

    .content-blocks__item {
        padding: 40px 0 0;
        border: none
    }

    .properties__item {
        margin-bottom: 40px
    }

    .docs a:nth-child(1):active .icon {
        opacity: .3
    }

    .docs a:nth-child(2):hover {
        color: #95102c
    }

    .docs__item {
        width: calc(33% - 45px)
    }

    .docs__thumb:hover a:nth-child(2) {
        opacity: 1
    }

    .docs__thumb:hover a:nth-child(2):active {
        opacity: .3
    }

    .docs__thumb:hover .icon {
        opacity: 1
    }

    .equipment-icons__item:hover .equipment-icons__tooltip {
        opacity: 1;
        visibility: visible
    }

    .places .equipment-icons {
        position: absolute;
        right: 140px;
        top: 50px;
        margin: 0
    }

    .news {
        margin: 0 -2px 64px
    }

    .news h3 {
        font-weight: 300;
        font-size: 3.6rem;
        text-transform: none;
        color: #95102c;
        transition: .3s
    }

    .news__item {
        width: calc(50% - 32px);
        margin-top: 65px;
        background: none;
        border: 1px solid #dedede;
        border-radius: 20px
    }

    .news__item:hover .news__thumb img {
        transform: scale(1.1)
    }

    .news__item:active h3 {
        opacity: .3
    }

    .news__thumb img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: .3s
    }

    .news__inner {
        padding: 10px 40px 120px
    }

    .news__link-inner {
        display: block
    }

    .news__link-inner span {
        transition: .3s
    }

    .news__link:hover .icon {
        opacity: 1
    }

    .news__link:active .news__link-inner span {
        opacity: .3
    }

    .news__link:active .icon {
        opacity: .3
    }

    .news .icon {
        display: flex;
        opacity: .2;
        transition: .3s
    }

    .news_list {
        display: block
    }

    .news_list h3 {
        margin-bottom: 30px;
        font-weight: 500;
        font-size: 2rem;
        color: #000;
        text-transform: uppercase
    }

    .news_list .news__item {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 14px 0 0;
        padding: 35px 300px 35px 30px;
        background: #fff;
        border: none;
        border-radius: 10px;
        transition: .3s
    }

    .news_list .news__item:first-child {
        margin: 0
    }

    .news_list .news__item:hover {
        box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
    }

    .news_list .news__item:hover .news__thumb img {
        transform: none
    }

    .news_list .news__item:active {
        box-shadow: 0 3px 5px rgba(0, 0, 0, .05)
    }

    .news_list .news__thumb {
        order: 3;
        position: absolute;
        right: 0;
        top: 0;
        width: 273px;
        height: 100%;
        border: none;
        border-left: 1px solid #dedede
    }

    .news_list .news__inner {
        order: 1;
        padding: 0
    }

    .news_list .news__link-inner {
        display: none
    }

    .news .date {
        position: relative;
        left: 40px;
        top: -15px;
        bottom: auto
    }

    .news_list .date {
        order: 2;
        position: relative;
        left: 0;
        top: 0;
        transition: .3s
    }

    .news_list .news__item:active .date {
        color: rgba(255, 255, 255, .3)
    }

    .article {
        margin: 0 -2px 80px;
        padding: 90px 105px;
        border: 1px solid #dedede;
        border-radius: 20px
    }

    .article__heading {
        justify-content: flex-start
    }

    .article__heading h1 {
        padding-right: calc(100% - 840px)
    }

    .article__photo {
        margin-bottom: 80px
    }

    .article__inner p {
        max-width: 750px
    }

    .article__inner ul {
        max-width: 750px;
        padding-left: 0
    }

    .article__inner ul li:before {
        left: -55px
    }

    .share__link {
        transition: .3s
    }

    .share__link:hover {
        color: #971430
    }

    .share__link:active .icon {
        opacity: .3
    }

    .share__link .icon {
        transition: .3s
    }

    .article .share {
        margin-left: 68px
    }

    .photos {
        grid-gap: 58px;
        gap: 58px;
        margin-bottom: 82px
    }

    .photos a:hover img {
        transform: scale(1.05)
    }

    .photos a:hover .icon {
        opacity: 1
    }

    .photos a:active .icon svg {
        opacity: .3
    }

    .photos img {
        will-change: transform;
        transition: .3s
    }

    .photos__item {
        width: 260px;
        height: 260px
    }

    .photos .icon {
        transition: .3s
    }

    .photos .icon svg {
        transition: .3s
    }

    .products__item {
        width: calc(33.3% - 9px)
    }

    .products-list__links a:active {
        opacity: .3
    }

    .site-main .container > .tabs:last-child {
        margin-bottom: 70px
    }

    .docs-list ul li a {
        transition: .3s
    }

    .docs-list ul li a:hover {
        color: #000
    }

    .docs-list ul li a:active {
        opacity: .3
    }

    .videos__item {
        width: calc(33.3% - 9px)
    }

    .videos__item:hover .icon_play:before {
        transform: translate(-50%, -50%) scale(1.2)
    }

    .videos__item:active .icon_play:after {
        opacity: .3
    }

    .videos__item .icon_play:before, .videos__item .icon_play:after {
        transition: .3s
    }

    .swiper-button-prev, .swiper-button-next {
        width: 60px;
        height: 60px;
        transition: .3s
    }

    .swiper-button-prev .icon, .swiper-button-next .icon {
        transition: .3s
    }

    .swiper-button-prev:hover, .swiper-button-next:hover {
        opacity: .6
    }

    .swiper-button-prev:active, .swiper-button-next:active {
        opacity: .3
    }

    .swiper-button-prev {
        left: 114px
    }

    .swiper-button-next {
        right: 114px
    }

    .swiper-pagination-bullet:hover {
        opacity: .6
    }

    .swiper-pagination-bullet:active {
        opacity: 1
    }

    .slider_thumbs .swiper {
        overflow: hidden;
        padding: 0
    }

    .slider_thumbs {
        margin-left: -10px;
        margin-right: -10px
    }

    .slider_thumbs .slider_thumb {
        margin: 0 10px 15px
    }

    .slider_thumbs .swiper-button-prev, .slider_thumbs .swiper-button-next {
        display: block;
        transform: translateY(-50%)
    }

    .slider_thumbs .swiper-button-prev:hover, .slider_thumbs .swiper-button-next:hover {
        border-color: #d5d5d5;
        opacity: 1
    }

    .slider_thumbs .swiper-button-prev:hover .icon, .slider_thumbs .swiper-button-next:hover .icon {
        opacity: .5
    }

    .slider_thumbs .swiper-button-prev:active, .slider_thumbs .swiper-button-next:active {
        opacity: 1
    }

    .slider_thumbs .swiper-button-prev:active .icon, .slider_thumbs .swiper-button-next:active .icon {
        opacity: .2
    }

    .slider_sections .swiper-pagination {
        left: 40px
    }

    .slider_thumbs .swiper-scrollbar {
        display: none
    }

    .design {
        transition: .3s
    }

    .design:hover {
        opacity: 1
    }

    .design:active {
        opacity: .1
    }

    .feedback-popup__close {
        position: absolute;
        right: 100px;
        top: 100px;
        width: auto
    }

    .feedback-popup__close .btn {
        overflow: hidden;
        white-space: nowrap;
        width: 60px;
        height: 60px;
        padding: 0;
        background: #f2f2f2;
        border-radius: 50%;
        text-indent: -9999px
    }

    .feedback-popup__close .btn .icon {
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        transform: translate(-50%, -50%)
    }

    .feedback-popup__close .btn:hover {
        box-shadow: none;
        transform: rotate(180deg)
    }

    .glightbox-modal-actions .btn:hover {
        box-shadow: none
    }

    .glightbox-clean .gclose:hover {
        background-color: #f2f2f2;
        transform: rotate(180deg)
    }

    .site-cookie a:hover {
        text-decoration: underline;
        color: #750019
    }

    .site-cookie a:active {
        opacity: .3
    }

    .site-cookie .btn:hover {
        background: #750019;
        box-shadow: none
    }
}

@media (min-width: 1920px) {
    .site-header__inner:after {
        left: 0;
        right: 0
    }
}

/*# sourceMappingURL=main.css.map*/
/* End */


/* Start:/local/templates/waviot_en/css/custom.css?17940418254220*/
.glightbox-clean .gslide-media {
    box-shadow: none!important;
}
.gprev.gbtn,.gnext.gbtn {
    display: none !important;
}
.gslide-image img {
    max-height: 85vh!important;
}
.article__inner h2 {
    margin-top: 0!important;
    border-top: none!important;
    padding-top: 0!important;
    max-width: 750px;
}

.article__inner h3 {
    max-width: 750px;
}

.article__inner hr {
    color: #dedede;
    height: 1px !important;
    overflow: visible;
    margin: 60px 0;
    padding: 0;
    max-height: 1px !important;
    opacity: 0.3;
}

/*feedback-form_footer*/
.contacts-page .feedback-form_footer, .mainpage .feedback-form_footer, .company-page .feedback-form_footer, .policy .feedback-form_footer   {
    display: none;
}

.company-page #feedback-popup-form {
    display: block;
}

input::-webkit-credentials-auto-fill-button,
input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.site-header__search button[type="submit"] .site-header__search button[type="reset"] {
    padding: 7px 22px;
    font-size: 1.5rem;
}

.site-header__search input[type="submit"] {
    padding: 12px 35px;
    font-size: 1.7rem;
}

.nav-visible .site-header__cab {
    right: 130px;
    top: 50%;
    padding: 0;
    background: none;
    font-size: 1.7rem;
    text-transform: none;
    transition: color .3s;
}

.nav-visible .site-header__search input[type=submit] {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s, opacity 0s;
}

.search-suggestions-visible .site-header__search input[type="submit"] {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s, opacity 0s;
}



button.btn_reset {
    font-weight: 400!important;
}

@media (max-width: 768px) {
    .site-header__search input.btn {
        padding: 7px 22px;
        font-size: 1.5rem;
    }

    .company-page .site-footer {
        display: block;
    }

    .company-page .feedback-form_footer {
        display: block;
    }
    .feedback-popup__close .btn {
        right: 1px;
    }
}


@media (min-width: 1240px) {
    .site-nav__inner .nav__inner .nav__feedback-btn .btn_feedback {
        margin-top: 23px;
    }
    .contacts-page .site-footer, .mainpage .site-footer, .company-page .site-footer, .company-page .site-footer, .policy .site-footer {
        display: none;
    }
}

@media (max-width: 1240px) {
    .site-header__search-suggestions {
        display: none!important;
    }

}

.search-suggestions__page {
    width: 102px
}

.icon_lang-kz.icon_lang-kz_main {
    background-image: url(/local/templates/waviot_ru/images/flag-kz_main.png);
}

.intro__text-inner h1 {
    color: white;
}

/* === WAVIoT: читаемая типографика статей (01.11.2026) === */
.article__inner p,.article__inner li{font-size:17px;line-height:1.65;}
.article__inner p{margin:0 0 16px;max-width:860px;}
.article__inner ul,.article__inner ol{margin:0 0 20px;padding-left:22px;max-width:860px;}
.article .article__inner ul li,.article .article__inner ol li{margin-bottom:8px;}
.article .article__inner li > p{display:inline;margin:0;}
.article .article__inner h2{margin-top:44px !important;}
.article__inner h2{font-size:30px;line-height:1.25;font-weight:400;margin:48px 0 16px;padding-top:24px;}
.article__inner h3{font-size:21px;line-height:1.3;font-weight:500;text-transform:none;margin:28px 0 12px;}
.article__inner h4{font-size:19px;line-height:1.35;font-weight:600;margin:28px 0 10px;text-transform:none;}
.article__inner a:not(.btn){color:#95102c;text-decoration:underline;}
@media (max-width:767px){
.article__inner p,.article__inner li{font-size:16px;}
.article__inner h2{font-size:24px;margin:36px 0 12px;padding-top:18px;}
.article__inner h3{font-size:19px;margin:24px 0 10px;}
.article .article__inner h2{margin-top:32px !important;}
}
/* === /WAVIoT === */


/* WAVIoT 07.11.2026: первый экран без анимации появления — ускоряет LCP на телефонах */
header.heading.reveal, .heading .reveal, .heading h1, .heading .lead,
.main-hero .reveal, .main-hero__title, .main-hero__desc {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* End */


/* Start:/local/components/waviot/search.title/templates/en/style.css?16977346832370*/
.search-suggestions__title b {
	display: inline-block;
	/*display: flex;*/
	/*flex-direction: row;*/
}

.search-suggestions__results-btn.showall {
	font-weight: 500;
	color:#000000;
}

.nav-visible .search-suggestions__results-btn.showall {
	color: #ffffff;
}


div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/components/waviot/search.title/templates/en/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/waviot_en/components/niges/cookiesaccept/.default/style.css?16977346842729*/
/* NIGES.COOKIESACCEPT */

.nca-cookiesaccept-line {
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    padding: 10px;
}


.nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text {
    color:#111;
}
.nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text {
    color:#eee;
}

.nca-cookiesaccept-line.style-1 {
    /* background-position: center;
    background-repeat: repeat-x;
	background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg);
    background-size: contain; */
    background-color: rgb(61, 168, 255); 
}

.nca-cookiesaccept-line.style-2 {
    background-color: rgb(13, 62, 102);
}


.nca-cookiesaccept-line.style-3 {
    background-color: rgb(197, 197, 197);
}

.nca-cookiesaccept-line.style-4 {
    background-color: rgb(71, 71, 71);
}

.nca-cookiesaccept-line.style-5 {
    background-color: rgb(61, 255, 158);
}

.nca-cookiesaccept-line.style-6 {
    background-color: rgb(9, 92, 50);
}

.nca-cookiesaccept-line.style-7 {
    background-color: rgb(84, 255, 61);
}

.nca-cookiesaccept-line.style-8 {
    background-color: rgb(92, 5, 5);
}

.nca-cookiesaccept-line.style-9 {
    background-color: rgb(203, 255, 61);
}

.nca-cookiesaccept-line.style-10 {
    background-color: rgb(70, 94, 4);
}

.nca-cookiesaccept-line.style-11 {
    background-color: rgb(255, 148, 61);
}

.nca-cookiesaccept-line.style-12 {
    background-color: rgb(138, 70, 14);
}

.nca-cookiesaccept-line.style-13 {
    background-color: rgb(255, 61, 61);
}

.nca-cookiesaccept-line.style-14 {
    background-color: rgb(119, 22, 22);
}

.nca-cookiesaccept-line.style-15 {
    background-color: rgb(255, 61, 152);
}

.nca-cookiesaccept-line.style-16 {
    background-color: rgb(85, 10, 45);
}

.nca-cookiesaccept-line.style-17 {
    background-color: rgb(83, 129, 255);
}

.nca-cookiesaccept-line.style-18 {
    background-color: rgb(6, 37, 122);
}

 
.nca-cookiesaccept-line.style-19 {
    background-color: rgb(255, 255, 255);
}

.nca-cookiesaccept-line.style-20 {
    background-color: rgb(0, 0, 0);
}
 

@media screen and (min-width:767.01px) {
	.nca-hidden-pc {display: none !important;}
}
@media screen and (max-width:767px) {
	.nca-hidden-mobile {display: none !important;}
}
/* End */
/* /local/templates/waviot_en/css/main.css?1731607354222622 */
/* /local/templates/waviot_en/css/custom.css?17940418254220 */
/* /local/components/waviot/search.title/templates/en/style.css?16977346832370 */
/* /local/templates/waviot_en/components/niges/cookiesaccept/.default/style.css?16977346842729 */