/* Start:/bitrix/templates/veonix/assets/css/fonts.css?17156047342476*/
@font-face {
    font-family: 'Circe';
    font-display: swap;
    src: url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Light.eot');
    src: local('Circe Light'), local('Circe-Light'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Light.eot?#iefix') format('embedded-opentype'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Light.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Light.woff') format('woff'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Circe Extra';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-ExtraBold.eot');
    src: local('Circe Extra Bold'), local('Circe-ExtraBold'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-ExtraBold.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-ExtraBold.woff') format('woff'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Circe';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Thin.eot');
    src: local('Circe Thin'), local('Circe-Thin'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Thin.eot?#iefix') format('embedded-opentype'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Thin.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Thin.woff') format('woff'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circe';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Regular.eot');
    src: local('Circe'), local('Circe-Regular'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Regular.eot?#iefix') format('embedded-opentype'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Regular.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Regular.woff') format('woff'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circe';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Bold.eot');
    src: local('Circe Bold'), local('Circe-Bold'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Bold.eot?#iefix') format('embedded-opentype'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Bold.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Bold.woff') format('woff'),
        url('/bitrix/templates/veonix/assets/css/../fonts/Circe/Circe-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* End */


/* Start:/bitrix/templates/veonix/assets/css/splide.min.css?17156047346338*/
.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

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

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0!important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled svg {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

/* End */


/* Start:/bitrix/templates/veonix/assets/css/animate.css?171560473496425*/
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */
 :root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated, .wow {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

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

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

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

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

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

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

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

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

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

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

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

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

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

.animate__headShake {
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

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

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

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

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

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

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

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

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

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

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

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

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

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

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

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

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

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

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

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

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

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

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

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

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

.animate__heartBeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

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

@keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

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

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

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

@keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

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

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

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

@keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

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

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

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

@keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

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

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7)
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7)
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

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

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

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

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

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

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

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

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

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

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

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

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animate__animated.animate__flip {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

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

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

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

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

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

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

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

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

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

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

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

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

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

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

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg)
    }

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg)
    }

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

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

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

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0)
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

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

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

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

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

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

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

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

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

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

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

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

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

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

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

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

/* End */


/* Start:/bitrix/templates/veonix/assets/css/jquery.fancybox.min.css?171560473424078*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-zoomInUp{animation:.2s ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:.2s ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-fadeIn{animation:.2s ease both f-fadeIn;z-index:2}.f-fadeOut{animation:.2s ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:.5s ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:.5s ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:.2s ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:.2s ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:.2s ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:.1s linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-hidden{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */


/* Start:/bitrix/templates/veonix/assets/css/intlTelInput.css?171560473424006*/
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name {
  margin-right: 6px;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input,
[dir=rtl] .iti--allow-dropdown input[type=text],
[dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input,
[dir=rtl] .iti--separate-dial-code input[type=text],
[dir=rtl] .iti--separate-dial-code input[type=tel] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/bitrix/templates/veonix/assets/css/../img/flags.png");
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("/bitrix/templates/veonix/assets/css/../img/flags@2x.png");
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}
/* End */


/* Start:/bitrix/templates/veonix/assets/css/svg-animate.min.css?17156047341857*/
.svg-animate,.svg-animate-container .hidden{display:none}.svg-animate-img svg{max-width:100%}.svg-animate-img path{fill-opacity:0;stroke-opacity:0;animation-timing-function:linear;-webkit-animation-timing-function:linear;transition-timing-function:linear;-webkit-transition-timing-function:linear;animation-name:StrokeIn,DrawStroke,FillIn;animation-duration:1s,2s,1s;animation-delay:0s,.5s,1.5s;stroke-dasharray:300;stroke-dashoffset:300;animation-fill-mode:forwards;animation-iteration-count:1}.svg-animate-img path.stroked{stroke-dasharray:0}.svg-animate-img path.active-path{stroke:red!important;stroke-width:2px!important}svg.filtered{filter:none;transition:1s}svg.filtered.grayscale{filter:grayscale(100%)}@keyframes rotating{0%{transform:rotate(0degdeg)}to{transform:rotate(360degdeg)}}.rotating{animation:rotating 2s linear infinite!important;moz-transform-origin:50% 50%;transform-origin:50% 50%;fill-opacity:inherit!important;stroke-opacity:inherit!important}@keyframes DrawStroke{to{stroke-dashoffset:0}}@keyframes StrokeIn{0%{stroke-opacity:0}to{stroke-opacity:1}}@keyframes FillIn{0%{fill-opacity:0}to{fill-opacity:1}}svg path.draw-1{animation:draw 1s linear}svg path.draw-2{animation:draw 2s linear}svg path.draw-3{animation:draw 3s linear}svg path.draw-4{animation:draw 4s linear}@keyframes draw{to{stroke-dashoffset:0}}.svg-animate-triangle-img svg{overflow:visible}.svg-animate-triangle-container{position:absolute;top:0;overflow:hidden}.svg-animate-triangle-img svg{transition:1s;filter:grayscale(0)}.svg-animate-triangle-img path{opacity:0;transition:1.5s;transform-origin:50% 50%}.svg-animate-triangle-img.disabled path{opacity:0;transition:none}.svg-animate-triangle-img.grayscaled svg{filter:grayscale(100%)}.svg-animate-triangle-img.animated-visible path,.svg-animate-triangle-img.shown path{opacity:1}#slider,#slider svg{height:500px}
/* End */


/* Start:/bitrix/templates/veonix/assets/css/main.css?176250346665578*/
.web {
  overflow: hidden;
  padding: 0 0 0;
}

:focus {
  outline: none;
}

@-webkit-keyframes rotat {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotat {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
* {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

html,
body,
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lazy {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

img:not([src]):not([srcset]) {
  opacity: 0;
  display: block;
}

.main {
  max-width: 83.33333vw;
  margin: 0px auto;
  width: 100%;
  z-index: 15;
  position: relative;
}

body {
  font-family: "Circe", Arial, Helvetica, sans-serif;
  margin: 0;
  background: #151515;
}

.hd {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 18.33333vw 4fr 1fr 17.36111vw ;
  grid-template-columns: 18.33333vw 3fr 1fr 1fr 17.36111vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  height: 6.18056vw;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1010;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
  position: relative;
  z-index: 10;
}

.hd_menu_box nav > ul {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo a {
  display: block;
  font-size: 0;
}

.logo img {
  width: 14.58333vw;
  height: 3.33333vw;
}

.hd_button a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  /* -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); */
  /* box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); */
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  border-bottom-color: #0000;
  border-top: 0;
}

.hd_button a:hover {
  color: #fff;
  border-bottom: 1px solid #61ac18;
  color: #61ac18;
}

.hd_phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.hd_phone a {
  color: #FFF;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.hd_phone a span {
  color: #fff;
}

.hd_menu {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0 0 0;
}

.hd_menu_box nav > ul > a {
  color: #FFF;
  font-family: Circe;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hd_menu_box nav > ul > li > a {
  color: #FFF;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.menu_child {
  position: absolute;
  top: 100%;
  display: none;
  width: 100% !important;
}

.hd_menu_box {
  height: 100%;
}

.hd_menu_box nav {
  height: 100%;
}

.hd_menu_box nav > ul > li {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  position: relative;
}

.hd_menu_box nav > ul > li > a:hover, .menu_li_active > a {
  color: #61ac18 !important;
}

.hd_menu_box nav > ul > li > a:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #61ac18;
  position: absolute;
  bottom: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.hd_menu_box nav > ul > li > a:hover:after, .menu_li_active > a:after {
  opacity: 1 !important;
}

.menu_child ul {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #151515;
  padding: 1.04167vw 1.38889vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 0.55556vw;
}

.menu_child ul a {
  color: #FFF;
  font-family: Circe;
  font-size: 0.97222vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.3;
}

.menu_child ul a:hover {
  opacity: 1;
}

.hd_button {
  margin: 0 0 -1px;
}

.b1_bg {
  height: 100vh;
  min-height: 44.55556vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 83.33333vw;
}

.b1_video {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 101%;
}

.b1_video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.b1_bg, .b1 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.b1_content {
  width: 100%;
  position: relative;
  z-index: 10;
  margin: 0 0 5.55556vw;
}

.b1_content_title p {
  color: #FFF;
  font-size: 2.08333vw;
  font-style: normal;
  font-weight: 350;
  line-height: 100%;
  margin: 0 0 1.38889vw;
}

.b1_content_title h1 {
  color: #FFF;
  font-family: Circe;
  font-size: 3.81944vw;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.b1_content_title h1 span {
  display: block;
}

.b1_content_title h1 b {
  font-weight: 400;
  color: #61ac18;
}

.b1_content_item:before {
  content: "";
  width: 2.08333vw;
  height: 2.08333vw;
  -webkit-box-shadow: inset 0 0 0 0.20833vw #61ac18;
  box-shadow: inset 0 0 0 0.20833vw #61ac18;
  display: block;
  border-radius: 50%;
  content: counter(item, decimal-leading-zero) " ";
  counter-increment: item;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #61ac18;
  text-align: center;
  font-size: 0.97222vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-indent: 0;
}

.b1_content_left {
  counter-reset: item;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 1.73611vw;
}

.b1_content_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.38889vw;
}

.b1_content_item p {
  color: #FFF;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.b1_content_bottom {
  margin: 6.25vw 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.b1_content_item:after {
  content: "";
  height: 1px;
  width: 40vw;
  display: block;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.b2 {
  padding: 6.94444vw 0 4.86111vw;
  background-color: #151515;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.h2 {
  color: #FFF;
  font-size: 2.77778vw;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
}

.h2 span {
  display: block;
}

.h2 b {
  font-weight: 400;
  color: #61ac18;
}

.b2_top {
  margin: 0 0 3.47222vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.b2_logo img {
  width: 10.61007vw;
  height: 5.13889vw;
}

.b2_iframe iframe {
  border: 0;
  width: 100%;
  height: 38vw;
}

.b3 {
  padding: 6.59722vw 0 2.43056vw;
  overflow: hidden;
}

.b3_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 3.125vw;
  margin: 12.5vw 0 0;
}

.b3_item_t1 {
  color: #FFF;
  font-size: 4.16667vw;
  font-style: normal;
  font-weight: 350;
  line-height: 100%;
  margin: 0 0 0.69444vw;
  position: relative;
}

.b3_item_t2 {
  color: #FFF;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.b3_item_t1 i {
  border: 1px solid #61ac18;
  width: 1.38889vw;
  height: 1.38889vw;
  border-radius: 50%;
  position: absolute;
  bottom: 0.41667vw;
  margin: auto;
  right: calc(100% + 1.38889vw);
}

.b3_item {
  position: relative;
}

.b3_item_t1 i:after {
  content: "";
  height: 1px;
  width: 30vw;
  display: block;
  background: #61ac18;
  position: absolute;
  right: 100%;
  bottom: 0;
  top: 0;
  margin: auto;
}

.b3_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 29.51389vw auto;
  grid-template-columns: 29.51389vw auto;
}

.b3_krug {
  font-size: 0;
}

.b3_krug img {
  width: 47.84722vw;
  height: 47.84722vw;
  -webkit-animation: rotat 60s linear infinite;
  animation: rotat 60s linear infinite;
}

.b3_maps img {
  width: 64.23611vw;
  height: 35.07625vw;
}

.b3_maps {
  font-size: 0;
  position: absolute;
  margin: 0 0 0 -1vw;
}

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

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

.b3_maps ul li {
  color: #FFF;
  font-size: 0.69444vw;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 10px */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.27778vw;
  position: absolute;
  z-index: 10;
}

.b3_maps ul li:before {
  content: "";
  display: block;
  width: 0.27778vw;
  height: 0.27778vw;
  background: #fff;
  border-radius: 50%;
  margin: -0.13889vw 0 0;
}

li.city_1 {
  top: 17%;
  left: 17.7%;
}

li.city_2 {
  top: 27%;
  left: 20.1%;
}

li.city_3 {
  top: 29%;
  left: 18%;
}

li.city_5 {
  top: 36.7%;
  left: 18.5%;
}

li.city_4 {
  top: 31.2%;
  left: 15.1%;
}

li.city_6 {
  top: 39.3%;
  left: 11.1%;
}

li.city_7 {
  top: 46.3%;
  left: 6.8%;
}

li.city_8 {
  top: 48.3%;
  left: 4.5%;
}

li.city_9 {
  left: 11.2%;
  top: 51%;
}

li.city_10 {
  top: 59.6%;
  left: 10.3%;
}

li.city_11 {
  top: 57%;
  left: 20%;
}

li.city_12 {
  top: 52%;
  left: 28%;
}

li.city_13 {
  top: 56%;
  left: 26.5%;
}

li.city_14 {
  left: 41.5%;
  top: 71%;
}

li.city_15 {
  left: 54%;
  top: 78.8%;
}

li.city_16 {
  top: 82%;
  left: 58%;
}

li.city_18 {
  top: 78.7%;
  left: 66.7%;
}

li.city_19 {
  left: 74.5%;
  top: 72.5%;
}

li.city_20 {
  top: 77%;
  left: 86.5%;
}

li.city_21 {
  top: 82.1%;
  left: 85.9%;
}

li.city_23 {
  left: 84.4%;
  top: 93.6%;
}

li.city_24 {
  left: 86.05%;
  top: 95.6%;
}

li.city_22 {
  left: 85.6%;
  top: 91.8%;
}

li.city_17 {
  top: 83.6%;
  left: 62.2%;
}

.b7 {
  background-size: cover;
  background-position: top center;
  padding: 6.94444vw 5.69444vw;
  position: relative;
  overflow: hidden;
}

.b7_main {
  position: relative;
  z-index: 100;
}

.b7_box {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: -ms-grid;
  display: grid;
  gap: 1.18056vw;
  margin: 3.81944vw 0 0;
}

.b7_item {
  border: 1px solid rgba(99, 99, 99, 0.51);
  background: rgba(244, 246, 250, 0.02);
  height: 18.05556vw;
  padding: 0 2.43056vw;
  text-decoration: none;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  text-decoration: none;
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.b7_item p {
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 2.08333vw;
  position: relative;
  z-index: 1;
}

.b7_item i {
  font-size: 0;
  margin: 2.43056vw 0 0;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.b7_item i img, .b7_item i svg {
  width: auto;
  height: 3.33333vw;
  max-width: 1000%;
}

.b7_item:after {
  background: -o-linear-gradient(114deg, #629D41 47.8%, #61ac18 100%);
  background: linear-gradient(336deg, #629D41 47.8%, #61ac18 100%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.b7_item:hover:after {
  opacity: 1;
}

.b7_item:hover i {
  -webkit-filter: brightness(11.5);
  filter: brightness(11.5);
}

.b7:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 11.52778vw 11.31944vw #151515;
  box-shadow: 0 0 11.52778vw 11.31944vw #151515;
  display: block;
  width: 100%;
  top: 0;
  z-index: 10;
}

.b2_iframe {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.b8 {
  padding: 6.94444vw 0 8.33333vw;
  overflow: hidden;
}

.b8_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 6.94444vw;
}

.slide_arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.69444vw;
}

.slide_arrows button {
  border-radius: 6.94444vw;
  border: 1px solid rgba(190, 190, 190, 0.2);
  width: 4.16667vw;
  height: 4.16667vw;
  padding: 0;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide_arrows button:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_39_3181)'%3E%3Cpath d='M19.38 9.46909L19.3794 9.46837L15.4605 5.56837C15.1669 5.27621 14.692 5.2773 14.3998 5.57092C14.1076 5.86451 14.1087 6.33937 14.4023 6.63157L17.0334 9.24997L1.15002 9.24997C0.735799 9.24997 0.400024 9.58575 0.400024 9.99997C0.400024 10.4142 0.735799 10.75 1.15002 10.75L17.0334 10.75L14.4023 13.3684C14.1087 13.6606 14.1076 14.1354 14.3998 14.429C14.6921 14.7227 15.167 14.7237 15.4605 14.4316L19.3794 10.5316L19.3801 10.5309C19.6738 10.2377 19.6729 9.76129 19.38 9.46909Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_39_3181'%3E%3Crect width='19.2' height='19.2' fill='white' transform='translate(0.400024 0.400024)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 1.38889vw;
  height: 1.38889vw;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.sld_prev:after {
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.slide_arrows button:hover {
  border-color: #fff;
}

.b8_item {
  font-size: 0;
  border: 1px solid rgba(99, 99, 99, 0.51);
}

.b8_item img {
  width: 20.48611vw;
  height: 18.05556vw;
  -o-object-fit: contain;
  object-fit: contain;
}

.b8 .splide__track {
  overflow: visible;
}

.b9 .main {
  position: relative;
  overflow: hidden;
}

.b9_box {
  position: relative;
  z-index: 1;
  -ms-grid-columns: auto 41.66667vw;
  grid-template-columns: auto 41.66667vw;
  display: -ms-grid;
  display: grid;
}

.b9_right {
  background: #61ac18;
  padding: 6.25vw 7.29167vw;
}

.b9_left {
  padding: 6.25vw 0 0 7.29167vw;
}

.input {
  margin: 0 0 1.73611vw;
}

.b9_form button {
  margin: 3.26389vw 0 0;
  border: 0.13889vw solid #FFF;
  width: 100%;
  background: none;
  height: 6.25vw;
  color: #FFF;
  text-align: center;
  font-family: Circe;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 0;
}

.b9_form button:hover {
  background: #fff;
  color: #629e41;
}

.input input {
  width: 100%;
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #FFF;
  font-family: Circe;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  padding: 0 0 1.04167vw;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.input input::-webkit-input-placeholder {
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.input input::-moz-placeholder {
  color: #fff;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.input input:-ms-input-placeholder {
  color: #fff;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.input input::-ms-input-placeholder {
  color: #fff;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.input input::placeholder {
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.input input:focus::-webkit-input-placeholder {
  font-size: 0;
}

.input input:focus::-moz-placeholder {
  font-size: 0;
}

.input input:focus:-ms-input-placeholder {
  font-size: 0;
}

.input input:focus::-ms-input-placeholder {
  font-size: 0;
}

.input input:focus::placeholder {
  font-size: 0;
}

.input input:focus {
  border-bottom: 1px solid #fff;
}

.b10 {
  padding: 3.94444vw 0 6vw;
  font-size: 2.77778vw;
}

.b10 .h2 {
  text-align: center;
}

.b9_left .h2 {
  text-transform: unset;
  font-size: 3.47222vw;
}

.b10_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 6.25vw 0 0;
  background: #151515;
}

.b10_text_item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 13.19444vw 5.76389vw;
  grid-template-columns: 13.19444vw 5.76389vw;
  gap: 1.38889vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.77778vw;
}

.b10_text_item_text p {
  color: #FFF;
  text-align: right;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  height: 2.77778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.b10_text_item_icon i {
  border: 1px solid #61ac18;
  width: 1.43368vw;
  height: 1.43681vw;
  border-radius: 50%;
  position: relative;
  -webkit-transition: 0.5s 0.6s;
  -o-transition: 0.5s 0.6s;
  transition: 0.5s 0.6s;
}

.b10_text_1 .b10_text_item:nth-child(1) .b10_text_item_icon i {
  -webkit-transition: 0.5s 0.6s;
  -o-transition: 0.5s 0.6s;
  transition: 0.5s 0.6s;
}

.b10_text_1 .b10_text_item:nth-child(2) .b10_text_item_icon i {
  -webkit-transition: 0.5s 0.9s;
  -o-transition: 0.5s 0.9s;
  transition: 0.5s 0.9s;
}

.b10_text_1 .b10_text_item:nth-child(3) .b10_text_item_icon i {
  -webkit-transition: 0.5s 1.2s;
  -o-transition: 0.5s 1.2s;
  transition: 0.5s 1.2s;
}

.b10_text_2 .b10_text_item:nth-child(1) .b10_text_item_icon i {
  -webkit-transition: 0.5s 1.9s;
  -o-transition: 0.5s 1.9s;
  transition: 0.5s 1.9s;
}

.b10_text_2 .b10_text_item:nth-child(2) .b10_text_item_icon i {
  -webkit-transition: 0.5s 2.2s;
  -o-transition: 0.5s 2.2s;
  transition: 0.5s 2.2s;
}

.b10_text_2 .b10_text_item:nth-child(3) .b10_text_item_icon i {
  -webkit-transition: 0.5s 2.5s;
  -o-transition: 0.5s 2.5s;
  transition: 0.5s 2.5s;
}

.b10_text_item_icon img, .b10 .svg-animate-img svg {
  width: auto;
  height: 2.77778vw;
}

.b10_text {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5.55556vw;
}

.b10_text:last-child p {
  text-align: left;
}

.b10_text:last-child .b10_text_item_text {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.b10_text:last-child .b10_text_item {
  -ms-grid-columns: 5.76389vw 13.19444vw;
  grid-template-columns: 5.76389vw 13.19444vw;
}

.b10_text:last-child i {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.b10_text_item_icon i:after {
  content: "";
  width: 1px;
  top: 100%;
  background: #fff;
  opacity: 0.2;
  min-height: calc(5.55556vw + 1.38889vw);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.b10_text_item:last-child i:after {
  display: none;
}

.b10_video_box video {
    min-width: 42.47222vw;
    height: 20.90278vw;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: initial;
    margin: 0 0 0;
    filter: brightness(1.4)  contrast(178%);
    mix-blend-mode: lighten;
}

.b10_video {
  width: 37.01389vw;
  height: 19.79167vw;
  position: relative;
}

.b10_video:after {
  content: "";
  border-radius: 50%;
  border: 1px solid #000000;
  /* opacity: 0.5; */
  background: #191919;
  width: 36.38889vw;
  height: 8.61111vw;
  position: absolute;
  bottom: 1vw;
  left: 0;
  right: 0;
  margin: auto;
}

.b10_video_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  z-index: 1;
  mix-blend-mode: lighten;
  background: #151515;
  overflow: hidden;
}

.ft {
  background: rgba(244, 246, 250, 0.05);
  border-top: 1px solid #333333;
  padding: 4.86111vw 0 1px;
}

.ft_top .logo {
  margin: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

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

.ft_phone a[href^=tel] {
  color: #fff;
  font-family: Circe;
  font-size: 3.47222vw;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  text-decoration: none;
  display: table;
  text-align: right;
  margin: 0 0 -0.20833vw;
}

.ft_phone {
  text-align: right;
}

.ft_phone a[href^=mailto] {
  color: #FFF;
  text-align: right;
  font-family: Circe;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  line-height: 82%;
}

.ft_box_menu nav ul li a {
  color: #FFF;
  font-family: Circe;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  opacity: 0.3;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.ft_box_menu nav ul li a:hover {
  opacity: 1;
}

.ft_box_menu nav ul li {
  margin: 0 0 0.69444vw;
}

.ft_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 36.45833vw 29.16667vw auto;
  grid-template-columns: 36.45833vw 29.16667vw auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 2.43056vw;
}

.ft_box_menu {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  flex-wrap: wrap;
}

.ft_phone a[href^=tel] span {
  color: #fff;
}

.ft_box_list_li p {
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.48611vw;
}

.ft_box_list_box {
  display: -ms-grid;
  display: grid;
  gap: 0.69444vw;
}

.ft_box_title {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.83333vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 0.55556vw;
}

.ft_box_list_li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.04167vw;
}

.ft_box_list_li p span {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.ft_box_list_li p span:hover {
  color: #fff;
}

.ft_box_bt a {
  border: 0.13889vw solid #FFF;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 6.25vw;
  color: #FFF;
  text-align: center;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.ft_box_bt a:hover {
  background: #fff;
  color: #151515;
}

.ft_adres p {
  color: #FFF;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  height: 2.22222vw;
}

.ft_box_menu nav {
  width: 100%;
}

.ft_adres {
  position: relative;
}

.ft_adres i {
  width: 1.52778vw;
  height: 1.52778vw;
  display: block;
  border: 1px solid #61ac18;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  right: calc(100% + 0.90278vw);
  position: absolute;
}

.ft_adres i:after {
  content: "";
  width: 20vw;
  height: 1px;
  background: #333333;
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 100%;
  margin: auto;
}

.ft_bottom_lf p {
  color: #FFF;
  font-size: 0.83333vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.4;
}

.ft_bottom.ft_box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2.43056vw 0;
  padding: 2.43056vw 0 0;
}

.ft_bottom_center a {
  color: #FFF;
  font-size: 0.83333vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.4;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.ft_bottom_center a:hover {
  opacity: 1;
}

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

.veonix p {
  color: #545456;
  font-family: Circe;
  font-size: 0.83333vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.veonix p a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #545456;
  border-bottom: 1px solid;
}

.veonix p a:hover {
  color: #fff;
}

.top_go {
  border-radius: 6.94444vw;
  border: 1px solid rgba(190, 190, 190, 0.2);
  width: 2.43056vw;
  height: 2.43056vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.top_go:after {
  content: "";
  width: 0.90278vw;
  height: 0.90278vw;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_59_3507)'%3E%3Cpath d='M6.19035 1.02842L6.18994 1.02881L3.91494 3.31484C3.74451 3.4861 3.74514 3.7631 3.91642 3.93357C4.08768 4.10402 4.36469 4.10336 4.53514 3.9321L6.06253 2.39727L6.06253 11.6626C6.06253 11.9042 6.2584 12.1001 6.50003 12.1001C6.74167 12.1001 6.93753 11.9042 6.93753 11.6626L6.93753 2.39729L8.46493 3.93208C8.63538 4.10334 8.91239 4.104 9.08365 3.93355C9.25495 3.76308 9.25554 3.48605 9.08513 3.31481L6.81013 1.02879L6.80972 1.0284C6.6387 0.857049 6.3608 0.857595 6.19035 1.02842Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_59_3507'%3E%3Crect width='11.2' height='11.2' fill='white' transform='translate(0.900024 12.1001) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.top_go:hover {
  border-color: #fff;
}

.ft .main {
  max-width: 86.11111vw;
}

.b9 {
  padding: 3.47222vw 0;
  margin: 0 0 5vw;
}

header.hd.fix_hd {
  background: #151515;
}

.b1 .top_go {
  position: static;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  -ms-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.frm {
  padding: 0 !important;
}

.frm .b9_right {
  padding: 5vw 5vw;
  width: 36vw;
}

.frm .h2 {
  text-align: center;
  text-transform: none;
  padding: 0 0 2vw;
}

p.message_1 {
  font-size: 2.9vw;
  font-weight: bold;
  line-height: 100%;
  color: #fff;
}

p.message_2 {
  text-align: center;
  font-size: 1.5vw;
  line-height: 104%;
  color: #fff;
}

.svg-animate-img.hidden {
  display: none;
}

.b8_slide {
  height: 18vw;
}

.b10 .svg-animate-img svg {
  max-width: 1000 !important;
  width: auto;
}

.b10_text_item.animated i {
  background: #61ac18;
}

.about_b1 .b1_bg {
  background-position: bottom center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.about_b1 .b1_content {
  /* height: 100%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 0;
  padding: 7vh 0 0;
  position: static;
}

.ft_box_list {
  min-height: 11vw;
}

.about_b1 .b1_content h1 {
  text-transform: uppercase;
  font-size: 4.16667vw;
}

.about_b1 .top_go {
  margin: 0 auto 0;
  width: 4.16667vw;
  height: 4.16667vw;
  position: absolute;
  bottom: 10vh;
  left: 0;
  right: 0;
  top: auto;
}

.about_b2 {
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.about_b2_item {
  border: 1px solid #414145 !important;
  border-top: none;
  padding: 5.55556vw 6.94444vw;
  margin: -1px;
}

.about_b2_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.about_b2_item:nth-child(1), .about_b2_item:nth-child(2) {
  border-top: none;
}

.about_b2_item:nth-child(3), .about_b2_item:nth-child(4) {
  border-bottom: 0;
}

.about_b2_item:nth-child(1), .about_b2_item:nth-child(3) {
  border-left: 0;
}

.about_b2_item:nth-child(2), .about_b2_item:nth-child(4) {
  border-right: 0;
}

.about_b2_item_t1 {
  color: #FFF;
  font-size: 2.5vw;
  font-weight: 350;
  line-height: 100%;
  margin: 0 0 1.04167vw;
}

.about_b2_item_t2 {
  color: #FFF;
  font-size: 1.11111vw;
  font-weight: 400;
  line-height: 120%;
  max-width: 35.06944vw;
}

.about_b2_item_text {
  margin: 5.90278vw 0 0;
}

.about_b2_iocn {
  font-size: 9;
}

.about_b2_iocn img {
  width: 3.54167vw;
  height: 3.54167vw;
}

.about_b3 {
  margin: 8.33333vw 0 0;
  position: relative;
  z-index: 1;
}

.about_b3_box {
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.about_b3_main {
  padding: 6.59722vw 7.29167vw;
  height: 14.58333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  position: relative;
}

.about_b3_main p {
  color: #FFF;
  font-size: 1.25vw;
  line-height: 120%;
  /* 21.6px */
  max-width: 43.05556vw;
}

.about_b3_main .h2 {
  width: 100%;
}

.about_b4 {
  padding: 10.41667vw 0 12.15278vw;
  position: relative;
}

.about_b4 .h2 {
  text-align: center;
}

.about_b4_box {
  margin: 5.55556vw 0 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 4.16667vw;
  counter-reset: item;
}

.about_b4_item_t1 {
  color: #FFF;
  text-align: right;
  font-size: 2.5vw;
  font-weight: 350;
  line-height: 100%;
  /* 36px */
  margin: 0 0 1.04167vw;
}

.about_b4_item_t2 {
  color: #FFF;
  text-align: right;
  font-size: 1.11111vw;
  line-height: 120%;
  /* 19.2px */
  line-height: 1.2em;
  height: 2.4em;
}

.about_b4_col {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 4.16667vw;
}

.about_b4_col:nth-child(2) p {
  text-align: left;
}

.about_b4_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.77778vw;
}

.about_b4_col:nth-child(1) .about_b4_item {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.about_b4_item:before {
  content: "";
  border: 0.27778vw solid #61ac18;
  stroke: #61ac18;
  min-width: 5.90278vw;
  height: 5.55556vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  content: counter(item, decimal-leading-zero) " ";
  counter-increment: item;
  color: #61ac18;
  text-align: center;
  font-family: Circe;
  font-size: 2.43056vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0.34722vw 0 0;
}

.about_b4_col:nth-child(1) .about_b4_item:before {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.about_b4 .main {
  max-width: 88.88889vw;
}

.about_b4 .b3_krug {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  bottom: 9;
}

.cat {
  padding: 6.94444vw 0 0;
  margin: 6.4vw 0 6.94444vw;
}

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

.cat_top_name {
  color: #FFF;
  font-family: Circe;
  font-style: normal;
  /* 60px */
  text-transform: uppercase;
  font-weight: 400;
  font-size: 4.16667vw;
  line-height: 100%;
  text-transform: uppercase;
  background: -o-linear-gradient(right, #629d41 0%, #61ac18 100%);
  background: -webkit-gradient(linear, right top, left top, from(#629d41), to(#61ac18));
  background: linear-gradient(270deg, #629d41 0%, #61ac18 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cat_top .h2 {
  font-size: 2.5vw;
  text-transform: initial;
  font-weight: 300;
}

.cat_list {
  margin: 6.94444vw 0;
}

.cat_item_top {
  background-size: cover;
  padding: 7.91667vw 2.77778vw 1.66667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-position: bottom;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cat_item_top h2 {
  color: #FFF;
  font-family: Circe;
  font-size: 1.66667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 28.8px */
}

.cat_item_top i {
  border-radius: 6.94444vw;
  border: 1px solid #BEBEBE;
  width: 2.43056vw;
  height: 2.43056vw;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cat_item_top i:after {
  content: "";
  width: 0.90278vw;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_225_1261)'%3E%3Cpath d='M11.9716 6.19017L11.9712 6.18975L9.68516 3.91475C9.5139 3.74432 9.2369 3.74496 9.06643 3.91624C8.89598 4.0875 8.89664 4.3645 9.0679 4.53495L10.6027 6.06235L1.3374 6.06235C1.09577 6.06235 0.899902 6.25822 0.899902 6.49985C0.899902 6.74148 1.09577 6.93735 1.3374 6.93735L10.6027 6.93735L9.06792 8.46475C8.89666 8.6352 8.896 8.9122 9.06645 9.08346C9.23692 9.25477 9.51395 9.25536 9.68519 9.08495L11.9712 6.80995L11.9716 6.80954C12.143 6.63852 12.1424 6.36062 11.9716 6.19017Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_225_1261'%3E%3Crect width='11.2' height='11.2' fill='white' transform='translate(0.899902 0.899902)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  height: 0.90278vw;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(201deg) brightness(107%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(201deg) brightness(107%) contrast(100%);
}

.cat_item_top:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #ffffff1a;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cat_item_main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.38889vw;
  margin: 2.77778vw 0 0;
}

.cat_item_el {
  border: 1px solid rgba(99, 99, 99, 0.5);
  background: rgba(244, 246, 250, 0.025);
  padding: 1.73611vw 2.08333vw 1.52778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  position: relative;
}

.cat_item_el_t1 {
  color: #FFF;
  font-size: 0.97222vw;
  width: 100%;
}

.cat_item_el_t2 {
  color: #61ac18;
  font-size: 1.25vw;
  margin: 1.31944vw 0 0;
}

.cat_item_top:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}

.cat_item_box {
  width: 100% !important;
}

.cat_item_top.cat_item_top_active:after {
  opacity: 1;
  background: #fff;
}

.cat_item_top.cat_item_top_active i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border-color: #61ac18;
}

.cat_item_top.cat_item_top_active i:after {
  -webkit-filter: brightness(0) saturate(100%) invert(75%) sepia(5%) saturate(4095%) hue-rotate(52deg) brightness(92%) contrast(91%);
  filter: brightness(0) saturate(100%) invert(75%) sepia(5%) saturate(4095%) hue-rotate(52deg) brightness(92%) contrast(91%);
}

.cat_item {
  margin: 0 0 1.38889vw;
}

.cat + .b9 {
  margin-bottom: 6.94444vw;
  padding-bottom: 0;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
 
.loader-5 {
  width: 48px;
  height: 48px;
  border: 3px solid #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
  margin: 0 auto;
  display: table;
}


.loader-5:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid;
  border-color: #61ac18 transparent;
}


.preloader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 91000;
  background: #151515;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader_logo img {
  width: 20vw;
  height: auto;
}

.preloader_logo {
  margin: 0 0 4vw;
}

.preloader_icon {
  display: table;
  margin: 0 auto 3vw;
  position: relative;
  transform: scale(1.5);
}

img.lg2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 1.39vw;
  height: 1.67vw;
}

img.lg3 {
  width: 3.92vw;
  height: 3.92vw;
  animation: rotation 6s linear infinite;
}

.preloader_text img {
  width: 10.28vw;
  height: auto;
}
 
::-webkit-scrollbar {
  width: 0;
}

.icon_oil {
  position: absolute;
  right: 1vw;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon_oil img {
  width: 4vw;
  height: auto;
  filter: drop-shadow(0px 0px 0px #ffffffb8);
  color: #ffffffb8;
}
[stroke="#8CC74D"] {
  stroke: #61ac18;
}

[fill="#8CC74D"] {
  fill: #61ac18;
}
.b1_video:after {
  content: "";
}

.b7:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 11.52778vw 11.31944vw #151515;
  box-shadow: 0 0 11.52778vw 11.31944vw #151515;
  display: block;
  width: 100%;
  bottom: 0;
  z-index: 10;
}

.b2:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 11.52778vw 11.31944vw #151515;
  box-shadow: 0 0 11.52778vw 11.31944vw #151515;
  display: block;
  width: 100%;
  bottom: 0;
  z-index: 10;
}

.preloader_text {
  transform: scale(1.5);
}
.bg_video:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgb(0 0 0 / 55%);
}
.cat_description {
  position: absolute;
  top: 87%;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: auto;
  width: 82%;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

.cat_description_main {
  border: 1px solid #636363;
  position: relative;
  background: #202121;
  padding: 1.736vw;
}

.cat_description_main:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2401_10)'%3E%3Cmask id='path-1-inside-1_2401_10' fill='white'%3E%3Cpath d='M9.5 0L18.5933 12.4485H0.406738L9.5 0Z'/%3E%3C/mask%3E%3Cpath d='M9.5 0L18.5933 12.4485H0.406738L9.5 0Z' fill='%23202121'/%3E%3Cpath d='M9.5 0L10.3075 -0.589861L9.5 -1.69531L8.6925 -0.589861L9.5 0ZM18.5933 12.4485V13.4485H20.5621L19.4008 11.8586L18.5933 12.4485ZM0.406738 12.4485L-0.400767 11.8586L-1.56212 13.4485H0.406738V12.4485ZM8.6925 0.589861L17.7858 13.0383L19.4008 11.8586L10.3075 -0.589861L8.6925 0.589861ZM18.5933 11.4485H0.406738V13.4485H18.5933V11.4485ZM1.21424 13.0383L10.3075 0.589861L8.6925 -0.589861L-0.400767 11.8586L1.21424 13.0383Z' fill='%23636363' mask='url(%23path-1-inside-1_2401_10)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2401_10'%3E%3Crect width='19' height='11' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 1.319vw;
  height: 0.764vw;
  display: block;
  position: absolute;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

.cat_description_main p {
  color: #fff;
  font-size: 0.833vw;
}

.cat_item_el:hover .cat_description, .cat_description:hover {
  opacity: 1;
  pointer-events: all;
}

#panel {
  z-index: 9999;
  position: relative;
}

.b_ab_bt {
  position: absolute;
  color: #fff;
  bottom: 2vw;
  font-size: 1vw;
}

section.error {
  height: 100vh;
  display: flex;
  align-items: center;
}

.error p {
  font-size: 1.5vw;
  color: #fff;
}

.politic {
  padding: 11vw 0 0;
}

.policy_text p {
  color: #fff;
  font-size: 1vw;
  margin: 2vw 0;
}

.politic_box {
  margin: 2vw 0;
}

.policy_text p span {
  font-size: 1.5vw;
}


@media only screen and (max-width: 680px) {
  .main {
    width: 95%;
    max-width: 95%;
  }

  .b1_bg {
    height: 100svh;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }

  .logo img {
    width: auto;
    height: 9vw;
  }

  .hd {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4vw 3vw;
    width: calc(100% - 6vw);
    height: 10vw;
    z-index: 200;
  }

  .hd_menu_box {
    padding: 18vw 0 0;
    height: auto;
    background: #000000e6;
  }

  .hd_phone a {
    font-size: 4vw;
  }

  .hd_button {
    display: none;
  }

  .mobile_menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 10vw;
    height: 10vw;
    padding: 0;
    border: 0;
    margin: 0 0 0 3vw;
    background: #61ac18;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
  }

  .mobile_menu span {
    width: 65%;
    height: 2px;
    display: block;
    background: #fff;
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .mobile_menu span:after, .mobile_menu span:before {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
    position: absolute;
    content: "";
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .mobile_menu span:before {
    top: -300%;
  }

  .mobile_menu span:after {
    bottom: -300%;
  }

  .mobile_menu.hd_menu_bt_act span {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .mobile_menu.hd_menu_bt_act span:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  button.mobile_menu.hd_menu_bt_act span:after {
    bottom: 0;
    opacity: 0;
  }

  .hd_menu {
    display: none;
    position: fixed;
    border: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    top: 0;
  }

  .hd_menu_box nav > ul > li > a {
    font-size: 5vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 3vw 6vw;
  }

  .hd_menu_box nav > ul {
    display: block;
  }

  .hd_menu_box nav {
    padding: 8vw 0;
  }

  .menu_child {
    position: static;
    display: block !important;
  }

  .menu_child ul a {
    font-size: 4vw;
    padding: 2vw 9vw;
    display: block;
  }

  .menu_child ul {
    padding: 2vw 0;
    margin: 0;
    background: none;
    border-left: 0;
    border-right: 0;
  }

  .hd_menu_box nav > ul > li > a:after {
    left: 0;
  }

  .b1_content_item p {
    font-size: 4vw;
  }

  .b1_content_item:before {
    font-size: 4vw;
    min-width: 9vw;
    height: 9vw;
  }

  .b1_content_item {
    gap: 3vw;
  }

  .b1_content_title p {
    font-size: 5vw;
    text-align: center;
    margin: 0 0 3vw;
  }

  .b1_content_title h1 {
    font-size: 11vw;
    text-align: center;
  }

  .b1_content {
    margin: 0;
    height: calc(100% - 18vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .b1_content_bottom {
    position: absolute;
    bottom: 5svh;
    left: 0;
    right: 0;
    width: 78%;
    margin: 0 auto;
  }

  .h2 {
    font-size: 6vw;
    line-height: 148%;
  }

  .b2_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 0 9vw;
  }

  .b2 {
    padding: 13vw 0 15vw;
    background: #151515 !important;
  }

  .b2_logo {
    position: absolute;
    right: 0;
    top: 10vw;
  }

  .b2_logo img {
    height: auto;
    width: 19vw;
  }

  .b3_box {
    display: block;
  }

  .b3_list {
    margin: 7vw 0 5vw;
    padding: 0 0 0 11vw;
    gap: 6vw;
  }

  .b3_item_t1 {
    font-size: 8vw;
  }

  .b3_item_t2 {
    font-size: 4vw;
  }

  .b3_item_t1 i {
    width: 4vw;
    height: 4vw;
    right: calc(100% + 2.38889vw);
    bottom: -0.58333vw;
  }

  .b3 {
    padding: 14vw 0;
  }

  .b3_maps {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .b7 {
    padding: 13vw 2vw;
  }

  .b7_box {
    margin: 5vw 0 0;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .b7_item i img, .b7_item i svg {
    height: 10vw;
  }

  .b7_item p {
    font-size: 3.8vw;
    margin: 0 0 4vw;
  }

  .b7_item {
    height: 29vw;
    padding: 0 5vw;
  }

  .b7_item i {
    margin: 5vw 0 0;
  }

  .slide_arrows button {
    width: 12vw;
    height: 12vw;
  }

  .slide_arrows button:after {
    width: 5vw;
    height: 5vw;
  }

  .b8_item img {
    width: 35vw;
    height: 35vw;
  }

  .slide_arrows {
    gap: 4vw;
  }

  .b8 {
    padding: 14vw 0 22vw;
  }

  .b9_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .b9_left {
    padding: 13vw 9vw;
  }

  .b9_left .h2 {
    font-size: 9vw;
  }

  .b9 .b1_video {
    height: 48vw;
  }

  .input input {
    font-size: 5vw;
    padding: 0 0 2vw;
    margin: 0 0 7vw;
  }

  .b9_form button {
    font-size: 5vw;
    padding: 4vw 0;
    height: auto;
  }

  .b10 {
    padding: 14vw 0 16vw;
  }

  .b10_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 6vw 0 0;
  }

  .b10_text {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 9vw;
  }

  .b10_video {
    width: 100%;
    height: 42vw;
    margin: 11vw 0 5vw;
  }

  .b10_video_box video {
    min-width: 87vw;
    height: 38.90278vw;
  }

  .b10_video:after {
    width: 86vw;
    height: 18vw;
    bottom: 6vw;
  }

  .b10_text_item_text p {
    font-size: 4vw;
  }

  .b10_text_item {
    -ms-grid-columns: 52.19444vw 15.76389vw;
    grid-template-columns: 52.19444vw 15.76389vw;
    height: 8vw;
  }

  .b10_text_item_icon i {
    min-width: 4vw;
    height: 4vw;
  }

  .b10_text_item_icon img, .b10_text_item_icon svg {
    height: 9vw !important;
  }

  .b10_text:last-child .b10_text_item {
    -ms-grid-columns: 15.76389vw 60.19444vw;
    grid-template-columns: 15.76389vw 60.19444vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4vw;
  }

  .b10_text:last-child .b10_text_item br {
    display: none;
  }

  .b10_text_item_icon i:after {
    min-height: calc(9vw + 3vw);
  }

  .ft_phone a[href^=tel] {
    font-size: 5vw;
    margin: 0 0 -1vw;
  }

  .ft_phone a[href^=mailto] {
    font-size: 3.5vw;
  }

  .ft_box_menu nav ul li a {
    font-size: 4vw;
  }

  .ft_box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .ft_adres p {
    font-size: 4vw;
    height: auto;
  }

  .ft_adres i {
    width: 4vw;
    height: 4vw;
    left: 0;
    top: 0vw;
  }

  .ft_adres {
    padding: 0 0 0 7vw;
    margin: 0 0 10vw;
  }

  .ft_box_menu nav {
    margin: 0 0 5vw;
  }

  .ft_box_list_li p {
    font-size: 4vw;
    gap: 2vw;
  }

  .ft_box_title {
    font-size: 4vw;
    margin: 0 0 2vw;
  }

  .ft_box_list {
    margin: 0 0 10vw;
  }

  .ft_box_list_box {
    gap: 2vw;
  }

  .ft_box_list_li {
    gap: 5vw;
  }

  .ft_box_bt a {
    font-size: 4vw;
    padding: 4vw 0;
  }

  .ft {
    padding: 10vw 0 1vw;
  }

  .ft_top {
    margin: 0 0 4vw;
  }

  .ft_bottom_lf p {
    font-size: 3vw;
    text-align: center;
  }

  .ft_bottom.ft_box {
    padding: 9vw 0 5vw;
  }

  .ft_bottom_center a {
    margin: 0 auto;
    font-size: 3.5vw;
  }

  .ft_bottom_center {
    text-align: center;
  }

  .ft_bottom_rg {
    margin: 5vw 0 0;
  }

  .veonix p {
    font-size: 3.5vw;
  }

  .top_go {
    width: 12vw;
    height: 12vw;
  }

  .top_go:after {
    width: 5vw;
    height: 4vw;
  }

  .b9_right {
    padding: 12vw 8vw;
  }

  .b1 .top_go {
    display: none;
  }

  .frm .b9_right {
    width: 90vw;
    padding: 12vw 10vw;
  }

  p.message_1 {
    font-size: 8vw;
    padding: 4vw 0 0;
  }

  p.message_2 {
    font-size: 5vw;
    margin: 2vw 0 0;
  }

  .b2_iframe iframe {
    height: 117vw;
    min-width: 100%;
    margin-right: 0;
  }

  .b2_iframe {
    overflow: scroll;
    width: 98vw;
  }

  .b8_slide {
    height: 33vw;
  }

  .about_b3_main {
    height: auto;
    padding: 6vw 6%;
  }

  .about_b3_main p {
    font-size: 3.9vw;
    max-width: 100%;
    margin: 3vw 0 0;
  }

  .about_b3_main p br {
    display: none;
  }

  .about_b4_col:nth-child(1) .about_b4_item:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .about_b4_col:nth-child(1) .about_b4_item_main {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .about_b4_box {
    display: block;
    text-align: left;
    padding: 2vw 0 0;
  }

  .about_b4_item {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .about_b4_item_t2 {
    text-align: left;
    font-size: 3.5vw;
    height: auto;
  }

  p.about_b4_item_t1 {
    text-align: left;
    font-size: 5vw;
    margin: 2vw 0 2vw;
  }

  .about_b4_item:before {
    width: 12vw;
    height: 11vw;
    font-size: 6vw;
    padding: 1vw 0 0;
  }

  .about_b4_col {
    margin: 0 0 4.16667vw;
  }

  .about_b4_item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 12vw auto;
    grid-template-columns: 12vw auto;
    gap: 5vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .about_b4_item_t2 br {
    display: none;
  }

  .about_b4 {
    padding: 17vw 0 14vw;
  }

  .about_b1 .b1_bg {
    height: 99vw;
  }

  .about_b4 .b3_krug img {
    width: 56.84722vw;
    height: 56.84722vw;
    margin: 8.5vw 0 0;
  }

  .about_b4 + .b9 {
    margin-bottom: 6.94444vw;
  }

  .about_b1 .b1_content h1 {
    font-size: 11vw;
    line-height: 125%;
  }

  .about_b2_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .about_b2_iocn img {
    width: 10vw;
    height: 10vw;
  }

  .about_b2_item {
    padding: 9vw 7vw;
    -ms-grid-columns: 12vw auto;
    grid-template-columns: 12vw auto;
    display: -ms-grid;
    display: grid;
    gap: 4vw;
  }

  .about_b2_item_text {
    margin: 0 0 0;
  }

  .about_b2_item_t1 {
    font-size: 5.3vw;
    margin: 3vw 0 0;
  }

  .about_b2_item_t2 {
    font-size: 3.5vw;
    margin: 4vw 0 0;
    max-width: 100%;
  }

  .about_b2_item_t2 br {
    display: none;
  }

  .cat_item_top h2 {
    font-size: 3.7vw;
    line-height: 145%;
    position: relative;
    z-index: 11;
  }

  .cat_item_top i {
    min-width: 9vw;
    height: 9vw;
    position: relative;
    z-index: 11;
  }

  .cat_item_top i:after {
    width: 3vw;
    height: 3vw;
  }

  .cat_item_top {
    padding: 0 4vw 3vw;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 27vw;
    position: relative;
  }

  .cat_item {
    margin: 0 0 4vw;
  }

  .cat_item_top:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #0000009c;
    display: block;
  }

  .cat + .b9 {
    padding: 0;
    margin: 13vw 0;
  }

  .cat {
    margin: 18vw 0 0;
    padding: 13vw 0 0;
  }

  .cat_top_name {
    font-size: 6vw;
  }

  .cat_top .h2 {
    font-size: 5vw;
  }

  .cat_item_main {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 2vw;
  }

  .cat_item_el {
    padding: 4vw 4vw;
  }

  .cat_item_el_t1 {
    font-size: 3vw;
    line-height: 120%;
  }

  .cat_item_el_t2 {
    font-size: 3vw;
    line-height: 120%;
  }

  .cat_item_el_t2 br {
    display: none;
  }.b9 {
    margin: 0 0 20vw;
}.preloader_text img {
  height: auto;
  min-height: 5vw;
  width: 48vw;
}

.preloader_icon {
  margin: 0 auto 18vw;
}

img.lg3 {
  width: 22vw;
  height: 22vw;
}

img.lg2 {
  height: auto;
  min-height: 4vw;
  width: 7vw;
}
.icon_oil img {
  width: 8vw;
}

.icon_oil {
  right: 2vw;
}.cat_description_main p {
  font-size: 2.9vw;
}

.cat_description {
  width: 84vw;
  left: 6%;
  top: 97%;
}

.cat_description_main:after {
  width: 4vw;
  height: 4vw;
  right: auto;
  left: 4%;
}

.cat_description_main {
  padding: 4vw;
}
 
.cat_item_el:nth-child(2n) .cat_description {
    left: auto;
    right: 7%;
}

.cat_item_el:nth-child(2n) .cat_description_main:after {
    left: 56%;
}

.b_ab_bt {
  font-size: 3vw;
  bottom: 7vw;
}

.error p {
  font-size: 4vw;
}

.politic {
  padding: 24vw 0 0;
}

.policy_text p {
  font-size: 3vw;
}

.policy_text p span {
  font-size: 4.5vw;
}
}
.hd_language a {
  color: white !important;
  transition: 0.3s;
  width: 100% !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hd_language a:hover {
  color: #61ac18 !important;
  transition: 0.3s;
  box-sizing: border-box;
  border-top: 0;
  border-bottom: 1px solid #61ac18;
}

/* End */

.b1_content_title h1 b span {
  color: #FFF;
}


.b9_h2_left {
  font-size: 3.47222vw !important;
}

.b9_p {
  font-family: 'Circe';
  color: #FFFFFF;
  font-size: 1.3vw;
  margin-top: 40px;
}

.b9_p_desc {
  font-family: 'Circe';
  color: #FFFFFF;
  font-size: 1.3vw;
  padding-top: 20px;
}

.b9_p_desc a {
  font-size: 1.5vw;
  text-decoration: none;
  color: #FFFFFF;
  margin-right: 10px;
}

.b9_p_comments {
  font-family: 'Circe';
  color: #FFFFFF;
  font-size: 1.3vw;
  padding-top: 30px;
}

@media(max-width:680px) {

  .b9_p_desc {
    flex-direction: row;
  }

  .b9_left .h2 {
    font-size: 9vw !important;
  }

  .b9 .b1_video {
    height: 87vw;
  }

  .b9_p {
    font-size: 4vw;
  }

  .b9_p_desc,
  .b9_p_comments {
    font-size: 4vw;
  }

  .b9_p_desc a {
    font-size: 4.2vw;
  }
}

/*            MODAL WHATSAPP           */

.container-button {
  cursor: pointer;
  background-color: rgb(48, 191, 57);
  color: rgb(255, 255, 255);
  width: 330px;
  border-radius: 40px;
  display: flex;
  gap: 15px;
  align-items: center;
  white-space: nowrap;
  user-select: none;
  padding: 6px 12px;
  position: fixed;
  bottom: 25px;
  right: 25px;
  animation: waves-button linear 3s infinite;
  transition: width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 999;
}

body::after {
  content: '';
  display: block;
  height: -500px;
  /* Здесь задайте высоту, равную высоте вашей кнопки */
}

@keyframes logo-shake-animation {
  0% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }

  25% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }

  35% {
    transform: rotate(-0.3rad) scale(1) skew(0.017rad);
  }

  45% {
    transform: rotate(0.3rad) scale(1) skew(0.017rad);
  }

  55% {
    transform: rotate(-0.3rad) scale(1) skew(0.017rad);
  }

  65% {
    transform: rotate(0.3rad) scale(1) skew(0.017rad);
  }

  75% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }

  100% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
}

.button-logo {
  width: 30px;
  height: 30px;
  animation: logo-shake-animation linear 1.5s infinite;
}

.button-text {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
}



.waves-whatsapp {
  animation: waves-button linear 3s infinite;
}

.scale-in-whatsapp-and-waves {
  animation: waves-button linear 3s infinite, scale-in .5s cubic-bezier(.25, .46, .45, .94) both;
}

@keyframes waves-button {
  0% {
    box-shadow: 0 8px 10px rgba(48, 191, 57, 0.3), 0 0 0 0 rgba(48, 191, 57, 0.2), 0 0 0 0 rgba(48, 191, 57, 0.2)
  }

  40% {
    box-shadow: 0 8px 10px rgba(48, 191, 57, 0.3), 0 0 0 35px rgba(48, 191, 57, 0.2), 0 0 0 0 rgba(48, 191, 57, 0.2)
  }

  80% {
    box-shadow: 0 8px 10px rgba(48, 191, 57, 0.3), 0 0 0 55px rgba(48, 191, 57, 0), 0 0 0 26.7px rgba(48, 191, 57, 0.067)
  }

  100% {
    box-shadow: 0 8px 10px rgba(48, 191, 57, 0.3), 0 0 0 80px rgba(48, 191, 57, 0), 0 0 0 40px rgba(48, 191, 57, 0.0)
  }
}

.red-dot {
  position: absolute;
  right: 2px;
  top: 2px;
  background: red;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.chat-popup {
  box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.6);
  width: 380px;
  height: 364px;
  border-radius: 8px;
  background: #fff;
  flex-direction: column;
  max-height: calc(100% - 100px);
  transition: height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: slide-show 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  position: fixed;
  right: 30px;
  bottom: 80px;
  z-index: 10000050 !important;
}

@keyframes slide-show {
  0% {
    transform: translateZ(-1400px) translateY(20px);
    opacity: 0;
  }

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

.container-header-chat {
  background-color: rgb(48, 191, 57);
  color: #fff;
  padding: 24px 36px;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-sizing: border-box;
}

.chat-popup::before {
  right: 10px;
  bottom: -6px;
  box-shadow: 1px 1px 0px 0px rgba(34, 60, 80, 0.6);
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  transform: rotate(45deg);
  background: #fff;
}

.manager-avatar {
  background-image: url(/upload/iblock/08b/authorwa.png);
  width: 60px;
  height: 60px;
  min-width: 60px;
  position: relative;
  background-size: cover;
  border-radius: 50%;
}

.chat-close {
  padding: 0;
  line-height: normal;
  position: absolute;
  color: #fff;
  top: 0px;
  right: 8px;
  width: 24px;
  height: 24px;
  font-size: 22px;
  cursor: pointer;
  text-align: center;
  z-index: 1;
  font-style: normal;
  outline: none;
  border: none;
  box-shadow: none;
}

.container-header-manager {
  display: flex;
  justify-content: space-between;
}

.header-manager {
  display: flex;
  cursor: pointer;
  transition: all 200ms linear;
  position: relative;
  z-index: 5;
  flex-direction: row-reverse;
  align-items: center;
  gap: 15px;
}

.container-body-chat {
  min-height: 200px;
  background-color: #e6ddd4 !important;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  background: #f5f5f5;
  padding-bottom: 50px;
  position: relative;
  height: 100%;
}

.container-body-chat::before {
  background-image: url(/upload/iblock/08b/whatsapp_background.png);
  background-size: cover;
  display: block;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
}

.body-chat {
  position: relative;
  background: #fff;
  padding: 10px 16px;
  margin: 20px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  -webkit-animation: sm-slide-show 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: sm-slide-show 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.body-chat::before {
  left: -5px;
  right: unset;
  background: #fff;
  content: '';
  position: absolute;
  top: 12px;
  right: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}

.author-massage {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 4px;
}

.text-message {
  color: #161c2d;
  font-size: 14px;
  line-height: 19px;
}

.time-message {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(17, 17, 17, 0.5);
}

.container-footer-chat {
  position: relative;
  color: #303030;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 56px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.footer-chat {
  cursor: pointer;
  background-color: rgb(48, 191, 57);
  color: rgb(255, 255, 255);
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  padding: 10px 0;
  box-sizing: border-box;
  width: calc(100% - 20px);
  margin: 0 10px;
}

.footer-chat img {
  width: 16px;
  height: 16px;
}

.footer-chat span {
  margin-left: 10px;
  color: #fff;
}

.manager-avatar::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 4px;
  right: 4px;
  background-color: #4ad504;
  z-index: 4;
  border-color: #085e54 !important;
  border: 1px solid #f5f5f5;
  border-radius: 50%;
}


@media(max-width:768px) {
  .body-chat {
    height: 104px;
  }

  .text-message {
    text-wrap: wrap;
  }

  .chat-popup {
    width: 340px;
  }

  .container-header-chat {
    padding: 24px 16px;
  }
}


/*			MODAL WHATSPAPP END				*/
/* End */


/* Start:/bitrix/templates/veonix/components/bitrix/menu/menu/style.min.css?1715604734490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/veonix/components/bitrix/menu/menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /bitrix/templates/veonix/assets/css/fonts.css?17156047342476 */
/* /bitrix/templates/veonix/assets/css/splide.min.css?17156047346338 */
/* /bitrix/templates/veonix/assets/css/animate.css?171560473496425 */
/* /bitrix/templates/veonix/assets/css/jquery.fancybox.min.css?171560473424078 */
/* /bitrix/templates/veonix/assets/css/intlTelInput.css?171560473424006 */
/* /bitrix/templates/veonix/assets/css/svg-animate.min.css?17156047341857 */
/* /bitrix/templates/veonix/assets/css/main.css?176250346665578 */
/* /bitrix/templates/veonix/components/bitrix/menu/menu/style.min.css?1715604734490 */