/* Start:/local/templates/Dugalak/css/swiper-bundle.min.css?172624509219019*/
/**
 * Swiper 8.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 15, 2022
 */

@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-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.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-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.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.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.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;
    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-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.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-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

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

.swiper-scrollbar.swiper-scrollbar-vertical, .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%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

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

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

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    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
}
/* End */


/* Start:/local/templates/Dugalak/css/style.css?1759408086133991*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Light.eot'),*/
    /*src: local('Montserrat Light'), local('Montserrat-Light'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Light.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-MediumItalic.eot'),*/
    /*src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Thin.eot'),*/
    /*src: local('Montserrat Thin'), local('Montserrat-Thin'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Thin.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.eot'),*/
    /*src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-BoldItalic.eot'),*/
    /*src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-SemiBold.eot'),*/
    /*src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraLight.eot'),*/
    /*src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot'),*/
    /*src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Italic.eot'),*/
    /*src: local('Montserrat Italic'), local('Montserrat-Italic'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Italic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Bold.eot'),*/
    /*src: local('Montserrat Bold'), local('Montserrat-Bold'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Bold.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-LightItalic.eot'),*/
    /*src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-LightItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-BlackItalic.eot'),*/
    /*src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.eot'),*/
    /*src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Regular.eot'),*/
    /*src: local('Montserrat Regular'), local('Montserrat-Regular'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Medium.eot'),*/
    /*src: local('Montserrat Medium'), local('Montserrat-Medium'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraBold.eot'),*/
    /*src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Black.eot'),*/
    /*src: local('Montserrat Black'), local('Montserrat-Black'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Black.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ThinItalic.eot'),*/
    /*src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-MediumItalic.eot'),*/
    /*src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-MediumItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Italic.eot'),*/
    /*src: local('Roboto Italic'), local('Roboto-Italic'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Italic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Bold.eot'),*/
    /*src: local('Roboto Bold'), local('Roboto-Bold'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Bold.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Regular.eot'),*/
    /*src: local('Roboto'), local('Roboto-Regular'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Regular.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Medium.eot'),*/
    /*src: local('Roboto Medium'), local('Roboto-Medium'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Medium.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-BoldItalic.eot'),*/
    /*src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-BoldItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-ThinItalic.eot'),*/
    /*src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-ThinItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Black.eot'),*/
    /*src: local('Roboto Black'), local('Roboto-Black'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Black.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Light.eot'),*/
    /*src: local('Roboto Light'), local('Roboto-Light'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Light.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-LightItalic.eot'),*/
    /*src: local('Roboto Light Italic'), local('Roboto-LightItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-LightItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-BlackItalic.eot'),*/
    /*src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-BlackItalic.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src:
    /*url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Thin.eot'),*/
    /*src: local('Roboto Thin'), local('Roboto-Thin'),*/
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Thin.woff') format('woff'),
    url('/local/templates/Dugalak/css/../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:root{
    --linkColorHoverTransition: .3s;
    --linkColorHovered: #DF2624;
    --dgColorRed: #DF2624;
    --dgLeftAndRightPadding: 170px;
    --dgHeaderHeight: 0;
}

@media screen and (max-width: 1640px){
    :root{
        --dgLeftAndRightPadding: 40px;
    }
}


@media screen and (max-width: 767px){
    :root{
        --dgLeftAndRightPadding: 20px;
        --dgLeftAndRightMargin: -20px;
    }
}

body{
    margin: 0;
    padding: 0;
    min-width: 360px;
    font-family: 'Montserrat';
}

body.dg-body--no-scroll{
    overflow: hidden;
}

.dg-svg-sprites{
    display: none;
}
.dg-social-networks {
    padding: 0;
}
/* BUTTONS */
.dg-btn{
    border-radius: 100px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    color: var(--dgColorRed);
    border: 1px solid transparent;
    -webkit-transition: background-color .3s, color .3s, border-color .3s;
    -o-transition: background-color .3s, color .3s, border-color .3s;
    transition: background-color .3s, color .3s, border-color .3s;
    text-decoration: none;
    display: inline-block;
}

.dg-btn:hover{
    color: #fff;
    background-color: var(--dgColorRed);
    border-color: var(--dgColorRed);
}

.dg-btn--red{
    border: 1px solid var(--dgColorRed);
    background: var(--dgColorRed);
    color: #FFFFFF;
}

.dg-btn--red:hover{
    color: var(--dgColorRed);
    background: #FFFFFF;
    border-color: #fff;
}

.dg-social-networks__title h2{
    font-size: 42px;
    line-height: 120%;
}

.dg-btn--transparent{
    border: 1px solid var(--dgColorRed);
    background-color: transparent;
    color: var(--dgColorRed);
}

.dg-btn--transparent:hover{
    background-color: var(--dgColorRed);
    color: #fff;
}

.dg-btn--dark-transparent{
    border: 1px solid #333333;
    background-color: transparent;
    color: #333333;
}

.dg-btn--dark-transparent:hover{
    border: 1px solid var(--dgColorRed);
    background-color: transparent;
    color: var(--dgColorRed);
}
/* END BUTTONS */

/*BREADCRUMBS*/
.dg-main-banner + .dg-breadcrumbs{
    position: absolute;
    z-index: 2;
    top: 27px;
    color: #fff;
    width: 100%;
}
.dg-breadcrumbs--dark{
    color: #828282;
}
.dg-breadcrumbs a{
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: currentColor;
}
.dg-breadcrumbs a:not(:first-child)::before{
    content: "";
    display: inline-block;
    width: 5px;
    height: 10px;
    background-size: cover;
    background-image: url("/local/templates/Dugalak/css/../img/svg/breadcrumbs-arrow.svg");
    margin-right: 15px;
    filter: brightness(0);
}
.dg-main-banner + .dg-breadcrumbs a:not(:first-child)::before {
    filter: brightness(1);
}
.dg-breadcrumbs--dark a:not(:first-child)::before{
    background-image: url("/local/templates/Dugalak/css/../img/svg/breadcrumbs-arrow-dark.svg");
}
.dg-breadcrumbs a:not(:last-child){
    margin-right: 15px;
}
@media screen and (max-width: 1199px){
    .dg-breadcrumbs{
        display: none;
    }
}
/*END BREADCRUMBS*/

/*CONTAINER*/
.dg-container{
    padding: 0 20px;
    max-width: 1580px;
    margin: 0 auto;
    width: 100%;
}

.dg-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dg-revert-container{
    width: 100%;
    margin-left: unset;
}
@media screen and (max-width: 1640px) {
    .dg-container {
        max-width: 1224px;
    }
}
@media screen and (max-width: 767px) {
    .dg-container{
        padding: 0 20px;
    }
}
/*END CONTAINER*/

/*HEADER*/

.dg-header{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
}

.dg-header__visible-wrapper{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
}

.dg-header.dg-header--scrolled{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100%;*/
    z-index: 100;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.dg-header.dg-header--scrolled-2{
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.dg-header.dg-header--fixed{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.dg-header__logo a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dg-header__logo img{
    width: 100%;
}

.dg-header__menu{
    position: relative;
}

.dg-header__menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.dg-header__menu li{
    position: relative;
}

.dg-header__menu > ul > li > a,
.dg-header__phone > a,
.dg-header__lang > a
{
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dg-header__menu a{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4F4F4F;
    text-decoration: none;
    -webkit-transition: color var(--linkColorHoverTransition);
    -o-transition: color var(--linkColorHoverTransition);
    transition: color var(--linkColorHoverTransition);
}

.dg-header__menu > ul > li > a::after{
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    border-radius: 50%;
    background-color: var(--dgColorRed);
    -webkit-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    transform: translateX(-90%);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity var(--linkColorHoverTransition);
    -o-transition: opacity var(--linkColorHoverTransition);
    transition: opacity var(--linkColorHoverTransition);
}

.dg-header__menu > ul > li > a:hover::after{
    opacity: 1;
}

.dg-header__menu a:hover{
    color: var(--linkColorHovered);
}

.dg-header__menu > ul > li.dg-header__menu-item--active > a::after{
    opacity: 1;
}

.dg-header__menu-item--active a{
    color: var(--linkColorHovered);
}

.dg-header__phone-lang-burger{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 35px;
}

.dg-header__phone{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

.dg-header__phone-arrow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dg-header__phone a{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #4F4F4F;
    text-decoration: none;
}

.dg-header__phone a:hover{
    color: var(--linkColorHovered);
}

.dg-header__lang{
    position: relative;
}

.dg-header__lang a{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--linkColorHovered);
    text-transform: uppercase;
    text-decoration: none;
}

.dg-header__lang-dropdown a:hover{
    color: #4F4F4F;
}

.dg-dropdown{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

.dg-header__burger{
    display: none;
}

.dg-header__phone-dropdown{
    position: absolute;
    background-color: #fff;
    padding: 10px 15px;
    width: 115%;
    display: none;
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
    -webkit-box-shadow: 0px 5px 15px rgba(205, 205, 210, 0.3);
    box-shadow: 0px 5px 15px rgba(205, 205, 210, 0.3);
    z-index: 2;
}

.dg-header__phone-dropdown ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.dg-header__phone-dropdown li:not(:last-child){
    margin-bottom: 10px;
}

.dg-header__phone-dropdown span{
    font-size: 12px;
    color: #7F7F7F;
}

.dg-header__phone:hover > .dg-header__phone-dropdown{
    display: block;
}

.dg-header__lang-dropdown{
    position: absolute;
    background-color: #fff;
    padding: 10px 15px;
    width: 140%;
    display: none;
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
    -webkit-box-shadow: 0px 5px 15px rgba(205, 205, 210, 0.3);
    box-shadow: 0px 5px 15px rgba(205, 205, 210, 0.3);
    z-index: 2;
}

.dg-header__lang:hover > .dg-header__lang-dropdown{
    display: block;
}

.dg-header::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    pointer-events: none;
    -webkit-box-shadow: 0px 5px 15px rgba(205, 205, 210, 0.3);
    box-shadow: 0px 5px 15px rgba(205, 205, 210, 0.3);
    z-index: 3;
}

.dg-header__menu-item-submenu{
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 32px 45px 25px;
    -webkit-transform: translateX(-45px);
    -ms-transform: translateX(-45px);
    transform: translateX(-45px);
    border-radius: 2px;
    -webkit-box-shadow: 0px 5px 15px rgba(205, 205, 210, 0.3);
    box-shadow: 0px 5px 15px rgba(205, 205, 210, 0.3);
    z-index: 3;
}

.dg-header__menu-item-submenu,
.dg-header__phone-dropdown,
.dg-header__lang-dropdown{
    top: 70px;
}

.dg-header__menu-item-submenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 17px;
}

.dg-header__menu-item-submenu.dg-header__menu-item-submenu--wide{
    padding: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    left: 0;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
    width: 1109px;
    z-index: 3;
}

.dg-header__wide-submenu-tabs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
    position: relative;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.dg-header__wide-submenu-tabs--active{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dg-header__wide-submenu-tabs ul{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.dg-header__wide-submenu-tabs ul > div{
    display: none;
}

.dg-header__wide-submenu-tabs ul > div:last-child{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.dg-header__wide-submenu-tabs--active ul > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.dg-header__wide-submenu-tabs ul > div.dg-header__wide-submenu-tabs-group--empty{
    display: none;
}

.dg-header__wide-submenu-tabs li{
    padding: 30px 25px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    color: #333333;
    position: relative;
    -webkit-transition: color var(--linkColorHoverTransition);
    -o-transition: color var(--linkColorHoverTransition);
    transition: color var(--linkColorHoverTransition);
}

.dg-header__wide-submenu-tabs li:hover{
    cursor: pointer;
}

.dg-header__wide-submenu-tabs li:hover,
.dg-header__wide-submenu-tabs .dg-header__wide-submenu-tab--active{
    color: var(--linkColorHovered);
}

.dg-header__wide-submenu-tabs li.dg-header__wide-submenu-tab--active::after{
    /*box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.1);*/
    /*clip-path: unset;*/
}

.dg-header__wide-submenu-tabs li:first-child.dg-header__wide-submenu-tab--active{
    overflow: hidden;
}

.dg-header__wide-submenu-tabs li:first-child.dg-header__wide-submenu-tab--active::after{
    /*box-shadow: inset -10px 10px 10px rgba(0, 0, 0, 0.1);*/
    /*clip-path: unset;*/
    padding-right: 9px;
}

.dg-header__wide-submenu-tabs li.dg-header__wide-submenu-tab--active::before{
    content: "";
    width: 100%;
    height: 20%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.dg-header__wide-submenu-tabs .dg-header__wide-submenu-tab--prev-active::after{

}

.dg-header__wide-submenu-tabs .dg-header__wide-submenu-tab--next-active::after{

}

.dg-header__wide-submenu-btn{
    position: relative;
    padding: 19px 44px 19px 90px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.dg-header__wide-submenu-btn a{
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--linkColorHovered);
    border: 1px solid var(--dgColorRed);
    border-radius: 100px;
    padding: 10px 30px;
    -webkit-transition: background .2s, color var(--linkColorHoverTransition);
    -o-transition: background .2s, color var(--linkColorHoverTransition);
    transition: background .2s, color var(--linkColorHoverTransition);
    text-align: center;
}

.dg-header__wide-submenu-btn a:hover{
    background: var(--dgColorRed);
    color: #FFFFFF;
}

.dg-header__wide-submenu-sections{
    display: none;
    padding: 40px 29px 50px;
    width: 100%;
    z-index: 1;
}

.dg-header__wide-submenu-sections-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 30px;
    width: 100%;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    max-height: 50vh;
    overflow: auto;
    z-index: 1;
    scrollbar-color: var(--dgColorRed);
    scrollbar-width: 5px;
}

.dg-header__wide-submenu-sections-wrapper::-webkit-scrollbar{
    width: 5px;
}
.dg-header__wide-submenu-sections-wrapper::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: var(--dgColorRed);
}

.dg-header__wide-submenu-sections-wrapper::-webkit-scrollbar-track{
    background-color: #F2F2F2;
    border-radius: 50px;
}

.dg-header__wide-submenu-sections--active{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dg-header__wide-submenu-section{
    width: 50%;
}

.dg-header__wide-submenu-section span{
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    color: #333333;
    display: block;
    margin-bottom: 16px;
}

.dg-header__wide-submenu-sections ul{
    gap: 24px;
}

.dg-header__wide-submenu-sections li a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    color: #333333;
}

.dg-header__wide-submenu-sections li a img{
    margin-right: 20px;
}

.dg-header__wide-submenu-sections-wrapper > ul{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}

.dg-header__wide-submenu-sections-wrapper > ul li{
    width: calc(50% - 10px);
}

.dg-header__menu li:hover > .dg-header__menu-item-submenu{
    display: block;
}

div.dg-header__menu-item-submenu:not(.dg-header__menu-item-submenu--wide) li a{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    color: #333333;
    white-space: nowrap;
}

div.dg-header__menu-item-submenu:not(.dg-header__menu-item-submenu--wide) li a:hover{
    color: var(--linkColorHovered);
}

.dg-dark-overlay{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #727271;
    z-index: 19;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.dg-dark-overlay-header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #727271;
    z-index: 19;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.dg-dark-overlay.dg-dark-overlay--active{
    opacity: 0.8;
    pointer-events: auto;
}

.dg-dark-overlay-header.dg-dark-overlay--active{
    opacity: 0.8;
    pointer-events: auto;
}

.dg-mobile-menu{
    width: 600px;
    background-color: #FFF;
    position: fixed;
    z-index: 20;
    top: 0;
    right: -100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    padding-bottom: 20px;
    -webkit-transition: right .2s ease-in-out;
    -o-transition: right .2s ease-in-out;
    transition: right .2s ease-in-out;
}

.dg-mobile-menu.dg-mobile-menu--active{
    right: 0;
}

.dg-mobile-menu__header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0 40px;
}

.dg-mobile-menu__logo{
    width: 182px;
}

.dg-mobile-menu__logo--hidden{
    display: none;
}

.dg-mobile-menu__logo-sm{
    display: none;
}

.dg-mobile-menu__logo img{
    width: 100%;
}

.dg-mobile-menu__lang{
    margin-left: auto;
    margin-right: 60px;
}

.dg-mobile-menu__lang a{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: var(--linkColorHovered);
    text-transform: uppercase;
    text-decoration: none;
}

.dg-mobile-menu__lang-dropdown{
    position: absolute;
    background-color: #fff;
    padding: 10px 25px 10px 15px;
    width: auto;
    display: none;
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
    -webkit-box-shadow: 0px 5px 15px rgba(205, 205, 210, .3);
    box-shadow: 0px 5px 15px rgba(205, 205, 210, .3);
    z-index: 1;
}

.dg-mobile-menu__lang:hover .dg-mobile-menu__lang-dropdown{
    display: block;
}

.dg-mobile-menu__search{
    margin-top: 30px;
    width: 100%;
    position: relative;
}

.dg-mobile-menu__search input[type=text]{
    width: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 500px;
    padding: 16px 53px 16px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #727271;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.dg-mobile-menu__search input[type=submit]{
    display: none;
}

.dg-mobile-menu__search label{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    position: absolute;
    right: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dg-mobile-menu__menu{
    padding: 0;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.dg-mobile-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.dg-mobile-menu__menu ul li:not(:last-child){
    margin-bottom: 42px;
}

.dg-mobile-menu__menu ul a{
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #333333;
    text-decoration: none;
}

.dg-mobile-menu__phone{
    background: #EBE9E9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 23px;
}

.dg-mobile-menu__phone-selected{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px 0;
}

.dg-mobile-menu__phone-selected span{
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.dg-mobile-menu__phone a{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #4F4F4F;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dg-mobile-menu__phone-selected > a{
    margin-right: 10px;
}

.dg-mobile-menu__phone-btn{
    margin-left: 15px;
}

.dg-mobile-menu__phone-dropdown{
    width: 100%;
    height: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s;
    -o-transition: max-height .2s;
    transition: max-height .2s;
}

.dg-mobile-menu__phone-dropdown--active{
    max-height: unset;
}

.dg-mobile-menu__phone-dropdown ul a{
    pointer-events: none;
}

.dg-mobile-menu__phone-dropdown li{
    padding: 15px 30px;
    border-top: 1px solid #cfcfcf;
}

.dg-mobile-menu__socials{
    padding: 15px 0;
}

.dg-mobile-menu__socials ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

.dg-mobile-menu__socials ul a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dg-mobile-menu__btn-back{
    display: none;
}

.dg-mobile-menu__btn-back--active{
    display: block;
}

.dg-mobile-menu__btn-back a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
    color: #727271;
    text-decoration: none;
}

.dg-mobile-menu__btn-back a svg{
    margin-right: 10px;
}

.dg-mobile-menu__menu-item-submenu{
    position: absolute;
    background-color: #fff;
    width: 100%;
    max-width: 600px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    top: 0;
    left: 100%;
    -webkit-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
}

.dg-mobile-menu__menu-item-submenu--active{
    left: 0;
}

.dg-mobile-menu__close a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dg-mobile-menu__header,
.dg-mobile-menu__menu,
.dg-mobile-menu__menu-item-submenu,
.dg-mobile-menu__phone-selected,
.dg-mobile-menu__socials{
    padding-left: 30px;
    padding-right: 30px;
}

.dg-mobile-menu__submenu-item-submenu{
    margin-top: 20px;
    display: none;
}

.dg-mobile-menu__submenu-item-submenu--active{
    display: block;
}

.dg-mobile-menu__submenu-item-submenu li > a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
}

.dg-mobile-menu__submenu-item-submenu ul li:not(:last-child){
    margin-bottom: 20px;
}

.dg-mobile-menu__menu .dg-dropdown svg{
    color: #727271;
}

.dg-mobile-menu__menu .dg-dropdown{
    gap: 13px;
}

.dg-mobile-menu__menu-item-submenu .dg-dropdown--active,
.dg-mobile-menu__menu-item-submenu .dg-dropdown--active svg{
    color: var(--linkColorHovered);
}

.dg-mobile-menu__menu-item-submenu .dg-dropdown--active svg{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media screen and (max-width: 1640px) {
    .dg-header{

    }
    .dg-header__menu ul{
        gap: 15px;
    }
    .dg-header__phone-lang-burger{
        gap: 18px;
    }
    .dg-header__logo{
        width: 150px;
    }
    .dg-header__wide-submenu-tabs ul{
        gap: 0;
    }
    .dg-header__wide-submenu-section ul{
        gap: 24px;
    }
    .dg-header__menu-item-submenu{
        /*top: 71px;*/
    }
    .dg-header__menu-item-submenu.dg-header__menu-item-submenu--wide{
        -webkit-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        transform: translateX(-200px);
    }
}

@media screen and (max-width: 1199px) {
    .dg-header__menu{
        display: none;
    }

    .dg-flex{
        flex-direction: column;
    }

    .dg-header__burger{
        display: block;
    }
    .dg-header__logo{
        width: 217px;
    }
    .dg-header__phone-lang-burger{
        gap: 40px;
    }
    .dg-header__phone a{
        font-size: 18px;
        line-height: 27px;
    }
    .dg-header__lang a{
        font-size: 18px;
        line-height: 27px;
    }
    .dg-header__menu-item-submenu, .dg-header__phone-dropdown, .dg-header__lang-dropdown {
        top: 77px;
    }
    .dg-header__phone > .dg-dropdown{
        pointer-events: none;
    }
    .dg-header{
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .dg-header__visible-wrapper{
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .dg-header__visible-wrapper{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .dg-header__logo{
        width: 160px;
    }
    .dg-header__phone,
    .dg-header__lang{
        display: none;
    }
    .dg-mobile-menu{
        width: 100%;
    }
    .dg-mobile-menu__logo{
        width: auto;
    }
    .dg-mobile-menu__logo img.dg-mobile-menu__logo-lg{
        display: none;
    }
    .dg-mobile-menu__logo img.dg-mobile-menu__logo-sm{
        display: block;
    }
    .dg-mobile-menu__header,
    .dg-mobile-menu__menu,
    .dg-mobile-menu__phone-selected,
    .dg-mobile-menu__socials{
        padding-left: 20px;
        padding-right: 20px;
    }
    .dg-mobile-menu__header{
        padding-top: 20px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 360px) {
    .dg-mobile-menu{
        right: -200%;
    }
}

/*END HEADER*/


/*FOOTER*/

.dg-footer{
    background-color: #4F4F4F;
}

.dg-footer__logo a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.dg-footer__menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.dg-footer__menu a{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    -webkit-transition: color var(--linkColorHoverTransition);
    -o-transition: color var(--linkColorHoverTransition);
    transition: color var(--linkColorHoverTransition);
}

.dg-footer__top-line{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #6A6A6A;
    padding-top: 70px;
    padding-bottom: 70px;
}

.dg-footer__first-col{
    width: 17%;
}

.dg-footer__second-col{
    width: auto;
    padding-left: 145px;
}

.dg-footer__third-col{
    width: auto;
    margin-left: auto;
}

.dg-footer__social ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 17px;
}

.dg-footer__social a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-transition: color var(--linkColorHoverTransition);
    -o-transition: color var(--linkColorHoverTransition);
    transition: color var(--linkColorHoverTransition);
}

.dg-footer__social a:hover{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--dgColorRed);
}

.dg-footer__bottom-line{
    padding-top: 45px;
    padding-bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dg-footer__copyright{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    opacity: 0.6;
}

.dg-footer__pdpp{
    /*padding-left: 10px;*/
}

.dg-footer__pdpp a{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    opacity: 0.6;
    text-decoration: none;
    -webkit-transition: var(--linkColorHoverTransition);
    -o-transition: var(--linkColorHoverTransition);
    transition: var(--linkColorHoverTransition);
}

.dg-footer__pdpp a:hover{
    color: #c1c1c1;
}

.dg-footer__site-created-by{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px;
}

.dg-footer__site-created-by a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dg-footer__site-created-by span{
    opacity: 0.6;
}

.dg-footer__copyright--mobile{
    display: none;
}

.dg-footer__menu a:hover{
    color: var(--linkColorHovered);
}

.dg-footer__menu-item--active a::after{
    content: "";
    width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) translateY(13px);
    -ms-transform: translateX(-50%) translateY(13px);
    transform: translateX(-50%) translateY(13px);
}

@media screen and (max-width: 1640px) {
    .dg-footer__second-col{
        padding-left: 70px;
    }
}

@media screen and (max-width: 1199px) {
    .dg-footer__menu a{
        font-weight: 400;
    }
    .dg-footer__logo > a{
        margin-bottom: 13px;
    }
    .dg-footer__copyright{
        display: none;
    }
    .dg-footer__copyright--mobile{
        display: block;
    }
    .dg-footer__menu ul{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
    .dg-footer__top-line{
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 35px;
        padding-bottom: 30px;
    }
    .dg-footer__first-col{
        width: auto;
        margin-right: 40px;
    }
    .dg-footer__second-col{
        padding-left: 0;
    }
    .dg-footer__logo a{
        width: 140px;
    }
    .dg-footer__logo img{
        width: 100%;
    }
    /*.dg-footer__pdpp{*/
    /*    max-width: 313px;*/
    /*}*/
    .dg-footer__bottom-line{
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .dg-footer__menu-item--active a::after{
        display: none;
    }
}

@media screen and (max-width: 767px){
    .dg-footer__top-line{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .dg-footer__copyright{
        display: block;
    }
    .dg-footer__copyright--mobile{
        display: none;
    }
    .dg-footer__third-col{
        margin-left: unset;
    }
    .dg-footer__menu ul{
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 25px;
    }
    .dg-footer__first-col{
        margin-right: 0;
    }
    .dg-footer__logo > a{
        margin-bottom: 0;
    }
    .dg-footer__logo{
        margin-bottom: 20px;
    }
    .dg-footer__menu{
        margin-bottom: 35px;
    }
    .dg-footer__bottom-line{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .dg-footer__bottom-line{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .dg-footer__copyright,
    .dg-footer__pdpp{
        margin-bottom: 25px;
    }
    .dg-footer__pdpp{
        max-width: unset;
        text-align: center;
    }
}

/*END FOOTER*/

/*FEEDBACK FORM*/

.dg-feedback-form{
    padding-top: 100px;
    padding-bottom: 100px;
}

.dg-feedback-form__title{
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 120%;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 12px;
}

.dg-feedback-form__desc{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #727271;
    margin-bottom: 25px;
}

.dg-feedback-form__input{
    width: calc(25% - 33px);
    margin-right: 11px;
}

.dg-feedback-form input:not([type=submit]),
.dg-feedback-form textarea
{
    border: 1px solid #E0E0E0;
    border-radius: 50px;
    padding: 15px 30px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #4F4F4F;
    width: 100%;
    resize: none;
}

.dg-feedback-form input[type=submit]{
    width: 25%;
    height: auto;
    padding: 15px 30px;
}

.dg-feedback-form input[type=submit]:hover{
    border-color: #E0E0E0;
}

.dg-feedback-form form{
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dg-feedback-form__pdp{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
    color: #828282;
}

.dg-feedback-form__pdp a{
    text-decoration: none;
    color: var(--dgColorRed);
}

.dg-feedback-form--contacts-page .dg-feedback-form__input{
    width: 100%;
}

.dg-feedback-form--contacts-page.dg-feedback-form form{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
    max-width: 1030px;
}

.dg-feedback-form--contacts-page textarea{
    min-height: 170px;
}

.dg-feedback-form--contacts-page.dg-feedback-form input[type=submit]{
    width: 100%;
}

@media screen and (max-width: 1199px){
    .dg-feedback-form{
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .dg-feedback-form--contacts-page.dg-feedback-form form{
        row-gap: 0px;
    }
    .dg-feedback-form--contacts-page .dg-form__textarea{
        display: none;
    }
    .dg-feedback-form__title{
        font-size: 36px;
        line-height: 50px;
        text-align: center;
    }
    .dg-feedback-form form{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 5px;
    }
    .dg-feedback-form__input{
        margin-right: 0;
        margin-bottom: 18px;
    }
    .dg-feedback-form__input{
        width: 100%;
    }
    .dg-feedback-form input[type=submit]{
        width: 100%;
        padding: 13px 30px;
    }
    .dg-feedback-form__pdp{
        text-align: center;
    }
    .dg-feedback-form__desc{
        text-align: center;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 767px){
    .dg-feedback-form__title{
        font-size: 28px;
        line-height: 39px;
        text-align: left;
        margin-bottom: 8px;
    }
    .dg-feedback-form__desc{
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin-bottom: 15px;
    }
    .dg-feedback-form form{
        margin-bottom: 5px;
    }
    .dg-feedback-form{
        padding-top: 70px;
        padding-bottom: 100px;
    }
    .dg-feedback-form__pdp{
        font-size: 13px;
        line-height: 15px;
        text-align: start;
    }
}

/*END FEEDBACK FORM*/


/*FORMS*/
.dg-feedback-form form input,
.dg-feedback-form form textarea{
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.dg-form .dg-form__input--error input,
.dg-form .dg-form__input--error textarea{
    border-color: var(--dgColorRed);
}
.dg-form__input-wrapper{
    position: relative;
}
.dg-form .dg-form__input--error .dg-form__input-wrapper::before{
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-image: url("/local/templates/Dugalak/css/../img/svg/form-error.svg");
    background-size: cover;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}
.dg-form .dg-form__input--valid input,
.dg-form .dg-form__input--valid textarea{
    border-color: #27AE60;
}
.dg-form .dg-form__input--valid .dg-form__input-wrapper::before{
    content: "";
    display: block;
    width: 16px;
    height: 12px;
    background-image: url("/local/templates/Dugalak/css/../img/svg/form-valid.svg");
    background-size: cover;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}
.dg-form__input{
    position: relative;
    display: inline-block;
}
.dg-form__input label{
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #7e7e7e;
    pointer-events: none;
}
.dg-form__textarea label{
    top: 15px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.dg-form__textarea textarea{
    border-radius: 20px;
}
.dg-form__input--focused label{
    font-weight: 400;
    font-size: 11px;
    line-height: 26px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: 0;
}
.dg-form__input-error-message{
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: var(--dgColorRed);
    display: none;
}
.dg-form .dg-form__input--error .dg-form__input-error-message{
    display: block;
}
/*END FORMS*/

/*FORM NOTIFICATION*/
.dg-form-success-sent{
    background: #FFFFFF;
    width: 800px;
    min-height: 602px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    padding: 30px 130px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dg-form-success-sent--active{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dg-form-success-sent__close{
    position: absolute;
    top: 34px;
    right: 34px;
}

.dg-form-success-sent__close a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dg-form-success-sent__title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dg-form-success-sent__title{
    margin-bottom: 8px;
}

.dg-form-success-sent__title svg{
    margin-bottom: 30px;
}

.dg-form-success-sent__title span{
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 50px;
    color: #1F1111;
}

.dg-form-success-sent__desc{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #1F1111;
    margin-bottom: 30px;
}

.dg-form-success-sent__btn a{
    background: var(--dgColorRed);
    border-radius: 100px;
    padding: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}

@media screen and (max-width: 1199px){
    .dg-form-success-sent{
        padding: 30px 70px;
        width: 700px;
        min-height: 502px;
    }
}

@media screen and (max-width: 767px){
    .dg-form-success-sent{
        width: 360px;
        min-height: 300px;
        overflow: hidden;
        padding: 15px 30px;
    }
    .dg-form-success-sent__close svg{
        width: 25px;
        height: 23px;
    }
    .dg-form-success-sent__title{
        margin-bottom: 10px;
    }
    .dg-form-success-sent__title svg{
        width: 37px;
        height: 26px;
        margin-bottom: 15px;
    }
    .dg-form-success-sent__title span{
        font-size: 24px;
        line-height: normal;
    }
    .dg-form-success-sent__desc{
        font-size: 14px;
        line-height: normal;
        margin-bottom: 20px;
    }
    .dg-form-success-sent__btn a{
        padding: 7px;
    }
}

/*END FORM NOTIFICATION*/

/*MAIN BANNER SLIDER*/
.dg-main-banner{
    margin-top: var(--dgHeaderHeight);
}

.dg-main-banner__swiper {
    width: 100%;
}

.dg-main-banner__swiper-inner-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    padding-bottom: 240px;
    height: 834px;
}

.dg-main-banner--half-height .dg-main-banner__swiper-inner-wrapper{
    padding-bottom: 80px;
}

.dg-main-banner--text-bottom .dg-main-banner__swiper-inner-wrapper{
    padding-bottom: 20px;
}

.dg-main-banner--half-height .dg-main-banner__swiper-inner-wrapper{
    height: 427px;
}

.dg-main-banner__swiper--video .dg-main-banner__swiper-inner-wrapper{
    height: 834px;
}

.dg-main-banner__swiper-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    z-index: -1;
}
.dg-main-banner__swiper-bg--md{
    display: none;
}
.dg-main-banner__swiper-bg--sm{
    display: none;
}
.dg-main-banner__swiper-bg--video{
    height: 130%;
    -webkit-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
}
.dg-main-banner__swiper-slide-title{
    font-style: normal;
    font-weight: 300;
    font-size: 42px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-right: 235px;
}

.dg-main-banner__swiper-slide-desc{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #FFFFFF;
    padding-right: 235px;
    margin-top: 11px;
}

.dg-main-banner__swiper-slide-btn{
    margin-top: 25px;
}

.dg-main-banner__swiper-slide-content{
    position: relative;
    max-width: 925px;
}

.dg-main-banner__swiper-slide-back-overlay{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2E2E2E;
    opacity: 0.3;
    -webkit-filter: blur(200px);
    filter: blur(200px);
    z-index: -1;
}

.dg-main-banner__swiper-slide-btn > a{
    display: inline-block;
    padding: 14px 70px;
}

.dg-main-banner__swiper .swiper-button-prev{
    left: 66px;
}

.dg-main-banner__swiper .swiper-button-next{
    right: 66px;
}

.dg-main-banner__swiper .swiper-button-next,
.dg-main-banner__swiper .swiper-button-prev{
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    -webkit-transition: background-color var(--linkColorHoverTransition);
    -o-transition: background-color var(--linkColorHoverTransition);
    transition: background-color var(--linkColorHoverTransition);
}

.dg-main-banner__swiper .swiper-button-next:after,
.dg-main-banner__swiper .swiper-button-prev:after{
    content: "";
    width: 14px;
    height: 24px;
    background-image: url("/local/templates/Dugalak/css/../img/svg/main-banner-slider-arrow.svg");
    position: absolute;
    background-size: cover;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-70%) translateY(-50%);
    -ms-transform: translateX(-70%) translateY(-50%);
    transform: translateX(-70%) translateY(-50%);
}

.dg-main-banner__swiper .swiper-button-next:after{
    -webkit-transform: translateX(-25%) translateY(-50%) rotate(180deg);
    -ms-transform: translateX(-25%) translateY(-50%) rotate(180deg);
    transform: translateX(-25%) translateY(-50%) rotate(180deg);
}

.dg-main-banner__swiper .swiper-button-next:hover,
.dg-main-banner__swiper .swiper-button-prev:hover{
    background-color: rgba(255, 255, 255, 1);
}

.dg-main-banner__swiper .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    opacity: 1;
}

.dg-main-banner__swiper .swiper-pagination-bullet-active{
    width: 10px;
    height: 10px;
    background: #CD001B;
    border-color: transparent;
}

.dg-main-banner__swiper .swiper-pagination-bullets{
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dg-main-banner__swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .dg-main-banner__swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 7px;
}

.dg-main-banner__swiper-mobile-content{
    display: none;
    background: #ECEAEF;
    padding-top: 20px;
    padding-bottom: 30px;
    max-height: 240px;
}

.dg-main-banner__swiper-mobile-content .dg-main-banner__swiper-slide-desc{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dg-main-banner__swiper-slide-content > div:last-child:not(.dg-main-banner__swiper-slide-back-overlay){
    margin-bottom: 0;
}

.dg-main-banner--no-arrow-pagination .dg-main-banner__swiper-buttons,
.dg-main-banner--no-arrow-pagination .swiper-pagination
{
    display: none;
}

.dg-main-banner__swiper-bg--video-preview{
    z-index: 1;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.dg-main-banner__video-preview-icon{
    content: "";
    width: 145px;
    height: 145px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background-image: url("/img/svg/video-icon-play.svg");
    background-size: cover;
    cursor: pointer;
    z-index: 2;
}

.dg-main-banner__swiper-bg--hidden{
    opacity: 0;
}

.dg-main-banner__swiper-bg--hidden .dg-main-banner__video-preview-icon{
    pointer-events: none;
}

.dg-main-banner__swiper-bg--video-preview img{
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1640px){
    .dg-main-banner__swiper-inner-wrapper.dg-container{
        padding-left: 90px;
        padding-right: 90px;
    }
    .dg-main-banner--no-arrow-pagination .dg-main-banner__swiper-inner-wrapper.dg-container{
        padding-left: var(--dgLeftAndRightPadding);
        padding-right: var(--dgLeftAndRightPadding);
    }
    .dg-main-banner__swiper .swiper-button-prev{
        left: 23px;
    }
    .dg-main-banner__swiper .swiper-button-next{
        right: 23px;
    }
    .dg-main-banner__swiper-bg--video{
        height: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@media screen and (max-width: 1199px){
    .dg-main-banner__swiper {
        height: auto;
    }
    .dg-main-banner__swiper .swiper-pagination-bullets{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .dg-main-banner__swiper-inner-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .dg-main-banner__swiper-inner-wrapper.dg-container{
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 160px;
    }
    .dg-main-banner--half-height .dg-main-banner__swiper-inner-wrapper{
        padding-bottom: 45px;
        height: 870px;
    }
    .dg-main-banner--text-bottom .dg-main-banner__swiper-inner-wrapper{
        padding-bottom: 30px;
    }
    .dg-main-banner__swiper-buttons{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        bottom: 40px;
        right: 40px;
    }
    .dg-main-banner__swiper .swiper-button-next,
    .dg-main-banner__swiper .swiper-button-prev{
        position: relative;
        left: 0;
        margin: 0;
        background-color: transparent;
    }
    .dg-main-banner__swiper .swiper-button-prev{
        margin-right: 15px;
    }
    .dg-main-banner__swiper .swiper-button-next:after{
        width: 16px;
        height: 30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url("/local/templates/Dugalak/css/../img/svg/main-banner-slider-arrow-mobile-next.svg");
    }
    .dg-main-banner__swiper .swiper-button-prev:after{
        width: 15px;
        height: 30px;
        background-image: url("/local/templates/Dugalak/css/../img/svg/main-banner-slider-arrow-mobile.svg");
    }
    .dg-main-banner__swiper .swiper-button-next:hover, .dg-main-banner__swiper .swiper-button-prev:hover{
        background-color: transparent;
    }
    .dg-main-banner__swiper-inner-wrapper{
        height: 871px;
    }
    /*.dg-main-banner__swiper-slide--video .dg-main-banner__swiper-inner-wrapper{*/
    /*    height: 440px;*/
    /*}*/
    .dg-main-banner__swiper--video .dg-main-banner__swiper-inner-wrapper{
        height: 440px;
        padding-bottom: 50px;
    }
    .dg-main-banner__swiper-slide-content{
        max-width: unset;
    }
    .dg-main-banner__swiper-slide-title{
        font-weight: 300;
        font-size: 36px;
        line-height: 50px;
        text-align: center;
        padding: 0 30px;
    }
    .dg-main-banner__swiper-slide-desc{
        padding: 0;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        margin-top: 20px;
    }
    .dg-main-banner__swiper-slide-btn{
        text-align: center;
    }
    .dg-main-banner__swiper-slide-btn > a{
        padding: 8px 125px;
    }
    .dg-main-banner__swiper-slide.dg-container{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 160px;
    }
    .dg-main-banner__swiper.swiper-horizontal>.swiper-pagination-bullets, .dg-main-banner__swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: 60px;
        padding: 0 190px;
    }
    .dg-main-banner__swiper.swiper-horizontal.dg-main-banner__swiper--video>.swiper-pagination-bullets, .dg-main-banner__swiper.dg-main-banner__swiper--video .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: 40px;
    }
    .dg-main-banner__swiper--video .dg-main-banner__swiper-buttons{
        bottom: 20px;
    }
    .dg-main-banner__swiper-bg{
        display: none;
    }
    .dg-main-banner__swiper-bg--md{
        display: block;
    }
    .dg-main-banner__swiper-bg--video{
        display: block;
    }
    .dg-main-banner__swiper-bg--video{
        height: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@media screen and (max-width: 767px){
    .dg-main-banner__swiper-inner-wrapper.dg-container{
        padding-bottom: 100px;
    }


    .dg-main-banner__swiper-slide-title{
        font-weight: 300;
        font-size: 28px;
        line-height: 39px;
        padding-bottom: 40px;
    }
    .dg-main-banner__swiper .swiper-button-prev{
        margin-right: 60px;
    }
    .dg-main-banner__swiper-inner-wrapper .dg-main-banner__swiper-slide-desc,
    .dg-main-banner__swiper-inner-wrapper .dg-main-banner__swiper-slide-btn{
        display: none;
    }
    .dg-main-banner__swiper-slide.dg-container{
        padding-bottom: 100px;
    }
    .dg-main-banner__swiper.swiper-horizontal>.swiper-pagination-bullets, .dg-main-banner__swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
        padding: 0;
        max-width: 55%;
        left: 20px;
    }
    .dg-main-banner__swiper-buttons{
        bottom: 15px;
        z-index: 1;
    }
    .dg-main-banner__swiper.swiper-horizontal>.swiper-pagination-bullets, .dg-main-banner__swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
    .dg-main-banner__swiper-buttons{
        top: 455px;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        height: 30px;
        padding-bottom: 20px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    .dg-main-banner__swiper.swiper-horizontal.dg-main-banner__swiper--video>.swiper-pagination-bullets, .dg-main-banner__swiper.dg-main-banner__swiper--video .swiper-pagination-bullets.swiper-pagination-horizontal,
    .dg-main-banner__swiper--video .dg-main-banner__swiper-buttons{
        top: 205px;
    }
    .dg-main-banner__swiper .swiper-button-prev,
    .dg-main-banner__swiper .swiper-button-next{
        top: 0;
        width: 15px;
        height: 30px;
    }
    .dg-main-banner__swiper .swiper-pagination-bullets{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .dg-main-banner__swiper .swiper-button-next:hover, .dg-main-banner__swiper .swiper-button-prev:hover{
        background-color: transparent;
    }
    .dg-main-banner__swiper-bg--md{
        display: none;
    }
    .dg-main-banner__swiper-bg--sm{
        display: block;
    }
    .dg-main-banner__swiper-inner-wrapper{
        height: 459px;
    }
    /*.dg-main-banner__swiper-slide--video .dg-main-banner__swiper-inner-wrapper{*/
    /*    height: 204px;*/
    /*}*/
    .dg-main-banner__swiper--video .dg-main-banner__swiper-inner-wrapper{
        height: 204px;
        padding-bottom: 50px;
    }
    .dg-main-banner__swiper-mobile-content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dg-main-banner__swiper-slide-btn > a {
        padding: 8px 100px;
    }
    .dg-main-banner--half-height .dg-main-banner__swiper-inner-wrapper{
        padding-bottom: 20px;
        height: 427px;
    }
    .dg-main-banner--text-bottom .dg-main-banner__swiper-inner-wrapper{
        padding-bottom: 30px;
    }
    .dg-main-banner__swiper-slide-desc{
        margin-top: 0;
    }
    .dg-main-banner__swiper-slide-btn{
        margin-top: 38px;
    }
}

/*END MAIN BANNER SLIDER*/

/*DG SECTION*/
.dg-section__desc{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #333333;
    margin: 50px 0 70px;
}

.dg-section h2{
    font-style: normal;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    text-transform: uppercase;
    color: #333333;
    margin: 0 0 30px;
}

@media screen and (max-width: 1199px){
    .dg-section h2{
        font-style: normal;
        font-weight: 300;
        font-size: 36px;
        line-height: 50px;
        text-align: center;
        text-transform: uppercase;
        color: #333333;
    }
    .dg-section__desc{
        margin: 40px 0 40px;
        font-size: 18px;
        line-height: 30px;
        padding-right: 1px;
    }
}

@media screen and (max-width: 767px){
    .dg-section h2{
        font-size: 28px;
        line-height: 39px;
        margin-bottom: 15px;
    }

    .dg-main-banner__swiper-inner-wrapper{
        padding-bottom: 0;
    }

    .dg-section__desc{
        margin: 30px 0 30px;
        font-size: 16px;
        line-height: 26px;
    }
}
/*END DG SECTION*/

/*SEE ALSO*/
.dg-see-also{
    margin-bottom: 110px;
}
.dg-see-also--np{
    margin-bottom: 0;
}
.dg-see-also__header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}
.dg-see-also__title h2{
    font-style: normal;
    font-weight: 300;
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
}
.dg-see-also__title{
    margin-right: 45px;
}
.dg-see-also__link-to-all a{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #DF2624;
    text-decoration: none;
}
.dg-see-also__items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}
.dg-see-also__item{
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
}
.dg-see-also__item a{
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-transition: -webkit-box-shadow var(--linkColorHoverTransition);
    transition: -webkit-box-shadow var(--linkColorHoverTransition);
    -o-transition: box-shadow var(--linkColorHoverTransition);
    transition: box-shadow var(--linkColorHoverTransition);
    transition: box-shadow var(--linkColorHoverTransition), -webkit-box-shadow var(--linkColorHoverTransition);
}
.dg-see-also__item a:hover{
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.dg-see-also__item-img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    min-height: 293px;
}
.dg-see-also__item img{
    max-width: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform var(--linkColorHoverTransition);
    transition: -webkit-transform var(--linkColorHoverTransition);
    -o-transition: transform var(--linkColorHoverTransition);
    transition: transform var(--linkColorHoverTransition);
    transition: transform var(--linkColorHoverTransition), -webkit-transform var(--linkColorHoverTransition);
}
.dg-see-also__item a:hover img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.dg-see-also__item-desc{
    padding: 30px 30px;
    border: 1px solid #E0E0E0;
    border-top: none;
    min-height: 192px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.dg-see-also__item-title{
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 30px;
    display: -webkit-box;
    overflow: hidden;
    padding-left: 20px;
}
.dg-see-also__item-title::before{
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 7px;
    height: 7px;
    min-width: 7px;
    border-radius: 50%;
    background-color: #DF2624;
    position: absolute;
    top: 11px;
    left: 0px;
}
.dg-see-also__item-detail{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #DF2624;
    padding-left: 20px;
    margin-top: auto;
}

@media screen and (max-width: 1199px){
    .dg-see-also{
        margin-bottom: 80px;
    }
    .dg-see-also__items{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        row-gap: 30px;
    }
    .dg-see-also__item{
        width: 100%;
    }
    .dg-see-also__item a{
        width: 100%;
    }
    .dg-see-also__header{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .dg-see-also__title h2{
        font-style: normal;
        font-weight: 300;
        font-size: 36px;
        line-height: 50px;
        color: #333333;
    }
    .dg-see-also__title{
        margin-bottom: 10px;
        margin-right: 0;
    }
    .dg-see-also__link-to-all a{
        font-size: 16px;
        line-height: 24px;
    }
    .dg-see-also__item-title{
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-bottom: 60px;
    }
    .dg-see-also__item-desc{
        min-height: 159px;
        padding: 30px 30px 23px;
    }
    .dg-see-also--np .dg-see-also__header{
        margin-bottom: 15px;
    }
    .dg-see-also--np .dg-see-also__title{
        margin-bottom: 0px;
    }
}
@media screen and (max-width: 780px){
    .dg-see-also__item-img{
        max-height: 320px;
    }
    .dg-see-also__item img{
        width: 100%;
        height: 100%;
    }
}
@media screen and (max-width: 767px){
    .dg-see-also{
        margin-bottom: 50px;
    }
    .dg-see-also__title h2{
        font-size: 28px;
        line-height: 39px;
    }
    .dg-see-also__title{
        margin-bottom: 20px;
    }
    .dg-see-also__link-to-all a{
        font-size: 16px;
        line-height: 24px;
    }
    .dg-see-also__header{
        margin-bottom: 35px;
    }
    .dg-see-also__item-img{
        min-height: unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .dg-see-also__item img{
        max-width: unset;
        min-height: 320px;
    }
    .dg-see-also__item-title{
        margin-bottom: 40px;
    }
    /*.dg-see-also--np .dg-news-cards__item img{*/
    /*    width: 100%;*/
    /*    transform: translateX(0%);*/
    /*}*/
    /*.dg-see-also--np .dg-news-cards__item-img{*/
    /*    min-height: unset;*/
    /*    max-height: unset;*/
    /*}*/
}
@media screen and (max-width: 550px){
    .dg-see-also__item img{
        width: auto;
    }
}
/*END SEE ALSO*/

/*SOCIAL NETWORKS BLOCK*/
.dg-social-networks{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #F2F2F2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.dg-social-networks__title h2{
    font-style: normal;
    font-weight: 300;
    font-size: 42px;
    line-height: 120%;
    text-transform: uppercase;
    color: #333333;
    margin-top: 0;
    margin-bottom: 30px;
}
.dg-social-networks__desc{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #333333;
    margin-bottom: 60px;
}
.dg-social-networks__links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dg-social-networks__link:not(:last-child){
    margin-right: 35px;
}
.dg-social-networks__link a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #989898;
    text-decoration: none;
    -webkit-transition: color var(--linkColorHoverTransition);
    -o-transition: color var(--linkColorHoverTransition);
    transition: color var(--linkColorHoverTransition);
}
.dg-social-networks__link a:hover{
    color: var(--linkColorHovered);
}
.dg-social-networks__img img{
    max-width: 100%;
    width: 100%;
}
.dg-social-networks__content{
    max-width: 50%;
    flex: 1 0 auto;
}
@media screen and (max-width: 1199px){
    .dg-social-networks{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 80px;
        padding-bottom: 30px;
    }
    .dg-social-networks__content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 70px;
        max-width: 100%;
    }
    .dg-social-networks__title h2{
        font-size: 36px;
        line-height: 50px;
        text-align: center;
        margin-bottom: 0;
    }
    .dg-social-networks__title{
        margin-bottom: 20px;
    }
    .dg-social-networks__desc{
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px){
    .dg-social-networks{
        padding-top: 50px;
    }
    .dg-social-networks__title h2{
        font-size: 28px;
        line-height: 39px;
    }
    .dg-social-networks__title{
        margin-bottom: 10px;
    }
    .dg-social-networks__desc{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .dg-social-networks__content{
        margin-bottom: 40px;
    }
}
/*END SOCIAL NETWORKS BLOCK*/

/*TYPES OF PACKAGING*/
.dg-purpose-products-types-of-packaging{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 110px;
}
.dg-purpose-products-types-of-packaging__desc{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30%;
    min-width: 478px;
    padding-bottom: 100px;
}
.dg-purpose-products-types-of-packaging__desc-title{
    font-style: normal;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 3px;
}
.dg-purpose-products-types-of-packaging__desc-desc{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #727271;
    margin-bottom: 22px;
}
.dg-purpose-products-types-of-packaging__desc-btn a{
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    padding: 15px 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dg-purpose-products-types-of-packaging__desc-btn a:hover{
    border-color: #E0E0E0;
}
.dg-purpose-products-types-of-packaging__types{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
}
.dg-purpose-products-types-of-packaging__types-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*justify-content: flex-end;*/
    min-width: 184px;
    overflow: hidden;
}
.dg-purpose-products-types-of-packaging__types-item img{
    margin-bottom: 15px;
    margin-top: auto;
    max-width: 100%;
}
.dg-purpose-products-types-of-packaging__types-item a div:last-child{
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    text-decoration: none;
    min-height: 50px;
}
.dg-purpose-products-types-of-packaging__types-item a div:last-child b{
    font-weight: 600;
    color: #727271;;
}
.dg-purpose-products-types-of-packaging__types-item a div:first-child{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dg-purpose-products-types-of-packaging__types-item a{
    text-decoration: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
/*.dg-purpose-products-types-of-packaging__types-item[aria-label="1 / 4"]{*/
/*    width: 39%;*/
/*    min-width: 410px;*/
/*    height: auto;*/
/*}*/
/*.dg-purpose-products-types-of-packaging__types-item[aria-label="2 / 4"]{*/
/*    width: 25%;*/
/*    min-width: 263px;*/
/*    height: auto;*/
/*}*/
/*.dg-purpose-products-types-of-packaging__types-item[aria-label="3 / 4"]{*/
/*    width: 19%;*/
/*    min-width: 199px;*/
/*    height: auto;*/
/*}*/
/*.dg-purpose-products-types-of-packaging__types-item[aria-label="4 / 4"]{*/
/*    width: 17%;*/
/*    min-width: 184px;*/
/*    height: auto;*/
/*}*/
.dg-purpose-products-types-of-packaging__types .swiper-pagination{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dg-purpose-products-types-of-packaging__types .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
    background-color: transparent;
    border: 1px solid #727271;
    border-radius: 5px;
    opacity: 1;
}

.dg-purpose-products-types-of-packaging__types .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
    background-color: transparent;
    border: 1px solid #727271;
    border-radius: 5px;
    opacity: 1;
}

.dg-purpose-products-types-of-packaging__types .swiper-pagination-bullet-active{
    width: 10px;
    height: 10px;
    background: #CD001B;
    border-color: transparent;
}

.dg-purpose-products-types-of-packaging__types .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .dg-purpose-products-types-of-packaging__types .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 7px;
}

.dg-purpose-products-types-of-packaging__pagination-buttons{
    /*display: none;*/
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
    padding-left: var(--dgLeftAndRightPadding);
    padding-right: var(--dgLeftAndRightPadding);
}

.dg-purpose-products-types-of-packaging .swiper-pagination-bullets.swiper-pagination-horizontal{
    position: unset;
    -ms-grid-column: 2;
    grid-column: 2;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
}

.dg-purpose-products-types-of-packaging__buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-grid-column: 3;
    grid-column: 3;
}

.dg-purpose-products-types-of-packaging__types .swiper-button-prev,
.dg-purpose-products-types-of-packaging__types .swiper-button-next{
    position: unset;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 15px;
    height: 30px;
}

.dg-purpose-products-types-of-packaging__buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dg-purpose-products-types-of-packaging .swiper-button-prev {
    margin-right: 60px;
}

.dg-purpose-products-types-of-packaging__types .swiper-button-prev::after,
.dg-purpose-products-types-of-packaging__types .swiper-button-next::after{
    content: "";
    width: 15px;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-size: cover;
    background-image: url("/local/templates/Dugalak/css/../img/svg/dg-pr-using-arrow.svg");
}

.dg-purpose-products-types-of-packaging__types .swiper-button-next::after{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*.dg-purpose-products-types-of-packaging__types .swiper-button-prev,*/
/*.dg-purpose-products-types-of-packaging__types .swiper-button-next,*/
/*.dg-purpose-products-types-of-packaging__types .swiper-pagination{*/
/*    display: none;*/
/*}*/

/*@media screen and (max-width: 1740px){*/
/*    .dg-purpose-products-types-of-packaging__types-item[aria-label="1 / 4"]{*/
/*        width: 39%;*/
/*        height: auto;*/
/*    }*/
/*    .dg-purpose-products-types-of-packaging__types-item[aria-label="2 / 4"]{*/
/*        width: 25%;*/
/*        height: auto;*/
/*    }*/
/*    .dg-purpose-products-types-of-packaging__types-item[aria-label="3 / 4"]{*/
/*        width: 19%;*/
/*        height: auto;*/
/*    }*/
/*    .dg-purpose-products-types-of-packaging__types-item[aria-label="4 / 4"]{*/
/*        width: 17%;*/
/*        height: auto;*/
/*    }*/
/*}*/

@media screen and (max-width: 1480px){
    .dg-purpose-products-types-of-packaging__desc{
        margin-right: 20px;
    }
}

@media screen and (max-width: 1199px){
    .dg-purpose-products-types-of-packaging{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 70px;
    }
    .dg-purpose-products-types-of-packaging__desc{
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 0;
        margin-bottom: 60px;
        min-width: unset;
        padding-bottom: 0;
    }
    .dg-purpose-products-types-of-packaging__desc-title{
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .dg-purpose-products-types-of-packaging__desc-desc{
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .dg-purpose-products-types-of-packaging__desc-btn a{
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        padding: 8px 100px;
    }
    /*.dg-purpose-products-types-of-packaging__types-item[aria-label="1 / 4"]{*/
    /*    width: 50%;*/
    /*    min-width: unset;*/
    /*}*/
    /*.dg-purpose-products-types-of-packaging__types-item[aria-label="2 / 4"]{*/
    /*    width: 30%;*/
    /*    min-width: unset;*/
    /*}*/
    /*.dg-purpose-products-types-of-packaging__types-item[aria-label="3 / 4"]{*/
    /*    width: auto;*/
    /*    min-width: unset;*/
    /*}*/
    /*.dg-purpose-products-types-of-packaging__types-item[aria-label="4 / 4"]{*/
    /*    width: auto;*/
    /*    min-width: unset;*/
    /*    padding-right: 30px;*/
    /*}*/
    .dg-purpose-products-types-of-packaging__types{
        width: calc(100% + (var(--dgLeftAndRightPadding) * 2));
        margin-left: calc(-1 * var(--dgLeftAndRightPadding));
    }
    .dg-purpose-products-types-of-packaging__types .swiper{
        width: 100%;
    }
    .dg-purpose-products-types-of-packaging__types .swiper-button-prev,
    .dg-purpose-products-types-of-packaging__types .swiper-button-next{
        display: block;
    }
    .dg-purpose-products-types-of-packaging__pagination-buttons{
        display: -ms-grid;
        display: grid;
    }
}

@media screen and (max-width: 767px) {
    .dg-purpose-products-types-of-packaging__desc-title{
        font-size: 28px;
        line-height: 39px;
        margin-bottom: 10px;
    }
    .dg-purpose-products-types-of-packaging__desc-desc{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .dg-purpose-products-types-of-packaging__desc-btn a{
        padding: 8px 75px;
    }
    .dg-purpose-products-types-of-packaging__pagination-buttons{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px;
    }
    .dg-purpose-products-types-of-packaging .swiper-pagination-bullets.swiper-pagination-horizontal{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .dg-purpose-products-types-of-packaging__types-item img{
        max-width: 100%;
        margin: auto;
    }
    /*.dg-purpose-products-types-of-packaging__types-item[aria-label="1 / 4"]{*/
    /*    min-width: 220px;*/
    /*}*/
    /*.dg-purpose-products-types-of-packaging__types-item[aria-label="2 / 4"]{*/
    /*    max-width: 150px;*/
    /*}*/
    /*.dg-purpose-products-types-of-packaging__types-item[aria-label="3 / 4"] img{*/
    /*    max-width: 80px;*/
    /*}*/
    /*.dg-purpose-products-types-of-packaging__types-item[aria-label="4 / 4"] img{*/
    /*    max-width: 50px;*/
    /*}*/
    /*.dg-purpose-products-types-of-packaging__types-item[aria-label="3 / 4"] a div:last-child,*/
    /*.dg-purpose-products-types-of-packaging__types-item[aria-label="4 / 4"] a div:last-child{*/
    /*    padding: 0 15px;*/
    /*}*/
    .dg-purpose-products-types-of-packaging__types .swiper-wrapper{
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .dg-purpose-products-types-of-packaging__types-item a{
        max-width: 100%;
        text-align: center;
    }
    .dg-purpose-products-types-of-packaging__types-item a div:last-child{
        padding: 0 40px;
    }
}

/*END TYPES OF PACKAGING*/

/*PAGES TABS*/
.dg-pages-tabs{
    padding-top: 50px;
}
.dg-pages-tabs__tabs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 75px;
    position: relative;
}
.dg-pages-tabs__tab{
    padding: 10px 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #333333;
    cursor: pointer;
    border-bottom: 3px solid #E0E0E0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.dg-pages-tabs__tabs--swiper .dg-pages-tabs__tab{
    height: 100%;
    display: block;
    width: 100%;
}
/*.dg-pages-tabs__tabs--swiper .dg-pages-tabs__tab{*/
/*    border-bottom: none;*/
/*}*/
/*.dg-pages-tabs__tabs--swiper .swiper-slide{*/
/*    border-bottom: 3px solid #E0E0E0;*/
/*}*/
.dg-pages-tabs__tab--active{
    color: var(--dgColorRed);
    border-bottom: 7px solid #DF2624;
}
/*.dg-pages-tabs__tabs--swiper .dg-pages-tabs__tab--active{*/
/*    border-bottom: none;*/
/*}*/
/*.dg-pages-tabs__tabs--swiper .swiper-slide-active{*/
/*    border-bottom: 7px solid #DF2624;*/
/*}*/
.dg-pages-tabs__page{
    display: none;
}
.dg-pages-tabs__page--active{
    display: block;
}
.dg-pages-tabs__tabs .swiper{
    width: 100%;
}
.dg-pages-tabs__tabs .swiper-slide{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 650px;
}
.dg-pages-tabs__button-prev{

}
.dg-pages-tabs__tabs .swiper-button-prev{
    left: 10px;
    left: 0;
    transform: translateX(-100%);
}

.dg-pages-tabs__tabs .swiper-button-next{
    right: 10px;
    right: 0;
    transform: translateX(100%);
}

.dg-pages-tabs__tabs .swiper-button-next,
.dg-pages-tabs__tabs .swiper-button-prev{
    top: 70%;
    width: 40px;
    height: 40px;
    background: -o-linear-gradient(230.74deg, #D7D4DB 22.49%, #DAD8DE 94.82%);
    background: linear-gradient(219.26deg, #D7D4DB 22.49%, #DAD8DE 94.82%);;
    border-radius: 50%;
    -webkit-transition: background-color var(--linkColorHoverTransition);
    -o-transition: background-color var(--linkColorHoverTransition);
    transition: background-color var(--linkColorHoverTransition);
    /*display: none;*/
}

.dg-pages-tabs__tabs .swiper-button-next:after,
.dg-pages-tabs__tabs .swiper-button-prev:after{
    content: "";
    width: 10px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/local/templates/Dugalak/css/../img/svg/main-banner-slider-arrow.svg");
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-70%) translateY(-50%);
    -ms-transform: translateX(-70%) translateY(-50%);
    transform: translateX(-70%) translateY(-50%);
}

.dg-pages-tabs__tabs .swiper-button-next:after{
    -webkit-transform: translateX(-25%) translateY(-50%) rotate(180deg);
    -ms-transform: translateX(-25%) translateY(-50%) rotate(180deg);
    transform: translateX(-25%) translateY(-50%) rotate(180deg);
}

.dg-pages-tabs__tabs .swiper-button-next:hover,
.dg-pages-tabs__tabs .swiper-button-prev:hover{
    background-color: rgba(255, 255, 255, 1);
}
@media screen and (max-width: 1199px){
    .dg-pages-tabs__tab{
        width: 50%;
        text-align: center;
    }
    .dg-pages-tabs__tabs .swiper-slide .dg-pages-tabs__tab{
        width: 100%;
        padding: 10px 16px;
    }
    .dg-pages-tabs__tabs{
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px){
    .dg-pages-tabs{
        padding-top: 40px;
    }
    .dg-pages-tabs__tabs.dg-pages-tabs__tabs--swiper{
        width: calc(100% + (2 * var(--dgLeftAndRightPadding)));
        margin-left: calc(-1 * var(--dgLeftAndRightPadding));
    }
    .dg-pages-tabs__tabs .swiper{
        padding-left: 50px;
        padding-right: 50px;
        border-bottom: 3px solid #E0E0E0;
    }
    .dg-pages-tabs__tabs .swiper-slide .dg-pages-tabs__tab{
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        border-bottom: 7px solid transparent;
        display: flex;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
    }
    .dg-pages-tabs__tabs .swiper-slide .dg-pages-tabs__tab.dg-pages-tabs__tab--active{
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        border-bottom: 7px solid #DF2624;
        height: 100%;
        /*display: -webkit-box;*/
        /*display: -ms-flexbox;*/
    }
    .dg-pages-tabs__tabs .swiper-slide{
        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;
    }
    .dg-pages-tabs__tabs .swiper-button-prev{
        transform: unset;
        left: 10px;
        -webkit-box-shadow: -15px 10px 25px 35px rgb(255 255 255);
        box-shadow: -15px 10px 25px 35px rgb(255 255 255);
    }
    .dg-pages-tabs__tabs .swiper-button-next{
        transform: unset;
        right: 10px;
        -webkit-box-shadow: 15px 10px 25px 35px rgb(255 255 255);
        box-shadow: 15px 10px 25px 35px rgb(255 255 255);
    }
    .dg-pages-tabs__tabs .swiper-button-next.swiper-button-disabled, .dg-pages-tabs__tabs .swiper-button-prev.swiper-button-disabled{
        opacity: 1;
    }
    .dg-pages-tabs__tabs .swiper-button-next,
    .dg-pages-tabs__tabs .swiper-button-prev{
        display: block;
    }
}
/*END PAGES TABS*/

/*NEWS CARD*/
.dg-news-cards{
    margin-bottom: 50px;
}
.dg-news-cards__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
}
.dg-news-cards__item a{
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-box-shadow var(--linkColorHoverTransition);
    transition: -webkit-box-shadow var(--linkColorHoverTransition);
    -o-transition: box-shadow var(--linkColorHoverTransition);
    transition: box-shadow var(--linkColorHoverTransition);
    transition: box-shadow var(--linkColorHoverTransition), -webkit-box-shadow var(--linkColorHoverTransition);
}
.dg-news-cards__item a:hover{
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.dg-news-cards__item-img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*overflow: hidden;*/
    /*min-height: 320px;*/
}
.dg-news-cards__item img{
    max-width: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform var(--linkColorHoverTransition);
    transition: -webkit-transform var(--linkColorHoverTransition);
    -o-transition: transform var(--linkColorHoverTransition);
    transition: transform var(--linkColorHoverTransition);
    transition: transform var(--linkColorHoverTransition), -webkit-transform var(--linkColorHoverTransition);
}
.dg-news-cards__item a:hover img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.dg-news-cards__item-text{
    padding: 30px 30px;
    border: 1px solid #E0E0E0;
    border-top: none;
    min-height: 431px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.dg-news-cards__item-title{
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    padding-left: 20px;
}
.dg-news-cards__item-title::before{
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 7px;
    height: 7px;
    min-width: 7px;
    border-radius: 50%;
    background-color: #DF2624;
    position: absolute;
    top: 11px;
    left: 0px;
}
.dg-news-cards__item-detail{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #DF2624;
}
.dg-news-cards__item-date{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #4F4F4F;
}
.dg-news-cards__item-desc{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #4F4F4F;
    padding-left: 20px;
    margin-bottom: 60px;
}
.dg-news-cards__item-bottom-info{
    margin-top: auto;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/*.dg-news-cards .swiper-pagination{*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-column-gap: 15px;*/
/*    -moz-column-gap: 15px;*/
/*    column-gap: 15px;*/
/*    width: auto;*/
/*    margin-right: 75px;*/
/*}*/
/*.dg-news-cards .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{*/
/*    opacity: 1;*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    background-color: transparent;*/
/*    border: 1px solid var(--dgColorRed);*/
/*    margin: 0;*/
/*}*/
/*.dg-news-cards .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background-color: var(--dgColorRed);*/
/*}*/
/*.dg-news-cards .swiper-button-next,*/
/*.dg-news-cards .swiper-button-prev,*/
/*.dg-news-cards .swiper-pagination{*/
/*    position: relative;*/
/*    left: unset;*/
/*    right: unset;*/
/*    top: unset;*/
/*    bottom: unset;*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    width: unset;*/
/*    height: unset;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/
/*.dg-news-cards .swiper-button-prev::after,*/
/*.dg-news-cards .swiper-button-next::after{*/
/*    content: "";*/
/*    width: 15px;*/
/*    height: 30px;*/
/*    background-size: cover;*/
/*}*/
/*.dg-news-cards .swiper-button-prev::after{*/
/*    background-image: url("/local/templates/Dugalak/css/../img/svg/news-cards-arrow-red-prev.svg");*/
/*}*/
/*.dg-news-cards .swiper-button-next::after{*/
/*    background-image: url("/local/templates/Dugalak/css/../img/svg/news-cards-arrow-red-next.svg");*/
/*}*/
/*.dg-news-cards .swiper-button-prev{*/
/*    margin-right: 60px;*/
/*}*/
/*.dg-news-cards__pagination-buttons{*/
/*    margin-top: 60px;*/
/*    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;*/
/*}*/
/*.dg-news-cards__buttons,*/
/*.dg-news-cards__pagination{*/
/*    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;*/
/*}*/
/*.dg-news-cards__pagination{*/
/*    margin-right: 75px;*/
/*}*/
.dg-news-cards-btn-more a{
    padding: 15px 55px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}
.dg-news-cards-footer{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
.dg-news-cards-btn-more{
    -ms-grid-column: 2;
    grid-column: 2;
    text-align: center;
}
.dg-news-cards-pagination{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-grid-column: 3;
    grid-column: 3;
}
.dg-news-cards__item-img-wrapper{
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 1199px){
    .dg-news-cards .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        border: 1px solid #727271;
    }
    .dg-news-cards .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{
        border-color: var(--dgColorRed);
    }
    .dg-news-cards__pagination-buttons{
        margin-top: 30px;
    }
    .dg-news-cards-footer{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .dg-news-cards-btn-more a{
        padding: 8px 65px;
    }
    .dg-news-cards__item-img {
        overflow: hidden;
        min-height: 320px;
        position: relative;
    }
    .dg-news-cards__item img{
        position: absolute;
        width: auto;
        height: auto;
        max-width: unset;
        max-height: unset;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }
    .dg-news-cards__item-text{
        min-height: 280px;
    }
}
@media screen and (max-width: 991px){
    .dg-news-cards__item-img {
        /*max-height: 320px;*/
    }
    .dg-news-cards__item img{
        /*height: max-content;*/
        /*transform: translateY(-20%);*/
    }
    .dg-news-cards__item-desc{
        /*margin-bottom: 0;*/
    }
    .dg-news-cards__item-bottom-info{
        margin-top: auto;
    }
    .dg-news-cards__item a:hover{
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }
    .dg-news-cards__item a:hover img{
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }
}
@media screen and (max-width: 767px){
    .dg-news-cards__pagination-buttons{
        margin-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .dg-news-cards__pagination-buttons .swiper-pagination-bullets.swiper-pagination-horizontal{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .dg-news-cards__pagination{
        max-width: 60%;
    }
    .dg-news-cards-footer{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dg-news-cards-btn-more{
        margin-bottom: 30px;
    }
    .dg-news-cards__item img{
        /*height: auto;*/
        /*transform: translateX(-20%);*/
        /*max-width: unset;*/
        /*width: auto;*/
    }
    .dg-news-cards__item a{
        max-width: 100%;
    }
    .dg-news-cards__item-text{
        padding: 30px 20px;
    }
    .dg-news-cards__item-title{
        font-size: 18px;
        line-height: 22px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -moz-box;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        box-orient: vertical;
        padding: 0;
    }
    .dg-news-cards__item-title::before {
        display: none;
    }
    .dg-news-cards__item-desc{
        font-size: 16px;
        line-height: 24px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -moz-box;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        line-clamp: 4;
        box-orient: vertical;
        padding: 0;
    }
    .dg-news-cards__item-bottom-info {
        padding: 0;
        flex-direction: column;
    }
    .dg-news-cards__item-detail {
        order: 2;
        margin-top: 15px;
    }
}
/*END NEWS CARD*/

/*SEE ALSO NEWS CARD*/
.dg-news-cards--see-also{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin-bottom: 0;
}
.dg-news-cards--see-also .dg-news-cards__item{
    width: calc(33.33% - 27px);
}
@media screen and (max-width: 1199px){
    .dg-news-cards--see-also{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 30px;
    }
    .dg-news-cards--see-also .dg-news-cards__item{
        width: 100%;
    }
}
/*END SEE ALSO NEWS CARD*/

/*PAGINATION*/
.dg-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
    color: var(--dgColorRed);
}
.dg-pagination > a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: var(--dgColorRed);
    text-decoration: none;
    position: relative;
}
.dg-pagination__dots{
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.dg-pagination__prev-page{
    margin-right: 20px;
}
.dg-pagination__next-page{
    margin-left: 20px;
}
.dg-pagination__current-page{
    margin: 0 10px;
}
.dg-pagination__current-page::before{
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #DF2624;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
/*END PAGINATION*/

/*CUSTOM SELECT*/
.custom-select {
    position: relative;
    font-family: Arial;
    min-width: 75px;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background-color: transparent;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    cursor: pointer;
    border-bottom: 2px solid #DF2624;
    position: relative;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 7px;
    background-image: url("/local/templates/Dugalak/css/../img/svg/news-filter-arrow.svg");
    background-size: cover;
}

/* style the items (options), including the selected item: */
.select-items div {
    padding: 7px 12px;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #1F1111;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    color: var(--dgColorRed);
}

/*END CUSTOM SELECT*/

/*MEDIA POPUP*/
.dg-media-popup{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
}
.dg-media-popup--active{
    display: block;
}
.dg-media-popup__close{
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
    z-index: 2;
}
.dg-media-popup__close a{
    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;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: var(--dgColorRed);
    -webkit-transition: color var(--linkColorHoverTransition), background-color var(--linkColorHoverTransition);
    -o-transition: color var(--linkColorHoverTransition), background-color var(--linkColorHoverTransition);
    transition: color var(--linkColorHoverTransition), background-color var(--linkColorHoverTransition);
}
.dg-media-popup__close a:hover{
    color: #000;
    background-color: #fff;
}
.dg-media-popup__footer{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
}
.dg-media-popup__title-date{
    padding: 20px 0 20px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
}
.dg-media-popup__title-date--mobile{
    display: none;
    position: absolute;
    top: 15px;
    left: 0;
    padding: 0 70px 0 25px;
}
.dg-media-popup__title-date--mobile .swiper{
    max-width: 100%;
}
.dg-media-popup__title-date div{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    /*margin-bottom: 10px;*/
}
.dg-media-popup__title-date span{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.dg-media-popup__prev,
.dg-media-popup__next{
    width: 100px;
    height: 100px;
}
.dg-media-popup__prev{
    margin-left: auto;
}
.dg-media-popup__prev a,
.dg-media-popup__next a{
    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;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: var(--dgColorRed);
    -webkit-transition: color var(--linkColorHoverTransition), background-color var(--linkColorHoverTransition);
    -o-transition: color var(--linkColorHoverTransition), background-color var(--linkColorHoverTransition);
    transition: color var(--linkColorHoverTransition), background-color var(--linkColorHoverTransition);
}
.dg-media-popup__next.swiper-button-disabled,
.dg-media-popup__prev.swiper-button-disabled{
    pointer-events: none;
}
.dg-media-popup__prev a:hover,
.dg-media-popup__next a:hover{
    color: #000;
    background-color: #fff;
}
.dg-media-popup__next svg{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dg-media-popup__content{
    background-color: #000;
    height: 100%;
    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;
    z-index: 1;
}
/*.dg-media-popup__content img{*/
/*    max-width: 100%;*/
/*    width: auto;*/
/*    max-height: 100vh;*/
/*    height: 100%;*/
/*}*/
.dg-media-popup__content img{
    min-width: 100%;
    min-height: 100%;
    max-width: unset;
    max-height: unset;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.dg-media-popup__content .swiper-slide{
    text-align: center;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.dg-media-popup__content .swiper-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.dg-media-popup__title-date .swiper-slide:not(.swiper-slide-active){
    opacity: 0 !important;
}
.dg-media-popup__content iframe{
    min-height: 700px;
    max-height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.dg-media-popup__content .swiper-zoom-container{
    position: relative;
}
.dg-media-popup__content .swiper-zoom-container::before{
    content: "";
    width: 126px;
    height: 126px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background-image: url("/img/svg/media-popup-zoom-icon.svg");
    background-size: cover;
    cursor: pointer;
    z-index: 2;
}
.swiper-slide-zoomed .swiper-zoom-container::before{
    display: none;
}
.dg-media-popup-item:hover{
    cursor: pointer;
}
.ytp-large-play-button{
    display: none;
}
.dg-media-popup-item{
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow var(--linkColorHoverTransition);
    transition: -webkit-box-shadow var(--linkColorHoverTransition);
    -o-transition: box-shadow var(--linkColorHoverTransition);
    transition: box-shadow var(--linkColorHoverTransition);
    transition: box-shadow var(--linkColorHoverTransition), -webkit-box-shadow var(--linkColorHoverTransition);
}
.dg-media-popup-item:hover{
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.35);
}
.dg-media-popup-item > img{
    -webkit-transition: -webkit-transform var(--linkColorHoverTransition);
    transition: -webkit-transform var(--linkColorHoverTransition);
    -o-transition: transform var(--linkColorHoverTransition);
    transition: transform var(--linkColorHoverTransition);
    transition: transform var(--linkColorHoverTransition), -webkit-transform var(--linkColorHoverTransition);
}
.dg-media-popup-item:hover > img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.dg-media-popup__video-preview{
    z-index: 1;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    width: 100%;
    height: 100%;
    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;
    text-align: center;
}
.dg-media-popup__video-preview--hidden{
    opacity: 0;
}
.dg-media-popup__video-preview-icon{
    content: "";
    width: 145px;
    height: 145px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background-image: url("/local/templates/Dugalak/img/svg/video-icon-play.svg");
    background-size: cover;
    cursor: pointer;
    z-index: 2;
}
.dg-youtube-player-wrapper{
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.dg-youtube-player-wrapper--hidden{
    opacity: 0;
}
@media screen and (max-width: 1199px){
    .dg-media-popup__close{
        width: 40px;
        height: 40px;
    }
    .dg-media-popup__close svg{
        width: 20px;
        height: 20px;
    }
    .dg-media-popup__prev,
    .dg-media-popup__next{
        width: 60px;
        height: 60px;
    }
    .dg-media-popup__prev svg,
    .dg-media-popup__next svg{
        width: 13px;
        height: 26px;
    }
    .dg-media-popup__footer{
        height: 60px;
    }
    .dg-media-popup__title-date{
        padding: 10px 0 10px 20px;
    }
    .dg-media-popup__title-date div{
        font-size: 18px;
        line-height: 22px;
        /*margin-bottom: 5px;*/
    }
    .dg-media-popup__title-date span{
        font-size: 12px;
        line-height: 17px;
    }
    .dg-media-popup__content iframe{
        min-height: 767px;
    }
}
@media screen and (max-width: 767px){
    .dg-media-popup__prev{
        margin-left: 0;
    }
    .dg-media-popup__next{
        margin-left: auto;
    }
    .dg-media-popup__title-date{
        display: none;
    }
    .dg-media-popup__title-date--mobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .dg-media-popup__content iframe{
        min-height: 360px;
    }
    .dg-media-popup__title-date div{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .dg-media-popup__content img{
        max-height: 60vh;
    }
    .dg-media-popup__title-date{
        padding-right: 0;
    }
}
/*END MEDIA POPUP*/

/*FORUM INVITE*/
.dg-forum-invite{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    margin-bottom: 100px;
}
.dg-forum-invite__desc{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #333333;
}

.dg-forum-invite__btn a{
    padding: 13px 30px;
    min-width: 320px;
}
@media screen and (max-width: 1199px){
    .dg-forum-invite{
        row-gap: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dg-forum-invite__desc{
        font-size: 18px;
        line-height: 30px;
    }
}
@media screen and (max-width: 767px){
    .dg-forum-invite__desc{
        font-size: 16px;
        line-height: 26px;
    }
}
/*END FORUM INVITE*/

/*404*/
.dg-404{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*column-gap: 100px;*/
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 125px;
    padding-bottom: 150px;
    background-color: #E0E0E0;
}
.dg-404__img{
    max-width: 50%;
    width: 50%;
}
.dg-404__img img{
    max-width: 100%;
    width: 100%;
}
.dg-404__img .dg-404__btn{
    display: none;
}
.dg-404__title{
    margin-bottom: 3px;
}
.dg-404__title h1{
    font-style: normal;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
}
.dg-404__desc{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 20px;
}
.dg-404__btn a{
    padding: 13px 50px;
}
@media screen and (max-width: 1199px){
    .dg-404{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 80px;
        padding-bottom: 60px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #F1F1F1;
    }
    .dg-404__text{
        width: 100%;
        margin-bottom: 80px;
    }
    .dg-404__img{
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 767px){
    .dg-404{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 80px;
        padding-bottom: 60px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .dg-404__btn{
        display: none;
    }
    .dg-404__img .dg-404__btn{
        display: block;
        width: 100%;
    }
    .dg-404__img .dg-404__btn a{
        width: 100%;
        padding: 8px 50px;
    }
    .dg-404__text{
        width: 100%;
    }
    .dg-404__img{
        width: 100%;
        max-width: 100%;
    }
    .dg-404__title{
        margin-bottom: 15px;
    }
    .dg-404__title h1{
        font-size: 28px;
        line-height: 39px;
    }
    .dg-404__desc{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0;
    }
    .dg-404__img img{
        margin-bottom: 20px;
    }
}
/*END 404*/

/*SEARCH*/

.dg-search-form{
    margin-top: 50px;
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}

.dg-search-form input[type=text]{
    width: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 500px;
    padding: 16px 53px 16px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #727271;
}

.dg-search-form input[type=submit]{
    display: none;
}

.dg-search-form label{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    position: absolute;
    right: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.dg-search-results__item:not(:first-child){
    padding-top: 30px;
}
.dg-search-results__item > a{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #1F1111;
    text-decoration: none;
    -webkit-transition: color var(--linkColorHoverTransition);
    -o-transition: color var(--linkColorHoverTransition);
    transition: color var(--linkColorHoverTransition);
}
.dg-search-results__item > a:hover{
    color: var(--dgColorRed);
}
.dg-search-results__item p{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #1F1111;
}
.dg-search-results__path a{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    text-transform: capitalize;
    color: #b0b0b0;
    text-decoration: none;
}
.dg-search-results__item b{
    font-weight: inherit;
    color: var(--dgColorRed);
}
.dg-search-results__item:not(:last-child){
    margin-bottom: 25px;
}
.dg-search-results__item:not(:first-child){
    border-top: 1px solid #DAD8DE;
}
.dg-search-results__path a:not(:first-child)::before{
    content: "";
    display: inline-block;
    width: 5px;
    height: 10px;
    background-size: cover;
    background-image: url("/local/templates/Dugalak/css/../img/svg/search-path-arrow.svg");
    margin-right: 15px;
}
.dg-search-results__path a:not(:last-child) {
    margin-right: 15px;
}
.dg-search-results-btn-more a{
    padding: 15px 55px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}
.dg-search-results-footer{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    padding-top: 15px;
}
.dg-search-results-btn-more{
    -ms-grid-column: 2;
    grid-column: 2;
    text-align: center;
}
.dg-search-results-pagination{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-grid-column: 3;
    grid-column: 3;
}
.dg-search .dg-search-form input[type=text]{
    padding-top: 9px;
    padding-bottom: 9px;
}
@media screen and (max-width: 1199px){
    .dg-search-results-footer{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .dg-search-results-btn-more a{
        padding: 8px 65px;
    }
}
@media screen and (max-width: 767px){
    .dg-search-results-footer{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dg-search-results-btn-more{
        margin-bottom: 30px;
    }
    .dg-search-results__item > a{
        font-size: 20px;
        line-height: 28px;
    }
    .dg-search-results__item p{
        font-size: 16px;
        line-height: 26px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -moz-box;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        line-clamp: 4;
        box-orient: vertical;
    }
    .dg-search-form{
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .dg-search .dg-search-form input[type=text] {
        padding-top: 13px;
        padding-bottom: 13px;
    }
}
/*END SEARCH*/

/*CUSTOM CURSOR*/
/**{*/
/*    cursor: none;*/
/*}*/

/**:hover {*/
/*    cursor: none;*/
/*}*/

.cursor2 {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: var(--dgColorRed);
    opacity: 1;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    -webkit-transition: width .3s, height .3s, opacity .3s, background-color .3s,  -webkit-transform .3s;
    transition: width .3s, height .3s, opacity .3s, background-color .3s,  -webkit-transform .3s;
    -o-transition: width .3s, height .3s, opacity .3s, background-color .3s,  transform .3s;
    transition: width .3s, height .3s, opacity .3s, background-color .3s,  transform .3s;
    transition: width .3s, height .3s, opacity .3s, background-color .3s,  transform .3s, -webkit-transform .3s;
    z-index: 9999;
}

.cursor2.hover {
    background-color: var(--dgColorRed);
    opacity: 0.5;
    -webkit-transform: scale(1.5) translateX(-25%) translateY(-25%);
    -ms-transform: scale(1.5) translateX(-25%) translateY(-25%);
    transform: scale(1.5) translateX(-25%) translateY(-25%);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.cursor2.white{
    background-color: #fff;
}

/*cursor hover unset*/
/*.dg-company-history__years .swiper-slide,*/
/*.dg-company-history__years .swiper-slide:hover,*/
/*.custom-select .select-items div,*/
/*.custom-select .select-items div:hover,*/
/*.dg-media-popup .dg-media-popup__content .swiper-zoom-container::before,*/
/*.dg-certificates-items .dg-certificates-items__item-img::before,*/
/*.dg-certificates-items .dg-certificates-items__item-img,*/
/*.dg-distributors-items .dg-distributors-items__item{*/
/*    cursor: none;*/
/*}*/

/*END cursor hover unset*/

@media screen and (max-width: 1199px){
    *{
        cursor: unset;
    }

    *:hover {
        cursor: unset;
    }
    .cursor2{
        display: none;
    }
}

/*END CUSTOM CURSOR*/


/* Удаление фокуса с инпутов */

input:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}

/* Удаление фокуса с инпутов */

/* Карта */

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

.dg-contacts-tabs-page__map .map {
    position: relative;
}

.baloon {
    padding: 16px 25px 21px 13px;
    min-width: 307px;
    font-family: 'Montserrat';
}

div[role="dialog"] {
    min-width: 320px !important;
}

div[role="dialog"] > button {
    opacity: 1;
    right: 15px !important;
    top: 17px !important;
}

div[role="dialog"] > button > span {
    width: 30px !important;
    height: 30px !important;
    background-color: #DF2624;
    margin: 0 !important;
}

div[role="dialog"] + div {
    left: -50px !important;
}

.baloon__img img {
    width: 116px;
}

.baloon__img + .baloon__content {
    margin-top: 20px;
}

.baloon__title {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-transform: uppercase;
}

.baloon__phone {
    margin-top: 13px;
    font-size: 18px;
    line-height: 150%;
    color: #DF2624;
    display: block;
}

.baloon__email {
    margin-top: 3px;
    font-size: 18px;
    line-height: 150%;
    color: #DF2624;
    display: block;
}

.baloon__title + .baloon__title {
    margin-top: 13px;
}

.baloon__title + .baloon__email {
    margin-top: 13px;
}

@media (max-width: 600px) {
    .baloon {
        min-width: unset;
    }
}
/* End */


/* Start:/local/templates/Dugalak/css/press-center-detail.css?171099994014855*/
.dg-press-center-detail{
    padding-top: 50px;
    padding-bottom: 90px;
    max-width: 1554px;
}
.dg-press-center-detail__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.dg-press-center-detail__date{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #4F4F4F;
}
.dg-press-center-detail__share,
.dg-press-center-detail__social{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.dg-press-center-detail__share > span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #727271;
}
.dg-press-center-detail__social > a{
    display: flex;
    text-decoration: none;
    color: #DAD8DE;
    transition: color var(--linkColorHoverTransition);
}
.dg-press-center-detail__social > a:hover{
    color: var(--dgColorRed);
}

/*CONTENT TAGS*/
.dg-press-center-detail h1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    text-transform: uppercase;
    color: #333333;
    margin: 0 0 13px 0;
}
.dg-press-center-detail h6{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 46px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #333333;
    margin: 0 0 13px 0;
}
.dg-press-center-detail p{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #333333;
    margin: 0 0 30px 0;
}
p.dg-press-center-detailp{
    display: block;
    padding: 30px 40px 30px 50px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #727271;
    background: #F2F2F2;
    border: 1px solid #E0E0E0;
    margin: 0 0 70px 0;
    position: relative;

}
.dg-press-center-detailp::before{
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 42px;
    background-color: var(--dgColorRed);
}
.dg-press-center-detail img{
    margin-bottom: 40px;
    max-width: 100%;
}
.dg-press-center-detail img:not(.float-left){
    width: 100%;
}
.dg-press-center-detail img.float-left{
    float: left;
    margin-right: 60px;
}
.dg-press-center-detail ol{
    margin: 0 0 30px 0;
}
.dg-press-center-detail ol li{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #333333;
}
.dg-press-center-detail ol li:not(:last-child){
    margin-bottom: 20px;
}
.dg-press-center-detail ol li::marker{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: var(--dgColorRed);
}
.dg-press-center-detail .float-none{
    clear: both;
}
.dg-press-center-detail ul{
    margin: 0 0 30px 0;
    list-style: none;
}
.dg-press-center-detail ul li{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #333333;
    position: relative;
}
.dg-press-center-detail ul li:not(:last-child){
    margin-bottom: 20px;
}
.dg-press-center-detail ul li::marker{
    display: none;
}
.dg-press-center-detail ul li::before{
    content: "";
    display: block;
    width: 13px;
    height: 1px;
    position: absolute;
    left: -30px;
    top: 15px;
    background-color: var(--dgColorRed);
}
.dg-press-center-detail blockquote{
    padding-left: 235px;
    margin: 70px 0 70px 0;
    position: relative;
}
.dg-press-center-detail blockquote::before{
    content: "";
    display: block;
    width: 72px;
    height: 66px;
    background-image: url("/local/templates/Dugalak/css/../img/svg/team-quote.svg");
    background-size: cover;
    position: absolute;
    top: 0;
    left: 235px;
    transform: translateX(-25%) translateY(-55%);
    z-index: -1;
}
.dg-press-center-detail blockquote p{
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #4F4F4F;
    margin-bottom: 10px;
}
.dg-press-center-detail blockquote div{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #4F4F4F;
}
.dg-press-center-detail blockquote span{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #828282;
}
.dg-press-center-detail table, th, td {
    border: 1px solid #E0E0E0;
    border-collapse: collapse;
}
.dg-press-center-detail th {
    padding: 15px 30px 20px;
    background-color: #ECEAEF;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
    text-align: start;
}
.dg-press-center-detail td {
    padding: 30px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #4F4F4F;
    vertical-align: top;
}
.dg-press-center-detail td:first-child {
    padding: 30px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #333333;
    vertical-align: middle;
}
.dg-press-center-detail table .color,
.dg-press-center-detail table .fire,
.dg-table.swiper-wrapper .color,
.dg-table.swiper-wrapper .fire
{
    text-align: center;
    vertical-align: middle;
}
.dg-press-center-detail table .color div,
.dg-press-center-detail table .fire div,
.dg-table.swiper-wrapper .color div,
.dg-table.swiper-wrapper .fire div{
    display: inline-block;
}
.dg-press-center-detail table .color div:not(:last-child),
.dg-press-center-detail table .fire div:not(:last-child),
.dg-table.swiper-wrapper .color div:not(:last-child),
.dg-table.swiper-wrapper .fire div:not(:last-child){
    margin-right: 8px;
}

.dg-press-center-detail table .color div,
.dg-table.swiper-wrapper .color div{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid transparent;
}

.dg-press-center-detail table .fire div,
.dg-table.swiper-wrapper .fire div{
    width: 19px;
    height: 22px;
    background-image: url("/local/templates/Dugalak/css/../img/svg/table_fire.svg");
    background-size: cover;
}

.dg-table-container{
    overflow: hidden;
}

.dg-table-wrapper{
    width: calc(100% + 2px);
}

.dg-table-container{
    position: relative;
}

.dg-table-titles{
    position: absolute;
    top: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    width: 100%;
}

.dg-table-titles span{
    background-color: #ECEAEF;
    justify-content: center;
    padding: 13px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
}

.dg-table-container .swiper-slide{
    display: flex;
    flex-direction: column;
}

.dg-table-container .swiper-slide span{
    padding: 20px;
    box-sizing: content-box;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    text-transform: lowercase;
    color: #4F4F4F;
}

.dg-table-container .swiper-slide:not(:last-child) span{
    border-right: 1px solid #E0E0E0;
}

.dg-table-container .swiper-slide span:last-child{
    border-bottom: 1px solid #E0E0E0;
}

.dg-press-center-detail table .same-cell{
    display: none;
}

.dg-table-container{
    display: none;
}

.dg-table-arrows-pagination__pagination .swiper-pagination{
    position: unset;
}

.dg-table-arrows-pagination__arrows .swiper-button-next,
.dg-table-arrows-pagination__arrows .swiper-button-prev{
    position: unset;
    top: 0;
    left: 0;
    margin: 0;
}

.dg-table-arrows-pagination{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 30px;
}

.dg-table-arrows-pagination__pagination{
    grid-column: 2;
    text-align: center;
    display: flex;
    align-items: center;
}

.dg-table-arrows-pagination__pagination .swiper-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 8px;
}

.dg-table-arrows-pagination__arrows{
    display: flex;
    align-self: center;
    justify-content: flex-end;
    grid-column: 3;
}

.dg-table-arrows-pagination__pagination .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
    min-width: 6px;
    min-height: 6px;
    background-color: transparent;
    border: 1px solid #727271;
    border-radius: 5px;
    opacity: 1;
}

.dg-table-arrows-pagination__pagination .swiper-pagination-bullet-active{
    width: 10px;
    height: 10px;
    background: #CD001B;
    border-color: transparent;
}

.dg-table-arrows-pagination__pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 7px;
}

.dg-table-arrows-pagination__arrows .swiper-button-prev::after,
.dg-table-arrows-pagination__arrows .swiper-button-next::after{
    content: "";
    width: 15px;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-size: cover;
    background-image: url("/local/templates/Dugalak/css/../img/svg/dg-pr-using-arrow.svg");
}

.dg-table-arrows-pagination__arrows .swiper-button-next::after{
    transform: rotate(180deg);
}

.dg-table-arrows-pagination__arrows .swiper-button-prev{
    margin-right: 60px;
}

.dg-press-center-detail a{
    color: var(--dgColorRed);
}

.dg-press-center-detail .dg-press-center-detail__social a{
    color: #DAD8DE;
}

.dg-press-center-detail .dg-press-center-detail__social a:hover{
    color: var(--dgColorRed);
}

.dg-press-center-detail p.dg-press-center-detail__table-title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #333333;
    margin-top: 0;
    margin-bottom: 25px;
}

.dg-table > div > span:first-child{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
}

@media screen and (max-width: 1199px){
    .dg-press-center-detail h1{
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .dg-press-center-detail p{
        font-size: 18px;
        line-height: 30px;
    }
    .dg-press-center-detail mark{
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 50px;
    }
    .dg-press-center-detail h2{
        text-align: start;
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 10px;
    }
    .dg-press-center-detail img{
        width: 100%;
        margin-bottom: 30px;
    }
    .dg-press-center-detail img.float-left{
        float: none;
        margin-right: 0;
    }
    .dg-press-center-detail ol,
    .dg-press-center-detail ul{
        padding-left: 25px;
        margin: 0 0 50px 0;
    }
    .dg-press-center-detail blockquote{
        padding-left: 20px;
        margin-bottom: 50px;
    }
    .dg-press-center-detail blockquote::before{
        left: 0;
        transform: translateX(0%) translateY(-55%);
    }
    .dg-press-center-detail ol li::marker{
        font-size: 18px;
        line-height: 30px;
    }
    .dg-table-container{
        display: block;
    }
    .dg-press-center-detail table{
        display: none;
    }
    .dg-press-center-detail p.dg-press-center-detail__table-title{
        font-size: 24px;
        line-height: 26px;
        text-align: center;
    }
    .dg-press-center-detail{
        padding-top: 30px;
    }
}
@media screen and (max-width: 767px){
    .dg-press-center-detail h1{
        font-size: 28px;
        line-height: 39px;
    }
    .dg-press-center-detail h6{
        font-size: 20px;
        line-height: 46px;
        margin-bottom: 5px;
    }
    .dg-press-center-detail p{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .dg-press-center-detail mark{
        width: calc(100% + (var(--dgLeftAndRightPadding) * 2));
        margin-left: calc(-1 * var(--dgLeftAndRightPadding));
        border-left: none;
        border-right: none;
        font-size: 16px;
        line-height: 26px;
        padding: 30px 20px 30px 50px;
        margin-bottom: 35px;
    }
    .dg-press-center-detail mark::before{
        top: 37px;
    }
    .dg-press-center-detail h2{
        font-size: 28px;
        line-height: 39px;
        padding-right: 20px;
    }
    .dg-press-center-detail ol li,
    .dg-press-center-detail ul li{
        font-size: 16px;
        line-height: 26px;
        margin: 0 0 30px 0;
    }
    .dg-press-center-detail ol,
    .dg-press-center-detail ul{
        margin-bottom: 30px;
    }
    .dg-press-center-detail blockquote{
        padding-left: 20px;
        padding-right: 20px;
        margin: 60px 0 60px 0;
    }
    .dg-press-center-detail blockquote::before{
        transform: translateX(5%) translateY(-45%);
    }
    .dg-press-center-detail blockquote p,
    .dg-press-center-detail blockquote div,
    .dg-press-center-detail blockquote span{
        font-size: 20px;
        line-height: 34px;
    }
    .dg-press-center-detail ol li::marker{
        font-size: 16px;
        line-height: 26px;
    }
    .dg-table-arrows-pagination{
        display: flex;
        justify-content: space-between;
    }
    .dg-press-center-detail p.dg-press-center-detail__table-title{
        font-size: 20px;
        line-height: 26px;
    }
    .dg-table-container{
        width: calc(100% + (2 * var(--dgLeftAndRightPadding)));
        margin-left: calc(-1 * var(--dgLeftAndRightPadding));
    }
    .dg-table-arrows-pagination{
        padding-left: var(--dgLeftAndRightPadding);
        padding-right: var(--dgLeftAndRightPadding);
    }
    .dg-table-arrows-pagination{
        margin-top: 20px;
    }
}
/*END CONTENT TAGS*/

/*PC DETAIL SEE ALSO NEWS*/
.dg-press-center-detail .dg-news-cards{
    display: flex;
}
.dg-press-center-detail .dg-news-cards__item{
    width: 33.33%;
}
/*END PC DETAIL SEE ALSO NEWS*/
/* End */


/* Start:/local/templates/Dugalak/css/animate.css?171099994057095*/
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

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

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

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

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* End */


/* Start:/local/templates/Dugalak/css/articles.css?17174995374337*/
/*ARTICLES*/
.dg-articles .dg-pages-tabs{
    margin-bottom: 125px;
}

.dg-articles .dg-news-cards{
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 65px;
}

.dg-articles .dg-news-cards__item{
    width: calc(33.33% - 27px);
    transition: box-shadow var(--linkColorHoverTransition);
}

.dg-articles .dg-news-cards__item:hover{
    box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
}

.dg-articles .dg-news-cards__item-text{
    min-height: 192px;
}

@media screen and (max-width: 1199px){
    /*.dg-articles .dg-pages-tabs__tabs .swiper-slide{*/
    /*    width: 33.33%;*/
    /*}*/
    .dg-articles .dg-news-cards{
        row-gap: 30px;
    }
    .dg-articles .dg-news-cards__item{
        width: 100%;
    }
    .dg-articles .dg-news-cards__item a{
        width: 100%;
    }
    .dg-articles .dg-news-cards__item-text{
        min-height: 160px;
    }
    .dg-articles .dg-news-cards__item-title{
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 767px){
    .dg-news-cards__item-title{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        box-orient: vertical;
    }
    .dg-news-cards__item-text{
        padding-bottom: 20px;
    }
    .dg-articles .dg-news-cards{
        row-gap: 20px;
    }
}
/*END ARTICLES*/

/*INSTRUCTIONAL VIDEOS*/
.dg-articles .dg-instructional-videos .dg-news-cards__item-img{
    position: relative;
}
.dg-articles .dg-instructional-videos .dg-news-cards__item-img::before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(78, 78, 78, 0.5);
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}
.dg-articles .dg-instructional-videos .dg-news-cards__item{
    position: relative;
}
.dg-articles .dg-instructional-videos .dg-news-cards__item::before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/local/templates/Dugalak/css/../img/svg/medialibrary-video-icon.svg");
    background-size: cover;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 10;
}
.dg-articles .dg-instructional-videos .dg-news-cards__item-text{
    min-height: 145px;
}
@media screen and (max-width: 1199px){
    .dg-articles .dg-instructional-videos .dg-news-cards{
        row-gap: 20px;
    }
}
/*END INSTRUCTIONAL VIDEOS*/

/*DOCUMENTATION*/
.dg-documentation__section-title{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 35px;
}
.dg-documentation__section-items{
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 20px;
}
.dg-documentation__item{
    display: flex;
    column-gap: 20px;
    width: calc(33.33% - 20px);
}
.docs_products .dg-documentation__item{
	width: 100%;
}
.dg-documentation__item-title-size a{
    text-decoration: none;
}
.dg-documentation__item-title{
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    transition: color var(--linkColorHoverTransition);
}
.dg-documentation__item-size{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #888888;
    transition: color var(--linkColorHoverTransition);
}
.dg-documentation__item-title-size a:hover .dg-documentation__item-title,
.dg-documentation__item-title-size a:hover .dg-documentation__item-size{
    color: var(--dgColorRed);
}
.dg-documentation__section:not(:last-child){
    margin-bottom: 85px;
}
@media screen and (max-width: 1199px){
    .dg-documentation__section-items{
        row-gap: 30px;
    }
    .dg-documentation__item{
        width: calc(50% - 60px);
    }
    .dg-documentation__section:not(:last-child){
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 767px){
    .dg-documentation__item{
        width: 100%;
    }
    .dg-documentation__section:not(:last-child){
        margin-bottom: 50px;
    }
    .dg-documentation__section-title{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 25px;
    }
    .dg-articles .dg-instructional-videos .dg-news-cards__item-text{
        min-height: 130px;
    }
}
/*END DOCUMENTATION*/
/* End */


/* Start:/local/templates/Dugalak/css/certificates.css?17109999402658*/
.dg-certificates{
    padding-top: 150px;
    padding-bottom: 50px;
}
.dg-certificates-items{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.dg-certificates-items__item{
    width: calc(33.33% - 26.67px);
    transition: box-shadow var(--linkColorHoverTransition);
}
.dg-certificates-items__item:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.dg-certificates-items__item-img{
    width: 100%;
    text-align: center;
    max-height: 320px;
    background-color: #F2F2F2;
    position: relative;
    cursor: pointer;
}
.dg-certificates-items__item-title{
    padding: 35px 50px 58px;
    position: relative;
    border: 1px solid #E0E0E0;
    border-top: none;
}
.dg-certificates-items__item-title a{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #333333;
    text-decoration: none;
    transition: color var(--linkColorHoverTransition), background-color var(--linkColorHoverTransition);
}
.dg-certificates-items__item-title a:hover{
    color: var(--dgColorRed);
}
.dg-certificates-items__item-title::before{
    content: "";
    position: absolute;
    top: 50px;
    left: 28px;
    width: 7px;
    height: 7px;
    min-width: 7px;
    min-height: 7px;
    border-radius: 50%;
    background-color: var(--dgColorRed);
}
.dg-certificates-items__item-img::before{
    content: "";
    width: 126px;
    height: 126px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-image: url("/local/templates/Dugalak/img/svg/media-popup-zoom-icon.svg");
    background-size: cover;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    transition: opacity var(--linkColorHoverTransition);
}
.dg-certificates-items__item-img:hover::before{
    opacity: 1;
}
@media screen and (max-width: 1199px){
    .dg-certificates{
        padding-top: 50px;
    }
    .dg-certificates-items{
        row-gap: 30px;
        column-gap: 0;
    }
    .dg-certificates-items__item{
        width: 100%;
    }
    .dg-certificates-items__item-title{
        padding: 30px 50px;
    }
}
@media screen and (max-width: 767px){
    .dg-certificates{
        padding-top: 40px;
        padding-bottom: 0;
    }
    .dg-certificates-items{
        row-gap: 20px;
    }
    .dg-certificates-items__item-title a{
        font-size: 20px;
        line-height: 30px;
    }
    .dg-certificates-items__item-title::before{
        top: 41px;
    }
    .dg-certificates-items__item-title{
        padding-right: 20px;
    }
}
/* End */


/* Start:/local/templates/Dugalak/css/company.css?171198498815071*/
/*MAIN BANNER*/

.dg-company-main-banner .dg-main-banner__swiper-inner-wrapper{
    padding-bottom: 60px;
}

@media screen and (max-width: 767px){
    .dg-company-main-banner .dg-main-banner__swiper-inner-wrapper{
        padding-bottom: 20px;
    }
}

/*END MAIN BANNER*/

/*BASIC PRINCIPLES*/
.dg-company-basic-principles{
    padding-bottom: 116px;
}
.dg-company-basic-principles__items{
    display: flex;
    flex-wrap: wrap;
    column-gap: 116px;
}
.dg-company-basic-principles__item{
    width: calc(20% - 93px);
}
.dg-company-basic-principles__item img{
    margin-bottom: 20px;
}
.dg-company-basic-principles__item p{
    margin: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #333333;
}
.dg-company-basic-principles__title h2{
    font-size: 42px;
    line-height: 120%;
    margin-bottom: 0;
}
.dg-company-basic-principles__title{
    margin-bottom: 70px;
}
@media screen and (max-width: 1199px){
    .dg-company-basic-principles__items{
        column-gap: 60px;
        row-gap: 40px;
    }
    .dg-company-basic-principles__item{
        width: calc(33% - 40px);
    }
}
@media screen and (max-width: 767px){
    .dg-company-basic-principles__items{
        column-gap: 0px;
        row-gap: 40px;
    }
    .dg-company-basic-principles__item{
        width: 100%;
        text-align: center;
    }
    .dg-company-basic-principles__item p{
        font-size: 16px;
        line-height: 26px;
    }
    .dg-company-basic-principles__title h2{
        margin-bottom: 0;
    }
    .dg-company-basic-principles__title{
        margin-bottom: 40px;
    }
    .dg-company-basic-principles{
        padding-bottom: 80px;
    }
}
/*END BASIC PRINCIPLES*/

/*HISTORY*/
.dg-company-history{
    background-color: #DF2624;
    padding-top: 60px;
    padding-bottom: 60px;
}
.dg-company-history__title{
    margin-bottom: 75px;
}
.dg-company-history__title h2{
    color: #fff;
    font-size: 42px;
    line-height: 120%;
    margin: 0;
}
.dg-company-history__years-inner-wrapper{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.dg-company-history__years{
    position: relative;
    border-bottom: 2px solid #E0E0E0;
    margin-bottom: 85px;
}
.dg-company-history__years .swiper-slide{
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 39px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    width: 72px;
    border-bottom: 5px solid transparent;
    transition: border var(--linkColorHoverTransition);
}
.dg-company-history__years .swiper-slide:hover{
    border-bottom: 5px solid rgba(255, 255, 255, 0.5);
}
.dg-company-history__years .dg-company-history__years-slide-active{
    border-bottom: 5px solid #fff;
}
.dg-company-history__years-btn-prev::after,
.dg-company-history__years-btn-next::after{
    content: "";
    width: 15px;
    height: 30px;
    background-size: cover;
}
.dg-company-history__years-btn-prev::after{
    background-image: url("/local/templates/Dugalak/css/../img/svg/history-slider-arrow-prev.svg");
}
.dg-company-history__years-btn-next::after{
    background-image: url("/local/templates/Dugalak/css/../img/svg/history-slider-arrow-next.svg");
}
.dg-company-history__years-btn-prev{
    left: -20px;
    transform: translateX(-100%);
}
.dg-company-history__years-btn-next{
    right: -20px;
    transform: translateX(100%);
}
.dg-company-history__content{
    display: flex;
    align-items: center;
}
.dg-company-history__text .swiper .swiper-wrapper{
    /*transition-duration: 0ms !important;*/
}
.dg-company-history__text-pagination-btns{
    display: flex;
    margin-top: 55px;
}
.dg-company-history__content-slide{
    display: flex;
    align-items: center;
}
.dg-company-history__text{
    width: 45%;
}
.dg-company-history__img{
    width: 55%;
    text-align: center;
    padding-left: 100px;
}
.dg-company-history__text-title{
    margin-bottom: 20px;
}
.dg-company-history__text-title h2{
    color: #FFFFFF;
    margin: 0;
}
.dg-company-history__desc p{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #FFFFFF;
    margin: 0;
}
.dg-company-history__desc p:not(:last-child){
    margin-bottom: 10px;
}
.dg-company-history__content{
    position: relative;
}
.dg-company-history__content-pagination-btns{
    display: flex;
    position: absolute;
    bottom: 280px;
}
.dg-company-history__content-pagination-btns--init{
    display: flex;
}
.dg-company-history__content .swiper-button-next,
.dg-company-history__content .swiper-button-prev,
.dg-company-history__content .swiper-pagination{
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    /*display: flex;*/
    width: unset;
    height: unset;
    margin: 0;
    padding: 0;
}
.dg-company-history__content .swiper-pagination{
    /*display: flex;*/
    align-items: center;
    column-gap: 15px;
    width: auto;
    margin-right: 75px;
}
.dg-company-history__content .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    opacity: 1;
    width: 6px;
    height: 6px;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    /*margin: 0;*/
    /*display: inline-block;*/
    /*position: relative;*/
    /*margin-right: 10px;*/
}
.dg-company-history__content .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{
    width: 10px;
    height: 10px;
    background-color: #fff;
    top: 2px;
}
.dg-company-history__content .swiper-button-prev::after,
.dg-company-history__content .swiper-button-next::after{
    content: "";
    width: 15px;
    height: 30px;
    background-size: cover;
}
.dg-company-history__content .swiper-button-prev::after{
    background-image: url("/local/templates/Dugalak/css/../img/svg/history-slider-arrow-prev.svg");
}
.dg-company-history__content .swiper-button-next::after{
    background-image: url("/local/templates/Dugalak/css/../img/svg/history-slider-arrow-next.svg");
}
.dg-company-history__content .swiper-button-prev{
    margin-right: 60px;
}
.dg-company-history__img img{
    width: 100%;
    max-width: 100%;
}
.dg-company-history .swiper-button-prev:hover,
.dg-company-history .swiper-button-next:hover{
    opacity: 0.5;
}

@media (min-width: 1199px) {
    .dg-company-history .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: unset;
        transform: unset;
    }
}

@media screen and (max-width: 1640px) {
    .dg-company-history__years-btn-prev{
        left: -7px;
    }
    .dg-company-history__years-btn-next{
        right: -7px;
    }
}
@media screen and (max-width: 1199px){
    .dg-company-history__years-btn-prev,
    .dg-company-history__years-btn-next{
        display: none;
    }
    .dg-company-history__years{
        width: calc(100% + var(--dgLeftAndRightPadding));
    }
    .dg-company-history__years .swiper-slide{
        width: 100px;
    }
    .dg-company-history__content-slide{
        flex-direction: column;
    }
    .dg-company-history__text{
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 30px;
    }
    .dg-company-history__img{
        width: 100%;
        padding-left: 0;
    }
    .dg-company-history__content{
        flex-direction: column;
    }
    .dg-company-history__text-pagination-btns{
        justify-content: space-between;
    }
    .dg-company-history__content .swiper-button-prev{
        margin-left: auto;
        margin-right: 55px;
    }
    .dg-company-history__text-title h2{
        text-align: start;
    }
    .dg-company-history__text-title{
        margin-bottom: 10px;
    }
    .dg-company-history__desc p{
        font-size: 16px;
        line-height: 26px;
    }
    .dg-company-history__text-pagination-btns{
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px){
    .dg-company-history__years .swiper-slide{
        width: 50px;
        font-size: 18px;
        line-height: 25px;
        min-width: unset;
    }
    .dg-company-history__title{
        margin-bottom: 40px;
    }
    .dg-company-history{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .dg-company-history__years{
        margin-bottom: 40px;
    }
}
/*END HISTORY*/

/*GALLERY*/
.dg-company-gallery .dg-container{
    padding: 0;
}
.dg-company-gallery__img{
    display: flex;
}
.dg-company-gallery__video{
    height: 1080px;
    pointer-events: none;
}
.dg-company-gallery__img img{
    width: 100%;
    max-width: 100%;
}
.dg-company-gallery__text{
    position: absolute;
    background-color: #DF2624;
    padding: 30px 30px 60px;
    bottom: 0;
    max-width: 540px;
}


.dg-company-gallery__title{
    font-style: normal;
    max-width: 500px;
    font-weight: 300;
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.dg-company-gallery__desc p{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #FFFFFF;
}
.dg-company-gallery .swiper-pagination{
    display: flex;
    align-items: center;
    column-gap: 15px;
    width: auto;
    padding-left: 50px;
    bottom: 40px;
}
.dg-company-gallery .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    opacity: 1;
    width: 6px;
    height: 6px;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    margin: 0;
}
.dg-company-gallery .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{
    width: 10px;
    height: 10px;
    background-color: #fff;
}
.dg-company-gallery .swiper-button-prev{
    left: 60px;
}
.dg-company-gallery .swiper-button-next{
    right: 60px;
}
.dg-company-gallery .swiper-button-prev,
.dg-company-gallery .swiper-button-next{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    transition: background var(--linkColorHoverTransition);
}
.dg-company-gallery .swiper-button-prev:hover,
.dg-company-gallery .swiper-button-next:hover{
    background: rgba(255, 255, 255, 1);
}
.dg-company-gallery .swiper-button-prev::after,
.dg-company-gallery .swiper-button-next::after{
    content: "";
    width: 14px;
    height: 24px;
    background-size: cover;
}
.dg-company-gallery .swiper-button-prev::after{
    transform: translateX(-3px);
    background-image: url("/local/templates/Dugalak/css/../img/svg/dg-company-gallery-slider-arrow-prev.svg");
}
.dg-company-gallery .swiper-button-next::after{
    transform: translateX(2px);
    background-image: url("/local/templates/Dugalak/css/../img/svg/dg-company-gallery-slider-arrow-next.svg");
}
.dg-company-gallery__img--mobile{
    display: none;
}
.dg-company-gallery__img iframe{
    min-height: 800px;
    background-color: #000;
}
.dg-company-gallery__text{
    transform: translateY(10px);
}
.dg-company-history__years{
    margin-bottom: 30px;
}
.dg-company-history__text-pagination-btns{
    margin-top: 0;
    transform: translateY(-40px);
    z-index: 100;
}
.dg-company-history__title{
    margin-bottom: 30px;
}
@media screen and (max-width: 1640px) {
    .dg-company-gallery__text{
        margin-left: 150px;
    }
    .dg-company-gallery .swiper-pagination{
        padding-left: 200px;
    }
}
@media screen and (max-width: 1199px){
    .dg-company-gallery__text{
        position: absolute;
        margin-left: 0;
        max-width: unset;
        width: 100%;
        padding: 25px var(--dgLeftAndRightPadding) 70px var(--dgLeftAndRightPadding);
    }
    .dg-company-gallery .swiper-button-next,
    .dg-company-gallery .swiper-button-prev,
    .dg-company-gallery .swiper-pagination{
        position: relative;
        left: unset;
        right: unset;
        top: unset;
        bottom: unset;
        display: flex;
        margin: 0;
        padding: 0;
    }
    .dg-company-gallery__text-pagination-btns{
        display: flex;
        width: 100%;
        position: absolute;
        bottom: 20px;
        justify-content: space-between;
        padding: 0 var(--dgLeftAndRightPadding);
    }
    .dg-company-gallery .swiper-pagination{
        padding-left: 0;
    }
    .dg-company-gallery .swiper-button-prev{
        margin-left: auto;
        margin-right: 60px;
    }
    .dg-company-gallery .swiper-button-prev,
    .dg-company-gallery .swiper-button-next{
        width: auto;
        height: auto;
        background: none;
    }
    .dg-company-gallery .swiper-button-prev::after,
    .dg-company-gallery .swiper-button-next::after{
        content: "";
        width: 15px;
        height: 30px;
        background-size: cover;
    }
    .dg-company-gallery .swiper-button-prev::after{
        background-image: url("/local/templates/Dugalak/css/../img/svg/history-slider-arrow-prev.svg");
        transform: unset;
    }
    .dg-company-gallery .swiper-button-next::after{
        background-image: url("/local/templates/Dugalak/css/../img/svg/history-slider-arrow-next.svg");
        transform: unset;
    }
    .dg-company-gallery__img iframe{
        min-height: 767px;
    }
    .dg-company-gallery__video{
        height: 440px;
    }
}



@media screen and (max-width: 767px) {
    .dg-company-gallery__text{
        position: absolute;
        min-height: unset;
        height: max-content;
        transform: translate(0px, 10px);
        padding-bottom: 90px;
    }
    .dg-company-gallery .swiper-wrapper{
        height: max-content;
        min-height: auto;
        max-height: unset;
    }

    .dg-company-gallery__title{
        font-size: 28px;
        line-height: 39px;
        margin-bottom: 10px;
    }
    .dg-company-gallery__desc p{
        font-size: 16px;
        line-height: 26px;
    }
    .dg-company-gallery__img img:not(.dg-company-gallery__img--mobile){
        display: none;
    }
    .dg-company-gallery__img--mobile{
        display: block;
    }
    .dg-company-gallery__img iframe{
        min-height: 360px;
    }
    .dg-company-gallery__text-pagination-btns{
        bottom: 20px;
    }
    .dg-company-gallery__video{
        height: 203px;
    }
}
/*END GALLERY*/

/*COMPANY OTHER*/
.dg-company .dg-section__desc{
    margin-bottom: 50px;
}

@media screen and (max-width: 500px) {
    .dg-company-gallery__text{
        position: relative;
        min-height: 500px;
        height: max-content;
        transform: translate(0px, 0px);
    }
    .dg-company-gallery .swiper-wrapper{
        height: 100vh;
        min-height: 840px;
        max-height: 840px;
    }
}
/*END COMPANY OTHER*/
/* End */


/* Start:/local/templates/Dugalak/css/contacts.css?17491910733923*/
.dg-contacts-tabs-page__desc{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #000000;
    width: calc(48% - 30px);
    padding-bottom: 50px;
}
.dg-contacts-tabs-page__address{
    margin-bottom: 30px;
}
.dg-contacts-tabs-page__phone{
    margin-bottom: 30px;
}
.dg-contacts-tabs-page__phone a{
    text-decoration: none;
    color: var(--dgColorRed);
    transition: color var(--linkColorHoverTransition);
}
.dg-contacts-tabs-page__phone a:hover{
    text-decoration: underline;
}
.dg-contacts-tabs-page__email + .dg-contacts-tabs-page__email {
    margin-top: 20px;
}
.dg-contacts-tabs-page__email a{
    text-decoration: none;
    color: var(--dgColorRed);
}
.dg-contacts-tabs-page__email a:hover{
    text-decoration: underline;
}
.dg-contacts-tabs-page__doc{
    display: flex;
    column-gap: 20px;
    margin-top: 70px;
}
.dg-contacts-tabs-page__doc-title-size a{
    text-decoration: none;
}
.dg-contacts-tabs-page__doc-title{
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    transition: color var(--linkColorHoverTransition);
}
.dg-contacts-tabs-page__doc-size{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #888888;
    transition: color var(--linkColorHoverTransition);
}
.dg-contacts-tabs-page__doc-title-size a:hover .dg-contacts-tabs-page__doc-title,
.dg-contacts-tabs-page__doc-title-size a:hover .dg-contacts-tabs-page__doc-size{
    color: var(--dgColorRed);
}
.dg-contacts-tabs-page{
    display: none;
    flex-wrap: wrap;
    row-gap: 50px;
}
.dg-contacts-tabs-page.dg-pages-tabs__page--active{
    display: flex;
}
.dg-contacts-tabs-page__map{
    width: 52%;
    margin-left: auto;
    display: flex;
}
.dg-contacts-tabs-page__additional-info{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
    column-gap: 170px;
    border-top: 1px solid #E0E0E0;
    padding-top: 50px;
}
.dg-contacts-tabs-page__additional-info-block{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.dg-contacts-tabs-page__additional-info-block > div:not(.dg-contacts-tabs-page__desc){
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #333333;
}
.dg-contacts-tabs-page__additional-info-block > a{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #DF2624;
    text-decoration: none;
}
.dg-contacts-tabs-page__additional-info-block > a:hover{
    text-decoration: underline;
}
body .ymaps3x0--map-container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width: 1199px){
    .dg-contacts-tabs-page__desc{
        width: 100%;
        padding-bottom: 70px;
    }
    .dg-contacts-tabs-page__map{
        min-width: calc(100% + (var(--dgLeftAndRightPadding) * 2));
        margin-left: calc(-1 * var(--dgLeftAndRightPadding));
        padding-bottom: 55px;
        height: 510px;
    }
    .dg-contacts-tabs-page{
        row-gap: 0;
    }
    .dg-contacts{
        padding-bottom: 75px;
    }
}
@media screen and (max-width: 767px){
    .dg-contacts-tabs-page__desc{
        padding-bottom: 50px;
    }
    .dg-contacts-tabs-page__map{
        padding-bottom: 50px;
        height: 510px;
        max-width: 100vw;
        overflow: hidden;
    }
    .dg-contacts-tabs-page__additional-info-block{
        width: 100%;
    }
    .dg-contacts-tabs-page__additional-info-block > div{
        font-size: 20px;
        line-height: 34px;
    }
    .dg-contacts-tabs-page__address,
    .dg-contacts-tabs-page__phone{
        margin-bottom: 20px;
    }
    .dg-contacts-tabs-page__doc{
        margin-top: 50px;
    }
    .dg-contacts-tabs-page__additional-info{
        padding-top: 40px;
    }
}
/* End */


/* Start:/local/templates/Dugalak/css/distributors.css?17109999401938*/
.dg-distributors-items{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.dg-distributors-items__item{
    width: calc(33.33% - 27px);
    padding: 50px 40px 70px;
    border: 1px solid #E0E0E0;
    cursor: pointer;
    transition: box-shadow var(--linkColorHoverTransition);
}
.dg-distributors-items__item:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.dg-distributors-items__item-logo{
    margin-bottom: 30px;
}
.dg-distributors-items__item-logo img{
    max-width: 100%;
}
.dg-distributors-items__item-name{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 22px;
}
.dg-distributors-items__item-phone{
    margin-bottom: 10px;
}
.dg-distributors-items__item-phone a,
.dg-distributors-items__item-email a{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #DF2624;
    text-decoration: none;
}
.dg-distributors-items__item-phone a:hover,
.dg-distributors-items__item-email a:hover{
    text-decoration: underline;
}
.dg-distributors .dg-pages-tabs{
    padding-top: 0px;
}

.dg-distributors-items__item-logo img {
    /*width: 100%;*/
    max-width: 206px;
}

@media screen and (max-width: 1199px){
    .dg-distributors-items{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .dg-distributors-items__item{
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    .dg-distributors-items__item{
        padding-left: 30px;
        padding-right: 20px;
    }
}

/*MAP*/

.dg-distributors-map-wrapper{
    /*width: 100%;*/
    position: relative;
    padding-top: 49%;
}

@media screen and (max-width: 1199px){
    .dg-distributors-map-wrapper{
        margin: 0 var(--dgLeftAndRightMargin);
        padding-top: 0;
        height: 460px;
    }
}

/*END MAP*/
/* End */


/* Start:/local/templates/Dugalak/css/fonts.css?17109999404470*/
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-Thin.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-Thin.woff') format('woff');
	font-weight: 1;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-Thin.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-ThinItalic.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-ThinItalic.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff');
	font-weight: 1;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-ExtraLight.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-Light.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-LightItalic.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-Regular.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-Italic.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-Italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-Medium.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-MediumItalic.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-Bold.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-BoldItalic.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-Black.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat/Montserrat-BlackItalic.woff2') format('woff2') url('/fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
}

/* End */


/* Start:/local/templates/Dugalak/css/press-center.css?171099994010112*/
/*ALL NEWS*/
.dg-press-center__all-news{
    padding-top: 60px;
    padding-bottom: 100px;
    background: #F2F2F2;
}
.dg-press-center__all-news-header{
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dg-press-center__all-news-items{
    display: flex;
    flex-wrap: wrap;
    column-gap: 150px;
    row-gap: 60px;
    margin-bottom: 100px;
}
.dg-press-center__all-news-item{
    width: calc(33.33% - 100px);
}
.dg-press-center__all-news-item-title{
    margin-bottom: 15px;
}
.dg-press-center__all-news-item-title a{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    text-decoration: none;
    transition: color var(--linkColorHoverTransition);
}
.dg-press-center__all-news-item-title a:hover{
    color: var(--dgColorRed);
}
.dg-press-center__all-news-item-date{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #4F4F4F;
}
.dg-press-center__all-news-btn-more a{
    padding: 15px 55px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}
.dg-press-center__all-news-footer{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.dg-press-center__all-news-btn-more{
    grid-column: 2;
    text-align: center;
}
.dg-press-center__all-news-pagination{
    display: flex;
    align-self: center;
    justify-content: flex-end;
    grid-column: 3;
}
.dg-press-center__all-news-filter .filter{
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.dg-press-center__all-news-title h2{
    margin: 0;
    color: #828282;
}
.dg-press-center__all-news-filter span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    color: #333333;
}
@media screen and (max-width: 1199px){
    .dg-press-center__all-news-footer{
        display: flex;
        align-self: center;
        justify-content: space-between;
    }
    .dg-press-center__all-news-btn-more a{
        padding: 8px 65px;
    }
    .dg-press-center__all-news-items{
        row-gap: 40px;
        margin-bottom: 45px;
    }
    .dg-press-center__all-news-item{
        width: 100%;
    }
    .dg-press-center__all-news-header{
        flex-direction: column;
    }
    .dg-press-center__all-news-title h2{
        margin-bottom: 0px;
    }
    .dg-press-center__all-news-title{
        margin-bottom: 20px;
    }
    .dg-press-center__all-news{
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 767px){
    .dg-press-center__all-news{
        padding-top: 30px;
    }
    .dg-press-center__all-news-footer{
        flex-direction: column;
    }
    .dg-press-center__all-news-btn-more{
        margin-bottom: 30px;
    }
    .dg-press-center__all-news-items{
        margin-bottom: 40px;
    }
    .dg-press-center__all-news-header{
        margin-bottom: 30px;
    }
    .dg-press-center__all-news-btn-more a{
        width: 80%;
        padding: 8px 10px;
    }
    .dg-press-center__all-news-items{
        row-gap: 30px;
    }
}
/*END ALL NEWS*/

/*MEDIA LIBRARY*/
.dg-media-library{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dg-media-library__item-wrapper,
.dg-media-library__item{
    /*min-height: 374px;*/
}
.dg-media-library__item img{
    max-width: 100%;
    width: 100%;
}
.dg-media-library-g__item img{
    max-width: 100%;
    width: 100%;
}
.dg-media-library__top-line,
.dg-media-library__middle-line{
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    width: 100%;
}
.dg-media-library__middle-line{
    margin-bottom: 30px;
}
.dg-media-library__top-line{
    margin-bottom: 25px;
}
.dg-media-library__item{
    width: calc(33.33% - 17px);
    display: flex;
    position: relative;
    cursor: pointer;
}
.dg-media-library__item--full-width{
    width: 100%;
}
.dg-media-library__item-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 40px 20px 70px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.dg-media-library-g__item-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 40px 20px 70px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.dg-media-library__item-content::before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/local/templates/Dugalak/css/../img/svg/medialibrary-image-icon.svg");
    background-size: cover;
    position: absolute;
    top: 30px;
    left: 30px;
}
.dg-media-library-g__item-content::before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/local/templates/Dugalak/css/../img/svg/medialibrary-image-icon.svg");
    background-size: cover;
    position: absolute;
    top: 30px;
    left: 30px;
}
.dg-media-library__item-content--video::before{
    background-image: url("/local/templates/Dugalak/css/../img/svg/medialibrary-video-icon.svg");
}
.dg-media-library-g__item-content--video::before{
    background-image: url("/local/templates/Dugalak/css/../img/svg/medialibrary-video-icon.svg");
}
.dg-media-library__item-name{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    margin-bottom: 10px;
    position: relative;
}
.dg-media-library-g__item-name{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    margin-bottom: 10px;
    position: relative;
}
.dg-media-library__item-name::before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    min-width: 7px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 3px;
    left: -14px;
    transform: translateX(-100%) translateY(100%);
}
.dg-media-library-g__item-name::before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    min-width: 7px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 3px;
    left: -14px;
    transform: translateX(-100%) translateY(100%);
}
.dg-media-library__item-date{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.dg-media-library-g__item-date{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.dg-media-library-footer{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
}
.dg-media-library-btn-more{
    grid-column: 2;
    text-align: center;
}
.dg-media-library-pagination{
    display: flex;
    align-self: center;
    justify-content: flex-end;
    grid-column: 3;
}
.dg-media-library-btn-more a{
    padding: 15px 55px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}
.dg-media-library-g{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 26px;
    margin-bottom: 50px;
}
.dg-media-library-g__item{
    display: flex;
    position: relative;
}
.dg-media-library-g__item--full-width{
    grid-column: span 3;
}
.dg-media-library-g__item--db-height{
    grid-row: span 2;
}
.dg-media-library-g__item-img--md{
    display: none;
}
@media screen and (max-width: 1199px){
    .dg-media-library__item{
        width: calc(50% - 12.5px);
    }
    .dg-media-library__top-line .dg-media-library__item:nth-child(3){
        width: 100%;
    }
    .dg-media-library__item--full-width{
        width: 100%;
    }
    .dg-media-library-footer{
        display: flex;
        align-self: center;
        justify-content: space-between;
    }
    .dg-media-library-btn-more a{
        padding: 8px 65px;
    }
    .dg-media-library-g{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
    .dg-media-library-g__item--full-width{
        grid-column: span 1;
    }
    .dg-media-library-g__item--db-height{
        grid-row: span 1;
    }
    .dg-media-library-g__item{
        max-height: 375px;
        padding-top: 110%;
        overflow: hidden;
    }
    .dg-media-library-g__item--md-full-width{
        grid-column: span 2;
        padding-top: 50%;
    }
    .dg-media-library-g__item img{
        display: none;
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        max-width: unset;
        width: auto;
    }
    .dg-media-library-g__item .dg-media-library-g__item-img--md{
        display: unset;
    }
    .dg-media-library-g__item-content{
        padding: 20px 30px 20px 50px;
    }
    .dg-media-library-g__item-name{
        font-size: 20px;
        line-height: 24px;
    }
}
@media screen and (max-width: 767px){
    .dg-media-library__item{
        width: 100%;
    }
    .dg-media-library-footer{
        flex-direction: column;
    }
    .dg-media-library-btn-more{
        margin-bottom: 30px;
    }
    .dg-media-library-g{
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .dg-media-library-g__item--md-full-width{
        grid-column: span 1;
    }
    .dg-media-library-g__item,
    .dg-media-library-g__item--md-full-width{
        padding-top: 117%;
    }
    .dg-media-library-g__item-content{
        padding: 20px 20px 20px 45px;
    }
}
/*END MEDIA LIBRARY*/

/*PRESS CENTER OTHER*/
.dg-press-center .dg-pages-tabs__tabs{
    width: 100%;
    margin-left: 0;
}
/*END PRESS CENTER OTHER*/
/* End */


/* Start:/local/templates/Dugalak/css/purpose-products.css?171144464320945*/
/*USING*/
.dg-purpose-products-using {
    margin-bottom: 60px;
}

.dg-purpose-products-using__items .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dg-purpose-products-using__items img {
    width: 100%;
}

.dg-purpose-products-using__items p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}

.dg-purpose-products-using .swiper-pagination {
    position: unset;
}

.dg-purpose-products-using .swiper-button-prev,
.dg-purpose-products-using .swiper-button-next {
    position: unset;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 15px;
    height: 30px;
}

.dg-purpose-products-using .swiper-button-prev::after,
.dg-purpose-products-using .swiper-button-next::after {
    content: "";
    width: 15px;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-size: cover;
    background-image: url("/local/templates/Dugalak/img/svg/dg-pr-using-arrow.svg");
}

.dg-purpose-products-using .swiper-button-next::after {
    transform: rotate(180deg);
}

.dg-purpose-products-using__buttons {
    display: flex;
    align-self: center;
    justify-content: flex-end;
    grid-column: 3;
}

.dg-purpose-products-using__pagination-buttons {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.dg-purpose-products-using .swiper-pagination-bullets.swiper-pagination-horizontal {
    position: unset;
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: auto;
    margin-right: 70px;
}

.dg-purpose-products-using .swiper-button-prev {
    margin-right: 60px;
}

.dg-purpose-products-using .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: transparent;
    border: 1px solid #727271;
    border-radius: 5px;
    opacity: 1;
}

.dg-purpose-products-using .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    background: #CD001B;
    border-color: transparent;
}

.dg-purpose-products-using .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.dg-purpose-products-using .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}

@media screen and (max-width: 1199px) {
    .dg-purpose-products-using__pagination-buttons {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 5px;
    }

    .dg-purpose-products-using .swiper-pagination-bullets.swiper-pagination-horizontal {
        margin-right: 0;
    }

    .dg-purpose-products-using h2 {
        margin-bottom: 20px;
    }

    .dg-purpose-products-using {
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 767px) {
    .dg-purpose-products-using__pagination-buttons {
        margin-top: 0px;
        display: flex;
        justify-content: space-between;
    }

    .dg-purpose-products-using .swiper-pagination-bullets.swiper-pagination-horizontal {
        justify-content: flex-start;
    }

    .dg-purpose-products-using h2 {
        margin-bottom: 11px;
    }
}

/*END USING*/

/*TABLE*/
.dg-purpose-products-table table {
    border-collapse: collapse;
}

.dg-purpose-products-table tr {
    border-top: 1px solid #E0E0E0;
}

.dg-purpose-products-table th,
.dg-purpose-products-table td {
    border-left: 1px solid #E0E0E0;
    padding: 20px 25px;
}

.dg-purpose-products-table tr:last-child {
    border-bottom: 1px solid #E0E0E0;
}

.dg-purpose-products-table th:last-child,
.dg-purpose-products-table td:last-child {
    border-right: 1px solid #E0E0E0;
}

.dg-purpose-products-table th:first-child,
.dg-purpose-products-table td:first-child {
    background-color: #ECEAEF;
}

.dg-purpose-products-table {
    display: flex;
}

.dg-purpose-products-table>div {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #E0E0E0;
    min-width: 260px;
    max-width: 260px;
    /*width: 260px;*/
    background-color: #fff;
}

.dg-purpose-products-table>div:not(:nth-child(1)) span:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    text-align: center;
    color: #333333;
    padding-left: 35px;
    padding-right: 35px;
}

.swiper-backface-hidden .dg-purpose-products-table>div.swiper-slide {
    transform: none;
    position: unset;
}

.dg-purpose-products-table>div:hover {
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
}

.dg-purpose-products-table>.dg-purpose-products-table__first-col {
    background-color: #ECEAEF;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 260px;
}

.dg-purpose-products-table>.dg-purpose-products-table__first-col:hover,
.dg-purpose-products-table.dg-purpose-products-table--pinned>div,
.dg-purpose-products-table>div.dg-purpose-products-table__col-without-bh {
    filter: none;
}

.dg-purpose-products-table>div:last-child {
    border-right: 1px solid #E0E0E0;
}

.dg-purpose-products-table>div.dg-purpose-products-table__first-col span {
    display: flex;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;

}

.dg-purpose-products-table>div>span {
    padding: 20px 20px 20px 25px;
    border-top: 1px solid #E0E0E0;
    position: relative;
    /*box-sizing: content-box;*/
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    text-transform: lowercase;
    color: #4F4F4F;
}

.dg-purpose-products-table>div>span:last-child {
    padding: 20px 25px;
    border-bottom: 1px solid #E0E0E0;
}

.dg-purpose-products-table__row-pin {
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
}

.dg-purpose-products-table__row-pin:hover {
    cursor: pointer;
}

.dg-purpose-products-table--pinned {
    position: absolute;
    width: auto;
    left: 0;
    top: 0;
}

.dg-purpose-products-table--pinned .dg-purpose-products-table__row-pin svg {
    display: none;
}

.dg-purpose-products-table--pinned .dg-purpose-products-table__row-pin {
    width: 23px;
    height: 23px;
    background-image: url("/local/templates/Dugalak/img/svg/pinnedTableLock.svg");
    background-size: cover;
}

.dg-purpose-products-table--pinned>div:not(.dg-purpose-products-table__first-col)>span {
    background-color: rgba(249, 249, 249, 1);
}

.dg-purpose-products-table-outer-wrapper {
    position: relative;
    /*width: calc(100% + 35px);*/
    /*margin-left: -20px;*/
}

.dg-purpose-products-table-wrapper.swiper {
    padding-top: 20px;
    padding-bottom: 20px;
    /*padding-left: 20px;*/
}

.dg-purpose-products-table--pinned {
    padding-top: 20px;
    padding-bottom: 20px;
    /*padding-left: 20px;*/
}

.dg-purpose-products-table--pinned>div {
    /*width: 16.75%;*/
}

.dg-purpose-products-table-col-shadow {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: transparent;
    pointer-events: none;
    box-shadow: 0px 0px 15px 12px rgba(0, 0, 0, 0.09);
}

.dg-purpose-products-table-col-shadow--active {
    display: block;
}

.dg-purpose-products-table-wrapper {
    position: relative;
}

.dg-purpose-products-table-outer-wrapper .swiper-button-prev,
.dg-purpose-products-table-outer-wrapper .swiper-button-next {
    display: none;
    margin: 0;
    width: 50px;
    height: 50px;
    color: var(--dgColorRed);
}

.dg-purpose-products-table-outer-wrapper .swiper-button-prev {
    left: 50px;
    transform: translateX(-100%);
}

.dg-purpose-products-table-outer-wrapper .swiper-button-next {
    right: 50px;
    transform: translateX(100%);
}

.dg-purpose-products-table-outer-wrapper .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
}

.dg-purpose-products-table-outer-wrapper .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
}

.dg-purpose-products-table-outer-wrapper .swiper-button-prev::after,
.dg-purpose-products-table-outer-wrapper .swiper-button-next::after {
    display: none;
}

.dg-purpose-products-table__stars,
.dg-purpose-products-table__price,
.dg-purpose-products-table__fire,
.dg-purpose-products-table__colors {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dg-purpose-products-table__stars {
    column-gap: 3px;
}

.dg-purpose-products-table__colors,
.dg-purpose-products-table__price {
    column-gap: 9px;
}

.dg-purpose-products-table__fire {
    column-gap: 8px;
}

.dg-purpose-products-table__stars>div {
    width: 26px;
    height: 24px;
    background-image: url("/local/templates/Dugalak/img/svg/table_star.svg");
    background-size: cover;
}

.dg-purpose-products-table__fire>div {
    width: 19px;
    height: 22px;
    background-image: url("/local/templates/Dugalak/img/svg/table_fire.svg");
    background-size: cover;
}

.dg-purpose-products-table__price>div {
    width: 13px;
    height: 20px;
    background-image: url("/local/templates/Dugalak/img/svg/table_price.svg");
    background-size: cover;
}

.dg-purpose-products-table__colors>div {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid transparent;
}

.dg-purpose-products-table__row-file {
    cursor: pointer;
    display: flex;
}

.dg-purpose-products-table-outer-wrapper--fixed-arrows .swiper-button-prev,
.dg-purpose-products-table-outer-wrapper--fixed-arrows .swiper-button-next {
    position: fixed;
    display: block;
    transform: translateX(0%);
}

.dg-purpose-products-table-outer-wrapper--fixed-arrows .swiper-button-prev[aria-disabled="true"],
.dg-purpose-products-table-outer-wrapper--fixed-arrows .swiper-button-next[aria-disabled="true"] {
    display: none;
}

@media screen and (max-width: 1640px) {
    .dg-purpose-products-table-outer-wrapper .swiper-button-prev {
        left: 20px;
    }

    .dg-purpose-products-table-outer-wrapper .swiper-button-next {
        right: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .dg-purpose-products-table-outer-wrapper {
        display: none;
    }

}

/*MOBILE*/

.dg-purpose-products-table-mobile-container {
    display: none;
}

.dg-purpose-products-table-mobile {
    display: flex;
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    position: relative;
    margin-bottom: 90px;
}

.dg-purpose-products-table-mobile>div {
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.dg-purpose-products-table-mobile>div span:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #333333;
}

.dg-purpose-products-table-mobile .dg-purpose-products-table__row-file {
    margin-top: 20px;
}

.dg-purpose-products-table-mobile .swiper-slide {
    display: flex;
    flex-direction: column;
}

.dg-purpose-products-table-mobile .swiper-slide:not(:last-child) span {
    border-right: 1px solid #E0E0E0;
}

.dg-purpose-products-table-mobile .swiper-slide span:last-child {
    border-bottom: 1px solid #E0E0E0;
}

.dg-purpose-products-table-mobile-outer-wrapper .dg-purpose-products-table-mobile__titles {
    position: absolute;
    top: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    width: 100%;
}

.dg-purpose-products-table-mobile-outer-wrapper .dg-purpose-products-table-mobile__titles span {
    background-color: #ECEAEF;
    justify-content: center;
    padding: 13px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
}

.dg-purpose-products-table-mobile .swiper-slide span {
    padding: 20px;
    box-sizing: content-box;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #4F4F4F;
}

.dg-purpose-products-table-mobile-outer-wrapper {
    overflow: hidden;
}

.dg-purpose-products-table-mobile-wrapper {
    width: calc(100% + 2px);
}

.dg-purpose-products-table-mobile .dg-purpose-products-table__row-pin {
    top: 60px;
}

.dg-purpose-products-table-mobile-container {
    position: relative;
}

.dg-purpose-products-table-mobile.dg-purpose-products-table-mobile--pinned {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.dg-purpose-products-table-mobile.dg-purpose-products-table-mobile--pinned span {
    background-color: rgba(249, 249, 249, 1);
}

.dg-purpose-products-table-mobile-outer-wrapper .swiper-button-prev,
.dg-purpose-products-table-mobile-outer-wrapper .swiper-button-next {
    margin: 0;
    width: 40px;
    height: 40px;
    display: block;
    color: var(--dgColorRed);
}

.dg-purpose-products-table-mobile-outer-wrapper .swiper-button-prev svg,
.dg-purpose-products-table-mobile-outer-wrapper .swiper-button-next svg {
    width: 100%;
    height: 100%;
}

.dg-purpose-products-table-mobile-outer-wrapper .swiper-button-prev {
    left: 25px;
    transform: translateX(-100%);
}

.dg-purpose-products-table-mobile-outer-wrapper .swiper-button-next {
    right: 25px;
    transform: translateX(100%);
}

.dg-purpose-products-table-mobile-outer-wrapper .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
}

.dg-purpose-products-table-mobile-outer-wrapper .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
}

.dg-purpose-products-table-mobile-outer-wrapper .swiper-button-prev::after,
.dg-purpose-products-table-mobile-outer-wrapper .swiper-button-next::after {
    display: none;
}

.dg-purpose-products-table-mobile--pinned .dg-purpose-products-table__row-pin svg {
    display: none;
}

.dg-purpose-products-table-mobile--pinned .dg-purpose-products-table__row-pin {
    width: 23px;
    height: 23px;
    background-image: url("/local/templates/Dugalak/img/svg/pinnedTableLock.svg");
    background-size: cover;
}

.dg-purpose-products-table-mobile-outer-wrapper--fixed-arrows .swiper-button-prev,
.dg-purpose-products-table-mobile-outer-wrapper--fixed-arrows .swiper-button-next {
    position: fixed;
    transform: translateX(0%);
}

@media screen and (max-width: 1199px) {
    .dg-purpose-products-table-mobile-container {
        display: block;
    }

    .dg-purpose-products-table-mobile .swiper-slide span {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .dg-purpose-products-table-mobile .dg-purpose-products-table__row-pin {
        top: 35px;
    }

    .dg-purpose-products-table-mobile>div span:first-child {
        padding-top: 30px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
        font-weight: 600;
        justify-content: flex-start;
    }

    .dg-purpose-products-table-mobile-outer-wrapper .swiper-button-prev,
    .dg-purpose-products-table-mobile-outer-wrapper .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    .dg-purpose-products-table-mobile-outer-wrapper .dg-purpose-products-table-mobile__titles span {
        font-size: 12px;
        line-height: 18px;
        padding: 5px;
    }

    .dg-purpose-products-table-mobile {
        margin-bottom: 60px;
    }

    .dg-purpose-products-table-mobile-container {
        width: calc(100% + (var(--dgLeftAndRightPadding) * 2));
        margin-left: calc(-1 * var(--dgLeftAndRightPadding));
    }

    .dg-purpose-products-table-mobile .swiper-slide span {
        padding-left: 19px;
        padding-right: 19px;
    }

    .dg-purpose-products-table-mobile .dg-purpose-products-table__row-file {
        margin-top: 12px;
    }

    .dg-purpose-products-table-mobile-outer-wrapper .swiper-button-prev {
        left: 5px;
        transform: translateX(0);
    }

    .dg-purpose-products-table-mobile-outer-wrapper .swiper-button-next {
        right: 5px;
        transform: translateX(0);
    }
}

.dg-purpose-products-tables {
    margin-bottom: 90px;
}

.dg-purpose-products-tables__notification {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #828282;
}

.dg-purpose-products .dg-purpose-products-table-mobile__bottom-arrows-pagination {
    display: none;
}

.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-pagination {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-button-prev,
.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-button-next {
    position: unset;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 15px;
    height: 30px;
    transform: translateX(0);
}

.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-button-prev::after,
.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-button-next::after {
    content: "";
    width: 15px;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-size: cover;
    background-image: url("/local/templates/Dugalak/img/svg/dg-pr-using-arrow.svg");
}

.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-button-next::after {
    transform: rotate(180deg);
}

.dg-purpose-products-table-mobile__bottom-arrows {
    display: flex;
    align-self: center;
    justify-content: flex-end;
    grid-column: 3;
}

.dg-purpose-products-table-mobile__bottom-arrows-pagination {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 30px;
}

.dg-purpose-products-table-mobile__bottom-pagination {
    position: unset;
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-button-prev {
    margin-right: 60px;
}

.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: transparent;
    border: 1px solid #727271;
    border-radius: 5px;
    opacity: 1;
}

.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    background: #CD001B;
    border-color: transparent;
}

.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.dg-purpose-products-table-mobile__bottom-arrows-pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}

.dg-selection-materials__table-wrapper .dg-purpose-products-table-mobile {
    margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
    .dg-purpose-products-tables__notification {
        justify-content: center;
        margin-bottom: 25px;
    }

    .dg-purpose-products-tables {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 767px) {
    .dg-purpose-products-tables__notification {
        text-align: center;
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }

    .dg-purpose-products-table-mobile>div span:first-child {
        padding-left: 10px;
        padding-right: 10px;
    }

    .dg-purpose-products-tables__notification svg {
        transform: translateY(5px);
        margin-right: 5px;
    }
}

/*END TABLE*/

/* End */


/* Start:/local/templates/Dugalak/css/selection-materials.css?171749932514886*/
/* MAIN BANNER */
.dg-selection-materials-main-banner .dg-main-banner__swiper-inner-wrapper {
    height: 427px;
    padding-bottom: 80px;
}

@media screen and (max-width: 1199px) {
    .dg-selection-materials-main-banner .dg-main-banner__swiper-inner-wrapper {
        height: 448px;
        padding-top: 0px;
        padding-bottom: 100px;
        justify-content: flex-end;
    }

    .dg-selection-materials-main-banner.dg-main-banner--no-arrow-pagination .dg-main-banner__swiper-inner-wrapper {
        padding-bottom: 45px;
    }

    .dg-selection-materials-main-banner .dg-main-banner__swiper.swiper-horizontal>.swiper-pagination-bullets,
    .dg-selection-materials-main-banner .dg-main-banner__swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 48px;
    }

    .dg-selection-materials-main-banner .dg-main-banner__swiper-buttons {
        bottom: 28px;
    }
}

@media screen and (max-width: 767px) {
    .dg-selection-materials-main-banner .dg-main-banner__swiper-inner-wrapper {
        height: 448px;
        padding-bottom: 100px;
    }

    .dg-selection-materials-main-banner.dg-main-banner--no-arrow-pagination .dg-main-banner__swiper-inner-wrapper {
        padding-bottom: 25px;
    }
}

/* END MAIN BANNER */

/* SECTION HEADER*/
.dg-selection-materials__header {
    display: flex;
    padding-top: 50px;
    margin-bottom: 45px;
}

.dg-selection-materials__search {
    position: relative;
    height: 100%;
    margin-bottom: 60px;
}

.dg-selection-materials__search input[type=text] {
    width: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 500px;
    padding: 16px 53px 16px 18px;
    box-sizing: border-box;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #727271;
}

.dg-selection-materials__search label {
    display: flex;
    padding: 15px;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
}

.dg-selection-materials__search input[type=submit] {
    display: none;
}

.dg-selection-materials .dg-section__desc {
    width: 60%;
    margin: 0;
    padding-right: 100px;
}

.dg-selection-materials__search-filter {
    width: 40%;
    height: 100%;
}

.dg-selection-materials__filter-mobile-btn {
    display: none;
    margin-left: 33px;
    max-width: 100px;
    align-items: center;

}

.dg-selection-materials__filter-mobile-btn a {
    max-width: 50px;
    display: flex;
}

.dg-selection-materials__filter-mobile-btn span {
    background-color: var(--dgColorRed);
    border-radius: 50%;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    padding: 0px 9px;
    margin-left: 4px;
}

.dg-selection-materials__filter-mobile-btn-title {
    display: none;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #DF2624;
}

@media screen and (max-width: 1199px) {
    .dg-selection-materials__header {
        flex-direction: column;
        padding-top: 30px;
    }

    .dg-selection-materials .dg-section__desc {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 26px;
    }

    .dg-selection-materials__search {
        width: 100%;
    }

    .dg-selection-materials__filter-mobile-btn {
        display: flex;
    }

    .dg-selection-materials__search-filter {
        display: flex;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .dg-selection-materials__search-filter {
        flex-direction: column;
    }

    .dg-selection-materials__filter-mobile-btn {
        width: auto;
        width: max-content;
        max-width: unset;
        margin-left: 0;
    }

    .dg-selection-materials__filter-mobile-btn-title {
        display: block;
        margin-right: 10px;
    }

    .dg-selection-materials__search {
        margin-bottom: 20px;
    }

    .dg-selection-materials__header {
        margin-bottom: 20px;
    }
}

/* END SECTION HEADER*/

.dg-selection-materials__body {
    display: flex;
    width: calc(100% + var(--dgLeftAndRightPadding));
    margin-bottom: 100px;
}

.dg-selection-materials__table-wrapper {
    width: auto;
    max-width: calc(100% - 400px);
    margin-left: auto;
    flex: 1 0 auto;
}

.dg-selection-materials__table-wrapper .dg-purpose-products-tables__notification {
    padding-right: var(--dgLeftAndRightPadding);
}

.dg-selection-materials__table-wrapper .dg-purpose-products-tables__notification--mobile {
    display: none;
}

@media screen and (max-width: 1199px) {
    .dg-selection-materials__body {
        width: 100%;
    }

    .dg-selection-materials__table-wrapper .dg-purpose-products-tables__notification {
        padding-right: 0;
        display: none;
    }

    .dg-selection-materials__table-wrapper .dg-purpose-products-tables__notification--mobile {
        display: flex;
    }

    .dg-selection-materials__table-wrapper .dg-purpose-products-table__row-pin {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .dg-selection-materials__table-wrapper .dg-purpose-products-tables__notification--mobile {
        display: inline-block;
    }

    .dg-selection-materials__body {
        margin-bottom: 70px;
    }
}

/* FILTER */
.dg-selection-materials__filter-wrapper {
    max-width: 332px;
}

.dg-selection-materials__filter {
    /*max-height: 1220px;*/
    max-height: 100%;
    overflow: auto;
    padding-right: 5px;
}

.dg-selection-materials__filter::-webkit-scrollbar {
    width: 5px;
}

.dg-selection-materials__filter::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: var(--dgColorRed);
}

.dg-selection-materials__filter::-webkit-scrollbar-track {
    background-color: #F2F2F2;
    border-radius: 50px;
}

.dg-selection-materials__filter-block-wrapper:not(:last-child) {
    margin-bottom: 20px;
}

.dg-selection-materials__filter-title {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 20px;
}

.dg-selection-materials__filter-block-title {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 25px;
}

.dg-selection-materials__filter-block {
    display: flex;
    flex-direction: column;
}

.dg-selection-materials__filter-block label {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    display: flex;
}

.dg-selection-materials__filter-block label:not(:last-child) {
    margin-bottom: 10px;
}

.dg-selection-materials__filter-block label::before {
    content: "";
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    max-width: 20px;
    min-width: 20px;
    max-height: 20px;
    min-height: 20px;
    margin-right: 12px;
}

.dg-selection-materials__filter-block-wrapper {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    padding: 20px 10px 30px 15px;
}

.dg-selection-materials__filter-block input[type=checkbox] {
    display: none;
}

.dg-selection-materials__filter-block input:checked+label {
    color: var(--dgColorRed);
}

.dg-selection-materials__filter-block input:checked+label::before {
    background-image: url("/local/templates/Dugalak/css/../img/svg/dg-filter-bg-dot.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.dg-selection-materials__filter-close {
    display: none;
}

.dg-selection-materials__filter-btn-apply {
    display: none;
    text-align: center;
}

.dg-selection-materials__filter-btn-apply input {
    padding: 8px 120px;
}

.dg-selection-materials__filter-btn-clear a {
    padding: 8px 50px;
    max-width: 100%;
    width: 100%;
}

.dg-selection-materials__filter-btn-clear {
    margin-top: 20px;
    text-align: center;
    /*display: none;*/
}

/*.dg-selection-materials__filter-btn-clear--active {*/
/*    display: block;*/
/*}*/

@media screen and (max-width: 1640px) {
    .dg-selection-materials__table-wrapper .dg-purpose-products-table-outer-wrapper .swiper-button-next {
        right: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .dg-selection-materials__filter-wrapper {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: unset;
        z-index: 4;
        background-color: #fff;
        overflow: auto;
        max-height: 100%;
        min-width: 360px;
    }

    .dg-selection-materials__filter {
        max-height: 100%;
        overflow: hidden;
    }

    .dg-selection-materials__filter-wrapper--active {
        display: block;
    }

    .dg-selection-materials__filter-close {
        display: block;
        position: absolute;
        top: 50px;
        right: 30px;
    }

    .dg-selection-materials__filter-wrapper {
        padding: 40px 30px;
    }

    .dg-selection-materials__filter-title {
        font-style: normal;
        font-weight: 300;
        font-size: 36px;
        line-height: 55px;
        color: #333333;
        margin-bottom: 30px;
    }

    .dg-selection-materials__filter-block-title {
        font-size: 24px;
        line-height: 34px;
    }

    .dg-selection-materials__filter-block label::before {
        max-width: 30px;
        min-width: 30px;
        max-height: 30px;
        min-height: 30px;
    }

    .dg-selection-materials__filter-block label {
        font-size: 24px;
        line-height: 33px;
    }

    .dg-selection-materials__filter-block label:not(:last-child) {
        margin-bottom: 15px;
    }

    .dg-selection-materials__filter-block input:checked+label::before {
        background-size: 10px 10px;
    }

    .dg-selection-materials__filter-btn-apply {
        display: block;
        margin-top: 10px;
    }

    .dg-selection-materials__filter-btn-apply input {
        width: 50%;
    }

    .dg-selection-materials__filter-btn-clear a {
        width: 50%;
    }

    .dg-selection-materials__table-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .dg-selection-materials__filter-title {
        font-size: 28px;
        line-height: 39px;
    }

    .dg-selection-materials__filter-close {
        top: 28px;
    }

    .dg-selection-materials__filter-close a {
        display: flex;
    }

    .dg-selection-materials__filter-close svg {
        width: 30px;
        height: 28px;
    }

    .dg-selection-materials__filter-block-title {
        font-size: 18px;
        line-height: 25px;
    }

    .dg-selection-materials__filter-block label {
        font-size: 16px;
        line-height: 24px;
    }

    .dg-selection-materials__filter-block label::before {
        max-width: 20px;
        min-width: 20px;
        max-height: 20px;
        min-height: 20px;
    }

    .dg-selection-materials__filter-block input:checked+label::before {
        background-size: 7px 7px;
    }

    .dg-selection-materials__filter-wrapper {
        padding: 22px 20px;
    }

    .dg-selection-materials__filter-btn-apply input {
        padding: 8px 100px;
        width: 100%;
    }

    .dg-selection-materials__filter-btn-clear a {
        padding: 8px 100px;
        width: 100%;
    }
}

/* END FILTER */

/* TABLE */
.dg-selection-materials__table-wrapper .dg-purpose-products-table>div {
    min-width: 270px;
    max-width: 229px;
}

.dg-selection-materials__table-wrapper .dg-purpose-products-table>div.dg-purpose-products-table__first-col {
    min-width: 260px;
    max-width: 260px;
}

.dg-selection-materials__table-wrapper .dg-purpose-products-table-outer-wrapper .swiper-button-prev {
    left: -15px;
}

.dg-selection-materials__table-wrapper .dg-purpose-products-table-outer-wrapper .swiper-button-next {
    right: 50px;
    transform: translateX(0);
}

/*.dg-selection-materials__table-wrapper .dg-purpose-products-table-outer-wrapper::after,*/
/*.dg-purpose-products__bottom .dg-purpose-products-table-outer-wrapper::after {*/
/*    content: "";*/
/*    width: 10px;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    top: 70px;*/
/*    right: 0;*/
/*    z-index: 1;*/
/*    background-color: rgba(255, 255, 255, 1);*/
/*    box-shadow: 0px 0px 40px 60px rgba(255, 255, 255, 0.7);*/
/*}*/

.dg-selection-materials__table-wrapper .swiper-slide {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #747474;
}

.dg-selection-materials__table-wrapper .dg-purpose-products-table>div:not(:nth-child(1)) span:first-child {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #333333;
    padding-right: 35px;
}

.dg-selection-materials__table-wrapper .dg-purpose-products-tables {
    margin-bottom: 0;
}

.dg-selection-materials .dg-purpose-products-table-mobile__bottom-arrows-pagination {
    display: none;
}

@media screen and (max-width: 1640px) {
    .dg-selection-materials__table-wrapper .dg-purpose-products-table-outer-wrapper .swiper-button-next {
        right: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .dg-selection-materials__table-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .dg-selection-materials__table-wrapper .dg-purpose-products-table-mobile .swiper-slide span {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        font-size: 15px;
        line-height: 22px;
        color: #747474;
    }

    .dg-selection-materials__table-wrapper .dg-purpose-products-table-mobile>div span:first-child {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        color: #333333;
    }
}

@media screen and (max-width: 767px) {

    /* .dg-selection-materials__table-wrapper .dg-purpose-products-table-mobile-outer-wrapper .swiper-button-prev,
    .dg-selection-materials__table-wrapper .dg-purpose-products-table-mobile-outer-wrapper .swiper-button-next {
        display: none;
    } */

    .dg-selection-materials__table-wrapper .dg-purpose-products-table-mobile>div span:first-child {
        font-weight: 600;
        letter-spacing: -0.5px;
        line-height: 120%;
        font-size: 15px;
        justify-content: space-between;
    }

    .dg-selection-materials__table-wrapper .dg-purpose-products-table-mobile-outer-wrapper .dg-purpose-products-table-mobile__bottom-arrows .swiper-button-prev,
    .dg-selection-materials__table-wrapper .dg-purpose-products-table-mobile-outer-wrapper .dg-purpose-products-table-mobile__bottom-arrows .swiper-button-next {
        display: block;
    }

}

/* END TABLE */

/* End */


/* Start:/local/templates/Dugalak/css/team.css?17113160124084*/
/*MANAGEMENT*/
.dg-team__management{
    max-width: 1280px;
}
.dg-team__management:not(:last-child){
    margin-bottom: 50px;
}
.dg-team__management-items{
    display: flex;
    flex-direction: column;
}
.dg-team__management-item{
    display: flex;
    min-height: 500px;
    align-items: center;
}
.dg-team__management-item-img{
    margin-right: 80px;
    width: 35%;
    flex: 0 0 auto;
}
.dg-team__management-item:not(:nth-child(even)) .dg-team__management-quote::before{
    transform: translateX(-80%) translateY(-40%);
}
.dg-team__management-item:nth-child(even){
    margin-top: -50px;
}
.dg-team__management-item:nth-child(even) .dg-team__management-item-img{
    order: 2;
    margin-right: 0;
    margin-left: 80px;
}
.dg-team__management-item:nth-child(even) .dg-team__management-item-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dg-team__management-name{
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #333333;
    margin-bottom: 15px;
}
.dg-team__management-position{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    margin-bottom: 15px;
}
.dg-team__management-desc{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin-bottom: 45px;
}
.dg-team__management-quote{
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    position: relative;
    padding-right: 35px;
}
.dg-team__management-quote::before{
    content: "";
    display: block;
    width: 91px;
    height: 83px;
    background-image: url("/local/templates/Dugalak/css/../img/svg/team-quote.svg");
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-40%);
    z-index: -1;
}
.dg-team__management-item-img img{
    max-width: 100%;
    width: 100%;
}

@media screen and (max-width: 1199px){
    .dg-team__management-items{
        row-gap: 100px;
    }
    .dg-team__management-item{
        flex-direction: column;
    }
    .dg-team__management-item:nth-child(even){
        margin-top: 0;
    }
    .dg-team__management-item .dg-team__management-item-img{
        margin-right: 0;
        width: 67%;
    }
    .dg-team__management-item:nth-child(even) .dg-team__management-item-img{
        order: 0;
        margin-left: 0;
    }
    .dg-team__management-item:nth-child(even) .dg-team__management-item-text{
        display: flex;
        flex-direction: column;
        align-self: center;
    }
    .dg-team__management-item-img{
        text-align: center;
        margin-bottom: 30px;
    }
    .dg-team__management-desc{
        margin-bottom: 30px;
    }
    .dg-team__management-quote{
        padding-right: 0;
    }
    .dg-team__management-item:not(:nth-child(even)) .dg-team__management-quote::before{
        transform: translateX(-20%) translateY(-20%);
    }
    .dg-team__management-quote::before{
        transform: translateY(-20%);
    }
    .dg-team__management:not(:last-child){
        margin-bottom: 110px;
    }
}
@media screen and (max-width: 767px){
    .dg-team__management-item-img{
        margin-bottom: 20px;
    }
    .dg-team__management-quote::before{
        transform: translateX(0);
    }
    .dg-team__management-quote{
        max-height: 120px;
    }
    .dg-team__management-items {
        row-gap: 50px;
    }
    .dg-team__management-item .dg-team__management-item-img{
        width: 100%;
    }
    .dg-team__management-desc{
        margin-bottom: 35px;
    }
    .dg-team__management:not(:last-child){
        margin-bottom: 70px;
    }
    .dg-team__management-item:not(:nth-child(even)) .dg-team__management-quote::before{
        transform: translateX(0%) translateY(0%);
    }
    .dg-team__management-quote::before{
        transform: translateY(0%);
    }
}

/*END MANAGEMENT*/

/* End */


/* Start:/local/templates/Dugalak/css/media.css?17477234128959*/
body.no-scroll {
    overflow: hidden;
}

.media-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
    display: none;
    color: #fff;
    --basicColor: #DF2624;
    --basicColorText: #fff;
    --addColor: #fff;
    --addColorText: #1F1111;
}

.media-popup.active {
    display: block;
}

.media-popup * {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.media-popup__bg {
    width: 100vw;
    height: 100vh;
    background: #000;
    position: absolute;
    z-index: 0;
}

.media-popup__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 80px;
    height: 80px;
    color: var(--basicColorText);
    /*background: var(--basicColor);*/
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}

.media-popup__close:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: var(--basicColor);
    opacity: .5;
    border-radius: 80px;
    transform: translate(-50%, -50%);
    transition: .15s ease-in-out;
    z-index: -1;
}

.media-popup__close:hover:before {
    width: 100%;
    height: 100%;
}

.media-popup__close svg {
    width: 42.5%;
}

.media-popup__content {
    width: 100%;
    height: 100%;
}

.media-popup__slider {
    width: 100%;
    height: 100%;
}

.media-popup__content .swiper {
    width: 100%;
    height: 100%;
}

.media-popup-item__content {
    width: 100%;
    height: 100%;
}

.media-popup-item__content img {
    /*width: 100%;*/
    height: 100%;
    object-fit: contain;
    /*pointer-events: none;*/
}

.media-popup__info,
.media-popup-item__info {
    position: absolute;
    height: 101px;
    width: 100%;
    bottom: 0;
    transition: .3s;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 18px 41px 0 41px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    pointer-events: none;
}

.media-popup__buttons + .media-popup__slider .media-popup__info,
.media-popup__buttons + .media-popup__slider .media-popup-item__info {
    padding-right: 241px;
}

.media-popup__info-title,
.media-popup-item__info-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.media-popup__info-date,
.media-popup-item__info-date {
    margin-top: 10px;
    order: 2;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
}

.media-popup.zoomed .media-popup__info-title,
.media-popup.zoomed .media-popup__info-date,
.media-popup.zoomed .media-popup-item__info-title,
.media-popup.zoomed .media-popup-item__info-date {
    display: none;
}

.media-popup__info-date + .media-popup__info-title,
.media-popup-item__info-date + .media-popup-item__info-title {
    -webkit-line-clamp: 1;
}

.media-popup-item__info {
    position: absolute;
    height: 101px;
    width: 100%;
    bottom: 0;
    padding-right: 200px;
    transition: .3s;
}

.media-popup__buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 3;
    pointer-events: none;
    transition: .3s;
    width: 100%;
    justify-content: end;
}

.media-popup__button {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    transition: .3s;
    position: relative;
}

.media-popup__button svg {
    width: 26%;
    transform: translateX(-20%);
}

.media-popup__button--prev {
    color: var(--basicColorText);
}

.media-popup__button--next {
    transform: rotate(180deg);
    color: var(--basicColorText);
}

.media-popup__button:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: var(--basicColor);
    opacity: .5;
    border-radius: 80px;
    transform: translate(-50%, -50%);
    transition: .15s ease-in-out;
    z-index: -1;
}

.media-popup__button:hover:before {
    width: 100%;
    height: 100%;
}


.media-popup.zoomed .media-popup__close,
.media-popup.zoomed .media-popup__buttons,
.media-popup.zoomed .media-popup__info,
.media-popup.zoomed .media-popup-item__info {
    opacity: 0;
    pointer-events: none;
}

.media-popup__content .swiper-zoom-container {
    cursor: pointer;
    position: relative;
}

.media-popup.zoomed .swiper-zoom-container {
    cursor: move;
}

.media-popup-item__content:not(.full-height) {
    padding: 80px 0 101px;
}

.media-popup-item__video {
    width: 100%;
    height: 100%;
    position: relative;
}

.media-popup-item__video-iframe,
.media-popup-item__video-iframe iframe,
.media-popup-item__video-file {
    width: 100%;
    height: 100%;
}

.media-popup-item__preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
}

.media-popup-item__video:not(.played) .media-popup-item__preview:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #13131380;
}

.media-popup-item__video-play {
    content: "";
    display: block;
    width: 145px;
    height: 145px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-image: url("/local/templates/Dugalak/css/../img/svg/video-icon-play.svg");
    background-size: contain;
    cursor: pointer;
    z-index: 2;
}

.media-popup-item__video.played .media-popup-item__preview{
    display: none;
}

@media (max-width: 991px) {
    .media-popup__info,
    .media-popup-item__info {
        padding: 8px 22px 0 22px;
        height: 61px;
    }

    .media-popup__buttons + .media-popup__slider .media-popup__info,
    .media-popup__buttons + .media-popup__slider .media-popup-item__info {
        padding-right: 142px;
    }

    .media-popup__info-title,
    .media-popup-item__info-title {
        font-size: 18px;
        line-height: 22px;
    }

    .media-popup__info-date,
    .media-popup-item__info-date {
        font-size: 12px;
        line-height: 140%;
        margin-top: 4px;
    }

    .media-popup__close {
        width: 40px;
        height: 40px;
    }
    .media-popup__button {
        width: 60px;
        height: 60px;
    }

    .media-popup-item__content:not(.full-height) {
        padding: 40px 0 61px;
    }

    .media-popup-item__info {
        height: 61px;
        padding-right: 120px;
    }

    .media-popup__content .swiper-zoom-container::before {
        width: 65px;
        height: 65px;
    }

    .media-popup-item__video-play {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 599px) {
    .media-popup__slider {
        display: flex;
        flex-direction: column;
    }

    .media-popup__slider .swiper {
        flex: 1;
        height: auto;
    }

    .media-popup-item {
        display: flex;
        flex-direction: column;
    }

    .media-popup__buttons {
        justify-content: space-between;
        border-top: 1px solid rgba(255, 255, 255, 0.25);
    }

    .media-popup__buttons + .media-popup__slider .media-popup-item {
        padding-bottom: 60px;
    }

    .media-popup-item__content {
        flex: 1;
        padding: 0 15px;
    }

    .media-popup-item__content:not(.full-height) {
        padding: 0 15px;
    }

    .media-popup__buttons + .media-popup__slider .media-popup-item__content:not(.full-height) {
        padding-bottom: 61px;
    }

    .media-popup__info,
    .media-popup-item__info {
        position: relative;
        height: fit-content;
        padding: 15px 67px 10px 27px;
        min-height: 40px;
    }

    .media-popup__buttons + .media-popup__slider .media-popup__info,
    .media-popup__buttons + .media-popup__slider .media-popup-item__info{
        padding: 15px 67px 10px 27px;
    }

    .media-popup.zoomed .media-popup__info,
    .media-popup.zoomed .media-popup-item__info {
        height: 0;
        padding: 0;
        min-height: 0;
        border: 0;
    }

    .media-popup.zoomed .media-popup__buttons + .media-popup__slider .media-popup__info
    .media-popup.zoomed .media-popup__buttons + .media-popup__slider .media-popup-item__info {
        padding: 0;
    }

    .media-popup__info-title {
        -webkit-line-clamp: 3;
    }

    .media-popup__buttons + .media-popup__slider .media-popup__info-title {
        -webkit-line-clamp: 3;
    }

    .media-popup-item__info {
        position: relative;
        height: fit-content;
        padding-right: 40px;
        min-height: 40px;
    }
}
/* End */


/* Start:/local/templates/Dugalak/css/custom.css?175940808626885*/
.content {
    position: relative;
    width: 100%;
}

section a {
    color: var(--dgColorRed);
}

.container-ajax {
    padding-bottom: 50px;
}

.dg-news-cards__item-img {
    position: relative;
    padding-top: 64%;
}

.dg-news-cards__item-img-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.dg-news-cards__item-img img {
    height: 100%;
    object-fit: cover;
}

.dg-media-library-g__item {
    padding-top: 73.333333%;
    position: relative;
    /*width: 100%;*/
}

.dg-media-library-g .dg-media-library-g__item:nth-child(9n+4) {
    padding-top: 41.088%;
}

.dg-media-library-g .dg-media-library-g__item:nth-child(9n+6) {
    padding-top: calc(146.666667% + 30px);
}

.dg-media-library-g__item-info {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.dg-media-library-g__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.dg-pages-tabs__tab {
    text-decoration: none;
}

.dg-banner-breadcrumbs.process-animate .dg-main-banner--half-height {
    height: 100%;
    min-height: 427px;
}

.dg-banner-breadcrumbs.process-animate .dg-main-banner--half-height .dg-main-banner__swiper-inner-wrapper {
    height: 100%;
    min-height: 427px;
}

.dg-contacts-tabs-page__map .map {
    padding-top: 42%;
    min-height: 345px;
}

.swiper-button-prev::after, .swiper-button-next::after {
    content: "";
}

.dg-see-also {
    margin-bottom: 90px;
}

.dg-media-popup__title-date--mobile {
    max-width: calc(100% - 50px);
    margin-left: 0;
}

.dg-footer__third-col {
    margin-left: 0;
}

.dg-footer__col-search {
    margin: auto;
}

.dg-footer__col-search a {
    line-height: 0;
    display: flex;
    align-items: center;
    padding: 5px;
}

.dg-footer__col-search svg {
    stroke: #E9E9E9;
    transition: var(--linkColorHoverTransition);
}

.dg-footer__col-search:hover svg {
    stroke: var(--linkColorHovered);
}

.dg-certificates-items__item {
    display: flex;
    flex-direction: column;
}

.dg-certificates-items__item-title {
    flex: 1;
}

.grecaptcha-badge {
    z-index: 2;
}

.cursor2.hide {
    display: none;
}

.dg-form-success-sent {
    z-index: 20;
}

.filter-subsection {
    padding-left: 20px;
}

.dg-selection-materials__filter-block-title {
    margin-bottom: 15px;
}

.dg-selection-materials__filter .dg-selection-materials__filter-block label {
    margin-bottom: 0;
    padding-right: 5px;
}

.filter-parent {
    padding-right: 15px;
}

.dg-main-banner__swiper-slide {
    width: 100%;
    max-width: 100vw;
}

.filter-item {
    margin-top: 10px;
    position: relative;
}

.filter-section {
    position: relative;
}

.filter-item__line {
    display: none;
}

.filter-section > .filter-item__line {
    display: block;
    position: absolute;
    top: 21px;
    left: 9px;
    width: 1px;
    height: 0;
    border-left: 1px solid #E0E0E0;
    transition: .3s;
}

.filter-subsection .filter-item:before {
    content: "";
    display: block;
    left: -11px;
    top: 10px;
    position: absolute;
    width: 11px;
    height: 1px;
    border-top: 1px solid #E0E0E0;
}

.filter-subsection .filter-item:last-child:after {
    content: "";
    display: block;
    left: -12px;
    top: 11px;
    position: absolute;
    width: 2px;
    height: 100%;
    border: 1px solid #fff;
    background: #fff;
}

.filter-item__toggle {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
    width: 12px;
    height: 12px;
}

.filter-item__toggle:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    width: 10px;
    height: 0;
    border-top: 1.5px solid #BDBDBD;
}

.filter-item__toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    width: 0;
    height: 10px;
    border-left: 1.5px solid #BDBDBD;
    transition: .2s;
}

.filter-item__toggle svg {
    width: 10px;
    height: 10px;
}

.filter-subsection {
    height: 0;
    overflow: hidden;
    transition: height .3s;
}

.filter-section.opened > .filter-item__line {
    height: calc(100% - 21px);
}

.filter-section.opened > .filter-subsection {
    height: auto;
}

.filter-section.opened > .filter-item__toggle:after {
    height: 0;
}

.filter-section.selected > label:before {
    background-image: url('/local/templates/Dugalak/css/../img/svg/dg-filter-bg-dot--gray.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.dg-purpose-products__top {
    display: flex;
    justify-content: space-between;
}

.dg-purpose-products__filter-btn {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    padding-right: 29px;
}

.dg-purpose-products__filter-btn-title {
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.02em;
    text-transform: uppercase;

    color: #333333;
}

.dg-purpose-products__filter-btn a {
    cursor: pointer;
}

.dg-purpose-products__filter-btn span {
    background-color: var(--dgColorRed);
    border-radius: 50%;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    padding: 0px 9px;
    margin-left: 4px;
}

.dg-purpose-products__filter-btn .count {
    position: absolute;
    right: 0;
}

.dg-purpose-products__bottom {
    position: relative;
}

.dg-purpose-products__filter {
    top: 20px;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    z-index: 2;
    padding: 30px 30px 47px 25px;
    max-width: unset;
    display: none;
}

.dg-purpose-products__filter.dg-selection-materials__filter-wrapper--active {
    display: block;
}

.menu-link__icon {
    width: 120px;
    height: 78px;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex: 0 0 auto;
}

.menu-link__icon img {
    max-width: 100%;
}

.dg-header__wide-submenu-sections li a img {
    margin-right: 0;
}

.menu-mobile-item__icon {
    width: 60px;
    height: 60px;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 60px;
    overflow: hidden;
}

.menu-mobile-item__icon img {
    height: 80%;
    width: 100%;
    object-fit: cover;
}

.dg-purpose-products-tables__not-found {
    width: 100%;
    padding: 0px var(--dgLeftAndRightPadding);
    color: var(--dgColorRed);
}

.dg-team, .dg-distributors {
    padding-bottom: 50px;
}

.dg-footer__captcha {
    display: block;
}

.dg-footer__copyright {
    flex: 1;
}

.dg-footer__bottom-line .dg-footer__second-col {
    padding: 0;
    display: flex;
    /*flex: 2;*/
    justify-content: space-between;
    align-items: center;
}

.dg-footer__third-col:not(.dg-footer__social) {
    flex: 1;
}

.dg-main-banner__swiper-slide-desc {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.main-content-news-blocks-container {
    justify-content: unset;
}

.main-content-news-block-content {
    min-height: 431px;
}

.grecaptcha-badge {
    visibility: hidden;
}

.dg-main-banner__swiper-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.dg-main-banner__swiper-inner-wrapper{
    max-height: calc(100vh - 70px);
    padding-bottom: 140px;
}

.dg-pages-tabs__page.dg-documentation{
    margin-top: -20px;
}

@media (min-width: 1921px) {
    .dg-press-center-detail {
    }
}

@media (max-width: 1260px) {
    .dg-footer__copyright {
        display: none;
    }
}

.dg-press-center-detail{
    max-width: 100%;
}

.dg-company-main-banner .dg-main-banner__swiper-inner-wrapper {
    max-height: calc(100vh - 70px);
}
.dg-company-gallery .swiper-slide {
    max-height: 90vh;
}

@media screen and (max-width: 1640px) {
    .dg-company-basic-principles__items {
        justify-content: center;
        text-align: center;
        gap: 40px 30px;
    }
    .dg-company-basic-principles__item {
        width: calc(33% - 40px);
    }
}


@media (max-width: 1023px) {
    .dg-footer__bottom-line .dg-footer__second-col {
        display: block;
    }

    .dg-footer__pdpp {
        max-width: unset;
    }

    .dg-footer__pdpp + .dg-footer__pdpp {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .dg-main-banner__swiper-inner-wrapper {
        padding-bottom: 20px;
    }
    
    .dg-main-banner__swiper-inner-wrapper.dg-container {
        padding-bottom: 30px;
    }

    .dg-main-banner__swiper .dg-main-banner__swiper-inner-wrapper.dg-container {
        padding-bottom: 160px;
    }

    .dg-media-library-g .dg-media-library-g__item:nth-child(9n+3) {
        padding-top: 41.088%;
    }

    .dg-media-library-g .dg-media-library-g__item:nth-child(9n+4) {
        padding-top: 73.333333%;
    }

    .dg-media-library-g .dg-media-library-g__item:nth-child(9n+6) {
        padding-top: 73.333333%;
    }

    .dg-media-library-g__item img {
        transform: translate(0, 0);
    }

    .dg-media-popup-item:hover > img {
        transform: scale(1.2);
    }

    .dg-news-cards__item img {
        top: 0;
        left: 0;
        transform: unset;
    }

    .dg-news-cards__item a:hover img {
        transform: scale(1.2);
    }

    .dg-company-history__years-btn-prev, .dg-company-history__years-btn-next {
        display: none;
    }

    .dg-company-basic-principles__items {
        justify-content: center;
        text-align: center;
    }

    .dg-footer__col-search {
        display: none;
    }

    .dg-footer__third-col {
        margin-left: auto;
    }

    .dg-main-banner__swiper-bg {
        display: block;
    }

    .dg-main-banner__swiper-bg--md,
    .dg-main-banner__swiper-bg--sm {
        display: none;
    }

    .dg-selection-materials__filter-wrapper {
        z-index: 100;
    }

    .filter-item__toggle svg {
        width: 16px;
        height: 16px;
    }

    .dg-purpose-products__filter {
        top: 0;
        position: fixed;
        z-index: 100;
        height: 100%;
    }

    .dg-purpose-products__filter .dg-selection-materials__filter {
        max-height: unset;
    }

    .dg-header__wide-submenu-btn {
        padding: 0;
        width: fit-content;
    }

    .dg-header__wide-submenu-btn a {
        text-transform: unset;
    }

    .dg-purpose-products-tables__not-found {
        padding: 0;
    }

    .main-content-news-block-content {
        min-height: 280px;
        height: auto;
    }

    .dg-main-banner__swiper-inner-wrapper {
        justify-content: flex-end;
    }
}


@media (min-width: 768px) and (max-width: 1199px) {
    .filter-subsection {
        padding-left: 30px;
    }

    .filter-item {
        margin-top: 15px;
    }

    .filter-section > .filter-item__line {
        top: 31px;
        left: 14px;
    }

    .filter-section.opened > .filter-item__line {
        height: calc(100% - 31px);
    }

    .filter-subsection .filter-item:before {
        left: -16px;
        top: 15px;
        width: 16px;
    }

    .filter-subsection .filter-item:last-child:after {
        left: -16px;
        top: 16px;
    }

    .dg-main-banner__swiper-inner-wrapper {
        padding-bottom: 86px;
    }
}

@media screen and (max-width: 767px) {
    .dg-news-cards__item-img {
        min-height: unset;
    }

    .dg-company-basic-principles__items {
        justify-content: center;
        text-align: center;
        gap: 30px;
    }
    .dg-company-basic-principles__item {
        width: 100%;

    }

    .dg-main-banner__swiper-inner-wrapper.dg-container {
        padding-bottom: 30px;
    }

    .dg-main-banner__swiper .dg-main-banner__swiper-inner-wrapper.dg-container {
        padding-bottom: 100px;
    }

    .dg-media-library-g .dg-media-library-g__item:nth-child(9n+3) {
        padding-top: 73.333333%;
    }

    .dg-footer__third-col {
        margin-left: unset;
    }

    .dg-main-banner__swiper-bg--sm {
        display: none;
    }

    .filter-item__toggle svg {
        width: 10px;
        height: 10px;
    }

    .dg-purpose-products__top {
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }

    .dg-purpose-products__filter-btn {
        margin-bottom: 20px;
    }

    .dg-footer__pdpp a {
        justify-content: center;
    }

    .dg-main-banner__swiper-inner-wrapper {
        justify-content: flex-end;
    }

    .dg-main-banner__swiper-mobile-content {
        display: none;
    }
}

.catalog-filter-btns {
    display: flex;
    align-items: center;
    position: relative;
}

.filter-open-btn {
    position: relative;
}

.dg-selection-materials__filter-clear {
    flex: 0 0 auto;
    /*height: fit-content;*/
    color: #000;
    font-size: 15px;
    line-height: 150%;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: 63px;

    padding: 9px 61px 8px 67px;
    border-radius: 100px;
    border: 1px solid #B4B4B4;
}

.dg-selection-materials__filter-wrapper .dg-selection-materials__filter-clear {
    position: absolute;
    right: 0;
    transform: translate(20%, -25%);
}

.dg-selection-materials__filter .dg-selection-materials__filter-clear {
    display: none;
}

.dg-purpose-products-table > div > span.products__dynamic-viscosity,
.dg-purpose-products-table > div > span.products__gelatinisation,
.dg-purpose-products-table > div > span.products__viscosity {
    text-transform: unset;
}

.dg-purpose-products-table__row-file {
    margin-top: 20px;
}

.dg-purpose-products-table-mobile__base,
.dg-purpose-products-table__base {
    align-items: center;
}

@media (max-width: 1199px) {
    .dg-selection-materials__filter-clear {
        display: none;
    }

    .dg-selection-materials__filter-wrapper .dg-selection-materials__filter-clear {
        display: block;
        position: initial;
        transform: unset;
        margin: 20px auto;
        width: 50%;
    }

    .dg-selection-materials__filter-wrapper .catalog-filter-btns {
        position: initial;
    }

    .dg-selection-materials__filter-wrapper .dg-selection-materials__filter-clear:not(.dg-selection-materials__filter-btn-clear) {
        display: none;
    }
}

@media (max-width: 767px) {
    .dg-selection-materials__filter-wrapper .dg-selection-materials__filter-clear {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .dg-breadcrumbs {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .dg-breadcrumbs a {
        font-size: 14px;
        word-break: break-all;
    }

    .dg-breadcrumbs a:not(:last-child) {
        margin-right: 5px;
    }

    .dg-breadcrumbs a:not(:first-child)::before {
        margin-right: 5px;
    }

    .dg-breadcrumbs > div {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .dg-mobile-menu__logo img.dg-mobile-menu__logo-sm {
        width: 40px;
    }
}

.dg-purpose-products-table > div > span {
    text-align: center;
}

.dg-purpose-products-table > div.dg-purpose-products-table__first-col span {
    text-transform: none;
    text-align: center;
    justify-content: center;
}


/* FEEDBACK FORM STYLES */

.dg-feedback-form form {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /*padding-bottom: 160px;*/
}

.dg-feedback-form--contacts-page form {
    padding-bottom: 0;
}

.dg-feedback-form__captcha {

    position: static;
    left: auto;
    bottom: auto;
}

.dg-feedback-form--contacts-page .dg-feedback-form__captcha {
    position: initial;
    width: 100%;
}

.dg-feedback-form__pdp {
    position: relative;
    left: auto;
    bottom: auto;
}

.dg-feedback-form--contacts-page .dg-feedback-form__pdp {
    position: relative;
}

.dg-feedback-form .dg-feedback-form__pdp input {
    position: absolute;
    width: 0;
    height: 0;
    border: none;
    opacity: 0;
}

.dg-feedback-form__pdp span {
    /*position: relative;*/
    display: inline-block;
    padding-left: 26px;
}

.dg-feedback-form__pdp span:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 1px solid #E0E0E0;
}

.dg-feedback-form__pdp input:checked + span:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: var(--dgColorRed);
    border-radius: 50%;
}

@media (max-width: 1199px) {
    .dg-feedback-form form {
        padding-bottom: 0;
    }

    .dg-feedback-form__captcha {
        position: initial;
    }

    .dg-feedback-form__pdp {
        position: relative;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* FEEDBACK FORM ADAPTIVE LAYOUT */

/* Поля */
.dg-feedback-form__field {
    flex: 1 1 100%;
}

.dg-feedback-form__field--name,
.dg-feedback-form__field--phone,
.dg-feedback-form__field--email {
    flex: 1 1 calc(33.333% - 14px);
}

.dg-feedback-form__field--subject,
.dg-feedback-form__field--message {
    flex: 1 1 100%;
}

/* --- Desktop (>=1200px) --- */
@media screen and (min-width: 1200px) {
    .dg-feedback-form__footer-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 40px;
        width: 100%;
    }

    /* Капча занимает 20% ширины минус половина gap */
    .dg-feedback-form__captcha {
        /*flex: 0 0 calc(20% - 20px);*/
        /*max-width: calc(20% - 20px);*/
        flex: 0 0 300px;
        max-width: 300px;
        min-height: 100px;
        box-sizing: border-box;
    }

    /* Все вложенные элементы капчи растягиваются */
    .dg-feedback-form__captcha iframe,
    .dg-feedback-form__captcha > div,
    .dg-feedback-form__captcha > * {
        width: 100% !important;
        height: 100% !important;
        display: block;
    }

    /* Actions (чекбокс + кнопка) занимают оставшуюся ширину flex контейнера */
    .dg-feedback-form__actions {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .dg-feedback-form__actions .dg-btn {
        align-self: flex-start;
    }
}

/* --- Tablet (768–1199px) --- */
@media screen and (max-width: 1199px) and (min-width: 768px) {
    .dg-feedback-form form {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .dg-feedback-form__field--name,
    .dg-feedback-form__field--phone,
    .dg-feedback-form__field--email {
        flex: 1 1 calc(33.333% - 14px);
    }

    .dg-feedback-form__field--subject,
    .dg-feedback-form__field--message {
        flex: 1 1 100%;
    }

    /* футер — в столбик */
    .dg-feedback-form__footer-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0px;
    }

    .dg-feedback-form__captcha,
    .dg-feedback-form__actions {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .dg-feedback-form__actions {
        align-items: stretch;
    }

    .dg-feedback-form__actions .dg-btn {
        width: 100%;
    }

    /*делаем чтобы галка и текст согласия были по центру:*/
    .dg-feedback-form__actions .dg-feedback-form__pdp {
        display: flex;
        justify-content: center; /* центрируем весь блок */
    }
    .dg-feedback-form__actions .dg-feedback-form__pdp label {
        display: inline-flex;       /* flex, чтобы управлять внутренними элементами */
        align-items: center;        /* вертикальное выравнивание */
        justify-content: center;    /* центрируем горизонтально */
        gap: 8px;                   /* расстояние между галочкой и текстом */
        position: relative;
    }
    .dg-feedback-form__actions .dg-feedback-form__pdp span {
        display: inline-flex;       /* flex для span, чтобы псевдоэлемент и текст выравнивались вместе */
        align-items: center;
        position: relative;
        padding-left: 0;            /* убираем левый отступ, чтобы псевдоэлемент оказался рядом с текстом */
    }
    .dg-feedback-form__actions .dg-feedback-form__pdp span:before {
        left: auto;                 /* убираем абсолютное левое позиционирование */
        margin-right: 8px;          /* отступ от текста */
        position: relative;          /* делаем псевдоэлемент относительным */
        top: 0;
        transform: none;
    }
    .dg-feedback-form__actions .dg-feedback-form__pdp input:checked + span:after {
        left: 4px;                  /* скорректировать под новый псевдоэлемент */
        top: 4px;
        transform: none;
    }
    /*END делаем чтобы галка и текст согласия были по центру:*/
}

/* --- Mobile (<=767px) --- */
@media screen and (max-width: 767px) {
    .dg-feedback-form form {
        flex-direction: column;
    }

    .dg-feedback-form__field {
        flex: 1 1 100%;
    }

    .dg-feedback-form__footer-wrapper {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .dg-feedback-form__captcha,
    .dg-feedback-form__actions {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .dg-feedback-form__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .dg-feedback-form__actions .dg-btn {
        width: 100%;
    }
}

/* END FEEDBACK FORM STYLES */


.dg-company-history__text-pagination-btns {
    position: relative;
    height: 30px;
}

.dg-company-history__btns {
    position: absolute;
    display: flex;
    left: 150px;
}

@media (max-width: 1199px) {
    .dg-company-history__btns {
        left: unset;
        right: 0;
    }
}

@media (max-width: 767px) {
    .dg-main-banner__swiper-slide-title {
        padding-left: 0;
        padding-right: 0;
    }

    .dg-pages-tabs__page.dg-documentation{
        margin-top: 40px;
    }
}

.dg-purpose-products-types-of-packaging__types {
    flex: 1;
}

.dg-purpose-products-types-of-packaging__types-item {
    width: fit-content;
    height: auto;
}

.dg-purpose-products-types-of-packaging__desc-btn a {
    font-weight: 500;
}

.dg-purpose-products-table > div > .product__base {
    text-transform: unset;
}

@media (min-width: 1641px) {
    .dg-purpose-products-table-outer-wrapper {
        margin-right: -21px;
    }
}

.dg-contacts-tabs-page__additional-info-block .dg-contacts-tabs-page__desc {
    width: 100%;
}

.dg-in-develop__img {
    display: flex;
    justify-content: center;
    position: relative;
}

.dg-in-develop__img img:not(.dg-in-develop__ball) {
    flex: 1 0 auto;
    width: 140%;
    max-width: 140%;
}

.dg-404__text {
    position: relative;
}

.dg-in-develop__text-left-ball {
    width: 91px;
    height: 91px;
    position: absolute;
    top: -29px;
    left: -54px;
    transform: translate(-100%, -100%);
}

.dg-in-develop__ball {
    position: absolute;
    object-fit: contain;
    pointer-events: none;
    touch-action: none;
}

.dg-in-develop__ball[data-ball="1"] {
    position: initial;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dg-in-develop__ball[data-ball="2"] {
    width: 19px;
    height: 19px;
    object-fit: contain;
    top: 0;
    right: 0;
}

.dg-in-develop__ball[data-ball="3"] {
    width: 124px;
    height: 124px;
    top: -79px;
    left: 60%;
    transform: translateY(-100%);
}

.dg-in-develop__ball[data-ball="4"] {
    width: 55px;
    height: 55px;
    top: -51px;
    left: 80%;
    transform: translateY(-100%);
}

.dg-in-develop__ball[data-ball="5"] {
    width: 188px;
    height: 188px;
    top: calc(100% + 37px);
    left: -33px;
}

.dg-in-develop__ball[data-ball="6"] {
    width: 41px;
    height: 41px;
    right: 0;
    bottom: 7.6%;
}

@media (max-width: 1199px) {
    .dg-in-develop__img {
        display: block;
    }

    .dg-in-develop__img img:not(.dg-in-develop__ball) {
        width: 100%;
        max-width: 100%;
    }

    .dg-in-develop__text-left-ball,
    .dg-in-develop__ball[data-ball="3"] {
        display: none;
    }

    .dg-in-develop__ball[data-ball="5"] {
        width: 278px;
        height: 278px;
        top: calc(100% + 43px);
        left: -20px;
        transform: translateX(-50%);
    }

    .dg-404__title {
        position: relative;
    }

    .dg-in-develop__ball[data-ball="4"] {
        width: 82px;
        height: 82px;
        top: unset;
        left: unset;
        bottom: 4px;
        right: 120px;
        transform: translateY(100%);
    }

    .dg-in-develop__ball[data-ball="6"] {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 600px) {
    .dg-in-develop__ball[data-ball="5"] {
        width: 152px;
        height: 152px;
        top: calc(100% + 10px);
    }

    .dg-in-develop__ball[data-ball="4"] {
        width: 58px;
        height: 58px;
        right: 32px;
    }

    .dg-in-develop__ball[data-ball="6"] {
        width: 22px;
        height: 22px;
        bottom: 17%;
    }
}

@media (max-width: 395px) {
    .dg-in-develop__ball[data-ball="4"] {
        top: 0;
        bottom: unset;
        transform: translateY(-50%);
    }
}

.ymaps3x0--marker > div{
    cursor: pointer;
}

.ymaps3x0--marker > div img{
    transform: translate(-50%, -100%);
}

.ymaps3x0--marker > div canvas{
    transform: translate(-50%, -50%);
}

.ymaps3--popup-marker {
    transform: translateY(-40px);
}

body .ymaps3--popup-marker__position-top {
    animation: unset !important;
}

body .ymaps3--popup-marker_container {
    max-width: 648px;
}

@media (max-width: 767px) {
    body .ymaps3--popup-marker_container {
        max-width: calc(100vw - 40px);
    }
}

.baloon__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 21px;
    height: 21px;
    cursor: pointer;
}

.baloon__close:before,
.baloon__close:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: var(--dgColorRed);
    transform: rotate(45deg);
}

.baloon__close:after {
    transform: rotate(-45deg);
}
/* End */


/* Start:/local/templates/Dugalak/components/bitrix/news.list/header_phone/style.css?1710999942150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/Dugalak/components/bitrix/news.list/mobile_phone/style.css?1726577974149*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
/* End */
/* /local/templates/Dugalak/css/swiper-bundle.min.css?172624509219019 */
/* /local/templates/Dugalak/css/style.css?1759408086133991 */
/* /local/templates/Dugalak/css/press-center-detail.css?171099994014855 */
/* /local/templates/Dugalak/css/animate.css?171099994057095 */
/* /local/templates/Dugalak/css/articles.css?17174995374337 */
/* /local/templates/Dugalak/css/certificates.css?17109999402658 */
/* /local/templates/Dugalak/css/company.css?171198498815071 */
/* /local/templates/Dugalak/css/contacts.css?17491910733923 */
/* /local/templates/Dugalak/css/distributors.css?17109999401938 */
/* /local/templates/Dugalak/css/fonts.css?17109999404470 */
/* /local/templates/Dugalak/css/press-center.css?171099994010112 */
/* /local/templates/Dugalak/css/purpose-products.css?171144464320945 */
/* /local/templates/Dugalak/css/selection-materials.css?171749932514886 */
/* /local/templates/Dugalak/css/team.css?17113160124084 */
/* /local/templates/Dugalak/css/media.css?17477234128959 */
/* /local/templates/Dugalak/css/custom.css?175940808626885 */
/* /local/templates/Dugalak/components/bitrix/news.list/header_phone/style.css?1710999942150 */
/* /local/templates/Dugalak/components/bitrix/news.list/mobile_phone/style.css?1726577974149 */