/* Start:/local/templates/duspatalin_new/assets/css/app.css?1763018219189234*/
@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    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")
}

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

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

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

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}



.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

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

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

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

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

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

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    -ms-flex-negative: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

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

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

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

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

.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 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

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

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

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

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

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

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

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

.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 {
    height: var(--swiper-virtual-size);
    width: 1px
}

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

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

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

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

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

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

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

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px)
}

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

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    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: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

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

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-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;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.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%;
    -webkit-transform: translateX(-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 {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

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

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

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

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

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    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 {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.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 {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

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

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

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

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

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

.swiper-grid-column>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    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.swiper-cube {
    overflow: visible
}

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

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

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    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-prev {
    pointer-events: auto;
    visibility: visible
}

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

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

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

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

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    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-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

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

.swiper.swiper-cards {
    overflow: visible
}

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

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

@media(prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align)
}

hr {
    background-color: currentColor;
    border: 0;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width:1200px) {
    h1 {
        font-size: 2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + .9vw)
}

@media(min-width:1200px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: calc(1.3rem + .6vw)
}

@media(min-width:1200px) {
    h3 {
        font-size: 1.75rem
    }
}

h4 {
    font-size: calc(1.275rem + .3vw)
}

@media(min-width:1200px) {
    h4 {
        font-size: 1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[data-bs-original-title],
abbr[title] {
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

mark {
    background-color: #fcf8e3;
    padding: .2em
}

sub,
sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    direction: ltr;
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    word-wrap: break-word;
    color: #d63384;
    font-size: .875em
}

a>code {
    color: inherit
}

kbd {
    background-color: #212529;
    border-radius: .2rem;
    color: #fff;
    font-size: .875em;
    padding: .2rem .4rem
}

kbd kbd {
    font-size: 1em;
    font-weight: 700;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

caption {
    color: #6c757d;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

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

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    float: left;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

@media(min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

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

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    cursor: pointer;
    display: list-item
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

@font-face {
    font-family: Calibri;
    font-style: normal;
    font-weight: 700;
    src: url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri-Bold.0d3a43601dc8893bfd37.eot);
    src: url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri-Bold.0d3a43601dc8893bfd37.eot?#iefix) format("embedded-opentype"), url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri-Bold.d803ea5603a583428353.woff) format("woff"), url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri-Bold.f2d2f1a65726922b3c49.ttf) format("truetype")
}

@font-face {
    font-family: Calibri;
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri.1144fef81641e2c8c840.eot);
    src: url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri.1144fef81641e2c8c840.eot?#iefix) format("embedded-opentype"), url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri.b79e6a3ae8c63fb5b57b.woff) format("woff"), url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri.e5dd7b9573d9f08c448c.ttf) format("truetype")
}

@font-face {
    font-family: Calibri;
    font-style: normal;
    font-weight: 300;
    src: url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri-Light.ad605117bb11573d483d.eot);
    src: url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri-Light.ad605117bb11573d483d.eot?#iefix) format("embedded-opentype"), url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri-Light.dfbd2e9bf389906b0787.woff) format("woff"), url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/Calibri-Light.6e65bc1d87d060380573.ttf) format("truetype")
}

@font-face {
    font-family: Bebas Neue Light;
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/bebas-neue-light.3238b46c64dbcd27ca88.eot);
    src: url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/bebas-neue-light.3238b46c64dbcd27ca88.eot?#iefix) format("embedded-opentype"), url(/local/templates/duspatalin_new/assets/css/../../2c5627d2d4bbc3abf49f.otf) format("opentype"), url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/bebas-neue-light.2567cdca420558596ea4.svg) format("svg"), url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/bebas-neue-light.336c77116e528e19c62c.ttf) format("truetype"), url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/bebas-neue-light.d10d432e159a885ee517.woff) format("woff"), url(/local/templates/duspatalin_new/assets/css/../../assets/fonts/bebas-neue-light.0c244fda6dc96c3c41b0.woff2) format("woff2")
}

button {
    background: transparent;
    border: none;
    padding: 0
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none
}

html {
    overflow-x: hidden
}

html.locked {
    overflow: hidden
}

.header li i {
    margin-left: 10rem;
    display: inline-block;
    transition: .3s all ease;
}

.header li i path {
    fill: #fff;
}

.header li {
    position: relative;
}

.header li ul {
    position: absolute;
    top: 100%;
    padding: 10rem;
    opacity: 0;
    pointer-events: none;
    list-style: none;
    margin: 0;
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/header-bg.38aa83bea5d592a4c14d.jpg) center no-repeat;
    background-size: cover;
    border-radius: 3rem;
    transition: .3s all ease;
}

.header li:hover i {
    transform: rotate(180deg);
}

.header li:hover ul {
    opacity: 1;
    pointer-events: auto;
}
.header li ul li {
    margin-bottom: 7rem;
}

.header li ul li:last-child {
    margin-bottom: 0;
}

.header li ul a {
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
    text-transform: none;
}

.header li ul a::after {
    background: #fff;
}

@media(max-width:991.98px) {
    html {
        font-size: 14px
    }
    .recently__slider-pag  {
        width: calc(100vw - 36px)!important;
        text-align: center!important;
    }
}

@media(max-width:767.98px) {
    html {
        font-size: 13px
    }
}

@media(max-width:575.98px) {
    html {
        font-size: 12px
    }
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

h1 {
    font-weight: 700
}

.modal__close {
    position: absolute;
    right: 25px;
    top: 25px
}

@media(max-width:575.98px) {
    .modal__close {
        right: 15px;
        top: 15px
    }
}

.breadcrumbs__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0
}

.form__group {
    margin-bottom: 1.25rem
}

.header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .4s cubic-bezier(.33, 1, .68, 1);
    transition: all .4s cubic-bezier(.33, 1, .68, 1);
    z-index: 120
}

.header:after {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/header-bg.38aa83bea5d592a4c14d.jpg) 50% no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    display: inline-block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1
}

.header.header_bg:after {
    opacity: 1
}

.header__container {
    padding: 29rem 34rem 29rem 46rem;
    position: relative;
    z-index: 2
}

.header__logo img {
    width: 277rem
}

.header__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 1360rem
}

.header__list,
.header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.header__list li {
    margin-right: 15rem
}

.header__list li:last-child {
    margin-right: 0
}

.header__list a {
    color: #fff;
    font-size: 15rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22.4rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.header__list a:after {
    background: #fff;
    bottom: -8rem;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0
}

.header__list a:hover:after {
    width: 100%
}

.header__abbott img {
    width: 120rem
}

.header__group,
.header__search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__search {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    border-radius: 50%;
    height: 42rem;
    justify-content: center;
    margin-right: 8rem;
    width: 42rem
}

.header__search,
.header__search path {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header__search svg {
    width: 21rem
}

.header__search:hover {
    background: #2ea22f
}

.header__search:hover path {
    fill: #fff
}

.header__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2ea22f;
    border-radius: 50rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Calibri, sans-serif;
    font-size: 16rem;
    font-weight: 700;
    height: 42rem;
    justify-content: center;
    letter-spacing: 0;
    line-height: 22.4rem;
    margin-right: 19rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 122rem
}

.header__btn:hover {
    background: #fff;
    color: #2ea22f
}

.footer {
    background: #222731;
    padding-bottom: 30rem;
    padding-top: 45rem
}

.footer .container {
    max-width: 1110rem
}

.footer__top {
    margin-bottom: 70rem
}

.footer__nav,
.footer__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.footer__nav-list {
    list-style: none;
    margin: 0 0 0 20rem;
    padding: 0;
    width: 300rem
}

.footer__nav-list li {
    margin-bottom: 7rem
}

.footer__nav a {
    color: #fff;
    font-size: 13rem;
    font-weight: 390;
    letter-spacing: 0;
    line-height: 18rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase
}

.footer__nav a:after {
    background: #fff;
    bottom: -5rem;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0
}

.footer__nav a:hover:after {
    width: 100%
}

.footer__logo img {
    width: 120rem
}

.footer__center-top {
    color: #fff;
    font-size: 13rem;
    font-weight: 390;
    letter-spacing: 0;
    line-height: 18rem;
    margin-bottom: 15rem;
    text-align: left
}

.footer__center-top a {
    color: #fff;
    position: relative;
    text-decoration: none
}

.footer__center-top a:after {
    background: #fff;
    bottom: -5rem;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0
}

.footer__center-top a:hover:after {
    width: 100%
}

.footer__center-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15rem
}

.footer__center-bottom span {
    color: #fff;
    font-size: 13rem;
    font-weight: 390;
    letter-spacing: 0;
    line-height: 18rem;
    text-align: left
}

.footer__center-bottom i {
    margin-right: 5rem
}

.footer__center-bottom i svg {
    width: 32rem
}

.footer__bottom {
    margin-top: 43rem
}

.footer__bottom-top {
    color: #fff;
    font-size: 13rem;
    font-weight: 390;
    letter-spacing: 0;
    line-height: 18rem;
    margin-bottom: 30rem;
    opacity: .4;
    text-align: left
}

.footer__bottom-top a {
    color: #fff;
    position: relative;
    text-decoration: none
}

.footer__bottom-top a:after {
    background: #fff;
    bottom: -2rem;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0
}

.footer__bottom-top a:hover:after {
    width: 100%
}

.footer__bottom-bottom {
    color: #fff;
    font-family: Bebas Neue Light, sans-serif;
    font-size: 40rem;
    font-style: normal;
    font-weight: 300;
    line-height: 45rem;
    opacity: .4;
    text-transform: uppercase
}

html {
    font-size: 1px
}

@media(max-width:1440px) {
    html {
        font-size: .0694vw
    }
}

body {
    font-family: Calibri, sans-serif;
    font-size: 16rem
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 1200rem
}

.heroFirst__wrap {
    height: 100vh;
    position: relative;
    width: 100%
}

.heroFirst__wrap.transfer .heroFirst__bottom {
    height: 100vh !important
}

.heroFirst__wrap.transfer .heroFirst__bottom-img {
    opacity: 0
}

.heroFirst__inner {
    padding-top: 209rem;
    pointer-events: none;
    position: relative;
    z-index: 20
}

.heroFirst__inner:before {
    background: -webkit-gradient(linear, right top, left top, from(transparent), to(#000));
    background: linear-gradient(270deg, transparent, #000);
    content: "";
    display: inline-block;
    -webkit-filter: blur(134.453px);
    filter: blur(134.453px);
    height: 503rem;
    left: -100rem;
    position: absolute;
    top: 225rem;
    width: 608rem
}

.heroFirst__button {
    position: relative;
    z-index: 20
}

.heroFirst__title {
    font-size: 64.22rem;
    line-height: 78rem;
    margin-bottom: 6rem;
    text-transform: uppercase
}

.heroFirst__descr,
.heroFirst__title {
    color: #fff;
    font-family: Calibri, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    pointer-events: none;
    position: relative;
    text-align: left;
    z-index: 2
}

.heroFirst__descr {
    font-size: 26rem;
    line-height: 25.14rem;
    margin-bottom: 42rem;
    max-width: 340rem
}

.heroFirst__btn {
    background: #ffd100;
    border-radius: 64.15rem;
    color: #1d5f2f;
    font-size: 20.53rem;
    font-weight: 700;
    height: 54rem;
    letter-spacing: 0;
    line-height: 28.74rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 210rem
}

.heroFirst__btn,
.heroFirst__btn i {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.heroFirst__btn i {
    background: #fff;
    border-radius: 30rem;
    height: 32rem;
    margin-left: 10rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 32rem
}

.heroFirst__btn i svg {
    width: 17rem
}

.heroFirst__btn:hover {
    color: #1d5f2f
}

.heroFirst__btn:hover i {
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem)
}

.heroFirst__bg {
    height: 84vh;
    overflow: hidden
}

.heroFirst__bg,
.heroFirst__bg:after {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.heroFirst__bg:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#737373), to(hsla(0, 0%, 45%, 0)));
    background: linear-gradient(180deg, #737373, hsla(0, 0%, 45%, 0) 100%);
    content: "";
    display: inline-block;
    height: 126rem;
    z-index: 4
}

.heroFirst__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.heroFirst__bg img,
.heroFirst__bg img:first-child {
    -o-object-position: top;
    object-position: top
}

.heroFirst__bg-image {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.heroFirst__bg-image--left {
    -webkit-clip-path: inset(0 50% 0 0);
    clip-path: inset(0 50% 0 0);
    z-index: 1
}

.heroFirst__bg-image--right {
    -webkit-clip-path: inset(0 0 0 50%);
    clip-path: inset(0 0 0 50%);
    z-index: 2
}

.heroFirst__divider {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    height: 100%;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out;
    width: 2px;
    z-index: 3
}

.heroFirst__bottom {
    background: #2ea22f;
    bottom: 0;
    height: 16vh;
    position: absolute;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100vw;
    z-index: 21
}

.heroFirst__bottom-bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.heroFirst__bottom-bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.heroFirst__bottom-img {
    bottom: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    will-change: transform, scale
}

.heroFirst__bottom-img img {
    width: 502rem
}

.heroFirst__bottom-img.zoomed {
    -webkit-transform: translateX(-50%) translateY(-30%) scale(.9);
    transform: translateX(-50%) translateY(-30%) scale(.9)
}

.section {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    will-change: transform
}

.heroSecond {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.heroSecond__inner {
    height: 100vh;
    padding-top: 168rem;
    position: relative
}

.heroSecond__bg {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.heroSecond__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.heroSecond__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 793rem;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.heroSecond__title {
    font-size: 54rem;
    margin-bottom: 16rem;
    text-transform: uppercase
}

.heroSecond__title,
.heroSecond__txt {
    color: #fff;
    font-family: Calibri, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    text-align: left
}

.heroSecond__txt {
    font-size: 20rem;
    margin-bottom: 62rem
}

.heroSecond__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -3rem;
    margin-right: -3rem
}

.heroSecond__col {
    margin-bottom: 6rem;
    padding-left: 3rem;
    padding-right: 3rem;
    width: 33.333%
}

.footer__center-bottom span br {
    display: none;
}

.heroSecond__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffd100;
    border-radius: 6rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 171rem;
    justify-content: center;
    padding: 23rem;
    width: 100%
}

.heroSecond__item,
.heroSecond__item p {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.heroSecond__item p {
    color: #1d5f2f;
    font-family: Calibri, sans-serif;
    font-size: 18rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 120%;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

.heroSecond__item.active {
    background: #016747
}

.heroSecond__item.active p {
    color: #fff
}

.heroSecond.active {
    opacity: 1;
    pointer-events: auto
}

.heroSecond.active .heroSecond__content {
    opacity: 1;
    position: relative;
    -webkit-transform: none;
    transform: none;
    z-index: 3
}

.heroThird {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.heroThird__wrap {
    height: 100vh;
    position: relative
}

.heroThird__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.heroThird__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.heroThird__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    justify-content: space-between;
    position: relative;
    z-index: 10
}

.heroThird__title {
    color: #fff;
    font-family: Calibri, sans-serif;
    font-size: 54rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    min-width: 549rem;
    opacity: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    z-index: 5
}

.heroThird__composes {
    height: 100%;
    max-height: 100vh;
    position: relative;
    width: 100%
}

.heroThird__composes-bg {
    opacity: 0;
    position: absolute;
    right: -90rem;
    top: 150rem;
    -webkit-transform: rotate(-40deg) scale(.7);
    transform: rotate(-40deg) scale(.7);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.heroThird__composes-pack {
    bottom: 294rem;
    position: absolute;
    right: 81rem;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.heroThird__composes-pack img {
    width: 500rem
}

.heroThird__composes-img {
    bottom: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.heroThird__composes-img img {
    opacity: 0;
    -webkit-transform: scale(.7) translateY(200rem);
    transform: scale(.7) translateY(200rem);
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    width: 929rem
}

.heroThird.active .heroThird__composes-bg,
.heroThird.active .heroThird__composes-img img,
.heroThird.active .heroThird__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.articleHero {
    position: relative
}

.articleHero__wrap {
    padding-bottom: 1rem;
    padding-top: 174rem;
    position: relative
}

.articleHero__bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.articleHero__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.articleHero__title {
    color: #fff;
    font-size: 54rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 12rem;
    text-align: left;
    text-transform: uppercase
}

.articleHero__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16rem
}

.articleHero__date {
    border-right: 1.15rem solid hsla(0, 0%, 100%, .1);
    margin-bottom: 0;
    padding-right: 18rem;
    padding-top: 3rem
}

.articleHero__date,
.articleHero__views {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13.84rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    margin-right: 18rem;
    text-align: left
}

.articleHero__views svg {
    width: 24rem
}

.articleHero__views i {
    margin-right: 4.6rem
}

.articleHero__time,
.articleHero__views i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.articleHero__time {
    color: #fff;
    font-size: 13.84rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    text-align: left
}

.articleHero__time i {
    margin-right: 4rem
}

.articleHero__time svg {
    width: 17rem
}

.articleHero__banner {
    border-radius: 4rem;
    height: 402rem;
    margin-bottom: -111rem;
    overflow: hidden;
    width: 100%
}

.articleHero__banner img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.article-table {
    border: 2px solid rgba(0, 103, 71, .75);
    border-collapse: collapse;
    margin-bottom: 30rem;
    margin-top: 30rem;
    overflow: auto;
    width: 100%
}

.article-table p {
    font-size: 16rem !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 10rem
}

.article-table td,
.article-table th {
    border: 1px solid rgba(0, 103, 71, .75);
    padding: 10px;
    text-align: left
}

.breadcrumbs {
    margin-bottom: 13rem
}

.breadcrumbs a {
    color: #fff;
    font-size: 16rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28rem;
    margin-right: 20rem;
    position: relative;
    text-align: left;
    text-decoration: none
}

.breadcrumbs a:before {
    content: ">";
    position: absolute;
    right: -12rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.breadcrumbs a:after {
    background: #003008;
    bottom: -8rem;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0
}

.breadcrumbs a:hover:after {
    width: 100%
}

.breadcrumbs span {
    color: #fff;
    font-size: 16rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28rem;
    text-align: left
}

.article__wrap {
    background: #f5f5f5;
    padding-bottom: 70rem;
    padding-top: 154rem
}

.article__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -10rem;
    margin-right: -10rem
}

.article__content {
    padding-left: 10rem;
    padding-right: 80rem;
    width: 75%
}

.article__content blockquote {
    background: #2ea22f;
    color: #fff;
    font-size: 20rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 31rem;
    padding: 20rem;
    text-align: left
}

.article__content blockquote a {
    color: #fff
}

.article__aside {
    padding-left: 10rem;
    padding-right: 10rem;
    padding-top: 24rem;
    width: 25%
}

.article__aside-window {
    background: rgba(0, 103, 71, .75);
    border-radius: 6rem;
    margin-bottom: 30rem;
    max-height: calc(100vh - 200rem);
    overflow: auto;
    padding: 21rem 20rem 37rem 14rem;
    z-index: 10
}

.article__aside-window::-webkit-scrollbar {
    width: 3px
}

.article__aside-window::-webkit-scrollbar-track {
    background: transparent
}

.article__aside-window::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 20px;
    scrollbar-color: #fff
}

.article__aside-title {
    color: #fff;
    font-size: 20rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 21rem;
    text-align: left
}

.article__aside-list {
    counter-reset: item;
    list-style: none;
    margin: 0;
    padding: 0
}

.article__aside-list li {
    color: #fff;
    counter-increment: item;
    font-size: 20rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 20rem;
    padding-left: 41rem;
    position: relative;
    text-align: left
}

.article__aside-list li:before {
    content: counter(item, decimal-leading-zero) " ";
    left: 10rem;
    position: absolute;
    top: 0
}

.article__aside-list li:last-child {
    margin-bottom: 0
}

.article__aside-list a {
    color: #fff;
    font-size: 20rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.article__aside-list a:hover {
    opacity: .8
}

.article__top {
    color: #000;
    font-size: 20rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 79rem;
    text-align: left
}

.article__top a {
    color: #2ea22f;
    text-decoration: underline
}

.article__subtitle {
    color: #006747;
    font-size: 26rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 25.14rem;
    margin-bottom: 31rem;
    margin-top: 44px;
    text-align: left
}

.article__subtitle a {
    color: #2ea22f;
    text-decoration: underline
}

.article__block {
    background: #fff;
    margin-bottom: 31rem;
    padding: 20rem
}

.article__block a {
    color: #2ea22f;
    text-decoration: underline
}

.article__block h1,
.article__block h2,
.article__block h3,
.article__block h4,
.article__block h5,
.article__block h6 {
    color: #2ea22f;
    font-size: 18rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 11rem;
    margin-top: 20rem;
    text-align: left;
    text-transform: uppercase
}

.article__block p {
    color: #000;
    font-size: 20rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 11rem;
    text-align: left
}

.article__block img {
    margin-bottom: 30rem;
    max-height: 400rem;
    max-width: 100%
}

.article__block ul {
    list-style: none;
    margin-bottom: 32rem
}

.article__block ul li {
    color: #000;
    font-size: 20rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 20rem;
    padding-left: 30rem;
    position: relative;
    text-align: left
}

.article__block ul li:last-child {
    margin-bottom: 0
}

.article__block ul li:before {
    background: #006747;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 7rem;
    left: 10rem;
    position: absolute;
    top: 6rem;
    width: 7rem
}

.article__block ol {
    margin-bottom: 72px;
    padding-left: 30rem
}

.article__block ol li {
    color: #000;
    font-size: 20rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 20rem;
    position: relative;
    text-align: left
}

.article__block ol li:last-child {
    margin-bottom: 0
}

.overheight .articlequote {
    display: none
}

.articlequote {
    background: #fff;
    border-radius: 6rem 6rem 0 0;
    padding-top: 23rem;
    position: sticky;
    top: 140rem
}

.articlequote__title {
    font-size: 20rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 23rem
}

.articlequote__title,
.articlequote__txt {
    color: #006747;
    letter-spacing: 0;
    padding-left: 14rem;
    padding-right: 14rem;
    text-align: left
}

.articlequote__txt {
    font-size: 16rem;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 112rem
}

.articlequote__txt a {
    color: #006747;
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.articlequote__txt a:hover {
    opacity: .7
}

.articlequote__footer {
    height: 136rem;
    padding-left: 33rem;
    padding-right: 25rem;
    padding-top: 48rem;
    position: relative
}

.articlequote__footer-img {
    left: 50%;
    position: absolute;
    top: -108rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.articlequote__footer-img img {
    max-width: 210rem
}

.articlequote__footer:before {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/articlefooter.0715dbcee2d30e81eb49.jpg) top no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.articlequote__footer-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffd100;
    border-radius: 64.15rem;
    color: #1d5f2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20.53rem;
    font-weight: 700;
    height: 54rem;
    justify-content: center;
    letter-spacing: 0;
    line-height: 28.74rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    z-index: 2
}

.articlequote__footer-btn:hover {
    color: #1d5f2f;
    opacity: .8
}

.artsources__wrap {
    padding-bottom: 40rem;
    padding-top: 64rem
}

.artsources__block {
    margin-bottom: 44rem
}

.artsources__block-btn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.artsources__block-btn h2,
.artsources__block-btn p {
    color: #006747;
    font-size: 30rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0;
    text-align: left
}

.artsources__block-btn i {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.artsources__block-btn.open i {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.artsources__block-btn svg {
    width: 16rem
}

.artsources__block-body {
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.artsources__block-content {
    color: #8c8c8c;
    font-size: 14rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20rem;
    margin-bottom: 0;
    padding-top: 12rem;
    text-align: left
}

.artsources__block-content a {
    color: #006747
}

.artsources__rate {
    background: #f6f6f6;
    padding: 10rem
}

.artsources__rate,
.artsources__rate-stars {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.artsources__rate-stars .active path {
    fill: #efc748
}

.artsources__rate-stars i {
    margin-right: -2rem
}

.artsources__rate-stars i svg {
    width: 15rem
}

.artsources__rate-txt {
    color: #8c8c8c;
    font-size: 14rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24rem;
    margin-left: 10rem;
    text-align: left
}

.sectionEight .recently__slider {
    overflow: visible
}

.recently__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/recentlybg.f0d3a8583515b82680b7.jpg) 50% no-repeat;
    background-size: cover;
    padding-bottom: 85rem;
    padding-top: 113rem
}

.recently__title {
    color: #fff;
    font-size: 64.22rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 67rem;
    max-width: 735rem;
    text-align: left;
    text-transform: uppercase
}

.recently__slider-pag {
    margin-top: 53rem
}

.recently__slider-pag span {
    background: #f8fdf5;
    margin-right: 33rem !important;
    opacity: 1;
    position: relative;
    width: 17rem
}

.recently__slider-pag span,
.recently__slider-pag span:after {
    border-radius: 30rem;
    height: 17rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.recently__slider-pag span:after {
    background: #ffd100;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.recently__slider-pag span.swiper-pagination-bullet-active {
    width: 78rem
}

.recently__slider-pag span.swiper-pagination-bullet-active:after {
    width: 51rem
}

.recently__slider-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 378rem;
    justify-content: center;
    margin-bottom: 18rem;
    overflow: hidden
}

.recently__slider-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.recently__slider-item {
    text-decoration: none
}

.recently__slider-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.recently__slider-title {
    color: #fff;
    font-size: 24rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 28.36rem;
    padding-left: 15rem;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase
}

.ourbrands__wrap {
    padding-bottom: 20rem;
    padding-top: 20rem
}

.ourbrands__row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 40rem
}

.ourbrands-item {
    margin-right: 100rem
}

.ourbrands-item:last-child {
    margin-right: 0
}

.ourbrands-item img {
    height: 73rem
}

.ourbrands__license {
    color: #000;
    font-size: 13rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18rem;
    padding-right: 40rem;
    text-align: right
}

#toggleArticleNav,
.header__burger {
    display: none
}

.breadcrumbs_black a {
    color: #333
}

.breadcrumbs_black span {
    color: #949494
}

.page404__wrap {
    padding-bottom: 98rem;
    padding-top: 138rem
}

.page404__wrap .breadcrumbs a {
    color: #333
}

.page404__wrap .breadcrumbs span {
    color: #949494
}

.page404__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.page404__content {
    max-width: 677rem;
    padding-top: 36rem
}

.page404__title {
    color: #2ea22f;
    font-size: 54rem;
    letter-spacing: -2%;
    line-height: 120%;
    margin-bottom: 20rem
}

.page404__title,
.page404__txt {
    font-weight: 700;
    text-align: left
}

.page404__txt {
    color: #006747;
    font-size: 32rem;
    letter-spacing: 0;
    line-height: 40rem;
    margin-bottom: 0
}

.page404__pic img {
    width: 437rem
}

.buthave__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/butbg.988b45b4bf4d249726f8.jpg) top no-repeat;
    background-size: cover;
    padding-top: 0
}

.buthave__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.buthave__content {
    max-width: 645rem;
    padding-top: 71rem
}

.buthave__title {
    font-size: 54rem;
    letter-spacing: -2%;
    line-height: 120%;
    margin-bottom: 1rem
}

.buthave__title,
.buthave__txt {
    color: #fff;
    font-weight: 700;
    text-align: left
}

.buthave__txt {
    font-size: 32rem;
    letter-spacing: 0;
    line-height: 40rem;
    margin-bottom: 23rem
}

.buthave__more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffd100;
    border-radius: 64.15rem;
    color: #1d5f2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20.53rem;
    font-weight: 700;
    height: 54rem;
    justify-content: center;
    letter-spacing: 0;
    line-height: 28.74rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 227rem
}

.buthave__more:hover {
    color: #1d5f2f;
    opacity: .7
}

.buthave__pic img {
    width: 539rem
}

.ourbrands_404 {
    border-top: 1rem solid #e9eaeb;
    padding-top: 20rem
}

.sitemap__wrap {
    background: #f5f5f5;
    padding-bottom: 83rem;
    padding-top: 174rem
}

.sitemap__title {
    color: #2ea22f;
    font-size: 54rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 24rem;
    margin-top: 55rem;
    text-align: left;
    text-transform: uppercase
}

.sitemap__list {
    margin: 0;
    padding: 0 0 0 20rem
}

.sitemap__list li {
    color: #000;
    font-size: 20rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 170%;
    text-align: left;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.sitemap__list li a {
    color: #000;
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sitemap__list li a:hover {
    color: #2ea22f
}

.sitemap__list ul {
    color: gray;
    padding-left: 20rem
}

.sitemap__list ul li {
    color: gray;
    list-style: disc
}

.sitemap__list ul li a {
    color: gray
}

.onlinerules__wrap {
    background: #f5f5f5;
    padding-bottom: 88rem;
    padding-top: 174rem
}

.onlinerules__title {
    color: #2ea22f;
    font-size: 54rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 20rem;
    margin-top: 64rem;
    text-align: left;
    text-transform: uppercase
}

.onlinerules__article {
    color: #000;
    font-size: 18rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%;
    text-align: left
}

.onlinerules__article p {
    margin-bottom: 20rem
}

.onlinerules__article h1,
.onlinerules__article h2,
.onlinerules__article h3,
.onlinerules__article h4,
.onlinerules__article h5,
.onlinerules__article h6 {
    color: #006747;
    font-size: 24rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 140%;
    margin-bottom: 20rem;
    margin-top: 60rem;
    text-align: left
}

.onlinerules__article ol {
    counter-reset: list-counter;
    list-style: none
}

.onlinerules__article ol li {
    margin-bottom: 20rem;
    padding-left: 30rem;
    position: relative
}

.onlinerules__article ol li a {
    color: #000;
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.onlinerules__article ol li a:hover {
    color: #2ea22f
}

.onlinerules__article ol li:before {
    content: counter(list-counter, lower-alpha) ") ";
    counter-increment: list-counter;
    left: 0;
    margin-right: 5rem;
    position: absolute;
    top: 0
}

.blog__wrap {
    background: #f5f5f5;
    padding-bottom: 137rem;
    padding-top: 174rem
}

.blog__title {
    color: #2ea22f;
    font-size: 54rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 38rem;
    margin-top: 55rem;
    text-align: left;
    text-transform: uppercase
}

.blog__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 71rem;
    padding: 0
}

.blog__list li input {
    display: none
}

.blog__list li input:checked+label {
    background: #2ea22f;
    color: #fff
}

.blog__list li a.active {
    background: #2ea22f;
    color: #fff
}

.blog__list li label, 
.blog__list li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 55, 123, .1);
    border-radius: 10rem;
    color: rgba(0, 0, 0, .7);
    cursor: pointer;
    font-family: Helvetica Neue, sans-serif;
    font-size: 14.93rem;
    font-weight: 500;
    justify-content: center;
    letter-spacing: 0;
    line-height: 23.68rem;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    margin-right: 9rem;
    padding: 6rem 10rem;
    padding-top: 7rem;
    padding-bottom: 7rem;
    text-align: left;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    min-width: 156rem
}

.blog__list li label,
.blog__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -17rem;
    margin-right: -17rem
}

.blog__col {
    margin-bottom: 90rem;
    padding-left: 17rem;
    padding-right: 17rem;
    width: 33.333%
}

.blog-item {
    display: block;
    text-decoration: none;
    width: 100%
}

.blog-item__img {
    border-radius: 4.53rem;
    height: 357rem;
    margin-bottom: 18rem;
    overflow: hidden
}

.blog-item__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    transform: scale(1.02);
}

.blog-item__img img,
.blog-item__title {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.blog-item__title {
    color: #000;
    font-size: 23.3rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 27.53rem;
    margin-bottom: 0;
    padding-left: 15rem;
    text-align: left;
    text-transform: uppercase
}

.blog-item:hover .blog-item__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-item:hover .blog-item__title {
    color: #2ea22f
}

.blog__more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #2ea22f;
    border-radius: 64.15rem;
    color: #fff;
    font-size: 20.53rem;
    font-weight: 700;
    height: 54rem;
    justify-content: center;
    letter-spacing: 0;
    line-height: 28.74rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 284rem
}

.blog__more,
.blog__more i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog__more i {
    margin-left: 10rem
}

.blog__more svg {
    width: 33rem
}

.blog__more:hover {
    opacity: .7
}

.blog__more-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.specialists__wrap {
    background: #f5f5f5;
    padding-bottom: 96rem;
    padding-top: 174rem
}

.specialists__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 18rem
}

.specialists__content {
    padding-right: 20rem;
    width: 100%
}

.specialists__title {
    color: #2ea22f;
    font-size: 54rem;
    letter-spacing: -2%;
    margin-bottom: 11rem
}

.specialists__title,
.specialists__txt {
    font-weight: 700;
    line-height: 120%;
    text-align: left
}

.specialists__txt {
    color: #006747;
    font-size: 20rem;
    letter-spacing: 0;
    margin-bottom: 52rem;
    max-width: 632rem
}

.specialists__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffd100;
    border-radius: 64.15rem;
    color: #1d5f2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20.53rem;
    font-weight: 700;
    height: 54rem;
    justify-content: center;
    letter-spacing: 0;
    line-height: 28.74rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 227rem
}

.specialists__btn:hover {
    color: #1d5f2f;
    opacity: .7
}

.specialists__img {
    min-width: 493rem;
    width: 493rem
}

.specialists__img img {
    width: 100%
}

.aboutkish__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/biilss-bg.52ef5162a7bcbc66b752.jpg) top no-repeat;
    background-size: cover
}

.aboutkish__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.aboutkish__pict {
    margin-right: -81rem
}

.aboutkish__pict img {
    width: 587rem
}

.aboutkish__content {
    max-width: 576rem
}

.aboutkish__title {
    color: #ffd100;
    font-size: 54rem;
    line-height: 100%;
    margin-bottom: 30rem;
    text-transform: uppercase
}

.aboutkish__title,
.aboutkish__txt {
    font-weight: 700;
    letter-spacing: 0;
    text-align: left
}

.aboutkish__txt {
    color: #fff;
    font-size: 20rem;
    line-height: 120%;
    margin-bottom: 36rem
}

.aboutkish__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffd100;
    border-radius: 64.15rem;
    color: #1d5f2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20.53rem;
    font-weight: 700;
    height: 54rem;
    justify-content: center;
    letter-spacing: 0;
    line-height: 28.74rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 264rem
}

.aboutkish__btn:hover {
    color: #1d5f2f;
    opacity: .7
}

.aboutinstructions__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/instbgg.a1a59f76f750dd62e59c.jpg) top no-repeat;
    background-size: cover;
    padding-bottom: 75rem;
    padding-top: 75rem
}

.aboutinstructions__title {
    color: #fff;
    font-size: 54rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 169rem;
    text-align: left;
    text-transform: uppercase
}

.aboutinstructions__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10rem;
    margin-right: -10rem
}

.aboutinstructions__col {
    padding-left: 10rem;
    padding-right: 10rem;
    width: 50%
}

.aboutinstructions__col:first-child .aboutinstructions-item__img {
    left: 35rem;
    top: -91rem
}

.aboutinstructions__col:first-child .aboutinstructions-item__img img {
    width: 325rem
}

.aboutinstructions__col:nth-child(2) .aboutinstructions-item__img {
    left: 20rem;
    top: -92rem
}

.aboutinstructions__col:nth-child(2) .aboutinstructions-item__img img {
    width: 331rem
}

.aboutinstructions-item {
    background: #ffd100;
    border-radius: 6rem;
    -webkit-box-shadow: 2rem 2rem 0 0 #2ea22f;
    box-shadow: 2rem 2rem 0 0 #2ea22f;
    display: block;
    height: 100%;
    padding: 204rem 28rem 39rem 36rem;
    position: relative;
    text-decoration: none
}

.aboutinstructions-item__img {
    position: absolute
}

.aboutinstructions-item__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 45rem;
    min-height: 86rem
}

.aboutinstructions-item__title {
    color: #006747;
    font-size: 28rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 27.87rem;
    text-align: left
}

.aboutinstructions-item__title span {
    display: block;
    font-size: 22rem
}

.aboutinstructions-item__arrow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 62.22rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 66rem;
    justify-content: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 66rem
}

.aboutinstructions-item__arrow svg {
    width: 34rem
}

.aboutinstructions-item__arrow path {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.aboutinstructions-item:hover .aboutinstructions-item__arrow {
    background: #2ea22f
}

.aboutinstructions-item:hover .aboutinstructions-item__arrow path {
    stroke: #fff
}

.aboutinstructions-item__txt {
    color: #006747;
    font-size: 26rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 25.14rem;
    margin-bottom: 0;
    text-align: left
}

.aboutinstructions-item__txt span {
    display: block;
    font-size: 24rem;
    margin-bottom: 3rem;
}

.faqheader__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/faqbg.fd0eb6803e5fcd659e9e.jpg) top no-repeat;
    background-size: cover;
    padding-bottom: 74rem;
    padding-top: 176rem
}

.faqheader__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.faqheader__content {
    max-width: 534rem
}

.faqheader__title {
    font-size: 54rem;
    line-height: 100%;
    margin-bottom: 33rem;
    text-transform: uppercase
}

.faqheader__title,
.faqheader__txt {
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    text-align: left
}

.faqheader__txt {
    font-size: 26rem;
    line-height: 25.14rem;
    margin-bottom: 0
}

.faqheader__img img {
    margin-right: -78rem;
    width: 593rem
}

.faq__wrap {
    margin-bottom: 50rem;
    margin-top: 71rem
}

.faq__accords {
    background: rgba(23, 86, 48, .05);
    border: 1rem solid hsla(0, 0%, 100%, .5);
    border-radius: 6rem;
    padding: 0 20rem 20rem
}

.faq-accord {
    background: transparent;
    border-bottom: 1rem solid #fff;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.faq-accord.open {
    background: #ffd100;
    margin-left: -20rem;
    margin-right: -20rem;
    padding-bottom: 20rem;
    padding-left: 20rem;
    padding-right: 20rem
}

.faq-accord.open i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-accord__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 104rem;
    justify-content: space-between;
    padding-left: 10rem;
    width: 100%
}

.faq-accord__header p {
    color: #000;
    font-size: 26rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 27.53rem;
    margin: 0;
    text-align: left;
    text-transform: uppercase
}

.faq-accord__header i {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.faq-accord__header i svg {
    width: 48rem
}

.faq-accord__body {
    background: #fff;
    padding: 20rem
}

.faq-accord__body-wrap {
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.faq-accord__title {
    color: #2ea22f;
    font-size: 18rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 11rem;
    text-align: left;
    text-transform: uppercase
}

.faq-accord__answ,
.faq-accord__ltitle {
    color: #000;
    font-size: 20rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 11rem;
    text-align: left
}

.faq-accord__ltitle {
    opacity: .4
}

.faq-accord__list {
    color: #000;
    font-size: 20rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 0;
    opacity: .4;
    text-align: left
}

.faq-footer {
    height: 94rem
}

.faq-footer,
.faq-footer__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.faq-footer__btn {
    background: #ffd100;
    border-radius: 64.15rem;
    color: #1d5f2f;
    font-size: 20.53rem;
    font-weight: 700;
    height: 54rem;
    letter-spacing: 0;
    line-height: 28.74rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 284rem
}

.faq-footer__btn i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10rem
}

.faq-footer__btn svg {
    width: 33rem
}

.faq-footer__btn:hover {
    color: #1d5f2f;
    opacity: .7
}

.wherebuy__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/wherebuy-bg.8caee7e10e0c80388e79.jpg) top no-repeat;
    background-size: cover;
    padding-bottom: 1rem;
    padding-top: 174rem
}

.wherebuy__title {
    color: #fff;
    font-size: 54rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 55rem;
    margin-top: 55rem;
    text-align: left;
    text-transform: uppercase
}

.wherebuy__block {
    margin-bottom: 108rem
}

.wherebuy__block-img {
    display: block;
    position: relative
}

.wherebuy__block-img:after {
    background: #d9d9d9;
    bottom: 0;
    content: "";
    left: 0;
    mix-blend-mode: saturation;
    opacity: 1;
    position: absolute;
    display: none;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.wherebuy__block-img:hover:after {
    opacity: 0
}

.wherebuy__block-title {
    color: #fff;
    font-size: 26rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 25.14rem;
    margin-bottom: 38rem;
    text-align: left
}

.wherebuy__block-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -11rem;
    margin-right: -11rem
}

.wherebuy__block-col {
    margin-bottom: 22rem;
    padding-left: 11rem;
    padding-right: 11rem;
    width: 25%
}

.duoheader__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/duoheadbg.ba75b341e8816737601d.jpg) top no-repeat;
    background-size: cover;
    margin-top: 100rem;
    padding-bottom: 215rem;
    padding-top: 98rem
}

.duoheader__content {
    max-width: 640rem
}

.duoheader__title {
    color: #2ea22f;
    font-size: 46rem;
    line-height: 100%;
    margin-bottom: 13rem;
    text-transform: uppercase
}

.duoheader__title,
.duoheader__txt {
    font-weight: 700;
    letter-spacing: 0;
    text-align: left
}

.duoheader__txt {
    color: #384359;
    font-size: 26rem;
    line-height: 30.14rem;
    margin-bottom: 0
}

.howtake__wrap {
    background: #ffd100;
    padding-bottom: 62rem;
    padding-top: 62rem
}

.howtake__title {
    color: #2ea22f;
    font-size: 54rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 84rem;
    text-align: left;
    text-transform: uppercase
}

.howtake__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10.5rem;
    margin-right: -10.5rem
}

.howtake__col {
    padding-left: 10.5rem;
    padding-right: 10.5rem;
    width: 33.333%
}

.howtake__item {
    background: #00b140;
    border-radius: 4rem;
    -webkit-box-shadow: 2rem 2rem 0 0 #2ea22f;
    box-shadow: 2rem 2rem 0 0 #2ea22f;
    height: 100%;
    padding: 88rem 49rem 36rem;
    position: relative
}

.howtake__item-img {
    left: 50%;
    position: absolute;
    top: -59rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.howtake__item-img img {
    width: 133rem
}

.howtake__item-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14rem;
    min-height: 93rem
}

.howtake__item-count {
    color: #ffd100;
    font-size: 120.99rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 91.49rem;
    margin-right: 30rem;
    min-width: 48rem;
    text-align: left;
    width: 54rem
}

.howtake__item-descr {
    color: #fff;
    font-size: 40rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    text-align: center
}

.listovki__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/listovkibg.0fd9424e560a9bb2aa1a.jpg) top no-repeat;
    background-size: cover;
    padding-bottom: 90rem;
    padding-top: 119rem;
    position: relative
}

.listovki .container {
    max-width: 794rem
}

.listovki__title {
    color: #fff;
    font-size: 40rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 56rem;
    text-align: left;
    text-transform: uppercase
}

.listovki__accords {
    background: rgba(23, 86, 48, .2);
    border: 1rem solid hsla(0, 0%, 100%, .5);
    border-radius: 6rem;
    padding: 20rem
}

.listovki__accords-footer {
    margin-top: 18rem
}

.listovki__accords-btn,
.listovki__accords-footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.listovki__accords-btn {
    background: #ffd100;
    border-radius: 64.15rem;
    color: #1d5f2f;
    font-size: 20.53rem;
    font-weight: 700;
    height: 54rem;
    letter-spacing: 0;
    line-height: 28.74rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 284rem
}

.listovki__accords-btn i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10rem
}

.listovki__accords-btn svg {
    width: 33rem
}

.listovki__accords-btn:hover {
    color: #1d5f2f;
    opacity: .7
}

.listovki-accord {
    border-bottom: 1rem solid #fff;
    padding-left: 60rem;
    padding-right: 60rem
}

.listovki-accord__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 28rem;
    padding-top: 28rem;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.listovki-accord__header p {
    color: #fff;
    font-size: 26rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 25.14rem;
    margin-right: 10rem;
    text-align: left
}

.listovki-accord__header i {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.listovki-accord__header i svg {
    width: 48rem
}

.listovki-accord.open i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.listovki-accord__body {
    color: #fff;
    font-size: 20rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    padding-bottom: 18rem;
    text-align: left
}

.listovki-accord__body-wrap {
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.duoheader_135 .duoheader__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/duo135.d15500292842d010f305.jpg) top no-repeat;
    background-size: cover
}

.howtake__item_curs {
    padding-left: 30rem;
    padding-right: 30rem
}

.howtake__item_curs .howtake__item-row .howtake__item-count {
    font-size: 99px;
    line-height: 96px;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

@media(min-width:992px) {
    .faqheader__img img {
        margin-top: -30rem
    }
}

.howwork135__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/duspablock-bg.92db6c731843a7072881.jpg) top no-repeat;
    background-size: cover;
    padding-bottom: 80rem;
    padding-top: 69rem;
    position: relative
}

.howwork135__slider-pag {
    margin-top: 61rem
}

.howwork135__slider-pag span {
    background: #f8fdf5;
    margin-right: 33rem !important;
    opacity: 1;
    position: relative;
    width: 17rem
}

.howwork135__slider-pag span,
.howwork135__slider-pag span:after {
    border-radius: 30rem;
    height: 17rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.howwork135__slider-pag span:after {
    background: #ffd100;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.howwork135__slider-pag span.swiper-pagination-bullet-active {
    width: 78rem
}

.howwork135__slider-pag span.swiper-pagination-bullet-active:after {
    width: 51rem
}

.howwork135 .swiper-slide {
    overflow: hidden
}

.howwork135-item {
    height: 700rem;
    position: relative
}

.howwork135-item__slide {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100%
}

.howwork135-item__slide.active {
    opacity: 1;
    pointer-events: auto
}

.howwork135-item__img {
    margin-left: -153rem;
    position: relative
}

.howwork135-item__img .duspat-3-1 {
    -webkit-animation: scaling 4s ease infinite;
    animation: scaling 4s ease infinite;
    left: 252rem;
    position: absolute;
    top: 0
}

.howwork135-item__img .duspat-3-1 img {
    width: 229rem
}

.howwork135-item__img .duspat-3-2 {
    -webkit-animation: scaling 4s ease infinite;
    animation: scaling 4s ease infinite;
    position: absolute;
    right: 217rem;
    top: 10rem
}

.howwork135-item__img .duspat-3-2 img {
    width: 229rem
}

.howwork135-item__img .duspat-3-3 {
    -webkit-animation: scaling 4s ease infinite;
    animation: scaling 4s ease infinite;
    bottom: 0;
    position: absolute;
    right: 80rem
}

.howwork135-item__img .duspat-3-3 img {
    width: 229rem
}

.howwork135-item__img:before {
    background: #12a95b;
    background: -webkit-gradient(linear, right top, left top, from(rgba(18, 169, 91, 0)), to(#12a95b));
    background: linear-gradient(270deg, rgba(18, 169, 91, 0), #12a95b);
    bottom: 0;
    content: "";
    display: inline-block;
    left: 153rem;
    position: absolute;
    top: 0;
    width: 300rem
}

.howwork135-item__img img {
    width: 1440rem;
    margin-left: -10px;
}

.howwork135-item__txt {
    font-size: 26rem;
    line-height: 25.14rem;
    margin-bottom: 0;
    max-width: 789rem;
    text-align: left
}

.howwork135-item__txt,
.howwork135__title {
    color: #fff;
    font-weight: 700;
    letter-spacing: 0
}

.howwork135__title {
    font-size: 40rem;
    line-height: 100%;
    text-transform: uppercase
}

.aboutHero__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/srkbg.8b57be3bdb374ba217ff.jpg) 100% 0 no-repeat;
    background-size: cover;
    margin-top: 100rem;
    padding-bottom: 180rem;
    padding-top: 43rem;
    position: relative
}

.aboutHero__title {
    color: #ffd100;
    font-size: 54rem;
    margin-bottom: 30rem;
    margin-top: 60rem;
    max-width: 712rem;
    text-transform: uppercase
}

.aboutHero__title,
.aboutHero__txt {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    text-align: left
}

.aboutHero__txt {
    color: #fff;
    font-size: 20rem;
    margin-bottom: 0;
    max-width: 577rem
}

.aboutFacts__wrap {
    background: #f5f5f5;
    padding-bottom: 83rem;
    padding-top: 94rem
}

.aboutFacts__title {
    color: #2ea22f;
    font-size: 54rem;
    margin-bottom: 19rem;
    text-transform: uppercase
}

.aboutFacts__title,
.aboutFacts__txt {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    max-width: 979rem;
    text-align: left
}

.aboutFacts__txt {
    color: #006747;
    font-size: 20rem;
    margin-bottom: 73rem
}

.aboutFacts__slider {
    margin-left: 0;
    margin-right: 0;
    max-width: 956rem;
    overflow: visible;
    position: relative
}

.aboutFacts__slider-next {
    bottom: 63rem;
    left: 93rem;
    padding: 2rem;
    position: absolute;
    z-index: 3
}

.aboutFacts__slider-next,
.aboutFacts__slider-next span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.aboutFacts__slider-next span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f4f5f5;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40rem;
    justify-content: center;
    width: 40rem
}

.aboutFacts__slider-next span svg {
    width: 17rem
}

.aboutFacts__slider-next span:hover {
    background: #d9d9d9
}

.aboutFacts__slider .swiper-button-disabled {
    opacity: .7;
    pointer-events: none
}

.aboutFacts__slider-prev {
    bottom: 63rem;
    left: 41rem;
    padding: 2rem;
    position: absolute;
    z-index: 3
}

.aboutFacts__slider-prev,
.aboutFacts__slider-prev span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.aboutFacts__slider-prev span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f4f5f5;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40rem;
    justify-content: center;
    width: 40rem
}

.aboutFacts__slider-prev span svg {
    width: 17rem
}

.aboutFacts__slider-prev span:hover {
    background: #d9d9d9
}

.aboutFacts-slide {
    background: #fff;
    border-radius: 4rem;
    height: 357rem;
    padding-left: 40rem;
    padding-top: 109rem;
    position: relative;
    width: 100%
}

.aboutFacts-slide__txt {
    color: #006747;
    font-size: 35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 110%;
    margin-bottom: 0;
    max-width: 431rem;
    position: relative;
    text-align: left;
    z-index: 2
}

.aboutFacts-slide__pic {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.aboutFacts-slide__pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.symprules__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/sympbg.6246ae47653e3a59ec77.jpg) top no-repeat;
    background-size: cover;
    padding-bottom: 330rem;
    padding-top: 211rem;
    position: relative
}

.symprules__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: relative
}

.symprules__pic {
    left: 50%;
    position: absolute;
    top: -82rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.symprules__pic-bg img {
    width: 664rem
}

.symprules__pic-compose {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.symprules__pic-compose img {
    -webkit-animation: rotate2 7s linear infinite;
    animation: rotate2 7s linear infinite;
    width: 415rem
}

.symprules__pic-compose2 {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.symprules__pic-compose2 img {
    -webkit-animation: rotate1 7s linear infinite;
    animation: rotate1 7s linear infinite;
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    width: 415rem
}

.symprules__block {
    background: #006747;
    border-radius: 6rem;
    padding: 33rem 56rem 38rem 47rem;
    position: relative;
    width: 419rem;
    z-index: 3
}

.symprules__title {
    color: #fff;
    font-size: 48.73rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 50.98rem;
    margin-bottom: 25rem;
    text-align: left
}

.symprules__title sup {
    -webkit-transform: scale(.6) translateX(-7rem);
    transform: scale(.6) translateX(-7rem)
}

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

.symprules__list li {
    color: #fff;
    font-size: 20rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 20rem;
    padding-left: 20rem;
    position: relative;
    text-align: left
}

.symprules__list li:last-child {
    margin-bottom: 0
}

.symprules__list li:before {
    color: #fff;
    content: "•";
    font-size: 20rem;
    font-weight: 700;
    left: 0;
    letter-spacing: 0;
    line-height: 100%;
    position: absolute;
    text-align: left;
    top: 0
}

@-webkit-keyframes rotate1 {
    0% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg)
    }

    29% {
        -webkit-transform: rotate(465deg);
        transform: rotate(465deg)
    }

    49% {
        -webkit-transform: rotate(567deg);
        transform: rotate(567deg)
    }

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

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

@keyframes rotate1 {
    0% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg)
    }

    29% {
        -webkit-transform: rotate(465deg);
        transform: rotate(465deg)
    }

    49% {
        -webkit-transform: rotate(567deg);
        transform: rotate(567deg)
    }

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

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

@-webkit-keyframes rotate2 {
    29% {
        -webkit-transform: none;
        transform: none
    }

    80% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate2 {
    29% {
        -webkit-transform: none;
        transform: none
    }

    80% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.progress-circle {
    color: #006747 !important
}

.whysingle__wrap {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/whysinglebg.01de08d65b154a0a3f93.jpg) top no-repeat;
    background-size: cover;
    padding-bottom: 130rem;
    padding-top: 153rem
}

.whysingle__title {
    color: #fff;
    font-size: 64.22rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 51rem;
    text-align: left;
    text-transform: uppercase
}

.whysingle__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 371rem;
    justify-content: space-between;
    position: relative
}

.whysingle__block {
    left: 0;
    max-width: 588rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.whysingle__block.active {
    opacity: 1;
    pointer-events: auto
}

.whysingle__block-title {
    font-size: 35rem;
    line-height: 110%;
    margin-bottom: 19rem
}

.whysingle__block-title,
.whysingle__block-txt {
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    text-align: left
}

.whysingle__block-txt {
    font-size: 20rem;
    line-height: 120%;
    font-weight: 400;
    margin-bottom: 0;
    max-width: 588rem
}

.whysingle__block-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffd100;
    border-radius: 64.15rem;
    color: #1d5f2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20.53rem;
    font-weight: 700;
    height: 54rem;
    justify-content: center;
    letter-spacing: 0;
    line-height: 28.74rem;
    margin-top: 19rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 227rem
}

.whysingle__block-btn:hover {
    color: #1d5f2f;
    opacity: .7
}

.whysingle__cubics {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.whysingle__cubics div {
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.whysingle__cubics div svg {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.whysingle__cubics-1 {
    opacity: 0;
    position: absolute;
    right: 245rem;
    top: 0;
    -webkit-transform: translateY(-120rem);
    transform: translateY(-120rem)
}

.whysingle__cubics-1 svg {
    width: 132rem
}

.whysingle__cubics-2 {
    opacity: 0;
    position: absolute;
    right: 105rem;
    top: 14rem;
    -webkit-transform: translateY(-90rem);
    transform: translateY(-90rem)
}

.whysingle__cubics-2 svg {
    width: 164rem
}

.whysingle__cubics-3 {
    opacity: 0;
    position: absolute;
    right: 203rem;
    top: 125rem;
    -webkit-transform: translateY(-40rem);
    transform: translateY(-40rem)
}

.whysingle__cubics-3 svg {
    width: 238rem
}

.whysingle__cubics-4 {
    bottom: -2rem;
    opacity: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-80rem);
    transform: translateY(-80rem)
}

.whysingle__cubics-4 svg {
    width: 215rem
}

.whysingle__cubics.defaultpos div {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.whysingle__cubics.fstHover .whysingle__cubics-1 {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.whysingle__cubics.fstHover .whysingle__cubics-2 {
    -webkit-transform: rotate(48deg) translatex(41rem);
    transform: rotate(48deg) translatex(41rem)
}

.whysingle__cubics.fstHover .whysingle__cubics-4 {
    -webkit-transform: translateY(18rem) rotate(10deg);
    transform: translateY(18rem) rotate(10deg)
}

.whysingle__cubics.fstHover .whysingle__cubics-3 {
    -webkit-transform: translateY(13rem) rotate(5deg);
    transform: translateY(13rem) rotate(5deg)
}

.whysingle__cubics.secHover .whysingle__cubics-1 {
    -webkit-transform: translateX(-15rem) rotate(-10deg);
    transform: translateX(-15rem) rotate(-10deg)
}

.whysingle__cubics.secHover .whysingle__cubics-2 {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.whysingle__cubics.secHover .whysingle__cubics-3 {
    -webkit-transform: translateY(10rem) rotate(5deg);
    transform: translateY(10rem) rotate(5deg)
}

.whysingle__cubics.secHover .whysingle__cubics-4 {
    -webkit-transform: translateY(18rem) rotate(-5deg);
    transform: translateY(18rem) rotate(-5deg)
}

.whysingle__cubics.thHover .whysingle__cubics-1 {
    -webkit-transform: translateY(-18rem) rotate(-10deg);
    transform: translateY(-18rem) rotate(-10deg)
}

.whysingle__cubics.thHover .whysingle__cubics-2 {
    -webkit-transform: translateX(18rem) rotate(10deg);
    transform: translateX(18rem) rotate(10deg)
}

.whysingle__cubics.thHover .whysingle__cubics-3 {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.whysingle__cubics.thHover .whysingle__cubics-4 {
    -webkit-transform: translateX(18rem) rotate(-10deg);
    transform: translateX(18rem) rotate(-10deg)
}

.whysingle__cubics.fourthHover .whysingle__cubics-1 {
    -webkit-transform: translateX(-12rem) rotate(-5deg);
    transform: translateX(-12rem) rotate(-5deg)
}

.whysingle__cubics.fourthHover .whysingle__cubics-2 {
    -webkit-transform: translateY(-14rem) rotate(10deg);
    transform: translateY(-14rem) rotate(10deg)
}

.whysingle__cubics.fourthHover .whysingle__cubics-3 {
    -webkit-transform: translateX(-16rem) rotate(-10deg);
    transform: translateX(-16rem) rotate(-10deg)
}

.whysingle__cubics.fourthHover .whysingle__cubics-4 {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.whysingle__picture {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -150rem;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(.7);
    transform: translateY(-50%) scale(.7);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.whysingle__picture img {
    width: 663rem
}

.whysingle__picture.isanimating {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.whysingle__compose .active {
    opacity: 1;
    pointer-events: auto
}

.whysingle__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #006747;
    border-radius: 100rem;
    color: hsla(0, 0%, 100%, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 23.54rem;
    font-weight: 700;
    height: 94rem;
    letter-spacing: 0;
    line-height: 22.76rem;
    padding-left: 110rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 364rem
}

.whysingle__btn i {
    display: flex;
    align-items: start;
    height: calc(100% - 6rem);
    left: 3rem;
    top: 3rem;
    width: 86rem
}

.whysingle__btn i,
.whysingle__btn i svg {
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.whysingle__btn i svg {
    left: 0;
    top: 0;
    width: 89rem
}

.whysingle__btn i .def {
    opacity: 1
}

.whysingle__btn i .active {
    opacity: 0
}

.whysingle__btn-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 52rem
}

.whysingle__btn.animating {
    background: #00b140;
    color: #fff;
    padding-left: 31rem
}

.whysingle__btn.animating i {
    left: 272rem
}

.whysingle__btn.isanimating i .def {
    opacity: 0
}

.whysingle__btn.isanimating i .active {
    opacity: 1
}

.whysingle__cubics.animating .whysingle__cubics-1 svg {
    opacity: 0;
    -webkit-transform: scale(0) translateX(300rem) translateY(300rem);
    transform: scale(0) translateX(300rem) translateY(300rem)
}

.whysingle__cubics.animating .whysingle__cubics-2 svg {
    opacity: 0;
    -webkit-transform: scale(0) translateX(-300rem) translateY(300rem);
    transform: scale(0) translateX(-300rem) translateY(300rem)
}

.whysingle__cubics.animating .whysingle__cubics-3 svg {
    opacity: 0;
    -webkit-transform: scale(0) translateX(300rem) translateY(-300rem);
    transform: scale(0) translateX(300rem) translateY(-300rem)
}

.whysingle__cubics.animating .whysingle__cubics-4 svg {
    opacity: 0;
    -webkit-transform: scale(0) translateX(-300rem) translateY(-300rem);
    transform: scale(0) translateX(-300rem) translateY(-300rem)
}

.whysingle__cubics.isanimating {
    opacity: 0
}

@-webkit-keyframes animating1 {
    to {
        opacity: 0;
        -webkit-transform: translateX(-50rem) translateY(-50rem) rotate(-10deg);
        transform: translateX(-50rem) translateY(-50rem) rotate(-10deg)
    }
}

@keyframes animating1 {
    to {
        opacity: 0;
        -webkit-transform: translateX(-50rem) translateY(-50rem) rotate(-10deg);
        transform: translateX(-50rem) translateY(-50rem) rotate(-10deg)
    }
}

@-webkit-keyframes animating2 {
    to {
        opacity: 0;
        -webkit-transform: translateX(50rem) translateY(-50rem) rotate(30deg);
        transform: translateX(50rem) translateY(-50rem) rotate(30deg)
    }
}

@keyframes animating2 {
    to {
        opacity: 0;
        -webkit-transform: translateX(50rem) translateY(-50rem) rotate(30deg);
        transform: translateX(50rem) translateY(-50rem) rotate(30deg)
    }
}

@-webkit-keyframes animating3 {
    to {
        opacity: 0;
        -webkit-transform: translateX(-50rem) translateY(-10rem) rotate(-15deg);
        transform: translateX(-50rem) translateY(-10rem) rotate(-15deg)
    }
}

@keyframes animating3 {
    to {
        opacity: 0;
        -webkit-transform: translateX(-50rem) translateY(-10rem) rotate(-15deg);
        transform: translateX(-50rem) translateY(-10rem) rotate(-15deg)
    }
}

@-webkit-keyframes animating4 {
    to {
        opacity: 0;
        -webkit-transform: translateX(50rem) translateY(-10rem) rotate(35deg);
        transform: translateX(50rem) translateY(-10rem) rotate(35deg)
    }
}

@keyframes animating4 {
    to {
        opacity: 0;
        -webkit-transform: translateX(50rem) translateY(-10rem) rotate(35deg);
        transform: translateX(50rem) translateY(-10rem) rotate(35deg)
    }
}

.wherebuy__block-img img {
    max-width: 80%;
    max-height: 80%;
        filter: grayscale(100%);
    background-color: transparent;
}

.wherebuy__block-img img:hover {
     filter: none;
}

.wherebuy__block-col {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bx_item_detail_rating {
    width: 100%;
}

.bx_item_detail_rating .bx_item_rating {
    margin-bottom: -4px;
}

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

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

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

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

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.mob,
.mobnav {
    display: none
}

.sectionFourth {
    opacity: 0;
    overflow: hidden;
    padding-top: 168rem;
    pointer-events: none;
    z-index: 10
}

.sectionFourth,
.sectionFourth__bgback {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.sectionFourth__bgback {
    left: 50%;
    opacity: .5;
    position: absolute;
    top: 63%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3
}

.sectionFourth__bgback img {
    width: 660rem
}

.sectionFourth .container {
    position: relative
}

.sectionFourth__compose {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    z-index: 5
}

.sectionFourth__compose img {
    max-width: 640rem;
    opacity: 0;
    -webkit-transform: scale(.7) translateY(-30%);
    transform: scale(.7) translateY(-30%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.sectionFourth__bg {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.sectionFourth__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.sectionFourth__title {
    font-size: 54rem;
    line-height: 100%;
    margin-bottom: 24rem;
    text-transform: uppercase
}

.sectionFourth__title,
.sectionFourth__txt {
    color: #fff;
    font-family: Calibri, sans-serif;
    font-style: normal;
    font-weight: 700;
    opacity: 0;
    -webkit-transform: translateY(20rem);
    transform: translateY(20rem);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.sectionFourth__txt {
    font-size: 26rem;
    line-height: 32rem;
    margin-bottom: 187rem
}

.sectionFourth__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.sectionFourth__top .sectionFourth__item:nth-child(2) {
    margin-top: 0
}

.sectionFourth__top .sectionFourth__item:nth-child(2) .sectionFourth__item-title {
    margin-bottom: 10px
}

.sectionFourth__bottom .sectionFourth__item {
    margin-top: 145rem;
}


.sectionFourth__bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.sectionFourth__bottom .sectionFourth__item:nth-child(2) {
    margin-top: 145rem
}

.sectionFourth__item {
    background: #ffd100;
    border-radius: 6rem;
    -webkit-box-shadow: 2rem 2rem 0 #2ea22f;
    box-shadow: 2rem 2rem 0 #2ea22f;
    height: 365rem;
    padding: 87rem 9rem 10rem 20rem;
    position: relative;
    width: 316rem
}

.sectionFourth__item-ico {
    position: absolute;
    right: 38rem;
    top: -59rem
}

.sectionFourth__item-ico img {
    width: 133rem
}

.sectionFourth__item-title {
    color: #016747;
    font-family: Calibri, sans-serif;
    font-size: 39.3841rem;
    font-style: normal;
    font-weight: 700;
    line-height: 38rem;
    margin-bottom: 12rem
}

.sectionFourth__item-title span {
    color: #00b140
}

.sectionFourth__item-title strong {
    color: #00b140;
    font-size: 136rem;
    line-height: 79.5rem
}

.sectionFourth__item-txt {
    color: #016747;
    font-family: Calibri, sans-serif;
    font-size: 26rem;
    font-weight: 700;
    line-height: 25rem;
    margin-bottom: 0
}

.sectionFourth__slider-pag {
    margin-top: 34rem;
    text-align: center
}

.sectionFourth__slider-pag span {
    background: #f8fdf5;
    margin-right: 24rem !important;
    opacity: 1;
    position: relative;
    width: 13px
}

.sectionFourth__slider-pag span,
.sectionFourth__slider-pag span:after {
    border-radius: 30rem;
    height: 13px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sectionFourth__slider-pag span:after {
    background: #ffd100;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.sectionFourth__slider-pag span.swiper-pagination-bullet-active {
    width: 58px
}

.sectionFourth__slider-pag span.swiper-pagination-bullet-active:after {
    width: 38px
}

.sectionFourth.active .sectionFourth__compose img,
.sectionFourth.active .sectionFourth__title,
.sectionFourth.active .sectionFourth__top,
.sectionFourth.active .sectionFourth__txt {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.sectionFourth.noactive .sectionFourth__wrap {
    opacity: 0;
    pointer-events: none
}

.sectionFourth.noactive .sectionFourth__bgback {
    top: 100%
}

.sectionFourth.noactive .sectionFourth__bgback img {
    width: 1100rem
}

.lignting {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.lignting img {
    width: 265px
}

.lignting_1 {
    left: 285px;
    position: absolute;
    top: 146px
}

.lignting_2 {
    left: 263px;
    position: absolute;
    top: 251px
}

.sectionFive {
    background-size: cover;
    opacity: 0;
    padding-top: 168rem;
    pointer-events: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 10
}

.sectionFive.active {
    opacity: 1;
    pointer-events: auto
}

.sectionFive.active .animka-bg,
.sectionFive.active .sectionFive__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.sectionFive__title {
    color: #fff;
    font-family: Calibri, sans-serif;
    font-size: 54rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 31rem;
    max-width: 879rem;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transform: translateX(100rem);
    transform: translateX(100rem);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

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

.sectionFive__buttons,
.sectionFive__buttons-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sectionFive__buttons-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #016747;
    border-radius: 4.46809rem;
    -webkit-box-shadow: 1.48936rem 1.48936rem 0 #2ea22f;
    box-shadow: 1.48936rem 1.48936rem 0 #2ea22f;
    color: #fff;
    cursor: pointer;
    font-family: Calibri, sans-serif;
    font-size: 26rem;
    font-weight: 700;
    height: 125rem;
    line-height: 28rem;
    padding-left: 30rem;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: calc(33.333% - 15rem)
}

.sectionFive__buttons-item i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sectionFive__buttons-item:first-child i,
.sectionFive__buttons-item:last-child i {
    right: 30rem
}

.sectionFive__buttons-item.active {
    background: #ffd100;
    color: #fff
}

.animka {
    height: 716px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 81px;
    position: relative;
    width: 640px
}

.animka .topblur {
    left: 404px;
    position: absolute;
    top: -89px
}

.animka .topblur svg {
    width: 69px
}

.animka-bg {
    height: 100%;
    opacity: 0;
    position: relative;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100%
}

.animka .vzdutie {
    border-radius: 50%;
    left: 59px;
    position: absolute;
    top: 253px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.animka .vzdutie_1 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.animka .vzdutie_2 {
    left: 59px;
    top: 336px
}

.animka .vzdutie_3 {
    left: 190px;
    top: 354px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.animka .vzdutie_4 {
    left: 190px;
    top: 443px
}

.ancircle {
    background: #fff;
    border-radius: 50%;
    height: 33px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    width: 33px;
    z-index: 10
}

.ancircle_lg {
    height: 56px;
    width: 56px
}

.ancircle_blue {
    background: #009cde
}

.ancircle_1 {
    left: 390px;
    top: 70px
}

.ancircle_1,
.ancircle_2 {
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem)
}

.ancircle_2 {
    left: 320px;
    top: 80px
}

.ancircle_3 {
    left: 270px;
    top: 100px
}

.ancircle_3,
.ancircle_4 {
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem)
}

.ancircle_4 {
    left: 200px;
    top: 75px;
    z-index: 11
}

.ancircle_5 {
    left: 160px;
    top: 82px
}

.ancircle_5,
.ancircle_6 {
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem)
}

.ancircle_6 {
    left: 120px;
    top: 110px
}

.ancircle_7 {
    left: 93px;
    top: 150px
}

.ancircle_7,
.ancircle_8 {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem)
}

.ancircle_8 {
    left: 160px;
    top: 205px
}

.ancircle_9 {
    left: 210px;
    top: 190px
}

.ancircle_9,
.ancircle_10 {
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem)
}

.ancircle_10 {
    left: 260px;
    top: 175px
}

.ancircle_11 {
    left: 320px;
    top: 180px
}

.ancircle_11,
.ancircle_12 {
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem)
}

.ancircle_12 {
    left: 460px;
    top: 190px
}

.ancircle_13 {
    left: 490px;
    top: 175px
}

.ancircle_13,
.ancircle_14 {
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem)
}

.ancircle_14 {
    left: 550px;
    top: 185px
}

.ancircle_15 {
    left: 580px;
    top: 230px
}

.ancircle_15,
.ancircle_16 {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem)
}

.ancircle_16 {
    left: 560px;
    top: 270px
}

.ancircle_17 {
    left: 480px;
    top: 290px
}

.ancircle_17,
.ancircle_18 {
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem)
}

.ancircle_18 {
    left: 440px;
    top: 280px
}

.ancircle_19 {
    left: 320px
}

.ancircle_19,
.ancircle_20 {
    top: 290px;
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem)
}

.ancircle_20 {
    left: 220px
}

.ancircle_21 {
    left: 120px;
    top: 290px
}

.ancircle_21,
.ancircle_22 {
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem)
}

.ancircle_22 {
    left: 50px;
    top: 284px
}

.ancircle_23 {
    left: 35px;
    top: 320px;
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem)
}

.ancircle_24 {
    left: 13px;
    top: 360px
}

.ancircle_25 {
    left: 80px;
    top: 410px
}

.ancircle_25,
.ancircle_26 {
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem)
}

.ancircle_26 {
    left: 130px;
    top: 400px
}

.ancircle_27 {
    left: 200px;
    top: 380px
}

.ancircle_27,
.ancircle_28 {
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem)
}

.ancircle_28 {
    left: 250px;
    top: 410px
}

.ancircle_29 {
    left: 320px;
    top: 388px
}

.ancircle_29,
.ancircle_31 {
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem)
}

.ancircle_31 {
    left: 385px;
    top: 386px
}

.ancircle_32 {
    left: 530px;
    top: 415px
}

.ancircle_32,
.ancircle_33 {
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem)
}

.ancircle_33 {
    left: 550px;
    top: 400px
}

.isready .ancircle {
    -webkit-transform: none;
    transform: none
}

.txtvzdutie {
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.txtvzdutie svg {
    width: 253px
}

.active2 .lignting {
    opacity: 0
}

.active2 .txtbol,
.active2 .txtvzdutie {
    opacity: 1
}

.active2 .mask1 {
    -webkit-transform: translateY(140px) translateX(367px) !important;
    transform: translateY(140px) translateX(367px) !important
}

.active2 .mask2 {
    -webkit-transform: translateY(278px) translateX(457px) rotate(180deg) !important;
    transform: translateY(278px) translateX(457px) rotate(180deg) !important
}

.active2 .mask3 {
    -webkit-transform: translateY(243px) translateX(349px) !important;
    transform: translateY(243px) translateX(349px) !important
}

.active2 .mask4 {
    -webkit-transform: translateY(383px) translateX(439px) rotate(180deg) !important;
    transform: translateY(383px) translateX(439px) rotate(180deg) !important
}

.active2 .vzdutie_1,
.active2 .vzdutie_3 {
    -webkit-transform: rotate(180deg) translateY(-76%);
    transform: rotate(180deg) translateY(-76%)
}

.active2 .vzdutie_2,
.active2 .vzdutie_4 {
    -webkit-transform: translateY(-76%);
    transform: translateY(-76%)
}

.active2 .ancircle_1,
.active2 .ancircle_3,
.active2 .ancircle_5,
.active2 .ancircle_7,
.active2 .ancircle_9,
.active2 .ancircle_11,
.active2 .ancircle_13,
.active2 .ancircle_15,
.active2 .ancircle_17,
.active2 .ancircle_19,
.active2 .ancircle_21,
.active2 .ancircle_22,
.active2 .ancircle_23,
.active2 .ancircle_25,
.active2 .ancircle_26,
.active2 .ancircle_27,
.active2 .ancircle_29,
.active2 .ancircle_31,
.active2 .ancircle_33 {
    opacity: 0
}

.active2 .ancircle_2,
.active2 .ancircle_4 {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.active2 .ancircle_6 {
    -webkit-transform: translate(-10px, 10px);
    transform: translate(-10px, 10px)
}

.active2 .ancircle_8 {
    -webkit-transform: translate(10px, -10px);
    transform: translate(10px, -10px)
}

.active2 .ancircle_10 {
    -webkit-transform: translate(10px, 10px);
    transform: translate(10px, 10px)
}

.active2 .ancircle_12 {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.active2 .ancircle_14 {
    -webkit-transform: translateX(10px) translateY(15px);
    transform: translateX(10px) translateY(15px)
}

.active2 .ancircle_16 {
    -webkit-transform: translateX(-20px) translateY(10px);
    transform: translateX(-20px) translateY(10px)
}

.active2 .ancircle_18 {
    -webkit-transform: translate(-10px, 20px);
    transform: translate(-10px, 20px)
}

.active2 .ancircle_20 {
    -webkit-transform: translate(-20px, 10px);
    transform: translate(-20px, 10px)
}

.active2 .ancircle_22 {
    -webkit-transform: translate(-10px, 10px);
    transform: translate(-10px, 10px)
}

.active2 .ancircle_24 {
    -webkit-transform: translate(15px, 12px);
    transform: translate(15px, 12px)
}

.active2 .ancircle_26 {
    -webkit-transform: translate(15px, -10px);
    transform: translate(15px, -10px)
}

.active2 .ancircle_28 {
    -webkit-transform: translate(10px, -5px);
    transform: translate(10px, -5px)
}

.active2 .ancircle_32 {
    -webkit-transform: translate(10px, -10px);
    transform: translate(10px, -10px)
}

.active3 .txtvzdutie {
    opacity: 1
}

.active3 .vzdutie_1,
.active3 .vzdutie_3 {
    -webkit-transform: rotate(180deg) translateY(-76%);
    transform: rotate(180deg) translateY(-76%)
}

.active3 .vzdutie_2,
.active3 .vzdutie_4 {
    -webkit-transform: translateY(-76%);
    transform: translateY(-76%)
}

.active3 .ancircle_1,
.active3 .ancircle_3,
.active3 .ancircle_5,
.active3 .ancircle_7,
.active3 .ancircle_9,
.active3 .ancircle_11,
.active3 .ancircle_13,
.active3 .ancircle_15,
.active3 .ancircle_17,
.active3 .ancircle_19,
.active3 .ancircle_21,
.active3 .ancircle_22,
.active3 .ancircle_23,
.active3 .ancircle_25,
.active3 .ancircle_26,
.active3 .ancircle_27,
.active3 .ancircle_29,
.active3 .ancircle_31,
.active3 .ancircle_33 {
    opacity: 0
}

.active3 .ancircle_2,
.active3 .ancircle_4 {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.active3 .ancircle_6 {
    -webkit-transform: translate(-10px, 10px);
    transform: translate(-10px, 10px)
}

.active3 .ancircle_8 {
    -webkit-transform: translate(10px, -10px);
    transform: translate(10px, -10px)
}

.active3 .ancircle_10 {
    -webkit-transform: translate(10px, 10px);
    transform: translate(10px, 10px)
}

.active3 .ancircle_12 {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.active3 .ancircle_14 {
    -webkit-transform: translateX(10px) translateY(15px);
    transform: translateX(10px) translateY(15px)
}

.active3 .ancircle_16 {
    -webkit-transform: translateX(-20px) translateY(10px);
    transform: translateX(-20px) translateY(10px)
}

.active3 .ancircle_18 {
    -webkit-transform: translate(-10px, 20px);
    transform: translate(-10px, 20px)
}

.active3 .ancircle_20 {
    -webkit-transform: translate(-20px, 10px);
    transform: translate(-20px, 10px)
}

.active3 .ancircle_22 {
    -webkit-transform: translate(-10px, 10px);
    transform: translate(-10px, 10px)
}

.active3 .ancircle_24 {
    -webkit-transform: translate(15px, 12px);
    transform: translate(15px, 12px)
}

.active3 .ancircle_26 {
    -webkit-transform: translate(15px, -10px);
    transform: translate(15px, -10px)
}

.active3 .ancircle_28 {
    -webkit-transform: translate(10px, -5px);
    transform: translate(10px, -5px)
}

.active3 .ancircle_32 {
    -webkit-transform: translate(10px, -10px);
    transform: translate(10px, -10px)
}

.active1 .lignting {
    opacity: 0
}

.active1 .txtbol {
    opacity: 1
}

.active1 .mask1 {
    -webkit-transform: translateY(140px) translateX(367px) !important;
    transform: translateY(140px) translateX(367px) !important
}

.active1 .mask2 {
    -webkit-transform: translateY(278px) translateX(457px) rotate(180deg) !important;
    transform: translateY(278px) translateX(457px) rotate(180deg) !important
}

.active1 .mask3 {
    -webkit-transform: translateY(243px) translateX(349px) !important;
    transform: translateY(243px) translateX(349px) !important
}

.active1 .mask4 {
    -webkit-transform: translateY(383px) translateX(439px) rotate(180deg) !important;
    transform: translateY(383px) translateX(439px) rotate(180deg) !important
}

.active1 .ancircle_2,
.active1 .ancircle_4 {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.active1 .ancircle_6 {
    -webkit-transform: translate(-10px, 10px);
    transform: translate(-10px, 10px)
}

.active1 .ancircle_8 {
    -webkit-transform: translate(10px, -10px);
    transform: translate(10px, -10px)
}

.active1 .ancircle_10 {
    -webkit-transform: translate(10px, 10px);
    transform: translate(10px, 10px)
}

.active1 .ancircle_12 {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.active1 .ancircle_14 {
    -webkit-transform: translateX(10px) translateY(15px);
    transform: translateX(10px) translateY(15px)
}

.active1 .ancircle_16 {
    -webkit-transform: translateX(-20px) translateY(10px);
    transform: translateX(-20px) translateY(10px)
}

.active1 .ancircle_18 {
    -webkit-transform: translate(-10px, 20px);
    transform: translate(-10px, 20px)
}

.active1 .ancircle_20 {
    -webkit-transform: translate(-20px, 10px);
    transform: translate(-20px, 10px)
}

.active1 .ancircle_22 {
    -webkit-transform: translate(-10px, 10px);
    transform: translate(-10px, 10px)
}

.active1 .ancircle_24 {
    -webkit-transform: translate(15px, 12px);
    transform: translate(15px, 12px)
}

.active1 .ancircle_26 {
    -webkit-transform: translate(15px, -10px);
    transform: translate(15px, -10px)
}

.active1 .ancircle_28 {
    -webkit-transform: translate(10px, -5px);
    transform: translate(10px, -5px)
}

.active1 .ancircle_32 {
    -webkit-transform: translate(10px, -10px);
    transform: translate(10px, -10px)
}

.txtbol {
    left: 490px;
    opacity: 0;
    position: absolute;
    top: 120px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.txtbol svg {
    width: 219px
}

.sectionSix {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 11
}

.sectionSix.isactive {
    opacity: 1;
    pointer-events: auto
}

.sectionSix.isactive .sectionSix__bg2,
.sectionSix.isactive .sectionSix__img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sectionSix.isactive .sectionSix__img {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(.85);
    transform: translate(-50%, -50%) scale(.85)
}

.sectionSix.isactive .sectionSix__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.sectionSix__wrap {
    height: 100%;
    padding-top: 168rem;
    position: relative
}

.sectionSix__wrap .container {
    position: relative;
    z-index: 2
}

.sectionSix__bg {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.sectionSix__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.sectionSix__bg2 {
    left: 50%;
    position: absolute;
    top: 60%;
    -webkit-transform: translate(-50%, -50%) rotate(-40deg) scale(.8);
    transform: translate(-50%, -50%) rotate(-40deg) scale(.8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    z-index: 2
}

.sectionSix__bg2 img {
    width: 848rem
}

.sectionSix__img {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 60%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(.3);
    transform: translate(-50%, -50%) rotate(90deg) scale(.3);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    z-index: 2
}

.sectionSix__img img {
    width: 534rem
}

.sectionSix__title {
    color: #fff;
    font-family: Calibri, sans-serif;
    font-size: 54rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 53rem;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transform: translateY(40rem);
    transform: translateY(40rem);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.sectionSix__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.sectionSix__row.isactive .sectionSix-item_1,
.sectionSix__row.isactive .sectionSix-item_2 {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.sectionSix__left,
.sectionSix__right {
    max-width: 360rem
}

.sectionSix-item {
    opacity: 0;
    padding: 41rem 15rem 38rem 26rem
}

.sectionSix-item__title {
    color: #efc028;
    font-size: 52.7263rem;
    line-height: 51rem
}

.sectionSix-item__title,
.sectionSix-item__txt {
    font-family: Calibri, sans-serif;
    font-weight: 700
}

.sectionSix-item__txt {
    color: #fff;
    font-size: 26rem;
    line-height: 25rem;
    margin-bottom: 29rem
}

.sectionSix-item_1 {
    background: #016747;
    margin-top: 95rem;
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}

.sectionSix-item_1,
.sectionSix-item_2 {
    border-radius: 6rem;
    -webkit-box-shadow: 2rem 2rem 0 0 #2ea22f;
    box-shadow: 2rem 2rem 0 0 #2ea22f;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.sectionSix-item_2 {
    background: #ffd100;
    -webkit-transform: translateX(200%);
    transform: translateX(200%)
}

.sectionSix-item_2 .sectionSix-item__title {
    color: #00b140
}

.sectionSix-item_2 .sectionSix-item__list,
.sectionSix-item_2 .sectionSix-item__txt {
    color: #006747
}

.sectionSix-item__list {
    color: #fff;
    font-family: Calibri, sans-serif;
    font-size: 20rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left
}

.sectionSix-item__list li {
    margin-bottom: 20rem;
    padding-left: 30rem;
    position: relative
}

.sectionSix-item__list li:before {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 6rem;
    left: 0;
    position: absolute;
    top: 6rem;
    width: 6rem
}

.sectionSix-item__list li:last-child {
    margin-bottom: 0
}

.sectionSeven {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 11
}

.sectionSeven.isactive {
    opacity: 1;
    pointer-events: auto
}

.sectionSeven.isactive .sectionSeven-item {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.sectionSeven__wrap {
    height: 100%;
    padding-top: 168rem;
    position: relative
}

.sectionSeven__wrap .container {
    position: relative
}

.sectionSeven__bg {
    left: 0;
    position: absolute;
    top: 0
}

.sectionSeven__bg,
.sectionSeven__bg img {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.sectionSeven__title {
    color: #fff;
    font-family: Calibri, sans-serif;
    font-size: 54rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 138rem;
    text-align: left;
    text-transform: uppercase
}

.sectionSeven__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -10rem;
    margin-right: -10rem
}

.sectionSeven__row.isactive .sectionSeven-item {
    -webkit-transform: none;
    transform: none
}

.sectionSeven__col {
    padding-left: 10rem;
    padding-right: 10rem;
    width: 50%
}

.sectionSeven-item {
    background: #ffd100;
    border-radius: 6rem;
    -webkit-box-shadow: 2rem 2rem 0 0 #2ea22f;
    box-shadow: 2rem 2rem 0 0 #2ea22f;
    display: block;
    height: 100%;
    opacity: 0;
    padding: 204rem 29rem 39rem 36rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.sectionSeven-item_1 {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%)
}

.sectionSeven-item_1 .sectionSeven-item__img {
    left: 35rem;
    position: absolute;
    top: -91rem
}

.sectionSeven-item_1 .sectionSeven-item__img img {
    max-width: 325rem
}

.sectionSeven-item_2 {
    -webkit-transform: translateX(120%);
    transform: translateX(120%)
}

.sectionSeven-item_2 .sectionSeven-item__img {
    left: 40rem;
    position: absolute;
    top: -92rem
}

.sectionSeven-item_2 .sectionSeven-item__img img {
    max-width: 331rem
}

.sectionSeven-item__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 45rem
}

.sectionSeven-item__header,
.sectionSeven-item__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sectionSeven-item__more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    height: 66rem;
    justify-content: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 66rem
}

.sectionSeven-item__more svg {
    width: 34rem
}

.sectionSeven-item__more path {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sectionSeven-item:hover .sectionSeven-item__more {
    background: #006747
}

.sectionSeven-item:hover .sectionSeven-item__more path {
    stroke: #fff
}

.sectionSeven-item__title {
    color: #006747;
    font-family: Calibri, sans-serif;
    font-size: 28rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 27.87rem;
    min-height: 86rem;
    text-align: left
}

.sectionSeven-item__title span {
    display: block;
    font-size: 22rem
}

.sectionSeven-item__descr {
    color: #006747;
    font-family: Calibri, sans-serif;
    font-size: 22rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 25.14rem;
    text-align: left
}

.sectionSeven-item__descr span {
    display: block;
    font-size: 24rem;
    margin-bottom: 3rem;
    line-height: 25rem
}

.sectionEight {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 11
}

.sectionEight .recently__title {
    opacity: 0;
    -webkit-transform: translateY(-40rem);
    transform: translateY(-40rem);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.sectionEight.isactive {
    opacity: 1;
    pointer-events: auto
}

.sectionEight.isactive .recently__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.sectionEight__wrap {
    height: 100%;
    padding-top: 170rem;
    position: relative
}

.sectionEight__wrap .container {
    position: relative;
    z-index: 2
}

.recently-transfer {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/recently-bg.f5e942ef857a20f907ac.jpg) top no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
    height: 378rem;
    padding: 23rem 32rem;
    text-decoration: none
}

.recently-transfer__title {
    font-size: 50rem;
    line-height: 100%;
    margin-bottom: 13rem
}

.recently-transfer__title,
.recently-transfer__txt {
    color: #fff;
    font-family: Calibri, sans-serif;
    font-weight: 700
}

.recently-transfer__txt {
    font-size: 26rem;
    line-height: 25rem;
    margin-bottom: 29rem
}

.recently-transfer__more {
    background: #ffd100;
    border-radius: 64.15rem;
    color: #1d5f2f;
    font-size: 20.53rem;
    font-weight: 700;
    height: 54rem;
    letter-spacing: 0;
    line-height: 28.74rem;
    text-align: center;
    text-transform: uppercase;
    width: 190rem
}

.recently-transfer__more,
.recently-transfer__more i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.recently-transfer__more i {
    background: #fff;
    border-radius: 50%;
    height: 32rem;
    margin-left: 10rem;
    width: 32rem
}

.recently-transfer__more i svg {
    width: 17rem
}

.recently-transfer__more i path {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.recently-transfer__more:hover {
    background: #1d5f2f;
    color: #fff
}

.duoblock {
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/duoblockbg.d504cbc18f2db7a433bf.jpg) bottom no-repeat;
    background-size: cover;
    padding-bottom: 0;
    padding-top: 101rem
}

.duoblock__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.duoblock__title {
    color: #fff;
    font-family: Calibri, sans-serif;
    font-size: 64.22rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    min-width: 367rem;
    padding-top: 70rem;
    text-align: left;
    text-transform: uppercase;
    width: 367rem
}

.duoblock__img img {
    width: 502rem;
    margin-bottom: -100rem;
}

.duoblock__descr {
    color: #fff;
    font-size: 26rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 25.14rem;
    min-width: 340rem;
    padding-top: 70rem;
    text-align: left
}

.finalSection {
    overflow: auto;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 11
}

.finalSection .artsources__wrap,
.finalSection .ourbrands_404 {
    background: #fff
}

.finalSection .footer {
    display: block
}

.heroFirst__wrap:after {
    bottom: 0;
    content: "";
    display: inline-block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 20
}

.heroFirst__wrap.procanim:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.heroFirst__wrap.procanim .heroFirst__bottom {
    height: 22vh
}
.bx_item_detail_rating .bx_stars_bg {
    background-size: cover!important;
}
.page-about, .page-contacts {
    border: none!important;
}
@media(min-width:992px) {
    .howtake_135 .howtake__item_curs .howtake__item-row .howtake__item-count {
        line-height: 60px;
        margin-top: -10px
    }

    .howtake_135 .howtake__item_curs {
        padding-bottom: 15px
    }
}

@media(min-width:1921px) {
    .animka {
        -webkit-transform: scale(1.6) translateY(174rem);
        transform: scale(1.6) translateY(174rem)
    }

    .heroThird.active .heroThird__composes-img img {
        -webkit-transform: scale(1.5) translateY(-90px);
        transform: scale(1.5) translateY(-90px)
    }

    .heroThird.active .heroThird__composes-bg {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@media(max-width:1500px)and (min-width:1281px) {
    .animka {
        -webkit-transform: scale(.8) translateY(-100px);
        transform: scale(.8) translateY(-100px)
    }
}

@media(max-width:1280px)and (min-width:992px) {
    .animka {
        -webkit-transform: scale(.56) translateY(-350px);
        transform: scale(.56) translateY(-350px)
    }

    .sectionFive {
        padding-top: 130rem
    }
}

@media(max-width:1530px) and (max-height:900px) and (min-height: 800px) {
    html {
        font-size: .8px
    }
}

@media(max-width:1360px)and (max-height:900px) {
    .sectionFive__buttons-item img {
        -webkit-transform: scale(.8) translateX(10%) !important;
        transform: scale(.8) translateX(10%) !important
    }
}


@media(max-width:1600px)and (max-height:900px) {
    .sectionFive__buttons-item img {
        -webkit-transform: scale(.8) translateX(10%) !important;
        transform: scale(.8) translateX(10%) !important
    }
}


@media(max-width:1260px)and (max-height:600px) {
    html {
        font-size: .6px
    }

    .sectionFive__buttons-item img {
        -webkit-transform: scale(.5) translateX(50%) !important;
        transform: scale(.5) translateX(50%) !important
    }
}

.mobresult,
.mobsecond {
    display: none
}

@media(max-width:991px) {
    .wherebuy__block-img img {
        max-width: 100%;
    }
    
     .mobnav .header__list li {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .mobnav .header__list li ul {
        width: 100%;
    }

    .mobnav .header__list i {
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        border-radius: 50%;
        transition: .3s all ease;
    }
    .mobnav .header__list li ul {
        padding: 10rem;
        list-style: none;
        margin: 0;
        margin-top: 10px;
        background: rgb(220 226 233);
        border-radius: 10rem;
        display: none;
    }
    .mobnav .header__list li.open i {
        transform: rotate(180deg);
    }
    .mobnav .header__list li.open ul {
        display: block;
    }

    .mobnav .header__list li ul li {
        margin-bottom: 7px;
    }

     .mobnav .header__list li ul li:last-child {
        margin-bottom: 0;
     }
     .mobnav li {
        margin-right: 0;
     }
     .mobnav .header__list li ul a {
        color: #000;
        font-weight: 500;
        white-space: nowrap;
        text-transform: none;
        font-size: 16px;
     }
    .whysingle__btn {
        font-size: 20px;
        max-width: 100%;
        position: relative
    }

    .whysingle__btn.animating i {
        left: 249rem
    }

    .mobresult sup {
        top: .2em
    }

    .whysingle__picture.isanimating {
        -webkit-transform: translateY(-67%) scale(1);
        transform: translateY(-67%) scale(1)
    }

    .mobsecond {
        bottom: 0;
        display: block;
        opacity: 0;
        padding-bottom: 35px;
        padding-left: 18px;
        padding-right: 18px;
        pointer-events: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 10
    }

    .mobsecond,
    .mobsecond__img {
        left: 0;
        position: absolute;
        right: 0
    }

    .mobsecond__img {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: -200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .mobsecond__title {
        color: #fff;
        font-family: Calibri, sans-serif;
        font-size: 34px;
        font-weight: 700;
        line-height: 100%;
        position: relative;
        text-transform: uppercase;
        z-index: 4
    }

    .mobanimate .mobsecond {
        opacity: 1
    }

    .mobanimate .heroSecond__row {
        opacity: 0
    }

    .txtbol,
    .txtvzdutie {
        display: none
    }

    .mobresult {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        bottom: 0;
        color: #016747;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: Calibri, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        height: 130px;
        justify-content: center;
        left: 50%;
        line-height: 100%;
        max-width: 90vw;
        opacity: 0;
        padding: 23px;
        pointer-events: none;
        position: fixed;
        text-align: center;
        text-transform: uppercase;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 324px;
        z-index: 20
    }

    .mobresult.active {
        opacity: 1;
        pointer-events: auto
    }

    .symprules__pic-bg {
        display: none
    }

    .mobnav {
        background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/wherebuy-bg.8caee7e10e0c80388e79.jpg) top no-repeat;
        background-size: cover;
        display: block;
        height: 100vh;
        left: 0;
        opacity: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 100px;
        pointer-events: none;
        position: fixed;
        top: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 100vw;
        z-index: 10
    }

    .mobnav.open {
        opacity: 1;
        pointer-events: auto
    }

    .mobnav li {
        margin-bottom: 10px
    }

    .mobnav li a {
        font-size: 20px;
        line-height: 130%
    }

    .mobnav .header__list {
        display: block
    }

    .mobnav .header__group {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px
    }

    #toggleArticleNav,
    .mobnav .header__group {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    

    #toggleArticleNav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        background: #3d8a72;
        border-radius: 6px;
        bottom: 11rem;
        color: #fff;
        font-family: Calibri, sans-serif;
        font-size: 20px;
        font-weight: 700;
        height: auto;
        justify-content: center;
        line-height: 100%;
        padding-top: 16rem;
        padding-bottom: 23rem;
        position: fixed;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 259px;
        z-index: 10
    }

    #toggleArticleNav,
    #toggleArticleNav:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #toggleArticleNav:after {
        background: hsla(0, 0%, 85%, .1);
        border-radius: 50rem;
        bottom: 9rem;
        content: "";
        display: inline-block;
        height: 4rem;
        position: absolute;
        width: 81rem
    }

    .article__aside-window.copy {
        background: #3d8a72;
        bottom: 19px;
        left: 19px;
        margin-bottom: 0;
        position: fixed;
        right: 19px;
        top: auto;
        z-index: 10
    }

    .header__burger {
        display: block
    }

    .header__burger span {
        background: #fff;
        border-radius: 5px;
        display: block;
        height: 2px;
        margin-bottom: 6px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 25px
    }

    .header__burger.open span,
    .header__burger span:last-child {
        margin-bottom: 0
    }

    .header__burger.open span:last-child {
        display: none
    }

    .header__burger.open span:first-child {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .header__burger.open span:nth-child(2) {
        margin-top: -2px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .articleHero__time {
        white-space: nowrap
    }

    .aboutFacts-slide__txt {
        font-size: 30px
    }

    .aboutFacts-slide__txt br,
    .desc {
        display: none
    }

    .mob {
        display: block
    }

    html {
        font-size: 1px
    }

    .header__group,
    .header__list {
        display: none
    }

    .header__container {
        padding: 25px 14px 25px 20px
    }

    .header__logo img {
        width: 199px
    }

    .articleHero__wrap {
        padding-top: 97px
    }

    .container {
        padding-left: 18px;
        padding-right: 18px
    }

    .breadcrumbs {
        margin-bottom: 40px
    }

    .articleHero__title {
        font-size: 28px;
        line-height: 100%
    }

    body {
        overflow-x: hidden
    }

    .articleHero__banner {
        height: 70vw;
        margin-left: -18px;
        margin-right: -18px;
        margin-top: 90px;
        width: calc(100% + 36px)
    }

    .article__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-left: 0;
        margin-right: 0
    }

    .article__aside,
    .article__content {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .articlequote {
        margin-bottom: 40px
    }

    .article__top {
        margin-bottom: 46px
    }

    .article__subtitle {
        margin-top: 20px
    }

    .recently__wrap {
        padding-bottom: 69px;
        padding-top: 69px
    }

    .recently__title {
        font-size: 34px;
        margin-bottom: 40px
    }

    .recently__slider {
        margin-left: 0;
        margin-right: 0;
        max-width: 291px;
        overflow: visible
    }

    .recently__slider-img {
        height: 275px
    }

    .recently__slider-title {
        font-size: 18px;
        line-height: 21px;
        padding-left: 11px
    }

    .recently__slider-pag {
        margin-top: 40rem
    }

    .recently__slider-pag span {
        height: 12px;
        margin-right: 16px !important;
        width: 12px
    }

    .recently__slider-pag span.swiper-pagination-bullet-active {
        width: 58px
    }

    .recently__slider-pag span.swiper-pagination-bullet-active:after {
        height: 12px;
        width: 38px
    }

    .ourbrands-item img {
        height: 47px
    }

    .ourbrands-item {
        margin-right: 15px
    }

    .ourbrands-item:first-child {
        margin-left: 150rem
    }

    .ourbrands__row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: -18px;
        margin-right: -18px;
        overflow: auto;
        padding-left: 150px;
        padding-right: 70px
    }

    .ourbrands__wrap {
        padding-bottom: 20px;
        padding-top: 14px
    }

    .ourbrands__license {
        font-size: 16px;
        padding-right: 0
    }

    .footer__top {
        margin-bottom: 24px
    }

    .footer__nav,
    .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer {
        padding-bottom: 32px;
        padding-top: 32px
    }

    .footer__nav-list {
        margin-left: 0;
        margin-top: 24px
    }

    .footer__center-bottom img {
        min-width: 52px
    }

    .footer__center-bottom i {
        margin-right: 24px
    }

    .footer .container {
        width: 100%
    }

    .footer__center-top {
        margin-bottom: 0
    }

    .footer__center-bottom {
        margin-bottom: 0;
        margin-top: 48px
    }

    .page404__wrap {
        padding-bottom: 28px
    }

    .page404__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page404__content {
        padding-top: 0
    }

    .page404__title {
        font-size: 28px;
        line-height: 100%;
        margin-bottom: 24px
    }

    .page404__txt {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0
    }

    .page404__pic img {
        max-width: 100%
    }

    .buthave__wrap {
        padding-top: 29px
    }

    .buthave__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .buthave__title {
        font-size: 40px
    }

    .buthave__txt {
        font-size: 24px;
        line-height: 30px
    }

    .buthave__more {
        font-size: 20.5px;
        height: 54px;
        width: 227px;
        margin-left: auto;
        margin-right: auto;
    }

    .buthave__pic {
        margin-top: 0
    }

    .buthave__pic img {
        max-width: 100%
    }

    .aboutHero__wrap {
        background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/aboutmobbg.7591c3ccf9b2b18535bb.jpg) bottom no-repeat;
        background-size: cover;
        margin-top: 70px;
        padding-bottom: 70vw
    }

    .aboutHero__title {
        font-size: 28px;
        margin-bottom: 10px
    }

    .aboutHero__txt {
        font-size: 19px;
        line-height: 100%
    }

    .aboutFacts__wrap {
        padding-bottom: 0;
        padding-top: 62px
    }

    .aboutFacts__title {
        font-size: 34px
    }

    .aboutFacts__txt {
        font-size: 19px;
        margin-bottom: 30px
    }

    .aboutFacts-slide {
        border-radius: 4px;
        height: 605px;
        padding: 16px 20px
    }

    .aboutFacts__slider-prev {
        bottom: 40px;
        left: 50%;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .aboutFacts__slider-next {
        bottom: -30px;
        left: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .aboutFacts__slider {
        padding-bottom: 70px
    }

    .symprules__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .symprules__block {
        margin-bottom: 18px;
        padding: 16px 16px 36px;
        width: 100%
    }

    .symprules__wrap {
        padding-bottom: 52px;
        padding-top: 360px
    }

    .symprules__title {
        font-size: 39px;
        margin-bottom: 25px
    }

    .symprules__list li {
        font-size: 14px
    }
    .faq-footer__btn {
        margin-left: auto;
        margin-right: auto;
    }
    .symprules__pic {
        top: -143px
    }

    .symprules__pic img {
        width: 402px
    }

    .whysingle__wrap {
        padding-bottom: 82px;
        padding-top: 30px
    }

    .whysingle__title {
        font-size: 34px
    }

    .whysingle__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: 500px
    }

    .whysingle__block {
        bottom: 0;
        top: auto;
        -webkit-transform: none;
        transform: none;
        z-index: 3
    }

    .whysingle__cubics {
        left: 90vw;
        position: absolute;
        top: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .whysingle__cubics-4 {
        bottom: auto;
        top: 155px
    }

    .whysingle__picture img {
        width: 363px
    }

    .whysingle__picture {
        left: 0;
        right: 0;
        text-align: center;
        top: 150px
    }

    .blog__wrap {
        padding-bottom: 86px;
        padding-top: 103px
    }

    .blog__title {
        font-size: 28px;
        margin-bottom: 34px;
        margin-top: 34px
    }

    .blog__list li label {
        margin-bottom: 9px
    }

    .blog__list {
        margin-bottom: 25px
    }

    .blog__list li {
        width: 50%
    }

    .blog__col {
        margin-bottom: 30px;
        padding-left: 7px;
        padding-right: 7px;
        width: 50%
    }

    .blog__row {
        margin-left: -7rem;
        margin-right: -7px
    }

    .blog-item__img {
        height: 153px;
        margin-bottom: 8px
    }

    .blog-item__title {
        font-size: 14px;
        line-height: 120%;
        padding-left: 0
    }

    .duoheader__wrap {
        background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/duspatduomob.f3d46208ce5d0f17a011.jpg) bottom no-repeat;
        background-size: cover;
        margin-top: 70px;
        padding-bottom: 92vw;
        padding-top: 38px
    }

    .duoheader_135 .duoheader__wrap {
        background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/duspmobbg.c47183b04c1fae2dad77.jpg) bottom no-repeat;
        background-size: 100%;
        padding-bottom: 88vw
    }

    .footer__center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .duoheader__title {
        font-size: 28px;
        line-height: 100%;
        margin-bottom: 10px
    }

    .duoheader__txt {
        font-size: 19.5px
    }

    .howtake__wrap {
        padding-bottom: 60px;
        padding-top: 36px
    }

    .howtake__title {
        font-size: 32px;
        line-height: 100%;
        margin-bottom: 60px
    }

    .howtake__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .howtake__col {
        margin-bottom: 63px;
        width: 100%
    }

    .howtake__col:last-child {
        margin-bottom: 0
    }

    .howtake__item-img img {
        width: 99px
    }

    .howtake__item-img {
        top: -50px
    }

    .howtake__item {
        padding: 64px 14px 27px
    }

    .howtake__item-count {
        font-size: 102px;
        margin-right: 0;
        min-width: 60px;
        text-align: left;
        width: 60px
    }

    .howtake__item-descr {
        font-size: 35px
    }

    .howtake__item_curs .howtake__item-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .howtake__item_curs .howtake__item-row .howtake__item-count {
        text-align: left;
        width: 150px
    }

    .howtake__item_curs .howtake__item-descr {
        font-size: 30px
    }

    .listovki__wrap {
        padding-top: 36px
    }

    .listovki__title {
        font-size: 34px;
        margin-bottom: 52px
    }

    .listovki .container {
        max-width: 100%
    }

    .listovki-accord {
        padding-left: 0;
        padding-right: 0
    }

    .listovki-accord__header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 18px;
        padding-top: 18px
    }

    .listovki-accord__header p {
        font-size: 26px
    }

    .howwork135 {
        display: none
    }

    .faqheader__wrap {
        padding-bottom: 18px;
        padding-top: 97px
    }

    .faqheader__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .faqheader__title {
        font-size: 28px;
        margin-bottom: 10px
    }

    .faqheader__txt {
        font-size: 20px
    }

    .faqheader__img img {
        margin-right: 0;
        margin-top: 21px;
        width: 392px
    }

    .faq__wrap {
        margin-top: 32px
    }

    .faq__accords {
        padding: 0 20px
    }

    .faq-accord__header {
        height: 112px
    }

    .faq-accord__header p {
        font-size: 20px
    }

    .onlinerules__wrap {
        padding-bottom: 65px;
        padding-top: 107px
    }

    .onlinerules__title {
        font-size: 28px;
        margin-bottom: 13px;
        margin-top: 31px
    }

    .onlinerules__article {
        font-size: 18px
    }

    .onlinerules__article h1,
    .onlinerules__article h2,
    .onlinerules__article h3,
    .onlinerules__article h4,
    .onlinerules__article h5,
    .onlinerules__article h6 {
        margin-bottom: 20px;
        margin-top: 33px
    }

    .sitemap__wrap {
        padding-top: 106px
    }

    .sitemap__title {
        font-size: 28px;
        margin-bottom: 46px;
        margin-top: 31px
    }

    .sitemap__list li {
        font-size: 20px
    }

    .specialists__wrap {
        padding-bottom: 41px;
        padding-top: 104px
    }

    .specialists__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .specialists__content {
        padding-right: 0
    }

    .specialists__title {
        font-size: 28px;
        margin-bottom: 10px
    }

    .specialists__txt {
        font-size: 20px;
        line-height: 120%;
        margin-bottom: 72px
    }

    .specialists__btn.mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

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

    .specialists__btn-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .specialists__img {
        margin-bottom: 58px;
        min-width: 1px;
        width: 100%
    }

    .aboutkish__title {
        font-size: 34px;
        margin-bottom: 10px
    }

    .aboutkish__wrap {
        padding-top: 50px;
        position: relative
    }

    .aboutkish__wrap:after {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 183, 39, 0)), color-stop(70%, #28b727));
        background: linear-gradient(180deg, rgba(40, 183, 39, 0), #28b727 70%);
        bottom: 0;
        content: "";
        display: inline-block;
        height: 140px;
        left: 0;
        position: absolute;
        right: 0
    }

    .aboutkish__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    .aboutkish__pict img {
        width: 100%
    }

    .aboutkish__pict {
        margin-right: 0
    }

    .aboutkish__btn {
        bottom: 30px;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 3
    }

    .aboutinstructions__wrap {
        padding-bottom: 41px;
        padding-top: 41px
    }

    .symprules__list li br {
        display: none;
    }

    .aboutinstructions__title {
        font-size: 28px;
        margin-bottom: 127px
    }

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

    .aboutinstructions__col {
        width: 100%
    }

    .aboutinstructions__col:nth-child(2) {
        margin-bottom: 132px
    }

    .aboutinstructions__col:nth-child(2) .aboutinstructions-item__img img {
        width: 219px
    }

    .aboutinstructions__col:nth-child(2) .aboutinstructions-item__img {
        top: -92px
    }

    .whysingle__block-txt br {
        display: none
    }

    .aboutinstructions-item {
        padding: 108px 60px 10px 27px
    }

    .aboutinstructions-item__arrow {
        height: 49px;
        position: absolute;
        right: 22px;
        top: 22px;
        width: 49px
    }

    .aboutinstructions-item__header {
        margin-bottom: 0;
        min-height: 1px
    }

    .aboutinstructions-item__txt {
        font-size: 22px
    }

    .aboutinstructions__col:first-child .aboutinstructions-item__img img {
        width: 219px
    }

    .aboutinstructions__col:first-child .aboutinstructions-item__img {
        top: -80px
    }

    .wherebuy__wrap {
        padding-top: 97px
    }

    .wherebuy__title {
        font-size: 28px;
        margin-bottom: 40px;
        margin-top: 40px
    }

    .wherebuy__block-row {
        margin-left: -6px;
        margin-right: -6px
    }

    .wherebuy__block-col {
        margin-bottom: 12px;
        padding-left: 6px;
        padding-right: 6px;
        width: 50%
    }

    .wherebuy__block-img img {
        width: 100%
    }

    .wherebuy__block {
        margin-bottom: 66px
    }

    .section {
        bottom: auto !important;
        height: auto !important;
        left: auto !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        -webkit-transform: none !important;
        transform: none !important
    }

    .footer__bottom-bottom {
        font-size: 30rem;
        line-height: 36rem
    }

    .header {
        position: absolute
    }

    .heroFirst__bg-image--left {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    .heroFirst__bg-image--right {
        display: none
    }

    .heroFirst__inner {
        padding-top: 287px
    }

    .heroFirst__inner:before {
        display: none
    }

    .recently-transfer__title {
        font-size: 28px
    }

    .recently-transfer__txt {
        font-size: 18px;
        line-height: 24px
    }

    .heroFirst__button {
        display: none
    }

    .heroFirst__title {
        font-size: 48px;
        line-height: 60px
    }

    .heroFirst__bottom-bg {
        display: none
    }

    .heroFirst__bottom {
        height: 0;
        z-index: 20
    }

    .heroFirst__bg {
        height: 100vh
    }

    .footer__center-bottom span a {
        color: #fff
    }

    .heroFirst__descr {
        font-size: 19.5px;
        line-height: 18.9px;
        margin-bottom: 31.5rem
    }

    .heroFirst__bottom-img {
        -webkit-transform: translateY(30%) translateX(-50%);
        transform: translateY(30%) translateX(-50%)
    }

    .heroFirst__bottom-img img {
        width: 295px;
        z-index: 14
    }

    .sectionFive__buttons-item.active {
        color: #016747
    }

    .heroFirst {
        z-index: 2
    }

    .heroSecond:before,
    .sectionEight:before,
    .sectionFive:before,
    .sectionFourth:before,
    .sectionSeven:before,
    .sectionSix:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#28b727));
        background: linear-gradient(180deg, transparent, #28b727);
        bottom: 0;
        content: "";
        display: none;
        height: 50px;
        left: 0;
        position: absolute;
        right: 0;
        z-index: 2
    }

    .heroSecond__content {
        opacity: 1 !important;
        position: relative;
        -webkit-transform: none;
        transform: none;
        z-index: 6
    }

    .heroSecond__inner {
        height: auto;
        padding-bottom: 100rem
    }

    .mobresult_3 sup {
        top: -.3em
    }

    .heroSecond__title {
        font-size: 29px;
        line-height: 100%;
        margin-bottom: 12px
    }

    .heroSecond__txt {
        font-size: 14px;
        line-height: 100%;
        margin-bottom: 43px
    }

    .heroSecond__item {
        height: 30vw
    }

    .heroSecond__item p {
        font-size: 14px;
        line-height: 120%
    }

    .heroThird {
        display: none
    }

    .sectionFourth {
        padding-bottom: 40px;
        padding-top: 42px
    }

    .sectionFourth__title {
        font-size: 29px;
        line-height: 100%;
        margin-bottom: 12px;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .sectionFourth__bottom,
    .sectionFourth__top {
        display: none
    }

    .sectionFourth__txt {
        font-size: 14px;
        line-height: 100%;
        margin-bottom: 418px;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .sectionFourth__wrap {
        padding-bottom: 1px
    }

    .sectionFourth__compose {
        top: 160px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .sectionFourth__compose img {
        max-width: 371px;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .sectionFourth__bgback {
        top: 340px
    }

    .sectionFourth__slider {
        margin-left: 0;
        margin-right: 0;
        max-width: 237px;
        overflow: visible
    }

    .sectionFourth__slider .swiper-slide {
        height: auto
    }

    .sectionFive__title br {
        display: none
    }

    .sectionFive__buttons-item i {
        -webkit-transform: translateY(-50%) scale(.6);
        transform: translateY(-50%) scale(.6)
    }

    .sectionFourth__item {
        height: 100%;
        padding-left: 28rem;
        padding-top: 60px;
        width: 100%
    }

    .sectionFourth__item_lg {
        padding-top: 40px
    }

    .sectionFourth__item-ico img {
        width: 99px
    }

    .sectionFourth__item-ico {
        top: -50px
    }

    .sectionFourth__item-title strong {
        font-size: 101px;
        line-height: 77px
    }

    .sectionFourth__item-title {
        font-size: 30px;
        line-height: 29px
    }

    .sectionFourth__item-txt {
        font-size: 19.5px;
        line-height: 19px
    }

    .sectionFive {
        background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/fourthbg.dde476526da6c100e252.jpg) top no-repeat;
        background-size: cover;
        padding-top: 50px
    }

    .sectionFive__title {
        font-size: 29px;
        line-height: 100%;
        max-width: 350px;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .sectionFive__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        z-index: 10
    }

    .sectionFive__buttons-item {
        font-size: 15px;
        height: 68px;
        line-height: 16px;
        margin-bottom: 10px;
        padding-left: 24px;
        width: 100%
    }

    .sectionFive__buttons-item:last-child {
        margin-bottom: 0
    }

    .animka {
        height: 485rem
    }

    .animka-bg {
        opacity: 1;
        -webkit-transform: scale(.8) translateX(-80px) translateY(-150px);
        transform: scale(.8) translateX(-80px) translateY(-150px)
    }

    .sectionSix__title {
        display: none
    }

    .sectionSix__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sectionSix-item_1 {
        margin-top: 0;
        max-width: 270rem;
        opacity: 1;
        padding-left: 20px;
        padding-right: 11px;
        padding-top: 30px;
        -webkit-transform: none;
        transform: none
    }

    .sectionSix-item__title {
        font-size: 39px;
        line-height: 38.2px
    }

    .sectionSix-item__txt {
        font-size: 19.5px
    }

    .sectionSix-item__list {
        font-size: 15px;
        line-height: 100%
    }

    .sectionSix__right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end
    }

    .sectionSix-item_2 {
        margin-top: 41px;
        max-width: 270px;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .sectionSix__wrap {
        padding-bottom: 30px;
        padding-top: 371px
    }

    .sectionSeven-item__descr span,
    .sectionSeven-item__title {
        font-size: 22px
    }

    .sectionSeven-item__descr,
    .sectionSeven-item__title span {
        font-size: 18px;
        line-height: 24px
    }

    .lignting_2 {
        left: 261px
    }

    .sectionSix__bg2 {
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .sectionSix__bg2 img {
        max-width: 500px
    }

    .sectionSix__img {
        left: 50%;
        opacity: 1;
        top: 60px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .sectionSix__img img {
        max-width: 300px
    }

    .sectionSeven__wrap {
        padding-bottom: 50px;
        padding-top: 60px
    }

    .sectionSeven__title {
        font-size: 34px;
        margin-bottom: 100px
    }

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

    .sectionSeven__col {
        width: 100%
    }

    .heroFirst__wrap {
        height: auto;
        padding-bottom: 80rem
    }

    .sectionEight .recently__title,
    .sectionSeven-item_1,
    .sectionSeven-item_2 {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .sectionSeven-item_2 {
        margin-bottom: 120px;
        margin-top: 40px
    }

    .heroFirst__mobbg {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%
    }

    .heroFirst__mobbg img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .sectionSeven-item_2 .sectionSeven-item__img img {
        max-width: 263px
    }

    .sectionSeven-item_2 .sectionSeven-item__img {
        top: -130px
    }

    .sectionSeven-item_1 .sectionSeven-item__img img {
        max-width: 219px
    }

    .sectionSeven-item_1 .sectionSeven-item__img {
        top: -80px
    }

    .sectionSeven-item {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 130rem
    }

    .sectionSeven-item__more {
        min-width: 66rem
    }

    .sectionEight__wrap {
        padding-bottom: 50px;
        padding-top: 50px
    }

    .duoblock {
        padding-bottom: 90px;
        padding-top: 50px
    }

    .duoblock__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .duoblock__title {
        font-size: 48px;
        line-height: 100%;
        min-width: 1px;
        padding-top: 0;
        width: 100%
    }

    .duoblock__img img {
        width: 317px;
        margin-bottom: 0;
    }

    .duoblock__descr {
        font-size: 19.5px;
        line-height: 18.9px;
        margin-top: -60px
    }

    .duoblock__descr br {
        display: none
    }

    .whysingle__block-txt {
        max-width: 350px
    }
}

.sectionFourth__item_lg .sectionFourth__item-title {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22rem
}

sup {
    display: inline-block;
    top: -.4em;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@media(min-width:992px) {
    .duoblock__img {
        -webkit-transform: translateY(-72rem);
        transform: translateY(-72rem)
    }
}


.cookie-panel {
    position: fixed;
    z-index: 10000;
    display: none;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40rem 60rem;

    background: rgba(255, 255, 255, 0.9);
}

.cookie-main-title {
    margin-bottom: 30rem;
    font-weight: 700;
    font-size: 18rem;
    line-height: 1.25;
}

.cookie-main-text {
        color: #323232;
                margin-bottom: 40rem;
        font-size: 14rem;
        max-width: 1100rem;
        line-height: 1.6;
}



.cookie-row {
    display: flex
;
    flex-wrap: wrap;
    margin-top: -15rem;
    margin-left: -10rem;
    margin-right: -10rem;
    align-items: center;
    margin-left: -25rem;
        margin-right: -25rem;
}

.cookie-col {
    padding-top: 15rem;
    padding-left: 10rem;
    padding-right: 10rem;
    flex: 0 0 100%;
    max-width: 100%;
            padding-left: 25rem;
        padding-right: 25rem;
                flex: 0 0 auto;
        width: auto;
}

.cookie-container {
    max-width: 1660rem;
    margin: 0 auto;
}

.cookie-btn, .cookie-close-btn {
        -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2ea22f;
    border-radius: 50rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
padding-left: 20rem;
padding-right: 20rem;
    font-family: Calibri, sans-serif;
    font-size: 16rem;
    font-weight: 700;
    height: 42rem;
    justify-content: center;
    letter-spacing: 0;
    line-height: 22.4rem;
    margin-right: 19rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


.cookie-btn:hover, .cookie-close-btn:hover {
    background: #fff;
    color: #2ea22f;
}

.cookie-dissmiss-link {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #2ea22f;
    text-align: center;
    text-transform: uppercase;
            padding: 8px 20px;
}

.backdrop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background: #0000008f;
    opacity: 0;
    pointer-events: none;
    transition: .3s all ease;
}

.search {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: .3s all ease;
}

.search.open, .backdrop.open {
    opacity: 1;
    pointer-events: auto;
}

.search__top {
    height: 100rem;
    background: url(/local/templates/duspatalin_new/assets/css/../../assets/img/header-bg.38aa83bea5d592a4c14d.jpg) 50% no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.search__field {
        display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 13px 5px;
    font-weight: 700;
    padding-left: 50rem;
    font-size: 18px;
    border-radius: 10rem;
    line-height: 100%;
    background: #fff;
    border: none;
}

.search__submit svg {
    width: 21rem;
}

.search__close svg {
    width: 24rem;
}

.search__close {
    position: absolute;
    right: 10rem;
    top: 50%;
    transform: translateY(-50%);
}
.search__list {
    list-style: none;
    margin: 0;
    padding: 20rem;
    background: #fff;
    max-height: 70vh;
    border-radius: 0 0 20rem 20rem;
    overflow: auto;
    max-width: 800rem;
    margin-left: auto;
    position: relative;
    margin-right: auto;
}



.search__list::-webkit-scrollbar {
  width: 12px;               /* ширина scrollbar */
}
.search__list::-webkit-scrollbar-track {
  background: transparent;        /* цвет дорожки */
}
.search__list::-webkit-scrollbar-thumb {
  background-color: #2ea22f;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid transparent
}

.search__list a {
    display: block;
    width: 100%;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    padding: 20px;
    text-decoration: none;
    border-radius: 10px;
    color: #000;
    font-weight: 700;
    margin-top: 8px;

}
.search__list a:hover {
    background: #fffae6;
}



.search__submit {
    position: absolute;
    left: 10rem;
    top: 50%;
    transform: translateY(-50%);
}

.search-form {
    max-width: 800rem;
    margin-left: auto;
    position: relative;
    margin-right: auto;
}

.aboutpage {
    padding-top: 174rem;
}

.aboutpage__title {
    margin-bottom: 35rem;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 54rem;
    line-height: 120%;
    letter-spacing: -0.02em;

    color: #2EA22F;


}

.aboutpage__txt {
    margin-top: 35rem;

font-family: 'Calibri';
font-style: normal;
font-weight: 400;
font-size: 32rem;
line-height: 40rem;
color: #006747;
}

.aboutpage__txt a {
    color: #006747;
    transition: .3s all ease;
}

.aboutpage__txt a:hover {
    color: #2EA22F;
}

.mobsecond__img img {
    max-width: 703px;
}

@media(max-width: 991px) {
    .aboutpage {
        padding-top: 106px;
    }
    .aboutpage__txt {
        margin-top: 25px;
        font-size: 20px;
        line-height: 30px;
    }
    .aboutpage__title {
        font-size: 28px;
        line-height: 100%;
        margin-bottom: 26px;
    }
    .cookie-panel {
        padding: 20px;
    }
    .cookie-btn {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14rem;
    }
    .cookie-row {
        justify-content: center;
    }
    .blog__list li {
        margin-bottom: 5px;
    }
    .homepage .duoblock_about {
        padding-top: 70rem!important;
    }
    .whysingle__block-btn {
        margin-left: auto;
        margin-right: auto;
    }
}


@media(max-width: 1500px) and (min-width: 992px) {
    html {
        font-size: .055vw;
    }
    .sectionFourth__top .sectionFourth__item:nth-child(2) {
        margin-top: 0;
    }
    .sectionFourth__bottom {
        margin-top: 120rem;
    }
    .sectionFive__buttons-item i {
        right: -20px;
    }
    .whysingle__btn i {
        top: -5rem;
    }
}



.duoblock_about {
    padding-top: 0!important;
    padding-bottom: 70rem!important;
}

@media(min-width: 992px) {
    .duoblock_faq .duoblock__img img {
        margin-bottom: -100rem;
    }
}
/* End */


/* Start:/local/templates/duspatalin_new/template_styles.css?17630182203520*/
.duoblock_faq__right .duoblock__descr {
    margin-bottom: 36rem;
}
.duoblock_faq {
    padding-top: 58rem;
    padding-bottom: 0;
}
.duoblock_about {
    padding-top: 160rem;
    padding-bottom: 130rem;
}
.duoblock_about .duoblock_faq__right {
    max-width: 588rem;
}
.duoblock_about .duoblock__descr {
    font-size: 20rem;
    line-height: 120%;
}
.duoblock_about .duoblock__title {
    width: 565rem;
    min-width: 565rem;
}
.duoblock_about .faq-footer__btn {
    width: 227rem;
}
.ourbrands__title {
    text-align: center;
    margin-top: 20rem;
    margin-bottom: 20rem;
    color: var(--Green-800, #006747);
    font-size: 30rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 39rem */
}
.checked-article {
    text-align: right;
    color: var(--sds-color-text-utilities-text-on-overlay);
    font-size: var(--Static-Label-Large-Size, 14rem);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Static-Label-Large-Line-Height, 20rem);
    /* 142.857% */
    letter-spacing: var(--Static-Label-Large-Tracking, 0.1rem);
}
.page-contacts {
    padding-top: 174rem;
    padding-bottom: 31rem;
    border-bottom: 4px solid #F5F5F5;
}
.page-contacts__title {
    margin-bottom: 16rem;
    color: #2EA22F;
    font-size: 54rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 64.8rem */
    letter-spacing: -1.08rem;
}
.page-contacts__content {
    color: var(--Black, #000);
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.page-contacts__content span {
    color: var(--Green-800, #006747);
    font-size: 24rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.page-contacts__content a {
    color: var(--Black, #000);
    text-decoration: none;
}
.page-contacts__content p {
    margin-bottom: 20rem;
}
.page-contacts__top {
    margin-bottom: 50rem !important;
}
.page-contacts__btn {
    margin-top: 40rem;
    display: flex;
    justify-content: center;
}
.page-contacts .faq-footer__btn {
    width: 227rem;
}
.page-about {
    padding-top: 174rem;
    padding-bottom: 42rem;
    border-bottom: 4px solid #F5F5F5;
}
.page-about__title {
    margin-bottom: 35rem;
    color: #2EA22F;
    font-size: 54rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 64.8rem */
    letter-spacing: -1.08rem;
}
.page-about__banner {
    margin-bottom: 42rem;
}
.page-about__banner img {
    width: 100%;
}
.page-about__content {
    color: var(--Black, #000);
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.page-about__content a {
    color: var(--Black, #000);
    text-decoration: underline;
    transition: 0.3s all ease;
}
.page-about__content a:hover {
    color: #2ea22f;
    /* 27rem */
}
@media (max-width: 991px) {
    .page-about {
        padding-top: 106px;
    }
    .page-about__title {
        margin-bottom: 18px;
        font-size: 28px;
    }
    .page-contacts {
        padding-top: 106rem;
    }
    .breadcrumbs {
        margin-bottom: 31rem;
    }
    .page-contacts__title {
        font-size: 28rem;
        margin-bottom: 31px;
    }
    .ourbrands__title {
        font-size: 16rem;
    }
    .duoblock_faq {
        padding-bottom: 45rem;
    }
    .duoblock_about .duoblock__title {
        min-width: 1px;
        width: 100%;
    }
    .duoblock_about {
        padding-top: 58rem;
        padding-bottom: 58rem;
    }
    .duoblock__title {
        font-size: 34px;
    }
}
/* End */
/* /local/templates/duspatalin_new/assets/css/app.css?1763018219189234 */
/* /local/templates/duspatalin_new/template_styles.css?17630182203520 */