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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

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

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

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

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

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

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

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

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

.swiper-cards {
    overflow: visible
}

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

.air-datepicker-cell.-day-.-other-month-,
.air-datepicker-cell.-year-.-other-decade- {
    color: var(--adp-color-other-month)
}

.air-datepicker-cell.-day-.-other-month-:hover,
.air-datepicker-cell.-year-.-other-decade-:hover {
    color: var(--adp-color-other-month-hover)
}

.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    color: var(--adp-color-other-month)
}

.-selected-.air-datepicker-cell.-day-.-other-month-,
.-selected-.air-datepicker-cell.-year-.-other-decade- {
    color: #fff;
    background: var(--adp-background-color-selected-other-month)
}

.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background: var(--adp-background-color-selected-other-month-focused)
}

.-in-range-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range);
    color: var(--adp-color)
}

.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range-focused)
}

.air-datepicker-cell.-day-.-other-month-:empty,
.air-datepicker-cell.-year-.-other-decade-:empty {
    background: 0 0;
    border: none
}

.air-datepicker-cell {
    border-radius: var(--adp-cell-border-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.air-datepicker-cell.-focus- {
    background: var(--adp-background-color-hover)
}

.air-datepicker-cell.-current- {
    color: var(--adp-color-current-date)
}

.air-datepicker-cell.-current-.-focus- {
    color: var(--adp-color)
}

.air-datepicker-cell.-current-.-in-range- {
    color: var(--adp-color-current-date)
}

.air-datepicker-cell.-disabled- {
    cursor: default;
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-focus- {
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-in-range- {
    color: var(--adp-color-disabled-in-range)
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-in-range- {
    background: var(--adp-cell-background-color-in-range);
    border-radius: 0
}

.air-datepicker-cell.-in-range-:hover {
    background: var(--adp-cell-background-color-in-range-hover)
}

.air-datepicker-cell.-range-from- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)
}

.air-datepicker-cell.-range-to- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0
}

.air-datepicker-cell.-range-to-.-range-from- {
    border-radius: var(--adp-cell-border-radius)
}

.air-datepicker-cell.-selected- {
    color: #fff;
    border: none;
    background: var(--adp-cell-background-color-selected)
}

.air-datepicker-cell.-selected-.-current- {
    color: #fff;
    background: var(--adp-cell-background-color-selected)
}

.air-datepicker-cell.-selected-.-focus- {
    background: var(--adp-cell-background-color-selected-hover)
}

.air-datepicker-body {
    transition: all var(--adp-transition-duration) var(--adp-transition-ease)
}

.air-datepicker-body.-hidden- {
    display: none
}

.air-datepicker-body--day-names {
    display: grid;
    grid-template-columns: repeat(7, var(--adp-day-cell-width));
    margin: 8px 0 3px
}

.air-datepicker-body--day-name {
    color: var(--adp-day-name-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.air-datepicker-body--cells {
    display: grid
}

.air-datepicker-body--cells.-days- {
    grid-template-columns: repeat(7, var(--adp-day-cell-width));
    grid-auto-rows: var(--adp-day-cell-height)
}

.air-datepicker-body--cells.-months- {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: var(--adp-month-cell-height)
}

.air-datepicker-body--cells.-years- {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: var(--adp-year-cell-height)
}

.air-datepicker-nav {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--adp-border-color-inner);
    min-height: var(--adp-nav-height);
    padding: var(--adp-padding);
    box-sizing: content-box
}

.-only-timepicker- .air-datepicker-nav {
    display: none
}

.air-datepicker-nav--action,
.air-datepicker-nav--title {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.air-datepicker-nav--action {
    width: var(--adp-nav-action-size);
    border-radius: var(--adp-border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.air-datepicker-nav--action:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--action:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--action.-disabled- {
    visibility: hidden
}

.air-datepicker-nav--action svg {
    width: 32px;
    height: 32px
}

.air-datepicker-nav--action path {
    fill: none;
    stroke: var(--adp-nav-arrow-color);
    stroke-width: 2px
}

.air-datepicker-nav--title {
    border-radius: var(--adp-border-radius);
    padding: 0 8px
}

.air-datepicker-nav--title i {
    font-style: normal;
    color: var(--adp-nav-color-secondary);
    margin-left: .3em
}

.air-datepicker-nav--title:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--title:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--title.-disabled- {
    cursor: default;
    background: 0 0
}

.air-datepicker-buttons {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column
}

.air-datepicker-button {
    display: inline-flex;
    color: var(--adp-btn-color);
    border-radius: var(--adp-btn-border-radius);
    cursor: pointer;
    height: var(--adp-btn-height);
    border: none;
    background: rgba(255, 255, 255, 0)
}

.air-datepicker-button:hover {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover)
}

.air-datepicker-button:focus {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover);
    outline: 0
}

.air-datepicker-button:active {
    background: var(--adp-btn-background-color-active)
}

.air-datepicker-button span {
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.air-datepicker-time {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 12px;
    align-items: center;
    position: relative;
    padding: 0 var(--adp-time-padding-inner)
}

.-only-timepicker- .air-datepicker-time {
    border-top: none
}

.air-datepicker-time--current {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 14px;
    text-align: center
}

.air-datepicker-time--current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
    content: '';
    background: var(--adp-background-color-hover);
    border-radius: var(--adp-border-radius);
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
    opacity: 1
}

.air-datepicker-time--current-ampm {
    text-transform: uppercase;
    align-self: flex-end;
    color: var(--adp-time-day-period-color);
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.air-datepicker-time--row {
    display: flex;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat
}

.air-datepicker-time--row:first-child {
    margin-bottom: 4px
}

.air-datepicker-time--row input[type=range] {
    background: 0 0;
    cursor: pointer;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
    display: none
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:focus {
    outline: 0
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -moz-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -ms-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    margin-top: calc(var(--adp-time-thumb-size)/ 2 * -1)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-ms-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.air-datepicker {
    --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --adp-font-size: 14px;
    --adp-width: 246px;
    --adp-z-index: 100;
    --adp-padding: 4px;
    --adp-grid-areas: 'nav' 'body' 'timepicker' 'buttons';
    --adp-transition-duration: .3s;
    --adp-transition-ease: ease-out;
    --adp-transition-offset: 8px;
    --adp-background-color: #fff;
    --adp-background-color-hover: #f0f0f0;
    --adp-background-color-active: #eaeaea;
    --adp-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
    --adp-background-color-selected-other-month-focused: #8ad5f4;
    --adp-background-color-selected-other-month: #a2ddf6;
    --adp-color: #4a4a4a;
    --adp-color-secondary: #9c9c9c;
    --adp-accent-color: #4eb5e6;
    --adp-color-current-date: var(--adp-accent-color);
    --adp-color-other-month: #dedede;
    --adp-color-disabled: #aeaeae;
    --adp-color-disabled-in-range: #939393;
    --adp-color-other-month-hover: #c5c5c5;
    --adp-border-color: #dbdbdb;
    --adp-border-color-inner: #efefef;
    --adp-border-radius: 4px;
    --adp-border-color-inline: #d7d7d7;
    --adp-nav-height: 32px;
    --adp-nav-arrow-color: var(--adp-color-secondary);
    --adp-nav-action-size: 32px;
    --adp-nav-color-secondary: var(--adp-color-secondary);
    --adp-day-name-color: #ff9a19;
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 32px;
    --adp-month-cell-height: 42px;
    --adp-year-cell-height: 56px;
    --adp-pointer-size: 10px;
    --adp-poiner-border-radius: 2px;
    --adp-pointer-offset: 14px;
    --adp-cell-border-radius: 4px;
    --adp-cell-background-color-selected: #5cc4ef;
    --adp-cell-background-color-selected-hover: #45bced;
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
    --adp-btn-height: 32px;
    --adp-btn-color: var(--adp-accent-color);
    --adp-btn-color-hover: var(--adp-color);
    --adp-btn-border-radius: var(--adp-border-radius);
    --adp-btn-background-color-hover: var(--adp-background-color-hover);
    --adp-btn-background-color-active: var(--adp-background-color-active);
    --adp-time-track-height: 1px;
    --adp-time-track-color: #dedede;
    --adp-time-track-color-hover: #b1b1b1;
    --adp-time-thumb-size: 12px;
    --adp-time-padding-inner: 10px;
    --adp-time-day-period-color: var(--adp-color-secondary);
    --adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;
    --adp-mobile-width: 320px;
    --adp-mobile-day-cell-height: 38px;
    --adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px
}

.air-datepicker-overlay {
    --adp-overlay-background-color: rgba(0, 0, 0, .3);
    --adp-overlay-transition-duration: .3s;
    --adp-overlay-transition-ease: ease-out;
    --adp-overlay-z-index: 99
}

.air-datepicker {
    background: var(--adp-background-color);
    border: 1px solid var(--adp-border-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: var(--adp-border-radius);
    box-sizing: content-box;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, -webkit-max-content);
    grid-template-rows: repeat(4, max-content);
    grid-template-areas: var(--adp-grid-areas);
    font-family: var(--adp-font-family), sans-serif;
    font-size: var(--adp-font-size);
    color: var(--adp-color);
    width: var(--adp-width);
    position: absolute;
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
    z-index: var(--adp-z-index)
}

.air-datepicker:not(.-custom-position-) {
    opacity: 0
}

.air-datepicker.-from-top- {
    transform: translateY(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-from-right- {
    transform: translateX(var(--adp-transition-offset))
}

.air-datepicker.-from-bottom- {
    transform: translateY(var(--adp-transition-offset))
}

.air-datepicker.-from-left- {
    transform: translateX(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-active-:not(.-custom-position-) {
    transform: translate(0, 0);
    opacity: 1
}

.air-datepicker.-active-.-custom-position- {
    transition: none
}

.air-datepicker.-inline- {
    border-color: var(--adp-border-color-inline);
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    transform: none
}

.air-datepicker.-inline- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile- {
    --adp-font-size: var(--adp-mobile-font-size);
    --adp-day-cell-height: var(--adp-mobile-day-cell-height);
    --adp-month-cell-height: var(--adp-mobile-month-cell-height);
    --adp-year-cell-height: var(--adp-mobile-year-cell-height);
    --adp-nav-height: var(--adp-mobile-nav-height);
    --adp-nav-action-size: var(--adp-mobile-nav-height);
    position: fixed;
    width: var(--adp-mobile-width);
    border: none
}

.air-datepicker.-is-mobile- * {
    -webkit-tap-highlight-color: transparent
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
    transform: translate(-50%, calc(-50% + var(--adp-transition-offset)))
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
    transform: translate(-50%, -50%)
}

.air-datepicker.-custom-position- {
    transition: none
}

.air-datepicker-global-container {
    position: absolute;
    left: 0;
    top: 0
}

.air-datepicker--pointer {
    --pointer-half-size: calc(var(--adp-pointer-size) / 2);
    position: absolute;
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    z-index: -1
}

.air-datepicker--pointer:after {
    content: '';
    position: absolute;
    background: #fff;
    border-top: 1px solid var(--adp-border-color-inline);
    border-right: 1px solid var(--adp-border-color-inline);
    border-top-right-radius: var(--adp-poiner-border-radius);
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    box-sizing: border-box
}

.-top-center- .air-datepicker--pointer,
.-top-left- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^=top] .air-datepicker--pointer {
    top: calc(100% - var(--pointer-half-size) + 1px)
}

.-top-center- .air-datepicker--pointer:after,
.-top-left- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^=top] .air-datepicker--pointer:after {
    transform: rotate(135deg)
}

.-right-bottom- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer,
[data-popper-placement^=right] .air-datepicker--pointer {
    right: calc(100% - var(--pointer-half-size) + 1px)
}

.-right-bottom- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-top- .air-datepicker--pointer:after,
[data-popper-placement^=right] .air-datepicker--pointer:after {
    transform: rotate(225deg)
}

.-bottom-center- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^=bottom] .air-datepicker--pointer {
    bottom: calc(100% - var(--pointer-half-size) + 1px)
}

.-bottom-center- .air-datepicker--pointer:after,
.-bottom-left- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^=bottom] .air-datepicker--pointer:after {
    transform: rotate(315deg)
}

.-left-bottom- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-top- .air-datepicker--pointer,
[data-popper-placement^=left] .air-datepicker--pointer {
    left: calc(100% - var(--pointer-half-size) + 1px)
}

.-left-bottom- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-top- .air-datepicker--pointer:after,
[data-popper-placement^=left] .air-datepicker--pointer:after {
    transform: rotate(45deg)
}

.-bottom-left- .air-datepicker--pointer,
.-top-left- .air-datepicker--pointer {
    left: var(--adp-pointer-offset)
}

.-bottom-right- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer {
    right: var(--adp-pointer-offset)
}

.-bottom-center- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer {
    left: calc(50% - var(--adp-pointer-size)/ 2)
}

.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
    top: var(--adp-pointer-offset)
}

.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
    bottom: var(--adp-pointer-offset)
}

.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
    top: calc(50% - var(--adp-pointer-size)/ 2)
}

.air-datepicker--navigation {
    grid-area: nav
}

.air-datepicker--content {
    box-sizing: content-box;
    padding: var(--adp-padding);
    grid-area: body
}

.-only-timepicker- .air-datepicker--content {
    display: none
}

.air-datepicker--time {
    grid-area: timepicker
}

.air-datepicker--buttons {
    grid-area: buttons
}

.air-datepicker--buttons,
.air-datepicker--time {
    padding: var(--adp-padding);
    border-top: 1px solid var(--adp-border-color-inner)
}

.air-datepicker-overlay {
    position: fixed;
    background: var(--adp-overlay-background-color);
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    z-index: var(--adp-overlay-z-index)
}

.air-datepicker-overlay.-active- {
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s
}

.carousel {
    position: relative;
    box-sizing: border-box
}

.carousel *,
.carousel :after,
.carousel :before {
    box-sizing: inherit
}

.carousel.is-draggable {
    cursor: move;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

.carousel__track {
    display: flex
}

.carousel__slide {
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain
}

.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: .25;
    transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity .15s ease
}

.carousel__button.is-next,
.carousel__button.is-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    z-index: 1050;
    outline: 0;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

.fancybox__container *,
.fancybox__container ::after,
.fancybox__container ::before {
    box-sizing: inherit
}

.fancybox__container :focus {
    outline: 0
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, .94))
}

@media all and (min-width:1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, .92))
}

.fancybox__carousel {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px 8px;
    position: relative;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px
}

.fancybox__slide::after,
.fancybox__slide::before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

@media all and (min-width:1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: thin dotted;
    box-shadow: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    flex-shrink: 0;
    overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container>.carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media all and (min-width:1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media all and (min-width:1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40
}

@media all and (min-width:1024px) {
    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff)
}

.fancybox__no-click,
.fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    animation: .15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav {
    animation: .15s ease both fancybox-fadeOut
}

.fancybox-fadeIn {
    animation: .15s ease both fancybox-fadeIn
}

.fancybox-fadeOut {
    animation: .1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp {
    animation: .2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
    animation: .15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
    animation: .15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown {
    animation: .15s ease both fancybox-throwOutDown
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-zoomInUp {
    from {
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutUp {
    to {
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutDown {
    to {
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__image {
    transform-origin: 0 0;
    user-select: none;
    transition: none
}

.has-image .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.fancybox__carousel .fancybox__slide.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 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.fancybox__thumbs {
    flex: 0 0 auto;
    position: relative;
    padding: 0 3px;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
    opacity: 0;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    user-select: none
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255, 255, 255, .1);
    background-repeat: no-repeat;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0, hsla(0deg, 0%, 0%, .006) 8.1%, hsla(0deg, 0%, 0%, .021) 15.5%, hsla(0deg, 0%, 0%, .046) 22.5%, hsla(0deg, 0%, 0%, .077) 29%, hsla(0deg, 0%, 0%, .114) 35.3%, hsla(0deg, 0%, 0%, .155) 41.2%, hsla(0deg, 0%, 0%, .198) 47.1%, hsla(0deg, 0%, 0%, .242) 52.9%, hsla(0deg, 0%, 0%, .285) 58.8%, hsla(0deg, 0%, 0%, .326) 64.7%, hsla(0deg, 0%, 0%, .363) 71%, hsla(0deg, 0%, 0%, .394) 77.5%, hsla(0deg, 0%, 0%, .419) 84.5%, hsla(0deg, 0%, 0%, .434) 91.9%, hsla(0deg, 0%, 0%, .44) 100%);
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .4))
}

@media all and (min-width:1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media(max-width:640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 30;
    user-select: none
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

.advantage-slider .card-advantage__img,
.content-price .list .item__img,
.content-price .list .item__title-img,
.price-title__img,
.section-about .about-block .about-block__img,
.section-home .heading__img {
    position: relative
}

.advantage-slider .card-advantage__img img,
.content-price .list .item__img img,
.content-price .list .item__title-img img,
.price-title__img img,
.section-about .about-block .about-block__img img,
.section-home .heading__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.sidebar-hide__button,
body .button {
    background-size: 400% !important;
    background: rgba(54, 60, 69, .9254901961);
    background: -webkit-gradient(linear, right top, left top, from(rgba(54, 60, 69, .9254901961)), color-stop(rgba(54, 60, 69, .9254901961)), color-stop(#9fdef0), to(#9fdef0));
    background: -o-linear-gradient(right, rgba(54, 60, 69, .9254901961), rgba(54, 60, 69, .9254901961), #9fdef0, #9fdef0);
    background: linear-gradient(to left, rgba(54, 60, 69, .9254901961), rgba(54, 60, 69, .9254901961), #9fdef0, #9fdef0)
}

body._lock {
    overflow: hidden
}

.col-2 {
    width: 50%
}

.fl-r-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fl-r-s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fl-r-b {
    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
}

.fl-c-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fl-c-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-a {
    position: absolute
}

.p-r {
    position: relative
}

.p-f {
    position: fixed
}

.p-s {
    position: sticky
}

.link-hover {
    font-weight: 600;
    color: rgba(24, 24, 24, .7176470588);
    position: relative;
    overflow: hidden;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    display: inline-block
}

.link-hover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: -150%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: -webkit-gradient(linear, right top, left top, color-stop(5%, #00f), to(#ff0));
    background: -o-linear-gradient(right, #00f 5%, #ff0 100%);
    background: linear-gradient(to left, #00f 5%, #ff0 100%)
}

.link-hover::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 30px;
    bottom: 0;
    left: -150%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: transparent;
    -webkit-box-shadow: -5px 0 20px 20px #fff;
    box-shadow: -5px 0 20px 20px #fff
}

.link-hover:hover::after {
    left: 0
}

.link-hover:hover::before {
    left: 150%
}

.link-hover:hover {
    color: rgba(0, 0, 0, .9607843137) !important
}

.title-shadow {
    text-shadow: 0 0 5px rgba(0, 0, 0, .9607843137), 0 0 2px rgba(0, 0, 0, .9607843137)
}

.img-bg {
    position: relative
}

.img-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.mob-visy {
    display: none !important
}

.mob-hide {
    display: block
}

.translate-50 {
    position: relative;
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%)
}

.txt-end {
    text-align: end
}

.uppend-8 {
    position: relative;
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    padding: 0;
    font-family: "Signika Negative", sans-serif;
    letter-spacing: .3px;
    color: rgba(0, 0, 0, .9607843137)
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    padding: 0;
    margin: 0
}

body h1 {
    font-size: 1.8rem
}

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

body a {
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

body .container {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 10px
}

body .button-block {
    text-align: center;
    padding: 3rem 0
}

body .button {
    padding: 7px 35px;
    font-family: Exo2, sans-serif;
    font-size: .9rem;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, .9607843137);
    border-radius: 1.5rem;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 500;
    border: 1px solid rgba(54, 60, 69, .9254901961)
}

body .button:hover {
    background-position: right;
    color: #9fdef0;
    border: 2px solid #55c3cd
}

body img {
    font-size: 12px
}

body.lock {
    overflow: hidden
}

.header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #fff;
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    -o-transition: transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear;
    -webkit-box-shadow: 0 0 5px 0 #383838;
    box-shadow: 0 0 5px 0 #383838
}

.header.hide {
    -webkit-transform: translateY(-57px);
    -ms-transform: translateY(-57px);
    transform: translateY(-57px)
}

.header__container {
    padding: 5px 0;
    width: calc(100% - 20px);
}

.header-button {
    margin-left: 10px
}

.close-menu {
    display: none
}

.header-row {
    width: 100%;
    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
}

.logo-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logo-block__img {
    width: 80px
}

.logo-block__heading {
    width: 210px;
    padding: 10px 0;
}

.logo-block__heading img {
    width: 100%;
    /*margin-left: -10px;*/
}

.header-col--center {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 800px;
    text-align: center
}

.menu-list {
    width: 100%;
    padding: 0 15px;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.menu-list__item {
    padding: 3px 0
}

.item__link {
    font-size: 20px;
    font-weight: 600;
    color: #646464;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.item__link .arrow-down {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: inline-block
}
span.item__link .arrow-down {position: relative; top: -2px;}

.item__link::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.dropdown-menu .item__link.submenu__link::before {display: none;}

.item__link:hover {
    color: #323232
}

.item__link:hover .arrow-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header-col--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lang-block__list {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lang-block__item {
    width: 35px;
    height: 25px;
    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: 3px;
    cursor: pointer
}

.lang-block__item span, .lang-block__item a {
    color: #646464;
    font-size: 16px
}

.lang-block__item.active {
    background-color: #ccc
}

.lang-block__item.active a {
    color: #323232;
    font-weight: 600
}

.item--has-children {
    position: relative
}

.item--has-children .arrow-down {
    font-size: 15px
}

.submenu {
    width: 315px;
    position: absolute;
    top: 6px;
    margin-top: 30px;
    left: -30px;
    background-color: #fff;
    z-index: 8;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.submenu__list {
    margin: 0;
    padding: 0;
    background-color: #fff;
    margin-top: 14px;
	box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
}

.submenu__item {
    padding: 10px 30px;
    border: 1px solid #ccc;
	border-top: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    z-index: 10
}

.submenu__item:hover, .dropdown-menu li.active {
    background-color: #eaeaea;
    border-bottom: 1px solid #ccc;
}
.dropdown-menu li.active>a {color: #323232;}

.submenu__item:hover .submenu__link {
    margin: 0
}

.submenu__item:hover .submenu__link a {
    color: #323232
}

.submenu__item:hover .submenu__link img {
    width: 35px
}

.submenu__link {
    font-size: 18px;
    font-weight: 600;
    color: #646464;
    margin: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    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;
    cursor: pointer
}
.menu-list>li.nav-item>.submenu__link {font-size: 20px;}

.submenu__link a {
    font-size: 18px;
    font-weight: 600;
    color: #646464
}

.submenu__link .arrow-right {
    display: inline-block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 15px
}

.single-menu {
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.single-menu__list {
    padding: 0;
    width: 250px;
    background-color: #fff;
    z-index: 7;
	box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
}

.single-menu__item {
    padding: 10px 30px;
    border: 1px solid #ccc;
	border-top: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
	text-align: left;
}

.single-menu__item:hover,.dropdown-menu li.active.single-menu__item {
    background-color: #e1e1e1;
}
.dropdown-menu li.active.single-menu__item>a {color: #323232;}

.single-menu__item:hover .single-menu__link {
    color: #323232
}

.single-menu__link {
    font-size: 18px;
    font-weight: 600;
    color: #646464;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 11;
    display: none
}

.content-wrapper.active {
    display: block
}

.social-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px
}

.social-block a img {
    width: 30px;
	border-radius: 5px;
	vertical-align: middle;
}

.swiper {
    width: 100%;
    /*min-height: 300px*/
}

.swiper-slide {
    width: auto;
    padding: 1rem 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.swiper-slide img {
    width: 100%;
    border: 3px solid #9fdef0;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 18px 18px 0 0
}

.swiper-slide p,
.swiper-slide span {
    font-family: Exo2, sans-serif;
    padding: .5rem;
    font-size: .8rem
}



.swiper .reviews-author {
    text-align: center
}

.section-content {
    width: 100%;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: #9fdef0 2px solid;
    border-radius: 18px;
    background-color: #f0fcff
}

.section-content__description {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.section-content__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: end
}

.section-content__img img {
    width: 80%;
    border: #9fdef0 2px solid;
    border-radius: 18px
}

.subtitle {
    font-size: 20px
}

.description__content {
    font-size: 20px;
    color: rgba(54, 60, 69, .9254901961)
}

.description__button {
    margin: auto 0 1em
}

.footer {
    padding: 1rem;
    background-color: rgba(0, 0, 0, .9607843137)
}

.footer p {
    color: #f0fcff;
    text-align: center;
    font-size: .5rem
}

.lock {
    overflow: hidden
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(54, 60, 69, .9254901961);
    top: 0;
    left: 0;
    z-index: 9991;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    overflow-y: auto;
    overflow-x: hidden
}

.popup._active {
    opacity: 1;
    visibility: visible
}

.popup._active .popup__content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.popup__body {
    min-height: 100%;
    padding: 30px 20px;
    position: relative
}

.popup__body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.popup__content {
    max-width: 800px;
    color: rgba(0, 0, 0, .9607843137);
    background-color: #9fdef0;
    position: relative;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
    border-radius: 18px
}

.popup__content .popup__close {
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.popup__content .popup__close img {
    width: 35px
}

.popup__content .popup__close:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.popup__content .content__item {
    width: 100%;
    min-height: 500px;
    position: relative
}

.popup__content .content__item img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.popup__content .content__item h3 {
    margin: 1rem 0
}

.popup__content .content__item .form {
    padding: 0 10px
}

.popup__content .content__item .form * {
    outline: 0;
    border-width: 1px
}

.popup__content .content__item .form .input-grid {
    width: 100%;
    margin-bottom: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

.popup__content .content__item .form label {
    font-size: .7rem
}

.popup__content .content__item .form input.form__input,
.popup__content .content__item .form select,
.popup__content .content__item .form textarea {
    width: 100%;
    padding: 10px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    border-radius: 9px
}

.popup__content .content__item .form input:focus,
.popup__content .content__item .form select:focus,
.popup__content .content__item .form textarea:focus {
    -webkit-box-shadow: 0 0 5px 2px #9fdef0;
    box-shadow: 0 0 5px 2px #9fdef0
}

.popup__content .content__item .form-btn {
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px
}

.popup__content .item-img img {
    border-radius: 18px 18px 0 0;
    border: 3px solid #9fdef0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.breed {
    grid-area: breed
}

.service {
    font-family: Exo2, sans-serif;
    grid-area: service
}

.date {
    grid-area: date
}

.content__item--form {
    max-width: 500px;
    padding: 25px
}

.content__item--form h3 {
    margin-left: .5rem !important
}

.item-description__wrapper {
    padding: .65rem .2rem
}

.item-img img {
    -o-object-fit: cover;
    object-fit: cover
}

.tabs__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabs__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    height: 50px;
    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-weight: 600;
    color: rgba(0, 0, 0, .9607843137);
    background-color: rgba(54, 60, 69, .1215686275);
    border: 1px solid rgba(54, 60, 69, .9254901961);
    border-width: 1px 1px 0 1px;
    border-radius: 18px 18px 0 0;
    opacity: .5;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.tabs__item.active {
    opacity: 1;
    border-color: rgba(0, 0, 0, .9607843137)
}

.tabs__item:nth-child(1).active {
    background-color: #c6edf8
}

.tabs__item:nth-child(2).active {
    background-color: #f0fcff
}

.tabs__block {
    display: none;
    border-radius: 0 0 18px 18px;
    overflow: hidden
}

.tabs__block.active {
    border: 1px solid rgba(0, 0, 0, .9607843137)
}

.tabs__block:nth-child(1).active {
    background-color: #c6edf8
}

.tabs__block:nth-child(2).active {
    background-color: #f0fcff
}

.tabs__block.active {
    display: block
}

.tab-1 .item__row:nth-child(odd) {
    background-color: rgba(54, 60, 69, .1215686275)
}

.tab-1 .item__row:hover {
    background-color: rgba(32, 137, 167, .7);
    color: #f0fcff
}

.tab-2 .item__row:nth-child(odd) {
    background-color: rgba(0, 0, 0, .1)
}

.tab-2 .item__row:hover {
    background-color: rgba(0, 0, 0, .3);
    color: #f0fcff
}

.price-title__block {
    padding: 1rem 0
}

.price-title__block .section-title {
    color: #f0fcff
}

.price-title__img {
    margin: 0 auto;
    width: 150px;
    height: 130px
}

.section-title--price {
    margin: 0 !important;
    font-size: 38px
}

.content-price {
    padding-top: 18px
}

.content-price .list__title {
    padding: .5rem 1rem 0;
    text-align: start;
    font-size: 32px;
    font-family: Athelas, serif
}

.content-price .list__subtitle {
    text-align: start;
    font-size: 20px;
    margin: 0;
    padding: 0 1rem .5rem;
    border-bottom: 1px solid rgba(54, 60, 69, .9254901961)
}

.content-price .list .item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid rgba(54, 60, 69, .9254901961);
    border-top: 1px solid rgba(54, 60, 69, .9254901961);
    padding: 0 1rem
}

.content-price .list .item__title h3 {
    font-size: 1rem;
    margin: 0 0 0 1rem
}

.content-price .list .item__title-img {
    width: 50px;
    height: 50px
}

.content-price .list .item__img {
    width: 100px;
    height: 50px
}

.content-price .list .item__img img {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.content-price .list .item__img img:hover {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    z-index: 5
}

.content-price .list .item__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0
}

.content-price .list .item__col {
    text-align: start
}

.content-price .list .item__col:nth-child(1) {
    width: 100px
}

.content-price .list .item__col:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.content-price .list .item__col:nth-child(3) {
    width: 120px;
    text-align: end;
    padding-right: 10px
}

.memo__content {
    width: 80%;
    margin: 0 auto
}

.memo__content p {
    text-align: center;
    font-size: .8rem
}

.brd {
    border-top: 1px solid rgba(54, 60, 69, .9254901961);
    border-bottom: 1px solid rgba(54, 60, 69, .9254901961)
}

.gallery-block, .gallery-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 3rem
}

.gallery-block a {
    border: 3px solid #9fdef0;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    width: 300px;
    height: 300px
}

.gallery-block a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

a[data-fancybox] img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox__container {
    --fancybox-bg: rgba(17, 6, 25, 0.85)
}

.fancybox__container .fancybox__content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 1rem;
    background: #fff;
    border-radius: 6px;
    color: #374151;
    -webkit-box-shadow: 0 8px 23px rgba(0, 0, 0, .5);
    box-shadow: 0 8px 23px rgba(0, 0, 0, .5)
}

.fancybox__caption {
    max-width: 80%;
    --fancybox-opacity: 1
}

.gallery-item {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.gallery-item.anime {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.gallery-item.hide {
    -webkit-animation: hideImage .3s ease-in-out forwards;
    animation: hideImage .3s ease-in-out forwards
}

.gallery-item:nth-child(15)~.gallery-item {
    display: none
}

@-webkit-keyframes hideImage {
    0% {
        visibility: visible
    }
    100% {
        visibility: hidden;
        width: 0;
        height: 0;
        min-width: 0;
        font-size: 0;
        margin: 0
    }
}

@keyframes hideImage {
    0% {
        visibility: visible
    }
    100% {
        visibility: hidden;
        width: 0;
        height: 0;
        min-width: 0;
        font-size: 0;
        margin: 0
    }
}

.section-heading {
    margin: 0 auto;
    padding: 3em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-heading__item:not(:last-child) {
    margin-bottom: 10px
}

.section-heading__item:last-child {
    margin-top: 5px
}

.section-heading__item--icon {
    height: 5em;
    background-color: #9fdef0;
    border-radius: 50%
}

.section-heading__item--icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.section-heading__item--title {
    margin: 0;
    padding: 0;
    font-family: Athelas, serif;
    font-size: 1.75em;
    text-align: center
}

.section-heading__item--subtitle {
    margin: 0;
    padding: 0;
    font-family: Exo2, sans-serif;
    font-size: .75em;
    font-weight: 600;
    font-style: italic;
    text-align: center
}

.section-heading__item--block-icons {
    width: 100%;
    height: 2em;
    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
}

.section-heading__item--block-icons img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.section-heading__item--menu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-heading__item--menu a {
    font-size: .8em
}

.article-content__menu {
    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;
    margin: 1em 0 0
}

.article-content__menu a {
    font-size: .7em;
    line-height: 1.3;
    text-align: center;
    font-style: italic
}

.article-content__menu a:not(:last-child) {
    margin-right: 3em
}

.article-content__title {
    font-size: 1.3em;
    color: rgba(54, 60, 69, .9254901961);
    text-align: center
}

.article-content__row {
    padding: 2em 0
}
.article-content__row:after {display: block; content:''; clear: both;}
.article-content__text, .article-content__row p, .article-content__text--note p {
    margin: 0 0 1em;
    font-size: .9em;
    text-indent: 1em;
    color: rgba(54, 60, 69, .9254901961);
    text-align: justify
}

.article-content__text--note {
    font-size: .6em;
    font-style: italic
}

.article-content__img {
    width: 425px;
    float: left;
    margin-right: 1em
}

.article-content__img--float-right {
    float: right;
    margin-left: 1em
}

.article-content__button-block {
    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
}

.article-content__link-to-page {
    font-weight: 400;
    font-style: italic;
    color: #0094cf;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.article-content__link-to-page:hover {
    color: #00d1c0
}

.article-content__list li {
    padding: 5px 0 5px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: rgba(54, 60, 69, .9254901961);
    font-size: .8em;
    text-align: justify
}

.article-content__list li i {
    text-align: justify
}

.article-content__list li p {
    text-align: justify
}

.article-content__list li img {
    width: 30px;
    margin-right: 10px
}

.article-content__list li a {
    font-weight: 400;
    font-style: italic;
    text-align: start
}

.article-content__list li span {
    font-style: italic;
    font-size: .9em;
    text-align: start
}

.article-content__list--number li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-left: 35px;
    margin-bottom: .5em;
    text-align: justify
}

.article-content__list--number li::before {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px;
    height: 100%
}

.article-content__list--number li:nth-child(1)::before {
    content: "1";
    background-color: #9fdef0
}

.article-content__list--number li:nth-child(2)::before {
    content: "2";
    background-color: #6ec8ff
}

.article-content__list--number li:nth-child(3)::before {
    content: "3";
    background-color: #64afde
}

.article-content__list--number li:nth-child(4)::before {
    content: "4";
    background-color: rgba(71, 187, 181, .7)
}

.article-content__list--number li:nth-child(5)::before {
    content: "5";
    background-color: rgba(87, 225, 218, .7)
}

.article-content__list--number li p {
    margin: 0;
    text-indent: 1em;
    font-size: 1em;
    color: rgba(54, 60, 69, .9254901961);
    text-align: justify
}

.article-content__list--number li p:not(:last-child) {
    margin-bottom: .5em
}

.reverse-icon {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.tab-container {
    width: 100%;
    height: 100%;
    border: rgba(37, 41, 47, .9254901961) solid 2px;
    border-radius: 12px
}

.button-container {
    height: 2.2em
}

.button-container button {
    width: 50%;
    height: 100%;
    float: left;
    border: none;
    outline: 0;
    cursor: pointer;
    font-family: Exo2, sans-serif;
    font-size: 1em;
    color: rgba(54, 60, 69, .9254901961);
    background-color: #ddd;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

.button-container button:nth-child(1) {
    border-radius: 12px 0 0 0
}

.button-container button:nth-child(2) {
    border-radius: 0 12px 0 0
}

.button-container button:hover {
    background-color: #d7d4d4
}

.tab-panel {
    padding: 0 0 15px;
    background-color: grey;
    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-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 12px 12px;
    display: none
}

.spoiler {
    width: 100%
}

.spoiler__item {
    margin: 0 0 10px 0
}

.spoiler__title {
    width: 100%;
    text-align: left;
    font-size: .9em;
    background-color: rgba(54, 60, 69, .9254901961);
    color: #9fdef0;
    padding: 10px;
    position: relative;
    border: none;
    position: sticky;
    top: 0;
    z-index: 2;
    border-bottom: rgba(37, 41, 47, .9254901961) solid 2px
}

.spoiler__title:hover {
    background-color: #2a2f35
}

.spoiler__title span {
    font-size: .6em
}

.spoiler__subtitle {
    margin: 0;
    color: #9fdef0;
    padding-left: 15px;
    font-size: .8em;
    font-style: italic;
    line-height: 2;
    text-align: center
}

.spoiler__close {
    width: 100%;
    padding: 10px;
    display: none
}

.spoiler__close._close {
    display: block
}

.spoiler._init .spoiler__title {
    cursor: pointer;
    padding: 10px 40px 10px 10px
}

.spoiler._init .spoiler__title::after,
.spoiler._init .spoiler__title::before {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #9fdef0;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    -o-transition: transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s
}

.spoiler._init .spoiler__title::after {
    -webkit-transform: translate(0, -50%) rotate(-90deg);
    -ms-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg)
}

.spoiler._init .spoiler__title._active::after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.spoiler .price__table {
    width: 100%;
    color: #f0fcff;
    border-bottom: rgba(37, 41, 47, .9254901961) solid 2px
}

.spoiler .price__table thead {
    background-color: #2a2f35
}

.spoiler .price__table th {
    font-size: .8em;
    line-height: 3
}

.spoiler .price__table th:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.spoiler .price__table th:nth-child(3) {
    width: 100px
}

.spoiler .price__table tbody {
    background-color: rgba(54, 60, 69, .9254901961)
}

.spoiler .price__table td {
    font-size: .8em;
    line-height: 2;
    text-align: center
}

.spoiler .price__table td:nth-child(1) {
    width: 150px;
    height: 100px;
    position: relative
}

.spoiler .price__table td:nth-child(1) img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.spoiler .price__table td:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.spoiler .price__table td:nth-child(3) {
    width: 100px
}

.spoiler .price__table td.td-icon img {
    width: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.no-webp .bg {
    background: url(../img/bg-dalmatians.png) center/cover no-repeat
}

.no-webp .bg-cats {
    background: url(../img/bg-cats.png) bottom/cover no-repeat
}

.wrapper-shadow {
    background-color: rgba(0, 0, 0, .6)
}

.section--color {
    background-color: #9fdef0
}

.section--padding {
    padding: 75px 0
}

.section-title {
    font-family: Athelas, serif;
    font-weight: 600;
    margin: 3rem 0;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.3
}

.section-title--min-margin {
    margin: 1rem 0
}

.section-subtitle {
    margin-top: 2em
}

.title-page {
    margin: 0;
    line-height: 2
}

.subtitle-page {
    margin: 0;
    line-height: 2
}

.sidebar-hide {
    padding: 20px;
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #9fdef0;
    z-index: 9992;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-left: #363c45 solid 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sidebar-hide.active {
    right: 0;
    overflow-y: auto
}

.sidebar-hide__close {
    width: 100%;
    text-align: start
}

.sidebar-hide__close img {
    width: 30px;
    cursor: pointer
}

.sidebar-hide__button {
    padding: 5px 20px;
    position: absolute;
    top: 50%;
    left: -105px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: rgba(0, 0, 0, .9607843137);
    background-color: rgba(54, 60, 69, .9254901961);
    border-radius: 10px 10px 0 0;
    border: 1px solid #9fdef0;
    border-bottom: none;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid rgba(54, 60, 69, .9254901961)
}

.sidebar-hide__button:hover {
    background-position: right;
    color: #9fdef0;
    border: 1px solid #9fdef0
}

.sidebar-hide__button span {
    letter-spacing: 2px
}

.sidebar-hide__title img {
    width: 120px
}

.sidebar-hide__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sidebar-hide__heading {
    text-align: center;
    padding: 10px 0
}

.sidebar-hide__heading span {
    font-family: Exo2, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase
}

.sidebar-hide__text {
    font-family: Exo2, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center
}

.sidebar-hide__action-form {
    padding: 10px 0
}

.sidebar-hide__footer p {
    font-size: 12px;
    text-align: center;
    font-style: italic
}

.action-form__body {
    padding: 10px;
    border: #363c45 solid 1px;
    border-radius: 10px;
	max-width: 258px;
}

.action-form__item {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.action-form__lable {
    font-size: 16px;
    margin-bottom: 5px
}

.action-form__input {
    padding: 0 10px;
    height: 30px;
    border-radius: 15px;
    outline: 0;
    border: #363c45 solid 1px
}

.action-form__textarea {
    height: 60px
}

.action-form select {
    line-height: 2
}

.action-form select option {
    line-height: 2
}

input._error {
    -webkit-box-shadow: 0 0 2px 1px red;
    box-shadow: 0 0 2px 1px red
}

.breadcrumbs {
    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
}

.breadcrumbs ol {
    margin-top: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.breadcrumbs ol li {
    height: 20px
}

.breadcrumbs ol li a {
    padding-right: 15px;
    position: relative;
    height: 20px
}

.breadcrumbs ol li a::after {
    content: "/";
    position: absolute;
    bottom: -2px;
    right: 10px;
    font-size: 20px;
    font-weight: 600
}

.breadcrumbs ol li a span {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: rgba(54, 60, 69, .9254901961);
    line-height: 20px;
    opacity: 1
}

.breadcrumbs ol li span {
    font-size: 16px;
    font-weight: 600;
    opacity: .6
}

.wrapper-body {
    position: relative
}

.wrapper-body .langs {
    position: fixed;
    top: 100px;
    right: 20px;
    z-index: 11
}

.wrapper-body .langs__select {
    font: 20px "Signika Negative", sans-serif;
    font-weight: 600;
    color: rgba(54, 60, 69, .9254901961);
    padding: 0 5px 0 5px;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: pointer
}

.wrapper-body .langs__select:hover {
    color: rgba(0, 0, 0, .9607843137);
    border-color: rgba(0, 0, 0, .9607843137);
    -webkit-transform: scale(1.085);
    -ms-transform: scale(1.085);
    transform: scale(1.085)
}

.section-home .wrapper-home {
    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
}

.section-home .heading {
    padding: 3rem 0;
    text-align: center
}

.section-home .heading__img {
    min-width: calc(175px + 75 * (100vw - 320px)/ 1140);
    height: 3rem;
    margin: 0 auto 5px;
}

.section-home .heading__logo {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.section-home .heading__logo-title {
    font-family: Athelas, serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: calc(32px + 16 * (100vw - 320px)/ 1140) !important;
    letter-spacing: 5px;
    color: #f0fcff;
    position: relative
}

.section-home .heading__logo-title::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -2px;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, color-stop(33%, #00f), to(yellow));
    background: -o-linear-gradient(right, #00f 33%, #ff0 100%);
    background: linear-gradient(to left, #00f 33%, #ff0 100%)
}

.section-home .heading__logo-subtitle {
    font-family: Exo2, sans-serif;
    font-weight: 400;
    font-size: calc(22px + 6 * (100vw - 320px)/ 1140) !important;
    letter-spacing: 3px;
    color: #f0fcff
}

.section-home .heading .heading-subtitle {
    font-family: Exo2, sans-serif;
    margin: 1rem 0;
    font-size: 28px;
    font-weight: 400;
    color: #f0fcff;
    letter-spacing: 1px
}

.advantage {
    padding-top: 50px
}

.advantage-slider .card-advantage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 1rem
}

.advantage-slider .card-advantage h4 {
    font-size: 20px;
    color: #363c45;
    font-family: Athelas, serif;
    text-align: center
}

.advantage-slider .card-advantage p {
    margin: 0;
    font-size: 16px
}

.advantage-slider .card-advantage__img {
    width: 50px;
    height: 65px
}

.advantage-slider .card-advantage__img img {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.advantage-slider .card-advantage p {
    text-align: center
}

.section-services .services-grid {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 3rem;
    margin: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 1rem
}

.section-services .services-grid .grid-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    border: 3px solid #55c3cd;
    border-radius: 18px;
    text-align: center;
    background-color: #f0fcff;
    overflow: hidden
}

.section-services .services-grid .grid-item .description__content {
    text-align: justify;
    padding: 0 10px
}

.section-services .services-grid .grid-item__img {
    position: relative;
    padding: 0 0 90% 0;
    width: 100%
}

.section-services .services-grid .grid-item__img .after-img-title {
    padding: .2em 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(54, 60, 69, .7254901961);
    color: #f0fcff;
    font-family: Athelas, serif;
    font-size: 1.5em;
    line-height: 1;
	display: block;
}

.section-services .services-grid .grid-item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.section-services .services-grid .grid-item__content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section-services .services-grid .grid-item__content .subtitle {
    font-family: Exo2, sans-serif;
    font-style: italic;
    margin: 1em 0 0
}

.section-services .services-grid .grid-item .description {
    font-family: Exo2, sans-serif
}

.section-services .more {
    font-size: .8em;
    font-family: Exo2, sans-serif;
    font-style: italic;
    color: rgba(31, 31, 31, .7176470588);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.section-about {
    background: url(../img/bg-dalmatian-2.webp);
    background-attachment: fixed;
    padding: 3em 0
}

.section-about .about-block {
    padding: 0 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

.section-about .about-block .about-block__img img.shift-img {
    left: 15%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    border: 3px solid #9fdef0;
    border-radius: 18px;
    -webkit-box-shadow: 0 0 5px 0 rgba(54, 60, 69, .9254901961);
    box-shadow: 0 0 5px 0 rgba(54, 60, 69, .9254901961)
}
.image-style {
	border: 3px solid #9fdef0;
    border-radius: 18px;
    -webkit-box-shadow: 0 0 5px 0 rgba(54, 60, 69, .9254901961);
    box-shadow: 0 0 5px 0 rgba(54, 60, 69, .9254901961)
}

.section-about .about-block .about-block__content {
    width: 100%
}

.section-about .about-block .about-block__content .slider-text {
    max-width: 530px
}

.section-about .about-block .about-block__content .slider-text .card {
    padding: 1rem 1rem 2.5rem;
    background-color: #9fdef0;
    border-radius: 18px
}

.section-about .about-block .about-block__content .slider-text .card h3 {
    margin-bottom: 1rem;
    font-family: Athelas, serif
}

.section-about .about-block .about-block__content .slider-text .card p {
    color: rgba(0, 0, 0, .9607843137);
    font-family: Exo2, sans-serif;
    text-align: justify;
    display: inline-block;
	margin: 0;
}

.section-about .about-block .about-block__content .slider-text .card i {
    font-size: 20px;
    color: rgba(0, 0, 0, .9607843137);
    font-family: Exo2, sans-serif
}

.section-about .about-block .about-block__content .slider-text .card ul {
    padding-left: 13px
}

.section-about .about-block .about-block__content .slider-text .card ul li {
    padding: 5px 0;
    margin-bottom: .5rem;
    color: rgba(54, 60, 69, .9254901961);
    font-family: Exo2, sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-about .about-block .about-block__content .slider-text .card ul li img {
    width: 20px;
    height: 20px;
    background-color: transparent;
    padding: 0;
    border: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 10px
}

.section-about .about-block .about-block__content .slider-text .card ul li span {
    padding: .5rem 0
}

.section-about .about-block .about-block__content .slider-text .button-next,
.section-about .about-block .about-block__content .slider-text .button-prev {
    position: absolute;
    bottom: 2rem;
    z-index: 5;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 700
}

.section-about .about-block .about-block__content .slider-text .button-prev {
    left: 22%
}

.section-about .about-block .about-block__content .slider-text .button-prev.swiper-button-disabled {
    opacity: .5
}

.section-about .about-block .about-block__content .slider-text .button-next {
    right: 22%
}

.section-about .about-block .about-block__content .slider-text .button-next.swiper-button-disabled {
    opacity: .5
}

.section-clients {
    background: url(../img/bg-dalmatian-2.webp);
    background-attachment: fixed
}
.section-clients .slider {position: relative;}
.section-clients .holder {overflow: hidden; position: relative;}

.section-clients .clients-title__block {
    padding: 3rem 0
}

.section-clients .clients-title__block .section-title {
    color: #f0fcff
}

.rewiews-block {
    margin-top: -30px;
    padding-top: 30px;
    border: 3px solid #9fdef0;
    border-top: 0;
    border-radius: 0 0 18px 18px;
    background-color: #f0fcff
}

.reviews-author {
    font-size: .6rem !important;
    padding-bottom: 1rem;
    border-bottom: 1px dashed rgba(54, 60, 69, .9254901961);
    border-top: 1px dashed rgba(54, 60, 69, .9254901961)
}

.schedule-block {
    letter-spacing: 1px;
    color: #f0fcff;
    text-align: center
}

.anime {
    height: 150px;
    overflow: hidden
}

.anime img {
    position: relative;
    left: -5%;
    top: 0;
    width: 225px;
    height: 150px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation-name: run;
    animation-name: run;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation: run 5s linear infinite;
    animation: run 5s linear infinite;
    cursor: no-drop
}

.anime img:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    border-left: 2px solid #9fdef0
}

@-webkit-keyframes run {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}

@keyframes run {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}

.section-contact {
    padding: 0 0 2rem;
    background-position: top;
    background-size: 11rem
}

.section-contact .item-title {
    text-align: center !important;
    margin-top: 0 !important
}

.section-contact .contact-block {
    padding: 3rem 0 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-contact .contact-block__title {
    margin-bottom: 25px
}

.section-contact .contact-block__content {
    margin-top: 8px;
    padding: 10px 0 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px
}

.section-contact .contact-block__content:hover {
    background-color: #ccc;
    color: rgba(0, 0, 0, .9607843137)
}

.section-contact .contact-block__content--stroke {
    margin: 0;
    padding-left: 25px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline
}

.section-contact .contact-block__content--stroke.tel-icon {
    background: url(../img/tel2.webp) left/contain no-repeat
}

.section-contact .contact-block__content--stroke.mail-icon {
    background: url(../img/email.webp) left/25% no-repeat;
    padding-left: 32px
}

.no-webp .section-contact .contact-block__content--stroke.viber-icon {
    background: url(../img/viber-svgrepo-com.svg) left/27% no-repeat
}

.section-contact .contact-block__content--stroke.viber-icon {
    padding-left: 32px
}

.section-contact .contact-block__content--stroke.wapp-icon {
    background: url(../img/whatsapp-svgrepo-com.svg) left/19% no-repeat;
	padding-left: 32px;
}
.section-contact .contact-block__content--stroke.tg-icon {
    background: url(../img/telegram_icon.svg) left/19% no-repeat;
	padding-left: 32px;
}

.section-contact .contact-block__content--stroke.facebook-icon {
    background: url(../img/facebook_media_social_icon.svg) left/17% no-repeat;
    padding-left: 32px
}

.section-contact .contact-block__content--stroke.instagram-icon {
    background: url(../img/instagram_icon.svg) left/17% no-repeat;
    padding-left: 32px
}
.section-contact .contact-block__content--stroke {line-height: 24px;}
.section-contact .contact-block__content--link {
    margin-left: 10px;
    font-size: 20px
}

.section-contact .contact-block__text {
    width: 300px;
    margin: 0;
    padding: 10px 10px;
    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;
    color: #363c45;
    font-size: 20px;
    font-weight: 600;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    border-radius: 5px
}

.section-contact .contact-block__text:hover {
    background-color: #ccc;
    color: rgba(0, 0, 0, .9607843137)
}

.section-contact .contact-block__text span {
    font-weight: 400
}

.section-contact .contact-block__item {
    max-width: 450px
}

.section-contact .contact-block__item:nth-child(2) {
    margin-left: 30px;
    text-align: center
}

.section-contact .contact-block__item:nth-child(3) {
    margin-left: 30px;
    text-align: end
}

.section-contact .contact-block__adress {
    margin: 0;
    text-align: start;
    font-family: Exo2, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    -webkit-text-decoration: dashed;
    text-decoration: dashed
}

.section-contact .contact-block__adress--img {
    margin-top: 20px;
    height: 350px;
    background-color: #9fdef0;
    text-align: center;
    border: 4px solid #9fdef0;
    border-radius: 18px;
    overflow: hidden
}

.section-contact .contact-block__adress--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.map {
    width: 100%;
    height: 400px;
    -webkit-box-shadow: 0 0 0 3px #9fdef0;
    box-shadow: 0 0 0 3px #9fdef0;
    position: relative;
    background-color: #8b6357
}

.map iframe {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    opacity: .8;
    border: 1px solid rgba(54, 60, 69, .9254901961)
}

._sending::after {
    opacity: 1;
    visibility: visible
}

.popup__body::after {
    background: rgba(51, 51, 51, .726) url(../img/preloader.gif) center/100px no-repeat
}

.up__arrow {
    display: inline-block;
    position: fixed;
    height: 50px;
    bottom: 5%;
    right: 20px;
    z-index: 3
}

.up__arrow svg {
    padding: 15px 5px;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 50%
}

.up__arrow svg {
    position: relative;
    z-index: 2;
    -webkit-animation: floating-arrow-up 2s linear 0s infinite alternate none;
    animation: floating-arrow-up 2s linear 0s infinite alternate none;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.up__arrow:hover svg {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes floating-arrow-up {
    0% {
        top: 75%
    }
    100% {
        top: 0
    }
}

@keyframes floating-arrow-up {
    0% {
        top: 75%
    }
    100% {
        top: 0
    }
}

@media screen and (min-width:375px) {
    .section-heading {
        width: 90%
    }
}

@media screen and (min-width:450px) {
    .advantage-slider .card-advantage {
        min-height: 200px
    }
}

@media screen and (min-width:545px) {
    .section-heading {
        width: 75%
    }
}

@media screen and (min-width:767px) {
    .input-grid.grid-area {
        grid-template-areas: "breed service" "date date"
    }
    .breed {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
    .service {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }
    .date {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media screen and (min-width:768px) {
    .anime img {
        -webkit-animation-duration: 4s;
        animation-duration: 4s
    }
    html {
        font-size: 24px
    }
    .logo__img {
        width: 100px
    }
    .logo__title {
        width: 160px
    }
    .reviews-content {
        -ms-grid-rows: 1fr;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template: 1fr/1fr 1fr 1fr
    }
}

@media screen and (min-width:769px) {
    .spoiler .price__table tbody:hover tr {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: .4;
        -webkit-filter: blur(2px);
        filter: blur(2px)
    }
    .spoiler .price__table tbody:hover tr:hover {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@media screen and (min-width:991px) {
    .item--has-children:hover .submenu {
        margin-top: 28px;
        opacity: 1;
        visibility: visible
    }
    .submenu__item--has-single-menu:hover {
        position: relative;
        z-index: 10
    }
    .submenu__item--has-single-menu:hover .single-menu {
        opacity: 1;
        visibility: visible
    }
    .single-menu {
        position: absolute;
        left: 100%;
        top: 0
    }
    .mob-menu-trigger {
        display: none
    }
}

@media screen and (min-width:992px) {
    .section-heading {
        width: 50%
    }
}

@media screen and (min-width:993px) {
    .item__link:hover::before, 
	li.active>.item__link::before, 
	li:hover>.item__link::before, 
	li.current-menu-ancestor>.item__link::before {
        width: 110%;
        height: 2px;
        border-radius: 1px;
        background: -webkit-gradient(linear, right top, left top, color-stop(5%, #00f), to(#ff0));
        background: -o-linear-gradient(right, #00f 5%, #ff0 100%);
        background: linear-gradient(to left, #00f 5%, #ff0 100%)
    }
    .submenu__item:hover .submenu__link .arrow-right {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .submenu__link .arrow-right {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

@media screen and (min-width:1024px) {
    .anime img {
        -webkit-animation-duration: 6s;
        animation-duration: 6s
    }
}

@media screen and (min-width:1025px) {
    .services-grid {
        -ms-grid-rows: 1fr 1fr;
        -ms-grid-columns: 1fr 1fr;
        grid-template: 1fr 1fr/1fr 1fr
    }
}

@media screen and (min-width:1140px) {
    .article-content__img {
        width: 400px
    }
}

@media screen and (min-width:1200px) {
    .about-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .about-block .about-block__img {
        padding: 0 0 50% 50%
    }
    .about-block .about-block__img img {
        left: 15%
    }
}

@media screen and (min-width:1440px) {
    .anime img {
        -webkit-animation-duration: 12s;
        animation-duration: 12s
    }
}

@media screen and (max-width:1440px) {
    .swiper-button-next,
    .swiper-button-prev {
        top: 65%
    }
}

@media screen and (max-width:1400px) {
    .swiper-button-next,
    .swiper-button-prev {
        top: 63%
    }
}

@media screen and (max-width:1290px) {
    .swiper-button-next,
    .swiper-button-prev {
        top: 60%
    }
}

@media screen and (max-width:1240px) {
    .swiper-button-next,
    .swiper-button-prev {
        top: 57%
    }
}

@media screen and (max-width:1199px) {
    .heading-subtitle {
        font-size: calc(16px + 20 * (100vw - 320px)/ 1140) !important
    }
    .about-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .about-block__img {
        padding: 0 0 75% 75%
    }
    .about-block__img img {
        left: 0 !important
    }
}

@media screen and (max-width:1170px) {
    .section-services .services-grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
    .section-services .services-grid .grid-item__img {
        padding: 0 0 80% 0
    }
    .section-contact .contact-block__item:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .section-contact .contact-block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 50px
    }
}

@media screen and (max-width:1140px) {
    .item__link {
        font-size: 18px
    }
	.menu-list>li.nav-item>.submenu__link {font-size: 18px;}
    .swiper-button-next,
    .swiper-button-prev {
        top: 54%
    }
}

@media screen and (max-width:1040px) {
    .swiper-button-next,
    .swiper-button-prev {
        top: 50%
    }
}

@media screen and (max-width:1024px) {
    .heading {
        text-align: center
    }
    .about-block {
        width: 60%;
        margin: auto
    }
    .about-block__img {
        padding: 0 0 100% 100%
    }
}

@media screen and (max-width:992px) {
    .header-col--center {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        position: absolute;
        top: 0;
        height: 100vh;
        left: -110%;
        width: 300px;
        background-color: #fff;
        overflow: auto;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        z-index: 12
    }
    .header-col--center.active {
        left: 0
    }
    .header-col--center .close-menu {
        display: block;
        padding: 20px 15px;
        text-align: end;
        border-bottom: 2px solid #ccc
    }
    .menu-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .menu-list__item {
        width: 100%;
        padding: 15px 0;
        border-bottom: 2px solid #ccc;
        text-align: left
    }
    .item__link {
        /*width: 100%;*/
        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
    }
    .item--has-children.active .arrow-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .item--has-children.active .submenu {
        display: block;
        opacity: 1;
        visibility: visible
    }
    .item--has-children.active .submenu__item--has-single-menu.active .single-menu {
        display: block
    }
    .item--has-children.active .submenu__item--has-single-menu.active .single-menu .single-menu__list {
        padding: 0;
        opacity: 1;
        visibility: visible
    }
    .submenu {
        width: 100%;
        margin-top: 10px;
        position: static;
        display: none
    }
    .submenu .single-menu {
        display: none;
        left: 0
    }
    .submenu__item--has-single-menu.active .arrow-right {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .submenu__item--has-single-menu.active .single-menu {
        top: 0;
        opacity: 1;
        visibility: visible;
        position: relative
    }
    .single-menu__list {
        width: 100%;
        margin-top: 10px;
        left: 0;
        top: -120px;
        opacity: 0;
        visibility: hidden
    }
    .mob-menu-trigger {
        margin-right: 5px;
        display: block;
        min-width: 35px;
        height: 20px;
        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
    }
	.mob-menu-trigger:before {
		content: 'Menu';
		display: inline-block;
		vertical-align: middle;
		font-size: 18px; 
		text-transform: uppercase;
		margin: 0 6px 0 0;
		color: #646464;
	}
    .mob-menu-trigger span {
        display: inline-block;
        width: 25px;
        height: 2px;
        background-color: #646464;
        position: relative;
    }
    .mob-menu-trigger span::after,
    .mob-menu-trigger span::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #646464
    }
    .mob-menu-trigger span::before {
        top: -8px
    }
    .mob-menu-trigger span::after {
        top: 8px
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: 65%
    }
    .article-content {
        text-align: center
    }
    .article-content__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .article-content__img {
        float: none;
        margin-right: 0;
        margin-bottom: 1em
    }
    .button-container {
        height: 2em
    }
	
	.item--has-children .arrow-down {float: right;}
	.submenu__item--has-single-menu.active .arrow-right {float: right; font-size: 15px;}
	.submenu__item .arrow-right {float: right; font-size: 15px;}
	.submenu__item:hover, .dropdown-menu li.active {background: #dcdcdc;}
	.single-menu__list>li {border-bottom: 1px solid #fff; padding: 10px 30px; width: calc(100% - 60px);}
	.submenu__item.dropdown>a {padding: 0 30px;}
}

@media screen and (max-width:991px) {
    .mob-visy {
        display: block !important
    }
    .mob-hide {
        display: none
    }
}

@media screen and (max-width:890px) {
    .swiper-button-next,
    .swiper-button-prev {
        top: 60%
    }
}

@media screen and (max-width:800px) {
    .swiper-button-next,
    .swiper-button-prev {
        top: 55%
    }
}

@media screen and (max-width:768px) {
    .section-heading {
        padding: 1.5em
    }
    .section-heading__item--icon {
        height: 4em
    }
    .article-content__row {
        padding: 1em
    }
    .spoiler .price__table th:nth-child(1) {
        display: none
    }
    .spoiler .price__table th:nth-child(2) {
        text-align: start;
        padding-left: 15px
    }
    .spoiler .price__table td:nth-child(1) {
        display: none
    }
    .spoiler .price__table td:nth-child(2) {
        text-align: start;
        padding-left: 15px
    }
    .sidebar-hide__button {
        top: 70%
    }
    .section-services .services-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
    .section-services .services-grid .grid-item {
        width: 75%;
        margin: 0 auto
    }
    .anime img {
        -webkit-animation-duration: 3s;
        animation-duration: 3s
    }
    .section-contact .contact-block__text {
        width: 280px;
        font-size: 18px
    }
    .section-contact .contact-block__item:nth-child(3) {
        margin-left: 0
    }
}

@media screen and (max-width:767px) {
    #hide-mob {
        display: none !important
    }
    .popup {
        overflow: scroll
    }
    .popup .popup__content .content__item .form {
        padding: .5rem
    }
    .popup .popup__content .content__item .form .input-grid {
        min-width: 250px;
        -ms-grid-rows: 1fr 1fr;
        -ms-grid-columns: 1fr;
        grid-template: 1fr 1fr/1fr
    }
    .popup .popup__content .content__item .form .input-grid.grid-area {
        -ms-grid-columns: 1fr;
        grid-template: 1fr 1fr 1fr/1fr;
        grid-template-areas: "breed" "service" "date"
    }
    .popup-service {
        overflow: scroll
    }
    html {
        font-size: calc(20px + 4 * (100vw - 320px)/ 1140) !important
    }
    .logo__img {
        min-width: calc(75px + 25 * (100vw - 320px)/ 1140)
    }
    .logo__title {
        min-width: calc(130px + 30 * (100vw - 320px)/ 1140)
    }
    .heading__img {
        height: 2.5rem;
    }
    .heading__logo-title {
        margin: .5rem 0 .3rem
    }
    .services-grid {
        padding: 0 1rem !important
    }
    .about-block {
        width: 80%
    }
    .about-block {
        padding: 0 0 !important
    }
    .reviews-content {
        gap: 2rem !important
    }
    .price-title__img {
        min-width: calc(125px + 25 * (100vw - 320px)/ 1140);
        height: 115px
    }
    .section-title--price {
        font-size: calc(28px + 10 * (100vw - 320px)/ 1140) !important;
        padding-bottom: 15px
    }
    .content-price .list .item__title-img {
        width: 60px;
        height: 60px
    }
    .content-price .list__title {
        font-size: calc(26px + 10 * (100vw - 320px)/ 1140) !important
    }
    .content-price .list__subtitle {
        font-size: calc(14px + 6 * (100vw - 320px)/ 1140) !important
    }
    .popup__content .content__item h3 {
        font-size: calc(20px + 8 * (100vw - 320px)/ 1140) !important
    }
    dd,
    dfn {
        font-size: calc(16px + 4 * (100vw - 320px)/ 1140) !important
    }
    .content-price .list .item__img {
        min-width: calc(50px + 50 * (100vw - 320px)/ 1140);
        height: 30px
    }
    .memo__content p {
        font-size: .6rem
    }
    .popup .popup__content .content__item .form .input-grid.grid-area>.breed {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
    .popup .popup__content .content__item .form .input-grid.grid-area>.service {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }
    .popup .popup__content .content__item .form .input-grid.grid-area>.date {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
}

@media screen and (max-width:731px) {
    .section-contact .contact-block__title {
        text-align: center
    }
    .section-contact .contact-block__adress {
        text-align: center
    }
}

@media screen and (max-width:645px) {
    .swiper-button-next,
    .swiper-button-prev {
        top: 50%
    }
}

@media screen and (max-width:576px) {
    .content-price .list .item__col:nth-child(1) {
        display: none
    }
    .content-price .list .item__col:nth-child(2) {
        padding-left: 10px
    }
    .content-price .list .item__col:nth-child(2) span {
        font-size: .7rem
    }
    .content-price .list .item__col:nth-child(3) span {
        font-size: .8rem
    }
}

@media screen and (max-width:565px) {
    .swiper-button-next,
    .swiper-button-prev {
        top: 47%
    }
}

@media screen and (max-width:564px) {
    .heading__title {
        width: 14rem !important
    }
    .heading__img {
        height: 2.5rem;
    }
    .about-block {
        width: 100%
    }
}

@media screen and (max-width:545px) {
    .section-services .services-grid .grid-item {
        width: 90%
    }
    .section-contact .contact-block__item:nth-child(2) {
        margin-left: 0
    }
}

@media screen and (max-width:525px) {
    .article-content__list li {
        padding: 5px 0 5px 30px
    }
}

@media screen and (max-width:475px) {
    .logo-block__img {
        width: 65px
    }
    .logo-block__heading {
        width: 140px
    }
    .section-heading__item--icon {
        height: 3em
    }
    .section-heading__item--title {
        font-size: 1.5em
    }
    .article-content__title {
        font-size: 1.2em
    }
    .article-content__img {
        width: 100%
    }
    .spoiler__title {
        font-size: 18px
    }
    .breadcrumbs ol li a::after {
        font-size: 16px
    }
    .breadcrumbs ol li a span {
        font-size: 12px
    }
    .breadcrumbs ol li span {
        font-size: 12px
    }
}

@media screen and (max-width:450px) {
    .content-price .list__title {
        text-align: center
    }
    .content-price .list__subtitle {
        text-align: center
    }
    .advantage-slider .card-advantage {
        width: 200px;
        height: 220px;
        margin: auto
    }
}

@media screen and (max-width:425px) {
    .header.hide {
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    .logo-block__img {
        width: 50px
    }
    .logo-block__heading {
        width: 150px;
		padding: 7px 0;
    }
    .mob-menu-trigger {
        min-width: 25px
    }
    .section-heading__item--block-icons {
        height: 1.75em
    }
    .section-services .services-grid .grid-item {
        width: 100%
    }
    .section-about .about-block .about-block__content .slider-text .card i {
        font-size: 18px
    }
}

@media screen and (max-width:415px) {
    .section-contact .contact-block__content--link {
        font-size: 18px
    }
}

@media screen and (max-width:375px) {
    .section-contact .contact-block__content--stroke {
        padding-left: 20px;
        font-size: 16px
    }
    .section-contact .contact-block__content--stroke.mail-icon {
        padding-left: 28px
    }
    .section-contact .contact-block__content--link {
        font-size: 15px
    }
    .list__item--no-img div {
        padding-left: 2rem
    }
}

.webp .bg {
    background: url(../img/bg-dalmatians.webp) center/cover no-repeat
}

.webp .bg-cats {
    background: url(../img/bg-cats.webp) bottom/cover no-repeat
}

.webp .section-contact .contact-block__content--stroke.viber-icon {
    background: url(../img/viber_icon.svg) left/27% no-repeat
}

.contacts {
	width: 100%;
	padding: 5px 0;
	background-color: rgba(0, 0, 0, .15);
	box-shadow: 0 -1px 3px -1px rgba(0, 0, 0, .5);
}

.contacts__list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}

.contacts__item {
	min-width: 200px;
}

.contacts__item a {
	font-weight: 400;
}

@media screen and (max-width: 768px) {
	.contacts__item {
		min-width: 150px;
	}
	.contacts__item a img {
		width: 25px;
		height: 25px;
	}
	.contacts__item a {
		height: 25px;
		font-size: 16px;
	}
}
  @media screen and (min-width: 768px) {
	html {
	  font-size: 24px;
	}
	#contacts .section-title p {font-size: 28px;}
}
.gallery-list ul {margin-bottom: 0;}
.gallery-list li.show {display: flex;}
.gallery-list li {display:none}
.spoiler .spoiler__item:last-child .icon-col img {width: 50%; left: 50%; transform: translateX(-50%);}
.article-content__list--number li p {text-indent: 0;} 
.wpcf7-not-valid-tip {font-size: 0.7em;}
.action-form__button {cursor: pointer;}
.action-form__input {max-width: 236px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {font-size: 0.7em; margin: 0;}
.sidebar-hide .wpcf7-spinner {height: 0;}
/*.form-wrap-sidebar {display: flex; height: 100%; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center;}*/
.sidebar-hide {justify-content: space-around;}
.popup__content .content__item .form textarea.form-order-txt {min-height: 100px;resize: vertical;height: 100px;margin-bottom: 7px; padding: 10px;}
.popup__content .content__item .form-btn {cursor: pointer;}

/* css tabs */
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}
.tabset {margin: 0 0 20px;}
.tabset > label {display: inline-block; cursor: pointer;}
.tabset .tab-panel-block {
  display: none;
  padding: 20px 0 0 0;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel-block:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel-block:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel-block:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel-block:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel-block:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel-block:nth-child(6) {
  display: block;
}
.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  
}
.tabset > input:checked + label {
	background: #ffd757;
	color: #323b64;
}
.tabset > input:checked + label span:after {display: none;}

/* response js tabs */
.r-tabs .r-tabs-nav {
  margin: 0;
}

.r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0;
  list-style: none;
}

.r-tabs .r-tabs-panel {
  padding: 0;
  display: none;
}

.r-tabs .r-tabs-accordion-title {
  display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}
@media only screen and (max-width: 768px) {
  .r-tabs {margin: 0 0 40px;}
  .r-tabs .r-tabs-nav {
      display: none;
  }

  .r-tabs .r-tabs-accordion-title {
      display: block;
  }
  .r-tabs .r-tabs-accordion-title {margin: 0 0 20px;}
}
/* -- */

.tab-menu, .deps-list {text-align: center; padding: 0 0 20px;}
.tab-menu li, .deps-list li {display: inline-block;}
.tab-menu li a, .r-tabs .r-tabs-accordion-title a, .deps-list li a {display: block; padding: 16px 32px; background: #eaeaea; border-radius: 10px; color: #333;}
.tab-menu li.r-tabs-state-active a, .r-tabs .r-tabs-accordion-title.r-tabs-state-active a, .deps-list li a:hover {background: #9fdef0;}

.section-services .section-title {margin-bottom: 1.5rem;}

.popup__content .wpcf7 form.sent .wpcf7-response-output {margin-top: 0; font-size: 0.7em;}

.menu-icon-ico {display: block; width: 5em; height: 5em; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.menu-icon-ico img {height: 100%; width: auto;}
body .contact-fixed {padding: 0; border-radius: 18px;}
.contact-fixed .wrapper-shadow {border-radius: 18px;}

/* styles 05-12-2023 */
.section__advantage .section-title {margin: 1rem 0;}
.mt-60 {margin-top: 60px;}
.mb-60 {margin-bottom: 60px;}
.pt-60 {padding-top: 60px;}
.pb-60 {padding-bottom: 60px;}

.mt-40 {margin-top: 40px;}
.mb-40 {margin-bottom: 40px;}
.pt-40 {padding-top: 40px;}
.pb-40 {padding-bottom: 40px;}

.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}
.pt-30 {padding-top: 30px;}
.pb-30 {padding-bottom: 30px;}

.mt-20 {margin-top: 20px;}
.mb-20 {margin-bottom: 20px;}
.pt-20 {padding-top: 20px;}
.pb-20 {padding-bottom: 20px;}

.mt-10 {margin-top: 10px;}
.mb-10 {margin-bottom: 10px;}
.pt-10 {padding-top: 10px;}
.pb-10 {padding-bottom: 10px;}

body .pb-0 {padding-bottom: 0;}
body .pt-0 {padding-top: 0;}

.about-us-block {}
.about-us-block .content, .why-us-block .content {display: flex; width: 100%;} 
.about-us-block figure, .why-us-block figure {width: 40%; padding: 0 5% 0 0;}
.about-us-block figure img, .why-us-block figure img {display: block; width: 100%; height: auto; max-height: 450px; overflow: hidden; object-fit: cover;}
.about-us-block .desc, .why-us-block .accordion-block {width: 55%;}
.about-us-block .desc p {line-height: 29px; font-size: 19px;}
.why-us-block figure {padding: 0 0 0 5%;}

.btn {display: inline-block;}

/* accordion */
.accordion-block {}
.accordion-block .title {padding: 0.6rem 0 0.6rem 50px; font-weight: bold; position: relative; color: #222; cursor: pointer; font-size: 21px; line-height: 26px;}
.accordion-block .title:before {content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url(../img/chevron_right_arrow_icon.svg) no-repeat; background-size: 20px auto; transform: rotate(90deg); position: absolute; left: 0; top: 0.6rem; border: 1px solid #eaeaea; border-radius: 100%; background-position: 50% 50%;}
.accordion-block .title.ui-state-active:before {transform: rotate(-90deg); filter: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(3226%) hue-rotate(156deg) brightness(83%) contrast(92%); border: 1px solid #35acce;}
.accordion-block .title.ui-state-active {color: #35acce;}
.accordion-block .text {padding: 10px 0 10px 50px; color: #666;}
.accordion-block .text p {padding: 0; margin: 0; font-size: 19px; line-height: 27px;}
.accordion-block ul, .accordion-block ol {margin: 0 0 0 15px;}
.accordion-block ul li, .accordion-block ol li {padding: 0 0 9px; font-size: 20px; line-height: 29px;}
.accordion-block ul li {list-style: disc;}
.accordion-block ol li {list-style: number;}

/* our masters */
.our-masters {}
.m-slider .slider-holder {display: flex; align-items: center; justify-content: center;}
.m-slider .slider-holder figure {width: 300px; height: 300px; overflow: hidden; margin: 0 2% 0 1%; border-radius: 100%;}
.m-slider .slider-holder figure img {width: 100%; height: auto;}
.m-slider .slider-holder .text {width: 67%; background: #f5f5f5; border-radius: 18px;}
.m-slider .slide .text .holder {padding: 40px 50px 35px;}
.m-slider .slider-holder .text h3 {font-size: 21px;}
.m-slider .slider-holder .text p {font-size: 19px; line-height: 27px;}

.slider-arrows .slick-prev, .slider-arrows .slick-next,.swiper-button-next, .swiper-button-prev {position: absolute; top: 50%; margin-top: -21px; width: 40px; height: 40px; text-indent: 9999px; background: #fff url(../img/chevron_right_arrow_icon.svg) no-repeat; background-size: 20px auto; border-radius: 100%; background-position: 50% 50%; border: 1px solid #eaeaea; cursor: pointer; transform: rotate(180deg); z-index: 9;}
.slider-arrows .slick-next, .swiper-button-next {right: 0; left: auto; transform: rotate(0deg); text-indent: -9999px;}
.slider-arrows .slick-prev:hover, .slider-arrows .slick-next:hover, .swiper-button-next:hover, .swiper-button-prev:hover {border-color: #35acce;}

.n-slider.slider-arrows .slick-prev, .n-slider.slider-arrows .slick-next, .swiper-button-next, .swiper-button-prev {margin-top: -31px; top: 40%;}
.swiper-button-next {left: auto; right: 10px;}
.swiper-button-prev {left: 10px;}

.n-slider .slider-holder {padding: 5px 20px 0 20px}
.n-slider .slider-holder figure {display: block; overflow: hidden; max-height: 285px; border-radius: 18px; margin: 0;}
.n-slider .slider-holder figure img {width: 100%; height: auto; object-fit: cover;}
.n-slider .slider-holder .title {font-size: 19px; line-height: 27px; color: #333; padding: 15px 10px 0; display: block;}
.n-slider .slider-holder a:hover .title {color: #35acce;}

.b-slider .slick-dots {display: flex; width: 100%; justify-content: center; position: absolute; bottom: 20px;}
.b-slider .slick-dots li {margin: 0 8px;}
.b-slider .slick-dots li button {display: none;}
.b-slider .slick-dots .slick-active,.b-slider .slick-dots li li:hover {background: #373e46; border: 2px solid #9fdef0;}
.b-slider .slick-dots li {border: 2px solid #373e46; background: #9fdef0; border-radius: 20px; -webkit-border-radius: 20px; width: 20px; height: 20px; text-indent: -9999px; cursor: pointer; min-width: 20px; min-height: 20px; font-size: 20px; line-height: 20px;}
.b-slider {margin-top: 100px; max-height: 600px; overflow: hidden;}  

.top-margin {margin-top: 100px;}

.banner-slider .container {}
.banner-slider .slide {}
.banner-slider .block {max-width: 600px; border-radius: 18px; padding: 50px 40px; bottom: 80px; right: 0; position: absolute;}
.banner-slider .block h1, .banner-slider .block h2, .banner-slider .block h3, .banner-slider .block h4, .banner-slider .block p, .banner-slider .block a {position: relative; z-index: 9;}
.banner-slider .block .bg {display: block; background: #fff; border-radius: 18px; opacity: 0.9; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.banner-slider .slider-holder {position: relative; min-height: 600px;}
.banner-slider .block h2 {font-size: 24px; line-height: 31px;}
.banner-slider .block p {font-size: 19px; line-height: 27px;}
.banner-slider .btn:hover {border: 1px solid;}
.btn-thin:hover {border: 1px solid;}

.min500 {min-height: 500px;}
.min400 {min-height: 400px;}
.min300 {min-height: 300px;}

.subtitle a {color: rgba(0, 0, 0, .9607843137);}

.pagination ul {text-align: center; padding: 40px 0 0 0;}
.pagination ul li {display: inline-block; font-size: 17px; padding: 0 6px;}
.pagination ul li a {color: #35acce}
.pagination ul li span {color: rgba(0, 0, 0, .9607843137);}

.static-page {}
.static-page:after {content: ''; display: block; clear: both;}
.static-page p {font-size: 17px; line-height: 29px;}
.static-page ul, .static-page ol {padding: 0 20px 10px; overflow: hidden;}
.static-page ul li, .static-page ol li {font-size: 17px; line-height: 29px; list-style: disc;}
.static-page ol li {list-style: number;}
.static-page img {border-radius: 18px;}
.alignleft {float: left; margin: 0 30px 10px 0;}
.alignright {float: right; margin: 0 0 10px 30px;}

.rem2 {margin: 2rem 0;}
.rem1 {margin: 1rem 0;}

/* bubble */
.bubble {
  height: 64px;
  box-shadow: rgb(0 0 0 / 15%) 0 3px 12px;
  border-radius: 50%;
  align-items: center;
  cursor: pointer;
  user-select: none;
  outline: transparent;
  background-color: #152128;
  margin-bottom: 20px;
  margin-left: 20px;
  width: 64px;
  position: fixed;
  display: none;
  z-index: 9000;
}
.bubble, .main-widget {
  bottom: 20px;
  right: 10px;
}
.bubble--dot {
  width: 10px;
  height: 10px;
  background-color: #ce0b0b;
  display: block;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  right: 4px;
  top: 4px;
}
.bubble--icon {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.bubble--text {
  color: #fff; display: block;
}
.main-widget {width: 360px; min-height: 350px; background-color: rgba(0, 0, 0, 0.5); position: fixed; z-index: 9990; padding: 10px;
border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,.4); overflow: hidden; margin-bottom: 90px; background: url(../img/widget2.png) center/cover #0a0a0a; visibility: hidden; opacity: 0;}
.close-widget {position: absolute; top: 0; right: 0; margin: 12px; z-index: 123; cursor: pointer;}
.close-widget svg {color: #fff;}

.show-block {visibility: visible; opacity: 1;}

.main-text {
  margin-top: 10px;
  display: block;
  text-align: center;
}
.main-text img {width: auto; height: 70px;}  

.ul-btn {padding: 0 15px;}
.ul-btn li {padding: 0.5rem 0 0 0;}
.ul-btn li a {border: 1px solid #fff; text-transform: uppercase; background-color: transparent; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, .4)); color: #fff; line-height: 46px; display: block; font-size: 17px; text-align: center;}
.ul-btn li a:hover {border-color: #ce0b0bed;}

.main-widget p {margin-bottom: 0.5rem; margin-top: 0.5rem; color: #fff; text-align: center; font-size: 16px;}

.ul-btn-gray {padding: 0 15px;}
.ul-btn-gray li {}
.ul-btn-gray li a {
	display: block;
	background: #212122;
	border-radius: 10px;
	font-size: 15px;
	margin-top: 7px;
	color: #fff;
	line-height: 21px;
	text-align: center;
	padding: 10px;
}
.ul-btn-gray li a:hover {color: #ce0b0bed;}
.consult-link {cursor: pointer;}
.s-slider {margin: 10px 0;}
.s-slider .slick-list {margin: 0 40px;}
.s-slider .slick-slide {text-align: center;}
.s-slider .slick-slide a {display: inline-block; border-radius: 100%;}
.s-slider .slick-slide img {min-height: 56px; width: 100%;}
.s-slider.slider-arrows .slick-prev, .s-slider.slider-arrows .slick-next {background-color: transparent; border: none; filter: brightness(0) saturate(100%) invert(42%) sepia(5%) saturate(67%) hue-rotate(201deg) brightness(96%) contrast(92%); background-size: 30px auto;}
.s-slider.slider-arrows .slick-prev:hover, .s-slider.slider-arrows .slick-next:hover {filter: brightness(0) saturate(100%) invert(100%) sepia(91%) saturate(1159%) hue-rotate(175deg) brightness(132%) contrast(100%);}


.header-col--center .lang-block {display: none;}
.header-col--center.active .lang-block {display: flex; padding: 15px 0 0 15px;}

.footer-blocks {}
.footer-blocks .row {display: flex; padding: 20px 0; justify-content: space-between;} 
.footer-blocks .row .col {width: 30%;}
.footer-blocks ul li {line-height: 27px; padding: 6px 0;}
.footer-blocks ul li a {font-size: 18px; color: #fff;}
.footer-blocks ul li a:hover {color: #35acce;}
.footer-blocks .row .footer-logo {width: 40%;}
.footer-blocks .row .footer-logo a {position: static;}
.footer-blocks .row .footer-logo img {min-height: 70px;}
.copy {margin: 20px 0 0; border-top: 1px solid rgba(255,255,255,.2); padding: 20px 0 0 0;} 

/* media */
  @media screen and (max-width: 1500px) {
	.banner-slider .block {margin: 0 20px;}
  }
  @media screen and (max-width: 1300px) {
	.about-us-block .desc p {line-height: 26px; font-size: 17px;}
}
  @media screen and (max-width: 900px) {
	.about-us-block .content {display: block;}
	.about-us-block figure, .why-us-block figure {width: auto; padding: 0 10px;}
	.about-us-block .desc, .why-us-block .accordion-block {width: auto; padding: 0 10px;}
	.why-us-block .content {flex-wrap: wrap;}
	.why-us-block .accordion-block {order: 2;}
	.why-us-block figure {padding-bottom: 20px;}
	.accordion-block .title {font-size: 16px; line-height: 26px;}
	.accordion-block .text p, .accordion-block .text li {font-size: 16px; line-height: 26px;}
	.accordion-block .text {padding: 0 0 10px 40px;}
	.m-slider .slider-holder {display: block; padding: 10px;}
	.m-slider .slider-holder figure {margin: 0 auto 20px;}
	.m-slider .slider-holder .text {width: auto;}
	.m-slider .slider-holder .text .holder {padding: 30px;}
	.m-slider .slider-holder .text p {font-size: 17px; line-height: 26px;}
	.slider-arrows .slick-prev, .slider-arrows .slick-next {top: 160px;}
	.slider-arrows .slick-prev {left: 10px;}
	.slider-arrows .slick-next {right: 10px;}
	.n-slider .slider-holder figure img {min-height: 300px;}
	.b-slider {min-height: 600px; background: #ccc; margin-top: 80px;}
	.top-margin {margin-top: 80px;}
	.s-slider.slider-arrows .slick-prev, .s-slider.slider-arrows .slick-next {top: 50%; margin-top: -20px;}
	.lang-block {display: none;}
	.footer-blocks .row .footer-logo img {min-height: 40px;}
}
@media screen and (max-width: 600px) {
	.n-slider .slider-holder figure {max-height: 220px;}
	.n-slider .slider-holder figure img {min-height: 220px;}
	.n-slider.slider-arrows .slick-prev, .n-slider.slider-arrows .slick-next {margin-top: -31px;top: 130px;}
	.b-slider {min-height: 400px; background: #ccc; margin-top: 105px;}
	.btn {display: block; max-width: 150px; margin-left: auto; margin-right: auto; text-align: center;}
	.top-margin {margin-top: 105px;}
	.bubble, .main-widget {bottom: 0;}
	.ul-btn li a {line-height: 40px; font-size: 15px;}
	.ul-btn-gray li a {font-size: 14px; line-height: 20px; padding: 7px;}
	.s-slider .slick-slide img {min-height: 50px; height: 50px; width: 50px;}
	.main-text img {height: 50px;}
	.deps-list li {display: block; margin: 0 0 10px;}
	.banner-slider .block {margin: 0 10px; padding: 30px 20px; max-width: 600px; min-height: 400px;}
	.b-slider .slide {background: #111 !important;} 
	.footer-blocks .row {display: block;}
	.footer-blocks .row:after {display: block; content: ''; clear: both;} 
	.footer-blocks .row .col, .footer-blocks .row .footer-logo {width: auto;}
	.footer-blocks .row .col.footer-logo {float: none; clear: both; width: auto; text-align: center; margin-bottom: 30px;}
	.footer-blocks .row .col {float: left; width: 50%; text-align: left;}
	.footer-blocks ul li a {font-size: 16px;}
	.section-clients .slider {padding: 0 20px;}
	.swiper-button-prev {left: 10px; top: 40%;}
	.swiper-button-next {right: 10px; top: 40%;}
	.section-portfolio {margin-top: -70px;}
  }
  @media screen and (max-width: 500px) {
	.b-slider {margin-top: 95px;}
	.top-margin {margin-top: 95px;}
}