/* Start:/local/templates/brabus/css/fcore.bundle.css?1749935557326027*/
.hid {
    display: none !important;
}

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

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

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

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

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

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.swiper-slide {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -ms-flex-negative: 0;
    /*margin: 5px;*/
}

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

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

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

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

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

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

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

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

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

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

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 27px 44px;
    cursor: pointer;
    z-index: 10
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    right: auto;
    left: 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

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

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

.swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1
}

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

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

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

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

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

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    background: #007aff
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

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

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

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    z-index: 10;
    -webkit-animation: a 1s steps(12) infinite;
    animation: a 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    content: ""
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

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

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

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    z-index: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    position: absolute!important;
    top: -9999px;
    left: -9999px;
    margin: 0;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    z-index: 99992;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    -webkit-transition-duration: inherit;
    -o-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    background: #1e1e1e;
    opacity: 0
}

.fancybox-is-open .fancybox-bg {
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    opacity: .87
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    position: absolute;
    -webkit-transition: opacity .25s, visibility 0s linear .25s;
    -o-transition: opacity .25s, visibility 0s linear .25s;
    transition: opacity .25s, visibility 0s linear .25s;
    opacity: 0;
    visibility: hidden;
    z-index: 99997;
    direction: ltr
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    -webkit-transition: opacity .25s, visibility 0s;
    -o-transition: opacity .25s, visibility 0s;
    transition: opacity .25s, visibility 0s;
    opacity: 1;
    visibility: visible
}

.fancybox-infobar {
    top: 0;
    left: 0;
    min-width: 44px;
    height: 44px;
    padding: 0 10px;
    color: #ccc;
    font-size: 13px;
    line-height: 44px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: difference;
    -webkit-touch-callout: none
}

.fancybox-toolbar {
    top: 0;
    right: 0
}

.fancybox-stage {
    -webkit-transform: translateZ(0);
    overflow: visible;
    z-index: 99994;
    direction: ltr
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 44px;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    outline: none;
    text-align: center;
    white-space: normal;
    overflow: auto;
    z-index: 99994;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

.fancybox-slide:before {
    display: inline-block;
    width: 0;
    height: 100%;
    margin-right: -.25em;
    content: "";
    vertical-align: middle
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    padding: 44px 0;
    overflow: visible
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0 0 6px;
    padding: 0;
    padding: 24px;
    background: #fff;
    text-align: left;
    overflow: auto;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: visible;
    z-index: 99995;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: visible
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    height: calc(100% - 44px);
    margin-bottom: 44px;
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    overflow: hidden
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    width: 100%;
    max-width: 400px;
    padding: 40px;
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 16px;
    line-height: 20px
}

.fancybox-button {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    border: 0;
    border-radius: 0;
    outline: none;
    background: rgba(30, 30, 30, .6);
    cursor: pointer;
    vertical-align: top
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default
}

.fancybox-button svg {
    display: block;
    position: relative;
    overflow: visible;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--pause svg path:first-child,
.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    position: absolute;
    top: 50%;
    width: 38px;
    height: 38px;
    padding: 6px;
    opacity: 0
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    -webkit-transition: opacity .25s, visibility 0s, color .25s;
    -o-transition: opacity .25s, visibility 0s, color .25s;
    transition: opacity .25s, visibility 0s, color .25s
}

.fancybox-navigation .fancybox-button:after {
    position: absolute;
    top: -25px;
    left: -25px;
    padding: 50px;
    content: ""
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 6px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #555;
    cursor: pointer;
    z-index: 10
}

.fancybox-close-small svg {
    -webkit-transition: stroke .1s;
    -o-transition: stroke .1s;
    transition: stroke .1s;
    opacity: .8;
    fill: transparent;
    stroke: currentColor;
    stroke-width: 1.5
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
    top: -44px;
    right: -12px;
    padding: 5px;
    color: #ccc
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
    background: transparent;
    color: #fff
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 25px 44px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.fancybox-caption:before {
    display: block;
    position: absolute;
    top: -25px;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    content: "";
    z-index: -1;
    pointer-events: none
}

.fancybox-caption:after {
    display: block;
    position: absolute;
    top: 0;
    right: 44px;
    left: 44px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    content: ""
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    padding: 0;
    border: 6px solid hsla(0, 0%, 39%, .5);
    border-radius: 100%;
    border-top-color: #fff;
    background: transparent;
    opacity: .6;
    z-index: 99999;
    -webkit-animation: b .8s infinite linear;
    animation: b .8s infinite linear
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes b {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    opacity: 0
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    max-width: 90%;
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    text-align: center
}

.fancybox-share h1 {
    margin: 0 0 20px;
    color: #222;
    font-size: 35px;
    font-weight: 700
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    display: inline-block;
    min-width: 130px;
    margin: 0 5px 10px;
    padding: 0 15px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border: 0;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    text-decoration: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    outline: none;
    background: transparent;
    color: #5d5b5b;
    font-size: 14px
}

.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    z-index: 99995;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: transparent
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: auto
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #2a2a2a
}

.fancybox-thumbs>ul>li {
    position: relative;
    width: 100px;
    max-width: calc(50% - 4px);
    height: 75px;
    max-height: calc(100% - 8px);
    margin: 2px;
    padding: 0;
    float: left;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.fancybox-thumbs>ul>li:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    border: 4px solid #4ea7f9;
    content: "";
    opacity: 0;
    z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}


/*!
 * justifiedGallery - v3.7.0
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2018 Miro Mannino
 * Licensed under the MIT license.
 */

.justified-gallery {
    position: relative;
    width: 100%;
    overflow: hidden
}

.justified-gallery>a,
.justified-gallery>div,
.justified-gallery>figure {
    display: inline-block;
    position: absolute;
    margin: 0;
    padding: 0;
    opacity: .1;
    overflow: hidden;
    filter: "alpha(opacity=10)"
}

.justified-gallery>a>a>img,
.justified-gallery>a>img,
.justified-gallery>div>a>img,
.justified-gallery>div>img,
.justified-gallery>figure>a>img,
.justified-gallery>figure>img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
    opacity: 0;
    filter: "alpha(opacity=0)"
}

.justified-gallery>a>.caption,
.justified-gallery>div>.caption,
.justified-gallery>figure>.caption {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 5px;
    background-color: #000;
    color: #fff;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 300
}

.justified-gallery>a>.caption.caption-visible,
.justified-gallery>div>.caption.caption-visible,
.justified-gallery>figure>.caption.caption-visible {
    display: initial;
    -webkit-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
    opacity: .7;
    filter: "alpha(opacity=70)"
}

.justified-gallery>.entry-visible {
    background: none;
    opacity: 1;
    filter: "alpha(opacity=100)"
}

.justified-gallery>.entry-visible>a>img,
.justified-gallery>.entry-visible>img {
    -webkit-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
    opacity: 1;
    filter: "alpha(opacity=100)"
}

.justified-gallery>.jg-filtered {
    display: none
}

.justified-gallery>.spinner {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -24px;
    padding: 10px 0;
    opacity: 1;
    overflow: initial;
    filter: "alpha(opacity=100)"
}

.justified-gallery>.spinner>span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-radius: 6px;
    background-color: #000;
    opacity: 0;
    filter: "alpha(opacity=0)"
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes c {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes c {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

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

@-webkit-keyframes d {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes d {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

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

@-webkit-keyframes e {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes e {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes f {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes f {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes g {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes g {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

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

@-webkit-keyframes h {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes h {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes i {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes i {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

@-webkit-keyframes j {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes j {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes k {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes k {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes l {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes l {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

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

@-webkit-keyframes m {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes m {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-name: m;
    animation-name: m;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes n {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes n {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: n;
    animation-name: n
}

@-webkit-keyframes o {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
        opacity: 0
    }
    60% {
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
        opacity: 1
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes o {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
        opacity: 0
    }
    60% {
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
        opacity: 1
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes p {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
        opacity: 0
    }
    60% {
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
        opacity: 1
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes p {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
        opacity: 0
    }
    60% {
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
        opacity: 1
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes q {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
        opacity: 0
    }
    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
        opacity: 1
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes q {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
        opacity: 0
    }
    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
        opacity: 1
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes r {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
        opacity: 0
    }
    60% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 1
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes r {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
        opacity: 0
    }
    60% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 1
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes s {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1
    }
    to {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
}

@keyframes s {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1
    }
    to {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: s;
    animation-name: s
}

@-webkit-keyframes t {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
}

@keyframes t {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
}

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

@-webkit-keyframes u {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
}

@keyframes u {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
}

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

@-webkit-keyframes v {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
}

@keyframes v {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
}

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

@-webkit-keyframes w {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
}

@keyframes w {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
}

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

@-webkit-keyframes x {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes x {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

@-webkit-keyframes y {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes y {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes z {
    0% {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes z {
    0% {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes A {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes A {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes B {
    0% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes B {
    0% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes C {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes C {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes D {
    0% {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes D {
    0% {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

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

@-webkit-keyframes E {
    0% {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes E {
    0% {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes F {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes F {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes O {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes O {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

@-webkit-keyframes P {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes P {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes Q {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes Q {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes R {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes R {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: R;
    animation-name: R;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes S {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes S {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: S;
    animation-name: S;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes T {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes T {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

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

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

@-webkit-keyframes V {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
}

@keyframes V {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
}

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

@-webkit-keyframes W {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
}

@keyframes W {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
}

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

@-webkit-keyframes X {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
}

@keyframes X {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
}

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

@-webkit-keyframes Y {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
}

@keyframes Y {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes bb {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
}

@keyframes bb {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
}

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

@-webkit-keyframes cb {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
}

@keyframes cb {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
}

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

@-webkit-keyframes db {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
}

@keyframes db {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
}

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

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

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

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

@-webkit-keyframes fb {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        opacity: 1;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes fb {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        opacity: 1;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

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

@-webkit-keyframes gb {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        opacity: 0
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes gb {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        opacity: 0
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes lb {
    0% {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes lb {
    0% {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes mb {
    0% {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes mb {
    0% {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

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

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

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

@-webkit-keyframes ob {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes ob {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

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

@-webkit-keyframes pb {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes pb {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: pb;
    animation-name: pb
}

@-webkit-keyframes qb {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        opacity: 0
    }
}

@keyframes qb {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        opacity: 0
    }
}

.zoomOutLeft {
    -webkit-animation-name: qb;
    animation-name: qb
}

@-webkit-keyframes rb {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        opacity: 0
    }
}

@keyframes rb {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        opacity: 0
    }
}

.zoomOutRight {
    -webkit-animation-name: rb;
    animation-name: rb
}

@-webkit-keyframes sb {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes sb {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: sb;
    animation-name: sb
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

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

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-transition: none!important;
        -o-transition: none!important;
        transition: none!important;
        -webkit-animation: unset!important;
        animation: unset!important
    }
}

.jcf-radio {
    border-radius: 9px
}

.jcf-radio span {
    display: none;
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border-radius: 100%;
    background: #777
}

.jcf-radio input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0
}

.jcf-radio.jcf-checked span {
    display: block
}

.jcf-checkbox,
.jcf-radio {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0;
    border: 1px solid #777;
    background: #fff;
    cursor: default;
    overflow: hidden;
    vertical-align: middle
}

.jcf-checkbox span {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 4px;
    margin: -7px 0 0 -6px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
}

:root .jcf-checkbox span {
    margin: -4px 0 0 -5px
}

.jcf-checkbox input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0
}

.jcf-checkbox.jcf-checked span {
    display: block
}

.jcf-button,
.jcf-file {
    display: inline-block;
    position: relative;
    background: #fff;
    overflow: hidden
}

.jcf-button {
    margin: 0 10px 10px 0;
    padding: 5px 10px;
    border: 1px solid #777;
    vertical-align: top
}

.jcf-button .jcf-real-element {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    opacity: 0
}

.jcf-file {
    white-space: nowrap
}

.jcf-file .jcf-real-element {
    position: absolute;
    top: 0;
    right: 0;
    height: 200px;
    margin: 0;
    font-size: 200px
}

.jcf-file .jcf-fake-input,
.jcf-file .jcf-upload-button {
    display: inline-block;
    height: 28px;
    border: 1px solid #777;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top
}

.jcf-file .jcf-fake-input {
    width: 125px;
    padding: 0 8px;
    font-size: 13px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.jcf-file .jcf-upload-button {
    margin: 0 0 0 -1px;
    padding: 0 10px
}

.jcf-scrollable-wrapper {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.jcf-scrollbar-vertical {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 14px;
    background: #e3e3e3;
    cursor: default
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: #bbb
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: auto;
    bottom: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    width: 14px;
    height: 1px;
    background: #888
}

.jcf-scrollbar-horizontal {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 14px;
    background: #e3e3e3
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #bbb;
    overflow: hidden;
    vertical-align: top
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    right: 0;
    left: auto
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    display: inline-block;
    position: relative;
    height: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    position: absolute;
    height: 14px;
    background: #888
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3
}

.jcf-select {
    display: inline-block;
    position: relative;
    min-width: 150px;
    height: 26px;
    margin: 0 0 12px;
    border: 1px solid #777;
    background: #fff;
    vertical-align: top
}

.jcf-select select {
    top: 0;
    left: 0;
    z-index: 1
}

.jcf-select .jcf-select-text {
    display: block;
    margin: 0 35px 0 8px;
    font-size: 13px;
    line-height: 26px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    overflow: hidden
}

.jcf-select .jcf-select-opener {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 26px;
    background: #aaa;
    text-align: center
}

body>.jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999
}

body>.jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0
}

.jcf-select .jcf-select-drop {
    position: absolute;
    top: 100%;
    right: -1px;
    left: -1px;
    margin-top: 0;
    z-index: 9999
}

.jcf-select .jcf-drop-flipped {
    top: auto;
    bottom: 100%
}

.jcf-select.jcf-compact-multiple {
    max-width: 220px
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
    display: inline-block;
    padding-top: 2px;
    content: "..."
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid red
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
    background: 0 0
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
    background: #e6e6e6;
    color: #000
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
    display: inline-block;
    width: 8px;
    height: 4px;
    margin: -7px 5px 0 -3px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    content: "";
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
}

.jcf-list-box {
    display: inline-block;
    min-width: 200px;
    margin: 0 15px;
    border: 1px solid #b8c3c9;
    overflow: hidden
}

.jcf-list,
.jcf-list .jcf-list-content {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.jcf-list {
    position: relative;
    background: #fff;
    font-size: 12px;
    line-height: 14px
}

.jcf-list .jcf-list-content {
    overflow: auto
}

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

.jcf-list .jcf-option,
.jcf-list ul li {
    display: block;
    overflow: hidden
}

.jcf-list .jcf-overflow {
    overflow: auto
}

.jcf-list .jcf-option {
    height: 1%;
    min-height: 14px;
    padding: 5px 9px;
    color: #656565;
    white-space: nowrap;
    cursor: default
}

.jcf-list .jcf-disabled {
    background: #fff!important;
    color: #aaa!important
}

.jcf-list-box .jcf-selected,
.jcf-select-drop .jcf-hover {
    background: #e6e6e6;
    color: #000
}

.jcf-list .jcf-optgroup-caption {
    display: block;
    padding: 5px 9px;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    cursor: default
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px
}

.jcf-textarea {
    display: inline-block;
    position: relative;
    border: 1px solid #b8c3c9;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.jcf-textarea .jcf-scrollbar-horizontal {
    display: none;
    height: 0
}

.jcf-textarea textarea {
    margin: 0;
    padding: 8px 10px;
    border: none
}

.jcf-textarea .jcf-resize {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 15px;
    background: #e3e3e3;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    text-indent: 1px;
    cursor: se-resize
}

.jcf-textarea .jcf-resize:before {
    display: block;
    width: 6px;
    height: 6px;
    margin: 4px 0 0 3px;
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    content: ""
}

.jcf-number {
    display: inline-block;
    position: relative;
    height: 32px
}

.jcf-number input {
    height: 100%;
    margin: 0;
    padding: 3px 27px 3px 7px;
    border: 1px solid #777;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: textfield
}

.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
    position: absolute;
    right: 1px;
    width: 20px;
    height: 15px;
    background: #aaa
}

.jcf-number .jcf-btn-inc {
    top: 1px
}

.jcf-number .jcf-btn-dec {
    top: auto;
    bottom: 1px
}

.jcf-number .jcf-btn-dec:hover,
.jcf-number .jcf-btn-inc:hover {
    background: #e6e6e6
}

.jcf-number.jcf-disabled .jcf-btn-dec:hover,
.jcf-number.jcf-disabled .jcf-btn-inc:hover {
    background: #aaa
}

.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 4px solid #aaa;
    content: ""
}

.jcf-number .jcf-btn-inc:before {
    margin: -6px 0 0 -4px;
    border-color: transparent transparent #000
}

.jcf-number .jcf-btn-dec:before {
    margin: -1px 0 0 -4px;
    border-color: #000 transparent transparent
}

.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before,
.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before {
    opacity: .3
}

.jcf-number.jcf-disabled input {
    background: #ddd
}

.jcf-range {
    display: inline-block;
    width: 130px;
    min-width: 200px;
    margin: 0 10px
}

.jcf-range .jcf-range-track {
    display: block;
    position: relative;
    height: 10px;
    margin: 0 20px 0 0
}

.jcf-range .jcf-range-wrapper {
    display: block;
    position: relative;
    margin: 5px 0;
    border-radius: 5px;
    background: #e5e5e5
}

.jcf-range.jcf-vertical {
    width: auto;
    min-width: 0
}

.jcf-range.jcf-vertical .jcf-range-wrapper {
    width: 10px;
    height: auto;
    margin: 0;
    padding: 20px 0 0
}

.jcf-range.jcf-vertical .jcf-range-track {
    width: 10px;
    height: 180px
}

.jcf-range.jcf-vertical .jcf-range-handle {
    top: auto;
    left: -5px
}

.jcf-range .jcf-range-display-wrapper {
    position: absolute;
    right: 10px;
    left: 10px;
    min-width: 10px;
    min-height: 10px
}

.jcf-range .jcf-range-display {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #888
}

.jcf-range .jcf-range-display.jcf-range-min {
    margin: 0 0 0 -10px;
    padding: 0 0 0 10px
}

.jcf-range .jcf-range-display.jcf-range-max {
    margin: 0 -10px 0 0;
    padding: 0 10px 0 0
}

.jcf-range.jcf-vertical .jcf-range-display-wrapper {
    top: 10px;
    right: auto;
    bottom: 10px;
    left: auto
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
    margin: 0 0 -10px;
    padding: 0 0 10px
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
    margin: -10px 0 0;
    padding: 10px 0 0
}

.jcf-range .jcf-range-handle {
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    margin: -4px 0 0;
    border-radius: 19px;
    background: #aaa;
    z-index: 1
}

.jcf-range .jcf-range-mark {
    position: absolute;
    top: -7px;
    width: 1px;
    height: 3px;
    margin: 0 0 0 9px;
    background: #000;
    overflow: hidden
}

.jcf-range.jcf-vertical .jcf-range-mark {
    top: auto;
    left: 14px;
    width: 3px;
    height: 1px;
    margin: 0 0 9px
}

.jcf-range .jcf-active-handle {
    z-index: 2
}

.jcf-range.jcf-focus .jcf-active-handle {
    margin: -5px 0 0 -1px;
    border: 1px solid red
}

.jcf-range.jcf-disabled {
    background: 0 0!important;
    opacity: .3
}

.jcf-disabled {
    background: #ddd!important
}

.jcf-focus,
.jcf-focus * {
    border-color: red!important
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

hr {
    height: 0;
    overflow: visible;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

.fancybox-container {
    font-family: Open Sans, sans-serif
}

.fancybox-is-open .fancybox-bg {
    opacity: .7
}

.fancybox-bg {
    background: #000
}

.fancybox-thumbs {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    height: 95px;
    padding: 10px 10px 5px;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px
}

.fancybox-thumbs>ul>li {
    width: 12px;
    height: 12px;
    border-width: 0;
    border-style: none;
    border-radius: 50%;
    background-color: #d4d4d4;
    background-image: none!important
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active {
    background-color: #e00022
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    content: none
}

.scroll-wrapper {
    position: relative;
    padding: 0!important;
    overflow: hidden!important
}

.scroll-wrapper>.scroll-content {
    position: relative!important;
    top: 0;
    left: 0;
    width: auto!important;
    max-width: none!important;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    border: none!important;
    overflow: scroll!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    width: 0;
    height: 0
}

.scroll-wrapper.scroll--rtl {
    direction: rtl
}

.scroll-element {
    display: none
}

.scroll-element,
.scroll-element div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}

.scroll-textarea>.scroll-content {
    overflow: hidden!important
}

.scroll-textarea>.scroll-content>textarea {
    position: relative!important;
    top: 0;
    width: 100%!important;
    max-width: none!important;
    height: 100%!important;
    max-height: none!important;
    margin: 0;
    padding: 2px;
    border: none!important;
    outline: none;
    overflow: scroll!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    width: 0;
    height: 0
}

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    z-index: 10
}

.scrollbar-inner>.scroll-element div {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 8px
}

.scrollbar-inner>.scroll-element.scroll-y {
    top: 0;
    right: 2px;
    width: 8px;
    height: 100%
}

.scrollbar-inner>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-inner>.scroll-element .scroll-bar,
.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track {
    border-radius: 8px
}

.scrollbar-inner>.scroll-element .scroll-bar,
.scrollbar-inner>.scroll-element .scroll-element_track {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40)
}

.scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #e0e0e0
}

.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #c2c2c2
}

.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #919191
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.scrollbar-outer>.scroll-element,
.scrollbar-outer>.scroll-element div {
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    z-index: 10
}

.scrollbar-outer>.scroll-element {
    background-color: #fff
}

.scrollbar-outer>.scroll-element div {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px
}

.scrollbar-outer>.scroll-element.scroll-y {
    top: 0;
    right: 0;
    width: 12px;
    height: 100%
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    top: 2px;
    height: 8px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px
}

.scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: #eee
}

.scrollbar-outer>.scroll-element .scroll-bar,
.scrollbar-outer>.scroll-element .scroll-element_outer,
.scrollbar-outer>.scroll-element .scroll-element_track {
    border-radius: 8px
}

.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: #d9d9d9
}

.scrollbar-outer>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2
}

.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191
}

.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px
}

.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
    min-width: 10px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    min-height: 10px
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px
}

.scrollbar-macosx>.scroll-element,
.scrollbar-macosx>.scroll-element div {
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    z-index: 10
}

.scrollbar-macosx>.scroll-element div {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scrollbar-macosx>.scroll-element .scroll-element_track {
    display: none
}

.scrollbar-macosx>.scroll-element .scroll-bar {
    display: block;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    border-radius: 7px;
    background-color: #6c6e71;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.scrollbar-macosx>.scroll-element.scroll-x {
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 0;
    overflow: visible
}

.scrollbar-macosx>.scroll-element.scroll-y {
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    min-height: 100%
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
    top: -9px;
    min-width: 10px;
    height: 7px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left: -9px;
    width: 7px;
    min-height: 10px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-light>.scroll-element,
.scrollbar-light>.scroll-element div {
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    z-index: 10
}

.scrollbar-light>.scroll-element {
    background-color: #fff
}

.scrollbar-light>.scroll-element div {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scrollbar-light>.scroll-element .scroll-element_outer {
    border-radius: 10px
}

.scrollbar-light>.scroll-element .scroll-element_size {
    border-radius: 10px;
    background: #dbdbdb;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #dbdbdb), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb, #e8e8e8);
    background: -o-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, from(#dbdbdb), to(#e8e8e8));
    background: linear-gradient(90deg, #dbdbdb 0, #e8e8e8)
}

.scrollbar-light>.scroll-element.scroll-x {
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 17px
}

.scrollbar-light>.scroll-element.scroll-y {
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    min-height: 100%
}

.scrollbar-light>.scroll-element .scroll-bar {
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    background: #fefefe;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fefefe), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe, #f5f5f5);
    background: -o-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, from(#fefefe), to(#f5f5f5));
    background: linear-gradient(90deg, #fefefe 0, #f5f5f5)
}

.scrollbar-light>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}

.scrollbar-light>.scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-bar {
    top: 0;
    min-width: 10px;
    height: 10px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-bar {
    left: 0;
    width: 10px;
    min-height: 10px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer {
    top: 2px;
    left: 2px;
    height: 12px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
    left: 2px;
    width: 12px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

.scrollbar-rail>.scroll-element,
.scrollbar-rail>.scroll-element div {
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    z-index: 10
}

.scrollbar-rail>.scroll-element {
    background-color: #fff
}

.scrollbar-rail>.scroll-element div {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scrollbar-rail>.scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, .3)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, .5)
}

.scrollbar-rail>.scroll-element.scroll-x {
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 12px;
    padding: 3px 0 2px
}

.scrollbar-rail>.scroll-element.scroll-y {
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px
}

.scrollbar-rail>.scroll-element .scroll-bar {
    border-radius: 2px;
    background-color: #d0b9a0;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .6)
}

.scrollbar-rail>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}

.scrollbar-rail>.scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-bar {
    top: 1px;
    min-width: 10px;
    height: 10px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-bar {
    left: 1px;
    width: 10px;
    min-height: 10px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer {
    left: 5px;
    height: 15px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size {
    top: 5px;
    left: -10px;
    height: 2px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size {
    top: -10px;
    left: 5px;
    width: 2px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px
}

.scrollbar-dynamic>.scroll-element,
.scrollbar-dynamic>.scroll-element div {
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    z-index: 10
}

.scrollbar-dynamic>.scroll-element div {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-x {
    bottom: 2px;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-y {
    top: 0;
    right: 2px;
    width: 7px;
    height: 100%;
    min-height: 100%
}

.scrollbar-dynamic>.scroll-element .scroll-element_outer {
    border-radius: 12px;
    opacity: .3
}

.scrollbar-dynamic>.scroll-element .scroll-element_size {
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    border-radius: 12px;
    background-color: #ccc;
    opacity: 0
}

.scrollbar-dynamic>.scroll-element .scroll-bar {
    border-radius: 7px;
    background-color: #6c6e71
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar {
    top: auto;
    bottom: 0;
    min-width: 24px;
    height: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar {
    right: 0;
    left: auto;
    width: 7px;
    min-height: 24px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer {
    top: auto;
    bottom: 0;
    left: 2px;
    -webkit-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
    right: 0;
    left: auto;
    -webkit-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer {
    opacity: .7;
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size {
    opacity: 1
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar {
    width: 100%;
    height: 100%;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer {
    height: 20px;
    min-height: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer {
    width: 20px;
    min-width: 7px
}

.scrollbar-chrome>.scroll-element,
.scrollbar-chrome>.scroll-element div {
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    z-index: 10
}

.scrollbar-chrome>.scroll-element {
    background-color: #fff
}

.scrollbar-chrome>.scroll-element div {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scrollbar-chrome>.scroll-element .scroll-element_track {
    border: 1px solid #dbdbdb;
    background: #f1f1f1
}

.scrollbar-chrome>.scroll-element.scroll-x {
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 16px
}

.scrollbar-chrome>.scroll-element.scroll-y {
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    min-height: 100%
}

.scrollbar-chrome>.scroll-element .scroll-bar {
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    background-color: #d9d9d9;
    cursor: default
}

.scrollbar-chrome>.scroll-element .scroll-bar:hover {
    border-color: #a9a9a9;
    background-color: #c2c2c2
}

.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar {
    border-color: #7e7e7e;
    background-color: #919191
}

.scrollbar-chrome>.scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px
}

.scrollbar-chrome>.scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar {
    top: 3px;
    min-width: 10px;
    height: 8px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar {
    left: 3px;
    width: 8px;
    min-height: 10px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track {
    left: -3px;
    height: 14px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size {
    left: -4px;
    height: 14px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

@-webkit-keyframes Bb {
    0% {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes Bb {
    0% {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

[hidden] {
    display: none
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar
}

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

*,
:after,
:before {
    margin: 0;
    padding: 0
}

body,
html {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

body>footer {
    margin-top: auto
}

ul {
    list-style: none
}

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

button {
    border: 0 none;
    outline: 0;
    cursor: pointer
}

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

input,
textarea {
    -webkit-appearance: none
}

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

[type=email],
[type=number],
[type=search],
[type=text] {
    -moz-appearance: textfield
}

[type=email]::-webkit-search-cancel-button,
[type=email]::-webkit-search-decoration,
[type=email]::-webkit-search-results-button,
[type=email]::-webkit-search-results-decoration,
[type=number]::-webkit-search-cancel-button,
[type=number]::-webkit-search-decoration,
[type=number]::-webkit-search-results-button,
[type=number]::-webkit-search-results-decoration,
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration,
[type=search]::-webkit-search-results-button,
[type=search]::-webkit-search-results-decoration,
[type=text]::-webkit-search-cancel-button,
[type=text]::-webkit-search-decoration,
[type=text]::-webkit-search-results-button,
[type=text]::-webkit-search-results-decoration {
    display: none
}

[type=email]::-webkit-inner-spin-button,
[type=email]::-webkit-outer-spin-button,
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button,
[type=search]::-webkit-inner-spin-button,
[type=search]::-webkit-outer-spin-button,
[type=text]::-webkit-inner-spin-button,
[type=text]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

@font-face {
    font-family: Open Sans;
    font-weight: 300;
    src: local(Open Sans Light), url(/local/templates/brabus/css/../fonts/OpenSans-Light.eot);
    src: url(/local/templates/brabus/css/../fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"), url(/local/templates/brabus/css/../fonts/OpenSans-Light.woff2) format("woff2"), url(/local/templates/brabus/css/../fonts/OpenSans-Light.woff) format("woff"), url(/local/templates/brabus/css/../fonts/OpenSans-Light.ttf) format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-weight: 400;
    src: local(Open Sans Regular), url(/local/templates/brabus/css/../fonts/OpenSans-Regular.eot);
    src: url(/local/templates/brabus/css/../fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/brabus/css/../fonts/OpenSans-Regular.woff2) format("woff2"), url(/local/templates/brabus/css/../fonts/OpenSans-Regular.woff) format("woff"), url(/local/templates/brabus/css/../fonts/OpenSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: local(Open Sans SemiBold), url(/local/templates/brabus/css/../fonts/OpenSans-SemiBold.eot);
    src: url(/local/templates/brabus/css/../fonts/OpenSans-SemiBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/brabus/css/../fonts/OpenSans-SemiBold.woff2) format("woff2"), url(/local/templates/brabus/css/../fonts/OpenSans-SemiBold.woff) format("woff"), url(/local/templates/brabus/css/../fonts/OpenSans-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-weight: 700;
    src: local(Open Sans Bold), url(/local/templates/brabus/css/../fonts/OpenSans-Bold.eot);
    src: url(/local/templates/brabus/css/../fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/brabus/css/../fonts/OpenSans-Bold.woff2) format("woff2"), url(/local/templates/brabus/css/../fonts/OpenSans-Bold.woff) format("woff"), url(/local/templates/brabus/css/../fonts/OpenSans-Bold.ttf) format("truetype")
}

.contacts__tel-link,
.contacts__title,
.thank__body-text .red {
    font-weight: 700
}

.card-full__price,
.footer__title,
.model__title,
.news__item--big .news__item-title {
    font-weight: 600
}

.badge,
.breadcrumbs__link,
.button,
.contacts__main,
.copywriting,
.footer__contacts-address,
.footer__menu .menu__list,
.form-search__label,
.header__info,
.hide__text,
.more__text,
.model__info,
.section__title,
.subscription__info {
    font-weight: 300
}

.content {
    font-size: 14px
}

@media (min-width:860px) {
    .content {
        font-size: 16px
    }
}

@media (max-width:859.98px) {
    .content>:not(img),
    .news__details {
        padding: 0 calc(5% + 8px);
        max-width: 100%
    }
}

.content h2,
.content h3 {
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:860px) {
    .content h2,
    .content h3 {
        padding-top: 40px
    }
}

@media (min-width:1600px) {
    .content h2,
    .content h3 {
        padding-top: 50px
    }
}

.content h2:before,
.content h3:before {
    top: 0;
    left: calc(50% - 35px);
    width: 70px;
    height: 2px;
    content: ""
}

.content h2 {
    margin-bottom: 40px;
    font-size: 22px
}

@media (min-width:860px) {
    .content h2 {
        font-size: 36px
    }
}

.content h3 {
    margin-bottom: 40px;
    font-size: 20px
}

@media (min-width:860px) {
    .content h3 {
        font-size: 30px
    }
}

.content img+* {
    margin-top: 30px
}

@media (min-width:860px) {
    .content img+* {
        margin-top: 50px
    }
}

.content p+p {
    margin-top: 24px
}

.content p+h3,
.content p+img,
.content p+ul {
    margin-top: 50px
}

.content ul {
    margin-left: 30px
}

.content ul+h3,
.content ul+img {
    margin-top: 50px
}

.content li:before {
    top: 0;
    left: -15px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    content: "\2022"
}

.content li+li {
    margin-top: 24px
}

.red {
    color: #e00022
}

.blockquote .icon,
.brand .icon,
.brand img,
.button:before,
.card-full__characteristics-main:before,
.card-full__characteristics-price,
.card-full__photo-hover,
.card__characteristics-item:before,
.card__photo:before,
.content h2:before,
.content h3:before,
.content li:before,
.filter__link:not(.no-link):before,
.footer__icon-label,
.form-search,
.form-search__btn,
.gallery__hover,
.header--small:before,
.header__info .icon,
.header__item-bg,
.header__item-bg:before,
.header__item-bg video,
.header__item-content,
.header__slider,
.header__slider-pagination,
.header__title:before,
.info .content-wrapper.is-hide:before,
.menu__item:before,
.menu__link--tel .tooltip,
.model:before,
.model__hover,
.nav.is-scrolled .nav__container:before,
.news__link,
.news__link-bg,
.news__link-bg:before,
.product-card__info li:before,
.section__title:before {
    position: absolute
}

.blockquote,
.blockquote-container,
.brand,
.button,
.button>*,
.card-full__characteristics-main,
.card-full__characteristics-name,
.card__characteristics-item,
.card__photo,
.contacts,
.contacts__map,
.contacts__map #map-contacts,
.contacts__map .contacts__map-dealer,
.content h2,
.content h3,
.content li,
.filter__item,
.footer__contacts,
.footer__icon,
.form-search__content,
.form-search__label,
.header--small,
.header__info,
.header__item,
.header__row,
.header__slider-pagination .item,
.header__title,
.hide__button .icon,
.more__button .icon,
.info .content-wrapper.is-hide,
.menu__item,
.menu__link--tel,
.modal__form-item input:focus~label:last-child:not(.error),
.modal__form-item input~label:last-child:not(.error),
.model--all .icon,
.model .button,
.model__content,
.model__info,
.model__title,
.nav,
.nav__container,
.news .badge,
.news__item,
.news__item-title,
.news__link-bg .icon,
.product-card__info li,
.section__title {
    position: relative
}

.footer__container,
.form-search__content,
.header__container,
.nav__container,
.section__content,
.section__title {
    width: 100%;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-right: 8px;
    padding-left: 16px;
    padding-left: 8px
}

@media (min-width:860px) {
    .footer__container,
    .form-search__content,
    .header__container,
    .nav__container,
    .section__content,
    .section__title {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .footer__container,
    .form-search__content,
    .header__container,
    .nav__container,
    .section__content,
    .section__title {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media (min-width:2000px) {
    .footer__container,
    .form-search__content,
    .header__container,
    .nav__container,
    .section__content,
    .section__title {
        max-width: 1920px
    }
}

.contacts__content,
.footer,
.header,
.section {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-right: 8px;
    padding-left: 16px;
    padding-left: 8px
}

@media (min-width:860px) {
    .contacts__content,
    .footer,
    .header,
    .section {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .contacts__content,
    .footer,
    .header,
    .section {
        padding-right: 16px;
        padding-left: 16px
    }
}

.card__slider-paginations {
    position: relative;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 100%;
    max-width: 16.66667%;
    min-height: 1px;
    padding-right: 16px;
    padding-right: 8px;
    padding-left: 16px;
    padding-left: 8px;
    -webkit-box-flex: 0
}

@media (min-width:860px) {
    .card__slider-paginations {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .card__slider-paginations {
        padding-right: 16px;
        padding-left: 16px
    }
}

.accessories__item,
.accessories__item.small,
.footer__menu .menu__list,
.instagram__item {
    position: relative;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 100%;
    max-width: 50%;
    min-height: 1px;
    padding-right: 16px;
    padding-right: 8px;
    padding-left: 16px;
    padding-left: 8px;
    -webkit-box-flex: 0
}

@media (min-width:860px) {
    .accessories__item,
    .accessories__item.small,
    .footer__menu .menu__list,
    .instagram__item {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .accessories__item,
    .accessories__item.small,
    .footer__menu .menu__list,
    .instagram__item {
        padding-right: 16px;
        padding-left: 16px
    }
}

.modal {
    position: relative;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 100%;
    max-width: 83.33333%;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0
}

.basket__container,
.blockquote-container,
.breadcrumbs__list,
.card-full__info,
.card-full__photo,
.card__photo-row,
.card__slider-paginations .swiper-pagination-bullet,
.checkout__form-item,
.checkout__form-item--small,
.checkout__label,
.contacts__info,
.contacts__map,
.footer__contacts,
.footer__menu,
.footer__subscription,
.info__content,
.modal__form-item,
.modal__form-item--big,
.modal__info,
.modal__submit,
.modal__title,
.model,
.models-page__item,
.models-page__list--odd .models-page__item,
.news__details,
.news__item,
.not-found,
.our-works__item,
.product-card__content-wrapper,
.product-card__slider-container,
.search-page__content,
.submodel__list,
.submodel__menu-wrapper,
.submodel__tab-filter,
.text__content,
.thank__container,
.tuning__item,
.article_items__list,
.article_items__item {
    position: relative;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    padding-right: 16px;
    padding-right: 8px;
    padding-left: 16px;
    padding-left: 8px;
    -webkit-box-flex: 0
}

@media (min-width:860px) {
    .basket__container,
    .blockquote-container,
    .breadcrumbs__list,
    .card-full__info,
    .card-full__photo,
    .card__photo-row,
    .card__slider-paginations .swiper-pagination-bullet,
    .checkout__form-item,
    .checkout__form-item--small,
    .checkout__label,
    .contacts__info,
    .contacts__map,
    .footer__contacts,
    .footer__menu,
    .footer__subscription,
    .info__content,
    .modal__form-item,
    .modal__form-item--big,
    .modal__info,
    .modal__submit,
    .modal__title,
    .model,
    .models-page__item,
    .models-page__list--odd .models-page__item,
    .news__details,
    .news__item,
    .not-found,
    .our-works__item,
    .product-card__content-wrapper,
    .product-card__slider-container,
    .search-page__content,
    .submodel__list,
    .submodel__menu-wrapper,
    .submodel__tab-filter,
    .text__content,
    .thank__container,
    .tuning__item,
    .article_items__list,
    .article_items__item {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .basket__container,
    .blockquote-container,
    .breadcrumbs__list,
    .card-full__info,
    .card-full__photo,
    .card__photo-row,
    .card__slider-paginations .swiper-pagination-bullet,
    .checkout__form-item,
    .checkout__form-item--small,
    .checkout__label,
    .contacts__info,
    .contacts__map,
    .footer__contacts,
    .footer__menu,
    .footer__subscription,
    .info__content,
    .modal__form-item,
    .modal__form-item--big,
    .modal__info,
    .modal__submit,
    .modal__title,
    .model,
    .models-page__item,
    .models-page__list--odd .models-page__item,
    .news__details,
    .news__item,
    .not-found,
    .our-works__item,
    .product-card__content-wrapper,
    .product-card__slider-container,
    .search-page__content,
    .submodel__list,
    .submodel__menu-wrapper,
    .submodel__tab-filter,
    .text__content,
    .thank__container,
    .tuning__item,
    .article_items__list,
    .article_items__item {
        padding-right: 16px;
        padding-left: 16px
    }
}

.accessories__item.small,
.footer__contacts {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:860px) {
    .accessories__item.small,
    .footer__contacts {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .accessories__item.small,
    .footer__contacts {
        padding-right: 16px;
        padding-left: 16px
    }
}

.accessories__item,
.footer__menu,
.instagram__item,
.product-card__content-wrapper {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:860px) {
    .accessories__item,
    .footer__menu,
    .instagram__item,
    .product-card__content-wrapper {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        -webkit-box-flex: 0;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .accessories__item,
    .footer__menu,
    .instagram__item,
    .product-card__content-wrapper {
        padding-right: 16px;
        padding-left: 16px
    }
}

.footer__subscription {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:860px) {
    .footer__subscription {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        -webkit-box-flex: 0;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .footer__subscription {
        padding-right: 16px;
        padding-left: 16px
    }
}

.card-full__info,
.card-full__photo,
.checkout__form-item--small,
.contacts__info,
.contacts__map,
.modal__form-item,
.model,
.models-page__item,
.models-page__list--odd .models-page__item,
.news__item,
.our-works__item,
.tuning__item {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:860px) {
    .card-full__info,
    .card-full__photo,
    .checkout__form-item--small,
    .contacts__info,
    .contacts__map,
    .modal__form-item,
    .model,
    .models-page__item,
    .models-page__list--odd .models-page__item,
    .news__item,
    .our-works__item,
    .tuning__item {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .card-full__info,
    .card-full__photo,
    .checkout__form-item--small,
    .contacts__info,
    .contacts__map,
    .modal__form-item,
    .model,
    .models-page__item,
    .models-page__list--odd .models-page__item,
    .news__item,
    .our-works__item,
    .tuning__item {
        padding-right: 16px;
        padding-left: 16px
    }
}

.product-card__slider-container {
    padding-top: 60px;
}

.product-card__slider-container,
.search-page__content {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:860px) {
    .product-card__slider-container,
    .search-page__content {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        -webkit-box-flex: 0;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .product-card__slider-container,
    .search-page__content {
        padding-right: 16px;
        padding-left: 16px
    }
}

.blockquote-container,
.card__photo-row,
.not-found {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:860px) {
    .blockquote-container,
    .card__photo-row,
    .not-found {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        -webkit-box-flex: 0;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .blockquote-container,
    .card__photo-row,
    .not-found {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media (min-width:860px) {
    .modal__form-item--big {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-flex: 0
    }
}

.accessories__item.small {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:1200px) {
    .accessories__item.small {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        -webkit-box-flex: 0
    }
}

@media (min-width:860px) {
    .accessories__item.small {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .accessories__item.small {
        padding-right: 16px;
        padding-left: 16px
    }
}

.accessories__item,
.instagram__item,
.models-page__item {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:1200px) {
    .accessories__item,
    .instagram__item,
    .models-page__item {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        -webkit-box-flex: 0
    }
}

@media (min-width:860px) {
    .accessories__item,
    .instagram__item,
    .models-page__item {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .accessories__item,
    .instagram__item,
    .models-page__item {
        padding-right: 16px;
        padding-left: 16px
    }
}

.model,
.models-page__list--odd .models-page__item,
.tuning__item {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:1200px) {
    .model,
    .models-page__list--odd .models-page__item,
    .tuning__item {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        -webkit-box-flex: 0
    }
}

@media (min-width:860px) {
    .model,
    .models-page__list--odd .models-page__item,
    .tuning__item {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .model,
    .models-page__list--odd .models-page__item,
    .tuning__item {
        padding-right: 16px;
        padding-left: 16px
    }
}

.blockquote-container,
.modal,
.not-found,
.search-page__content {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:1200px) {
    .blockquote-container,
    .modal,
    .not-found,
    .search-page__content {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-flex: 0
    }
}

@media (min-width:860px) {
    .blockquote-container,
    .modal,
    .not-found,
    .search-page__content {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .blockquote-container,
    .modal,
    .not-found,
    .search-page__content {
        padding-right: 16px;
        padding-left: 16px
    }
}

.basket__container,
.info__content,
.news__details,
.text__content,
.thank__container {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:1200px) {
    .basket__container,
    .info__content,
    .news__details,
    .text__content,
    .thank__container {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        -webkit-box-flex: 0
    }
}

@media (min-width:860px) {
    .basket__container,
    .info__content,
    .news__details,
    .text__content,
    .thank__container {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .basket__container,
    .info__content,
    .news__details,
    .text__content,
    .thank__container {
        padding-right: 16px;
        padding-left: 16px
    }
}

.models-page__item,
.tuning__item {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:1600px) {
    .models-page__item,
    .tuning__item {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        -webkit-box-flex: 0
    }
}

@media (min-width:860px) {
    .models-page__item,
    .tuning__item {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .models-page__item,
    .tuning__item {
        padding-right: 16px;
        padding-left: 16px
    }
}

.blockquote-container,
.models-page__list--odd .models-page__item {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:1600px) {
    .blockquote-container,
    .models-page__list--odd .models-page__item {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        -webkit-box-flex: 0
    }
}

@media (min-width:860px) {
    .blockquote-container,
    .models-page__list--odd .models-page__item {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .blockquote-container,
    .models-page__list--odd .models-page__item {
        padding-right: 16px;
        padding-left: 16px
    }
}

.modal {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:1600px) {
    .modal {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        -webkit-box-flex: 0
    }
}

@media (min-width:860px) {
    .modal {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .modal {
        padding-right: 16px;
        padding-left: 16px
    }
}

.basket__container,
.news__details,
.text__content,
.thank__container {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:1600px) {
    .basket__container,
    .news__details,
    .text__content,
    .thank__container {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-flex: 0
    }
}

@media (min-width:860px) {
    .basket__container,
    .news__details,
    .text__content,
    .thank__container {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .basket__container,
    .news__details,
    .text__content,
    .thank__container {
        padding-right: 16px;
        padding-left: 16px
    }
}

.submodel__list {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:1600px) {
    .submodel__list {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        -webkit-box-flex: 0
    }
}

@media (min-width:860px) {
    .submodel__list {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .submodel__list {
        padding-right: 16px;
        padding-left: 16px
    }
}

.diski__list .submodel__list {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.accessories__list,
.basket__product-item,
.basket__product-row,
.breadcrumbs,
.card--slider .card__photo,
.card-full,
.checkout__form,
.contacts__row,
.copywriting,
.footer__menu .menu,
.footer__row,
.form-search__row,
.header__row,
.info,
.instagram,
.modal__form,
.modal__header,
.models,
.models-page__list,
.nav__row,
.news__list,
.our-works__list,
.section__row,
.submodel__tab,
.text,
.tuning__list,
.header__slider_mini {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-right: -8px;
    margin-left: -16px;
    margin-left: -8px
}

@media (min-width:860px) {
    .accessories__list,
    .basket__product-item,
    .basket__product-row,
    .breadcrumbs,
    .card--slider .card__photo,
    .card-full,
    .checkout__form,
    .contacts__row,
    .copywriting,
    .footer__menu .menu,
    .footer__row,
    .form-search__row,
    .header__row,
    .info,
    .instagram,
    .modal__form,
    .modal__header,
    .models,
    .models-page__list,
    .nav__row,
    .news__list,
    .our-works__list,
    .section__row,
    .submodel__tab,
    .text,
    .tuning__list,
    .header__slider_mini {
        margin-right: -10px;
        margin-left: -10px
    }
}

@media (min-width:1600px) {
    .accessories__list,
    .basket__product-item,
    .basket__product-row,
    .breadcrumbs,
    .card--slider .card__photo,
    .card-full,
    .checkout__form,
    .contacts__row,
    .copywriting,
    .footer__menu .menu,
    .footer__row,
    .form-search__row,
    .header__row,
    .info,
    .instagram,
    .modal__form,
    .modal__header,
    .models,
    .models-page__list,
    .nav__row,
    .news__list,
    .our-works__list,
    .section__row,
    .submodel__tab,
    .text,
    .tuning__list,
    .header__slider_mini {
        margin-right: -16px;
        margin-left: -16px
    }
}

.accessories__link-hover,
.card-full__photo-hover,
.card__slider-paginations,
.filters--product .filter-wrapper .filter,
.filters--product .filter-wrapper .filter__toggle,
.form-search__btn,
.gallery__hover,
.gallery__hover .circle,
.menu__link--tel .tooltip,
.menu__link.is-hidden-mobile,
.menu__toggle,
.modal,
.news__details-header .button {
    display: none
}

.card-full__characteristics-name,
.not-found .button--prev span {
    display: inline
}

.menu__link {
    display: inline-block
}

.accessories__list img,
.brand,
.brand img,
.card-full__slider .swiper-slide img,
.card__photo,
.card__photo img,
.card__slider-paginations .swiper-pagination-bullet,
.header__btn,
.menu__link--tel.is-visible-mobile,
.menu__link.is-visible-mobile,
.product-card__slider-pagination .item,
.product-card__slider img {
    display: block
}

.accessories-details__header,
.breadcrumbs__list,
.burger,
.card,
.card-full__info,
.card-full__info-content,
.card-full__photo,
.card-full__photo-hover .circle,
.contacts .section__btn,
.contacts__info,
.contacts__main,
.copywriting__item,
.fancybox-button--arrow_left,
.fancybox-button--arrow_right,
.filter,
.filter-wrapper .toggle,
.footer__contacts,
.footer__social,
.form-search__content,
.header__item,
.header__item-bg,
.header__item-content,
.header__slider-pagination,
.hide,
.hide__button,
.more,
.more__button,
.menu+.menu,
.menu__header,
.modal__form-item,
.modal__submit,
.model--all .model__hover,
.model__content,
.nav__container,
.news__details-footer,
.news__details-header,
.news__link,
.news__link-bg,
.not-found,
.product-card__slider-pagination,
.social,
.submodel__menu,
.submodel__menu-link,
.subscription,
.subscription__form,
.thank__footer,
.thank__header,
a.button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

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

@media (min-width:860px) {
    .burger,
    .filter-wrapper .toggle,
    .header__btn,
    .menu__header,
    .menu__link--tel.is-visible-mobile,
    .menu__link.is-visible-mobile,
    .product-card__slider-pagination,
    .product-card__slider-pagination .item {
        display: none
    }
    .card__slider-paginations,
    .form-search__btn,
    .menu__link--tel.is-hidden-mobile,
    .menu__link.is-hidden-mobile {
        display: block
    }
    .accessories__link-hover,
    .card-full__photo-hover,
    .filters--product .filter-wrapper .filter,
    .gallery__hover,
    .gallery__hover .circle,
    .menu__link--tel .tooltip,
    .menu__toggle,
    .news__details-header .button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:1350px) {
    .menu__toggle {
        display: none
    }
}

.card,
.card-full__info-content,
.card-full__photo-hover,
.contacts__info,
.contacts__main,
.gallery__hover,
.submodel__menu-link {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.filter {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start
}

.news__link,
.social {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end
}

.accessories-details__header,
.card-full__photo-hover,
.card-full__photo-hover .circle,
.contacts .section__btn,
.contacts__info,
.fancybox-button--arrow_left,
.fancybox-button--arrow_right,
.form-search__content,
.gallery__hover,
.gallery__hover .circle,
.header__item-bg,
.header__item-content,
.header__slider-pagination,
.hide,
.more,
.menu__link--tel .tooltip,
.modal__submit,
.model--all .model__hover,
.news__details-footer,
.news__item--big .news__link,
.news__link-bg,
.submodel__menu,
.thank__footer {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.contacts__main,
.footer__social,
.news__details-header {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

.contacts__info,
.footer__menu .menu,
.news__link {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start
}

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

.badge,
.card-full__photo-hover,
.card-full__photo-hover .circle,
.contacts .section__btn,
.fancybox-button--arrow_left,
.fancybox-button--arrow_right,
.filter,
.gallery__hover,
.gallery__hover .circle,
.header__item-bg,
.header__item-content,
.hide__button,
.more__button,
.model--all .model__hover,
.model__content,
.nav.is-scrolled .nav__container,
.news__link-bg,
.not-found,
.submodel__menu-link {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.card-full__info-content {
    -webkit-align-items: baseline;
    align-items: baseline;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline
}

a.button {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.icon--p90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon--m90 {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.icon use {
    stroke: currentColor;
    fill: currentColor
}

.toggle {
    -webkit-align-items: center;
    align-items: center;
    margin-top: 4px;
    margin-left: 18px;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.toggle:after,
.toggle:before,
.toggle__item {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e00022
}

.toggle__item {
    margin: 0 5px;
    -webkit-transition: margin .3s;
    -o-transition: margin .3s;
    transition: margin .3s
}

.toggle:after,
.toggle:before {
    position: relative;
    content: ""
}

.toggle:before {
    left: 0;
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s
}

.toggle:after {
    right: 0;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s
}

.toggle.is-active:before {
    left: 3px;
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s
}

.toggle.is-active:after {
    right: 3px;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s
}

.button {
    height: 45px;
    padding: 0 24px;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    border-radius: 35px;
    border: 2px solid transparent;
    background-color: #e00022;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.button .icon {
    width: 18px;
    height: 18px
}

.button>* {
    z-index: 1
}

.button:hover {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    background-color: transparent;
    color: #e00022
}

.button:hover .icon {
    color: #e00022
}

.button:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.button:before,
.button:hover:before {
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.button:before {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    border-radius: 35px;
    border: 2px solid #e00022;
    background-color: #fff;
    content: "";
    opacity: 0;
    z-index: 0
}

.button--circle {
    width: 50px;
    height: 50px;
    padding: 0
}

@media (min-width:1600px) {
    .button--circle {
        width: 70px;
        height: 70px
    }
}

.button--circle.animation-top {
    display: none
}

.button--circle .icon {
    width: 25px;
    height: 25px;
    color: #fff
}

@media (min-width:1600px) {
    .button--circle .icon {
        width: 38px;
        height: 38px
    }
}

.button--transparent {
    border-color: #fff;
    background-color: transparent
}

.button--transparent:hover {
    color: #fff
}

.button--transparent:before {
    border-color: #fff;
    background-color: transparent
}

.button--none-border {
    border: 0 none;
    color: #dc3545
}

.button--none-border span {
    text-decoration: underline
}

.button--none-border:before {
    content: none
}

.button--none-border:hover {
    color: #dc3545
}

.button--none-border:hover .icon {
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.button--none-border .icon,
.button--none-border:hover .icon {
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.button--big {
    min-width: 294px;
    height: 70px;
    padding: 0 50px;
    font-size: 22px
}

@media (max-width:1599.98px) {
    .button--big {
        min-width: auto;
        height: 44px;
        font-size: 14px
    }
}

.button--small {
    height: 30px;
    padding: 0 20px
}

.button--social {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 35px;
    border: 2px solid #757575;
    background-color: transparent
}

@media (min-width:1600px) {
    .button--social {
        width: 54px;
        height: 54px
    }
}

.button--social:hover .icon {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.button--social:before {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    background-color: transparent
}

.button--social .icon {
    width: 18px;
    height: 18px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    color: #757575
}

@media (min-width:1600px) {
    .button--social .icon {
        width: 28px;
        height: 28px
    }
}

@media (min-width:860px) {
    .button--prev .icon {
        margin-right: 10px
    }
}

@media (max-width:859.98px) {
    .button--prev {
        width: 45px;
        padding: 0
    }
    .button--prev span {
        display: none
    }
}

@media (min-width:860px) {
    .button--next .icon {
        margin-left: 10px
    }
}

@media (max-width:859.98px) {
    .button--next {
        width: 45px;
        padding: 0
    }
    .button--next span {
        display: none
    }
}

.badge {
    height: 30px;
    padding: 0 14px;
    border-radius: 6px;
    background-color: #e00022;
    color: #fff;
    font-size: 14px;
    line-height: 1
}

@media (min-width:860px) {
    .badge {
        height: 30px
    }
}

@media (min-width:1200px) {
    .badge {
        height: 34px;
        font-size: 16px
    }
}

@media (min-width:1600px) {
    .badge {
        height: 52px;
        padding: 0 18px;
        font-size: 25px
    }
}

.badge--small {
    height: 30px;
    padding: 0 12px;
    font-size: 14px
}

@media (min-width:860px) {
    .badge--small {
        height: 34px
    }
}

.badge--click {
    height: auto;
    min-height: 24px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer
}

.section {
    padding-top: 40px;
    padding-bottom: 60px;
    overflow: hidden
}

@media (min-width:860px) {
    .section {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

/*@media (min-width:1600px) {
    .section {
        padding-top: 182px
    }
}*/

.section__title {
    margin-bottom: 30px;
    padding-top: 30px;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:860px) {
    .section__title {
        margin-bottom: 40px;
        font-size: 40px
    }
}

@media (min-width:1600px) {
    .section__title {
        margin-bottom: 60px;
        padding-top: 50px;
        font-size: 50px
    }
}

.section__title:before {
    top: 0;
    left: calc(50% - 30px);
    width: 60px;
    height: 2px;
    content: ""
}

@media (max-width:859.98px) {
    .section__content--mob {
        width: 100%;
        max-width: 100%;
        padding: 0
    }
}

.section__btn {
    margin: 90px auto 0
}

.section--white {
    color: #1a1e1f
}

.section--white .section__title:before,
.section--white h2:before,
.section--white h3:before {
    background-color: #5f6263
}

.section--gray {
    background-color: #171717;
    color: #fff
}

.section--gray .section__title:before,
.section--gray h2:before,
.section--gray h3:before {
    background-color: #fff
}

.section--dark {
    background-color: #0d0d0d;
    color: #ebebeb
}

.section--dark .section__title:before,
.section--dark h2:before,
.section--dark h3:before {
    background-color: #a3a3a3
}

.text-wrapper {
    padding-top: 90px;
    padding-bottom: 70px
}

.text {
    line-height: 1.5
}

@media (max-width:859.98px) {
    .text {
        margin: 0
    }
}

@media (max-width:859.98px) {
    .text__content {
        padding: 0
    }
}

@media (min-width:1200px) {
    .text__content {
        margin-left: 16.66667%
    }
}

@media (min-width:1600px) {
    .text__content {
        margin-left: 25%
    }
}

.fixed-button {
    position: fixed;
    bottom: 10%;
    z-index: 40
}

.fixed-button--left {
    left: 5%
}

.fixed-button--right {
    right: 5%
}

.fixed-button.whatsapp {
    bottom: calc(12% + 50px);
    background:
        radial-gradient(#25d366 100%,transparent 0);
}
.fixed-button.callout {
    bottom: calc(12% + 113px);
}
.button.whatsapp a, 
.button.callout a,{
    display: block;
    position: relative;
}
.button.whatsapp:before {
    border-color: #25d366;
}
.button.whatsapp:hover .icon {
    color: #25d366;
}

@media (min-width: 1024px) {
    .fixed-button.callout {
        bottom: calc(12% + 119px);
    }
}

@media (min-width: 1600px) {
    .fixed-button.whatsapp {
        bottom: calc(12% + 70px);
    }

    .fixed-button.callout {
        bottom: calc(12% + 156px);
    }
}

.modal {
    margin: 0;
    padding: 60px 30px 50px;
    border-radius: 4px;
    color: #262626
}

.modal__header {
    margin-bottom: 40px
}

.modal__title {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:860px) {
    .modal__title {
        font-size: 30px
    }
}

.form__without_price_container {
    margin-bottom: 30px;
}
.form__subtitle {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 68%, .5);
    margin-top: 20px;
    margin-bottom: 15px;
}
@media (min-width:860px) {
    .form__subtitle {
        font-size: 26px
    }
}

.modal__form-item {
    position: relative;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse
}

.modal__form-item--big {
    margin-top: 30px
}

.modal__form-item label:not(.error) {
    margin-bottom: 6px
}

.modal__form-item label.error {
    position: absolute;
    top: 100%;
    color: #e00022;
    font-size: 12px
}

.modal__form-item input {
    height: 30px;
    border-width: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-radius: 0;
    border-bottom-color: #262626
}

.modal__form-item input:focus~label:last-child:not(.error) {
    top: 10px;
    font-size: 10px
}

.modal__form-item input:focus~label:last-child:not(.error),
.modal__form-item input~label:last-child:not(.error) {
    -webkit-transition: font .3s, top .3s, color .3s;
    -o-transition: font .3s, top .3s, color .3s;
    transition: font .3s, top .3s, color .3s
}

.modal__form-item input~label:last-child:not(.error) {
    top: 25px;
    height: 14px
}

.modal__form-item input~label:last-child:not(.error).value,
.modal__form-item input.valid~label:last-child:not(.error) {
    top: 10px;
    font-size: 10px
}

.modal__form-item textarea {
    height: auto;
    min-height: 60px;
    padding: 10px 15px;
    border-radius: 0;
    border: 1px solid #262626;
    resize: none
}

.modal__info {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #7d7d7d;
    font-size: 12px;
    text-align: center
}

@media (min-width:860px) {
    .modal__info {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

.modal__submit button {
    height: 50px;
    padding: 0 34px
}

.blockquote-wrapper {
    padding-top: 80px;
    padding-bottom: 50px
}

@media (min-width:860px) {
    .blockquote-wrapper {
        padding-top: 50px
    }
}

.blockquote-container {
    padding: 0
}

@media (min-width:860px) {
    .blockquote-container {
        margin-left: 8.33333%
    }
}

@media (min-width:1200px) {
    .blockquote-container {
        margin-left: 25%
    }
}

@media (min-width:1600px) {
    .blockquote-container {
        margin-left: 33.33333%
    }
}

.blockquote {
    color: #707070;
    font-size: 18px
}

@media (min-width:860px) {
    .blockquote {
        font-size: 28px;
        line-height: 42px
    }
}

.blockquote .icon {
    top: -50px;
    left: 0;
    width: 26px;
    height: 26px;
    color: #bdc4c7
}

@media (min-width:860px) {
    .blockquote .icon {
        top: 6px;
        left: -56px
    }
}

@media (max-width:859.98px) {
    body:not([data-template=index-page]) .nav__container {
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center
    }
    body:not([data-template=index-page]) .burger {
        top: 0
    }
    body:not([data-template=index-page]) .brand {
        width: 140px;
        height: 25px;
        -webkit-flex-basis: 140px;
        flex-basis: 140px;
        min-width: 140px
    }
    body:not([data-template=index-page]) .brand img {
        display: none!important
    }
    body:not([data-template=index-page]) .brand .icon {
        display: block!important;
        opacity: 1
    }
    body:not([data-template=index-page]) .nav {
        padding-top: 12px;
        padding-bottom: 12px
    }
    body:not([data-template=index-page]) .footer .brand {
        width: 140px;
        height: 60px
    }
    body:not([data-template=index-page]) .footer .brand img {
        display: block!important
    }
}

.brand {
    width: 126px;
    height: 56px;
    -webkit-transition: width .3s, height .3s;
    -o-transition: width .3s, height .3s;
    transition: width .3s, height .3s;
    -webkit-flex-basis: 126px;
    flex-basis: 126px;
    min-width: 126px
}

@media (min-width:860px) {
    .brand {
        width: 112px;
        height: 50px;
        margin-right: 40px;
        -webkit-flex-basis: 112px;
        flex-basis: 112px;
        min-width: 112px
    }
}

@media (min-width:1200px) {
    .brand {
        width: 148px;
        height: 66px;
        margin-right: 60px;
        -webkit-flex-basis: 148px;
        flex-basis: 148px;
        min-width: 148px
    }
}

@media (min-width:1600px) {
    .brand {
        margin-right: 106px;
    }
}

.brand img {
    opacity: 1
}

.brand .icon,
.brand img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.brand .icon {
    opacity: 0
}

.menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 0;
    padding-bottom: 26px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    background-color: #000;
    overflow: hidden;
    z-index: 55;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (max-width:859.98px) {
    .menu {
        padding-top: 56px
    }
}

@media (min-width:860px) {
    .menu {
        position: relative;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto;
        padding-bottom: 0;
        background-color: transparent;
        overflow: visible;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
}

@media (max-width:859.98px) {
    .menu.is-active {
        display: block;
        max-height: 100vh;
        overflow: auto;
        z-index: 100
    }
    .menu.is-active,
    .menu.is-active .menu__header {
        width: 80%;
        -webkit-transition: width .3s;
        -o-transition: width .3s;
        transition: width .3s
    }
    .menu.is-active .menu__header {
        z-index: 10
    }
}

.menu+.menu {
    position: static;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    margin: 0;
    padding: 0;
    background-color: inherit;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

@media (min-width:860px) {
    .menu+.menu {
        position: relative;
        margin-left: 25px;
    }
}

.menu+.menu .icon {
    position: static;
    width: 14px;
    height: 14px;
    color: #fff
}

@media (max-width:859.98px) {
    .menu+.menu .menu__list {
        min-width: 20px;
        margin: 0 7.5px 0 7.5px;
        padding: 2px 5px;
    }
}

.menu~.menu .menu__link {
    position: static;
    color: #fff
}

@media (min-width:860px) {
    .menu+.menu .menu__link {
        position: relative
    }
}

.menu__header {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-align-items: center;
    align-items: center;
    width: 0;
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: hsla(0, 0%, 100%, .1);
    background-color: #000;
    color: #e00022;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.menu__header .icon {
    width: 18px;
    height: 18px;
    margin-left: 16px
}

.menu__header span {
    margin-left: 8px;
    font-size: 14px
}

.menu__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 28px;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 600;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (min-width:860px) {
    .menu__list {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        padding-top: 0;
        padding-left: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center
    }
}

@media (min-width:1200px) {
    .menu__list {
        font-size: 16px
    }
}

@media (min-width:1600px) {
    .menu__list {
        font-size: 20px
    }
}

@media (min-width:860px) {
    .menu__list+.menu__list {
        position: relative;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 24px;
        padding-left: 25px;
        font-size: 14px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .menu__list+.menu__list:before {
        position: absolute;
        top: calc(50% - 20px);
        left: 0;
        width: 1px;
        height: 40px;
        background-color: hsla(0, 0%, 100%, .2);
        content: ""
    }
}

@media (min-width:1600px) {
    .menu__list+.menu__list {
        margin-left: 38px;
        padding-left: 39px;
        font-size: 16px
    }
}

@media (min-width:1350px) {
    .menu__list+.menu__list .menu__link {
        font-weight: 300
    }
}

@media (min-width:860px) and (max-width:1349.98px) {
    .menu__list+.menu__list.menu__list--toggle {
        position: absolute;
        top: calc(100% + 30px);
        left: calc(100% - 60px);
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 20px 12px;
        -webkit-transition: top .3s, opacity .3s;
        -o-transition: top .3s, opacity .3s;
        transition: top .3s, opacity .3s;
        border-radius: 6px;
        background-color: rgba(0, 0, 0, .9);
        opacity: 0;
        pointer-events: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start
    }
    .menu__list+.menu__list.menu__list--toggle:before {
        content: none
    }
    .menu__list+.menu__list.menu__list--toggle.is-visible {
        top: calc(100% + 10px);
        -webkit-transition: top .3s, opacity .3s;
        -o-transition: top .3s, opacity .3s;
        transition: top .3s, opacity .3s;
        opacity: 1;
        pointer-events: auto
    }
    .menu__list+.menu__list.menu__list--toggle .menu__item:before {
        content: none
    }
    .menu__list+.menu__list.menu__list--toggle .menu__item+.menu__item {
        margin-top: 15px;
        margin-left: 0
    }
    .menu__list+.menu__list.menu__list--toggle .menu__link {
        font-weight: 300;
        white-space: nowrap
    }
    .menu__list+.menu__list.menu__list--toggle .menu__link:hover {
        text-decoration: underline
    }
}

.menu__item:before {
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 1px;
    -webkit-transition: left .3s, width .3s;
    -o-transition: left .3s, width .3s;
    transition: left .3s, width .3s;
    background-color: #e0e0e0;
    content: ""
}

@media (min-width:860px) {
    .menu__item:hover:before {
        left: 0;
        width: 100%;
        -webkit-transition: left .3s, width .3s;
        -o-transition: left .3s, width .3s;
        transition: left .3s, width .3s
    }
}

.menu__item+.menu__item {
    margin-top: 26px
}

@media (min-width:860px) {
    .menu__item+.menu__item {
        margin-top: 0;
        margin-left: 24px
    }
}

@media (min-width:1600px) {
    .menu__item+.menu__item {
        margin-left: 25px
    }
}

.menu__link {
    position: relative;
    color: #e0e0e0;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer
}

@media (min-width:860px) {
    .menu__link {
        white-space: normal
    }
    .menu__link .button {
        display: none
    }
}

.menu__link.js-open-sub+.menu__list {
    display: none
}

@media (min-width:860px) {
    .menu__link.js-open-sub+.menu__list {
        display: none!important
    }
}

.menu__link.js-open-sub+.menu__list .menu__link {
    font-weight: 400
}

.menu__link.is-open {
    color: #e00022
}

.menu__link .icon {
    position: absolute;
    top: 6px;
    left: -20px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: hsla(0, 0%, 53%, .5);
    vertical-align: baseline;
}

.menu__link--tel {
    margin-right: 16px;
    font-size: 14px
}

.menu__link--tel .tel-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.menu__link--tel a span span {
    position: relative
}

.menu__link--tel a span span:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: hsla(0, 0%, 100%, .3);
    content: ""
}

@media (max-width:859.98px) {
    .menu__link--tel {
        position: absolute!important;
        line-height: 1
    }
    .menu__link--tel:before {
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        content: ""
    }
    .menu__link--tel a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center
    }
}

@media (min-width:860px) {
    .menu__link--tel {
        margin-right: 0
    }
    .menu__link--tel a {
        white-space: nowrap
    }
    .menu__link--tel a:hover:before {
        -webkit-transition: border .3s;
        -o-transition: border .3s;
        transition: border .3s;
        border-bottom-color: #fff
    }
    .menu__link--tel a:hover .tooltip {
        top: calc(100% + 15px);
        -webkit-transition: opacity .3s, top .3s;
        -o-transition: opacity .3s, top .3s;
        transition: opacity .3s, top .3s;
        opacity: 1;
        pointer-events: auto
    }
    .menu__link--tel .close {
        display: none
    }
}

@media (min-width:1600px) {
    .menu__link--tel {
        font-size: 16px
    }
}

.menu__link--tel:hover:before {
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
    border-bottom-color: #fff
}

@media (max-width:859.98px) {
    .menu__link--tel.is-hidden-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 100%;
        bottom: auto;
        left: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        padding: 30px 5%;
        -webkit-transition: bottom .3s, opacity .3s;
        -o-transition: bottom .3s, opacity .3s;
        transition: bottom .3s, opacity .3s;
        background-color: #000;
        opacity: 0;
        z-index: 100;
        pointer-events: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center
    }
    .menu__link--tel.is-hidden-mobile span {
        position: absolute
    }
    .menu__link--tel.is-hidden-mobile span span {
        position: relative;
        top: 30px;
        right: 0;
        left: 0;
        font-size: 20px
    }
    .menu__link--tel.is-hidden-mobile .tel-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        text-align: center;
        pointer-events: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center
    }
    .menu__link--tel.is-hidden-mobile .tel-list a {
        position: relative;
        margin-bottom: 0
    }
    .menu__link--tel.is-hidden-mobile .tel-list a+a {
        margin-top: 40px
    }
    .menu__link--tel.is-hidden-mobile .tooltip {
        display: inline-block;
        position: relative;
        top: 0;
        left: calc(50% - 160px);
        width: 320px;
        padding: 0;
        background-color: transparent;
        font-weight: 700;
        opacity: 1;
        pointer-events: none
    }
    .menu__link--tel.is-hidden-mobile .tooltip__text {
        margin-top: 50px
    }
    .menu__link--tel.is-hidden-mobile .close {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        z-index: 1
    }
    .menu__link--tel.is-hidden-mobile .close:after,
    .menu__link--tel.is-hidden-mobile .close:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #fff;
        content: ""
    }
    .menu__link--tel.is-hidden-mobile .close:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .menu__link--tel.is-hidden-mobile .close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .menu__link--tel.is-hidden-mobile .close__all {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.menu__link--tel .tooltip {
    top: calc(100% + 30px);
    left: -20px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 240px;
    padding: 12px 12px 16px;
    -webkit-transition: opacity .3s, top .3s;
    -o-transition: opacity .3s, top .3s;
    transition: opacity .3s, top .3s;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .7);
    color: #ababab;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.menu__link--tel .tooltip__region {
    padding-top: 2px;
    padding-left: 92px;
    font-size: 8px;
    font-weight: 400;
    text-transform: uppercase
}

.menu__link--tel .tooltip__text {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

.menu__link--tel .tooltip .icon {
    position: relative;
    width: 120px;
    height: 18px;
    margin: 0 auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #e00022
}

@media (max-width:859.98px) {
    .menu__link--search {
        position: relative!important
    }
    .menu__link--search:before {
        position: absolute;
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        content: ""
    }
}

.menu__link--search .icon {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media (max-width:859.98px) {
    #telephone:checked~.menu__link--tel,
    .menu .menu__list .menu__link--tel.visible {
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        opacity: 1;
        pointer-events: auto;
    }
    #telephone:checked~.menu__link--tel>:not(.close) {
        position: relative;
        z-index: 2
    }
    #telephone:checked~.menu__link--tel .tooltip {
        pointer-events: auto
    }
}

.burger {
    position: relative;
    top: -4px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 12px;
    height: 11px;
    margin-right: 30px;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

.burger:after,
.burger:before,
.burger__line {
    width: 100%;
    height: 1px;
    background-color: #fff
}

.burger:after,
.burger:before {
    content: ""
}

@media (max-width:859.98px) {
    .burger__line {
        position: relative
    }
    .burger__line:before {
        position: absolute;
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        content: ""
    }
}

.burger.is-active .burger__line:after {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    content: "";
    z-index: 1
}

.breadcrumbs {
    font-size: 14px
}

.breadcrumbs__item:after {
    margin-left: 12px;
    color: #ababab;
    content: "\203A"
}

.breadcrumbs__item+.breadcrumbs__item {
    margin-left: 12px
}

.breadcrumbs:not(.element_page) .breadcrumbs__item:last-child .breadcrumbs__link {
    text-decoration: none;
    pointer-events: none;
}

.breadcrumbs__item:last-child:after {
    content: none
}

@media (max-width:859.98px) {
    .breadcrumbs__item {
        display: none
    }
    .breadcrumbs__item:first-child {
        display: inline
    }
    .breadcrumbs__item:first-child:before {
        margin-right: 12px;
        color: #ababab;
        content: "\2039"
    }
    .breadcrumbs__item:first-child:after {
        content: none
    }
}

.breadcrumbs__link {
    color: #ababab;
    text-decoration: underline
}

.filters {
    padding-top: 0
}

@media (max-width:859.98px) {
    .filters--product .filter-wrapper {
        padding: 0
    }
}

.filters--product .filter-wrapper .filter {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start
}

@media (min-width:860px) {
    .filters--product .filter-wrapper .filter__item {
        font-size: 12px;
        text-transform: uppercase
    }
}

@media (min-width:1200px) {
    .filters--product .filter-wrapper .filter__item {
        font-size: 18px
    }
}

@media (max-width:859.98px) {
    .filter-content {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #2e2e2e
    }
}

.filter-wrapper {
    position: relative;
    padding-top: 16px;
    padding-right: 30px;
    padding-bottom: 16px
}

@media (min-width:860px) {
    .filter-wrapper {
        max-height: none;
        padding-top: 20px;
        padding-right: 0;
        padding-bottom: 20px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #2e2e2e
    }
}

.filter-wrapper .toggle {
    position: absolute;
    top: 16px;
    right: 0;
    height: 20px
}

.filter {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 28px;
    line-height: 2
}

@media (max-width:859.98px) {
    .filter {
        overflow: hidden
    }
    .filter.is-active {
        max-height: none
    }
}

@media (min-width:860px) {
    .filter {
        -webkit-justify-content: center;
        justify-content: center;
        max-height: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center
    }
}

.filter__item {
    margin-right: 12px;
    font-size: 14px
}

@media (min-width:860px) {
    .filter__item {
        margin-right: 20px;
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .filter__item {
        margin-right: 30px;
        font-size: 28px
    }
}

.filter__item:hover .filter__level2-wrapper {
    top: 90%;
    -webkit-transition: opacity .3s, top .3s;
    -o-transition: opacity .3s, top .3s;
    transition: opacity .3s, top .3s;
    opacity: 1;
    z-index: 10;
    pointer-events: auto
}

.filter__link {
    cursor: pointer
}

.filter__link:not(.no-link):before {
    bottom: 0;
    width: 0;
    height: 2px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    background-color: #e00022;
    content: ""
}

.filter__link.is-active:before,
.filter__link:hover:before {
    width: 100%;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.filter__link.is-active:not(.is-element) {
    pointer-events: none
}

.filter__level2-wrapper {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    padding-top: 10px;
    -webkit-transition: opacity .3s, top .3s;
    -o-transition: opacity .3s, top .3s;
    transition: opacity .3s, top .3s;
    opacity: 0;
    pointer-events: none
}

.filter__level2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 10px 16px;
    border-radius: 3px;
    background-color: #e6e6e6;
    line-height: 1
}

@media (min-width:1200px) {
    .filter__level2 {
        padding: 15px 20px
    }
}

.filter__level2:after {
    position: absolute;
    top: -7px;
    left: 20px;
    width: 0;
    height: 0;
    border-width: 0 4px 7px;
    border-style: solid;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #e6e6e6;
    content: ""
}

@media (min-width:1200px) {
    .filter__level2:after {
        left: 30px
    }
}

.filter__level2-item {
    color: #363636;
    font-size: 12px
}

@media (min-width:1200px) {
    .filter__level2-item {
        font-size: 14px
    }
}

.filter__level2-item+.filter__level2-item {
    margin-left: 16px
}

@media (min-width:1200px) {
    .filter__level2-item+.filter__level2-item {
        margin-left: 20px
    }
}

.filter__level2-link,
.filter__level2-link:hover {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.filter__level2-link.is-active,
.filter__level2-link:hover {
    color: #e00022
}

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

@media (max-width:859.98px) {
    .small-basket {
        position: absolute;
        top: 60px;
        right: 0;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #e00022;
        z-index: 10
    }
}

.small-basket__label {
    margin-left: 2px;
    color: #fff;
    font-size: 14px
}

@media (min-width:860px) {
    .small-basket__label {
        margin-left: 6px;
        color: #e00022;
        font-size: 16px
    }
    .small-basket__label:before {
        content: "("
    }
    .small-basket__label:after {
        content: ")"
    }
}

.small-basket .icon {
    width: 22px;
    min-width: 22px;
    height: 22px
}

@media (min-width:860px) {
    .small-basket .icon {
        width: 24px;
        min-width: 24px;
        height: 24px
    }
}

.card {
    margin-bottom: 30px;
    padding-bottom: 10px
}

@media (min-width:860px) {
    .card {
        padding-bottom: 20px
    }
}

.card__photo {
    overflow: hidden
}

.card__photo:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    content: "";
    z-index: 3
}

.card__photo:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.card__photo:hover img,
.card__photo img {
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.card__name {
    margin-top: 16px;
    margin-bottom: 24px
}

@media (min-width:860px) {
    .card__name {
        margin-top: 24px
    }
}

@media (min-width:1200px) {
    .card__name {
        margin-top: 38px;
        margin-bottom: 26px
    }
}

.card__link {
    font-size: 20px
}

@media (min-width:1200px) {
    .card__link {
        font-size: 28px
    }
}

.card__characteristics {
    margin-left: 20px;
    color: #ababab;
    font-size: 14px
}

.card__characteristics a:hover {
    text-decoration: underline
}

.card__characteristics-item:before {
    top: 0;
    left: -16px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    content: "\2022"
}

.card__characteristics-item+li {
    margin-top: 12px
}

@media (min-width:860px) {
    .card__slider-paginations .swiper-pagination-bullet {
        height: calc(100% / 3 - 40px/3);
        margin-bottom: 20px;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        border-radius: 0;
        background-position: 50%;
        background-size: cover;
        opacity: .7
    }
    .card__slider-paginations .swiper-pagination-bullet:hover {
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        opacity: 1
    }
}

@media (min-width:1600px) {
    .card__slider-paginations .swiper-pagination-bullet {
        height: calc(100% / 3 - 64px/3);
        margin-bottom: 32px
    }
}

.card__slider-paginations .swiper-pagination-bullet:focus {
    outline: 0 none
}

.card__slider-paginations .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.card--slider .card__photo:before {
    content: none
}

.card--slider .card__photo img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.card--slider .card__photo .swiper-wrapper:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.card--slider .card__name {
    margin-bottom: 0
}

@media (min-width:860px) {
    .card--slider .card__name {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .card--slider .card__name {
        margin-bottom: 10px;
        font-size: 28px
    }
}

.card-full {
    font-size: 14px
}

.card-full__info {
    padding-right: 0
}

@media (max-width:859.98px) {
    .card-full__info {
        -webkit-order: 2;
        order: 2;
        padding: 20px calc(5% + 8px) 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2
    }
}

.card-full__info .scrollbar-inner {
    width: 100%
}

@media (min-width:860px) {
    .card-full__info .scrollbar-inner {
        padding-right: 20px
    }
}

.card-full__info-content>* {
    max-width: 100%
}

.card-full__name {
    margin-bottom: 24px
}

.card-full__link {
    font-size: 18px;
    position: relative;
}

.card-full__link:after {
    position: relative;
    right: -8px;
    content: "";
    width: 12px;
    height: 13px;
    display: inline-block;
    background: url(/local/templates/brabus/css/../icon/sign.svg) 0 0 no-repeat;
    background-size: contain;
}

.card-full__label {
    margin-bottom: 24px;
    color: #ababab;
    line-height: 1.5
}

.card-full__characteristics {
    width: 100%;
    padding-bottom: 30px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ababab
}

.card-full__characteristics~.card-full__characteristics {
    margin-top: 26px
}

.card-full__characteristics-item .card-full__label {
    margin-top: 2px;
    margin-bottom: 0
}

.card-full__characteristics-item+.card-full__characteristics-item {
    margin-top: 20px
}

.card-full__characteristics-main {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-right: 100px;
    color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

.card-full__characteristics-main:before {
    bottom: 2px;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #ababab;
    content: "";
    z-index: 1
}

.card-full__characteristics-main.card-full__characteristics-stock {
    margin-bottom: 40px;
    /*padding-bottom: 25px;*/
}
.card-full__characteristics-main.card-full__characteristics-stock:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ababab;
    content: "";
    z-index: 1
}

.card-full__characteristics-name {
    max-width: 80%;
    background-color: #0d0d0d;
    z-index: 2
}

.card-full__characteristics-price {
    right: 0;
    bottom: 0;
    background-color: #0d0d0d;
    text-align: right;
    white-space: nowrap;
    z-index: 2
}

.card-full .badge,
.card-full__price {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end
}

.card-full__price {
    margin-top: 24px;
    margin-bottom: 18px;
    font-size: 20px
}

.card-full__photo {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start
}

@media (max-width:859.98px) {
    .card-full__photo {
        -webkit-order: 1;
        order: 1;
        padding: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1
    }
}

.tuning__item .card-full__photo {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    padding-right: 0;
    padding-left: 0;
}

.card-full__slider {
    max-width: 100%
}

.card-full__slider .swiper-slide .card-full__photo-hover {
    top: 0;
    right: 35%;
    bottom: 0;
    left: 35%;
    width: 30%
}

.card-full__photo-hover {
    top: 0;
    width: 35%;
    height: 100%;
    padding-bottom: 30px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    background-color: rgba(0, 0, 0, .5);
    background-image: url(/local/templates/brabus/css/../images/hover.png);
    background-repeat: no-repeat;
    background-position: center 200px;
    background-size: 700px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    z-index: 3
}

@media (min-width:860px) {
    .card-full__photo-hover {
        background-position: center 150px;
        background-size: 500px
    }
}

@media (min-width:1200px) {
    .card-full__photo-hover {
        background-position: center 230px;
        background-size: 700px;
        font-size: 20px
    }
    .card-full__photo-hover .icon {
        width: 26px;
        height: 26px
    }
}

.card-full__photo-hover:hover {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1
}

.card-full__photo-hover:hover:focus {
    outline: 0 none
}

.card-full__photo-hover .circle {
    width: 36px;
    height: 36px;
    margin-top: 24px;
    border-radius: 50%;
    border: 2px solid #fff
}

.card-full__photo-hover .circle .icon {
    width: 20px;
    height: 20px
}

@media (min-width:1200px) {
    .card-full__photo-hover .circle {
        width: 46px;
        height: 46px
    }
    .card-full__photo-hover .circle .icon {
        width: 26px;
        height: 26px
    }
}

.card-full__photo-hover--prev {
    left: 0
}

.card-full__photo-hover--prev .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.card-full__photo-hover--prev.swiper-button-disabled:hover {
    opacity: .2
}

.card-full__photo-hover--next {
    right: 0
}

.card-full__photo-hover--next .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.card-full__photo-hover--next.swiper-button-disabled:hover {
    opacity: .2
}

.card-full .scrollbar-inner>.scroll-element.scroll-y {
    width: 6px
}

.card-full .scrollbar-inner>.scroll-element .scroll-bar,
.card-full .scrollbar-inner>.scroll-element .scroll-element_outer,
.card-full .scrollbar-inner>.scroll-element .scroll-element_track,
.card-full .scrollbar-inner>.scroll-element.scroll-y .scroll-element_outer {
    border-radius: 0!important
}

.card-full .scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #4a4a4a
}

.fancybox-button--arrow_left,
.fancybox-button--arrow_right {
    width: 46px;
    height: 46px;
    margin-top: 24px;
    border-radius: 50%;
    border: 2px solid #fff
}

.fancybox-button--arrow_left .icon,
.fancybox-button--arrow_right .icon {
    width: 26px;
    height: 26px
}

.fancybox-button--arrow_left {
    left: 0
}

.fancybox-button--arrow_left .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.fancybox-button--arrow_right {
    right: 0
}

.fancybox-button--arrow_right .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.product-card {
    padding-top: 88px;
    padding-bottom: 0
}

@media (min-width:860px) {
    .product-card {
        padding-top: 0
    }
}

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

.product-card.tuning .filter-wrapper {
    -webkit-justify-content: center;
    justify-content: center;
}

.product-card__content-wrapper .card-full__characteristics-main + .product-card__price {
    text-align: right;
}

.product-card__content-wrapper .card-full__characteristics-main + .product-card__price span {
    display: inline-block;
    padding-top: 0px;
    margin-top: 18px;
    border-top: 1px solid #e00022;
}
@media (max-width:859.98px) {
    .product-card__row {
        position: relative;
        margin: 0
    }
}

@media (max-width:859.98px) {
    .product-card__content-wrapper {
        position: static;
        padding: 0 calc(5% + 8px) 44px
    }

    .product-card__content-wrapper {
        padding-top: 40px
    }
}

@media (min-width:860px) {
    .product-card__content-wrapper {
        height: 100%;
        padding-top: 60px;
        padding-bottom: 34px
    }
}

/*@media (min-width:1200px) {
    .product-card__content-wrapper {
        padding-top: 60px
    }
}*/



.product-card .scrollbar-inner>.scroll-element.scroll-y {
    width: 6px
}

.product-card .scrollbar-inner>.scroll-element .scroll-bar,
.product-card .scrollbar-inner>.scroll-element .scroll-element_outer,
.product-card .scrollbar-inner>.scroll-element .scroll-element_track,
.product-card .scrollbar-inner>.scroll-element.scroll-y .scroll-element_outer {
    border-radius: 0!important
}

.product-card .scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #4a4a4a
}

.product-card .button {
    margin-top: 30px;
    margin-bottom: 40px
}

.product-card .button.button--small {
    height: auto;
    min-height: 35px;
}

@media (max-width:859.98px) {
    .product-card__name {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: -88px;
        left: 0;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 88px;
        padding: 0 5%;
        font-size: 20px;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center
    }
}

@media (min-width:1200px) {
    .product-card__content>* {
        max-width: 90%
    }

    .product-card__name {
        font-size: 24px
    }

    .product-card .button + .button {
        margin-top: -15px;
    }
}

@media (min-width:1600px) {
    .product-card__name {
        font-size: 28px
    }
}

.product-card__code {
    margin-top: 8px;
    color: #949494;
    font-size: 14px
}

@media (min-width:860px) {
    .product-card__code {
        margin-top: 20px;
        margin-bottom: 30px
    }
}

.product-card__price {
    margin-bottom: 8px;
    color: #e00022;
    font-size: 25px;
    font-weight: 700
}

@media (min-width:1200px) {
    .product-card__price {
        margin-bottom: 8px
    }
}

.product-card__status {
    color: #949494;
    font-size: 16px
}

.product-card__info {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px
}

@media (min-width:1200px) {
    .product-card__info {
        font-weight: 400
    }
}

.product-card__info p+p {
    margin-top: 30px
}

.product-card__info ul {
    margin-left: 20px
}

.product-card__info li:before {
    top: 0;
    left: -15px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    color: #e00022;
    content: "\2022"
}

@media (max-width:859.98px) {
    .product-card__slider-container {
        padding: 0
    }
}

.product-card__slider-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 30px!important;
    left: 0;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    z-index: 3;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.product-card__slider-pagination .item {
    position: relative;
    width: 28px;
    height: 2px;
    background-color: #e00022;
    cursor: pointer
}

.product-card__slider-pagination .item:before {
    position: absolute;
    top: -20px;
    right: 0;
    bottom: -20px;
    left: 0;
    content: ""
}

.product-card__slider-pagination .item.is-active {
    background-color: #fff
}

.product-card__slider-pagination .item.is-active:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #e00022;
    content: "";
    -webkit-animation: Cb 5s;
    animation: Cb 5s
}

.product-card__slider-pagination .item.is-active~.item {
    background-color: #fff
}

.product-card__slider-pagination .item+.item {
    margin-left: 7px
}

@-webkit-keyframes Cb {
    0% {
        width: 0
    }
    to {
        width: 28px
    }
}

@keyframes Cb {
    0% {
        width: 0
    }
    to {
        width: 28px
    }
}

.form-search.visible {
    height: auto;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1;
    display: block;
    pointer-events: auto;
}

@media (min-width:860px) {
    #search-button:checked~.nav__row {
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        opacity: 0;
    }
}

#search-button:checked~.nav__row [for=search-button]:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
}

.form-search {
    top: 100%;
    right: 0;
    left: 0;
    width: 100%;
    height: 500px;
    padding-right: 8px;
    padding-bottom: 20px;
    padding-left: 8px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    /*background: rgba(0, 0, 0, .3);*/
    background: #000;
    opacity: 0;
    display: none;
    overflow: hidden;
    z-index: 2;
    pointer-events: none
}

@media (min-width:860px) {
    .form-search {
        top: 0;
        bottom: -52px;
        padding-right: 10px;
        padding-bottom: 40px;
        padding-left: 10px
    }
}

@media (min-width:1600px) {
    .form-search {
        padding-right: 16px;
        padding-left: 16px
    }
}

.form-search .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 1
}

.form-search .close:after,
.form-search .close:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    content: ""
}

.form-search .close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form-search .close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.form-search .close__all {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.form-search__row {
    height: 100%
}

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

.form-search__label {
    top: 26px;
    min-height: 24px;
    -webkit-transition: font .3s, top .3s;
    -o-transition: font .3s, top .3s;
    transition: font .3s, top .3s;
    font-size: 14px
}

@media (min-width:860px) {
    .form-search__label {
        min-height: 27px;
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .form-search__label {
        min-height: 33px;
        font-size: 24px
    }
}

.form-search__input {
    height: 40px;
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-radius: 0;
    border-bottom-color: hsla(0, 0%, 71%, .5);
    background-color: transparent;
    color: hsla(0, 0%, 100%, 0)
}

.form-search__input:focus {
    outline: none;
    color: #fff
}

.form-search__input:focus~.form-search__label {
    top: 10px;
    -webkit-transition: font .3s, top .3s;
    -o-transition: font .3s, top .3s;
    transition: font .3s, top .3s;
    font-size: 10px
}

@media (min-width:860px) {
    .form-search__input:focus~.form-search__label {
        font-size: 16px
    }
}

.form-search__input:focus:invalid {
    color: #e00022
}

.form-search__input:valid~.form-search__btn {
    pointer-events: auto
}

.form-search__btn {
    right: 8px;
    bottom: 31px;
    width: 14px;
    height: 14px;
    border: 0 none;
    background: transparent;
    pointer-events: none
}

@media (min-width:860px) {
    .form-search__btn {
        right: 10px
    }
}

@media (min-width:1200px) {
    .form-search__btn {
        bottom: 36px
    }
}

@media (min-width:1600px) {
    .form-search__btn {
        right: 16px;
        bottom: 37px
    }
}

.form-search__btn .icon {
    width: 14px;
    height: 14px;
    color: #fff
}

.social__item+.social__item {
    margin-left: 10px
}

@media (min-width:860px) {
    .social__item+.social__item {
        margin-left: 16px
    }
}

@media (min-width:1600px) {
    .social__item+.social__item {
        margin-left: 24px
    }
}

.subscription__form-input,
.subscription__form-submit {
    height: 34px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid transparent;
    background-color: #000;
    color: inherit;
    font-size: 12px
}

@media (min-width:1600px) {
    .subscription__form-input,
    .subscription__form-submit {
        height: 50px;
        padding: 0 20px;
        font-size: 16px
    }
}

.subscription {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-left: auto;
    color: #8a8a8a;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (min-width:860px) {
    .subscription {
        max-width: 320px
    }
}

@media (min-width:1600px) {
    .subscription {
        max-width: 500px
    }
}

.subscription__info {
    margin-bottom: 16px;
    font-size: 16px;
    text-align: center
}

@media (min-width:860px) {
    .subscription__info {
        text-align: left
    }
}

@media (min-width:1600px) {
    .subscription__info {
        font-size: 22px
    }
}

.subscription__form {
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    margin-top: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center
}

@media (min-width:860px) {
    .subscription__form {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        /*flex-wrap: wrap;*/
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
}

.subscription__form label.error {
    position: absolute;
    top: 100%;
    color: #e00022;
    font-size: 14px
}

.subscription__form-input {
    width: 100%
}

@media (min-width:860px) {
    .subscription__form-input {
        margin-right: 22px
    }
}

.subscription__form-submit {
    width: 110px;
    margin-top: 10px;
}

@media (min-width:860px) {
    .subscription__form-submit {
        width: 180px;
        margin-top: 0;

    }
}

.subscription .social {
    margin-top: 35px;
}

.copywriting {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (min-width:1200px) {
    .copywriting {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
}

@media (min-width:1600px) {
    .copywriting {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: 18px
    }
}

.copywriting__item {
    text-align: center
}

@media (min-width:1200px) {
    .copywriting__item {
        text-align: left
    }
}

.copywriting__item--center {
    text-align: center
}

.copywriting__item--icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 300px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

@media (min-width:1200px) {
    .copywriting__item--icon {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end
    }
}

.copywriting__item--icon a,
.copywriting__item--icon a svg {
    display: block
}

.copywriting__item+.copywriting__item {
    margin-top: 20px
}

@media (min-width:1200px) {
    .copywriting__item+.copywriting__item {
        margin-top: 0;
        margin-left: 20px
    }
}

.hide {
    margin-top: 40px
}

@media (min-width:1600px) {
    .hide {
        margin-top: 70px
    }
}

.hide.is-hide .hide__text:before {
    content: ""
}

.hide.is-hide .hide__text:after {
    content: attr(data-show)
}

.hide.is-hide .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    animation-direction: reverse
}

.hide__button {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
    color: #919191;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.hide__button,
.hide__button:hover {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.hide__button:hover {
    color: #e6e6e6
}

.hide__button .icon {
    width: 24px;
    height: 24px;
    -webkit-animation: Db 1s ease-in-out;
    animation: Db 1s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (min-width:1600px) {
    .hide__button .icon {
        width: 30px;
        height: 30px
    }
}

.hide__text {
    margin-top: 6px;
    font-size: 16px
}

@media (min-width:1600px) {
    .hide__text {
        font-size: 22px
    }
}

.hide__text:before {
    content: attr(data-hide)
}

.hide__text:after {
    content: ""
}

@-webkit-keyframes Db {
    0% {
        bottom: 0;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        bottom: 30px;
        opacity: 0
    }
}

@keyframes Db {
    0% {
        bottom: 0;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        bottom: 30px;
        opacity: 0
    }
}

.more {
    margin-top: 20px
}

@media (min-width:1600px) {
    .more {
        margin-top: 30px
    }
}

.more .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    animation-direction: reverse
}

.more__button {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
    color: #919191;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    position: relative;
}

.more__button,
.more__button:hover {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.more__button:hover {
    color: #e6e6e6
}

.more__button .icon {
    position: absolute;
    right: -30px;
    top: 4px;
    width: 20px;
    height: 20px;
    -webkit-animation: Db2 1s ease-in-out;
    animation: Db2 1s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (min-width:1600px) {
    .more__button .icon {
        top: 5px;
        width: 26px;
        height: 26px
    }
}

.more__text {
    margin-top: 6px;
    font-size: 16px
}

@media (min-width:1600px) {
    .more__text {
        font-size: 22px
    }
}

.more__text:before {
    content: attr(data-hide)
}

.more__text:after {
    content: ""
}

@-webkit-keyframes Db2 {
    0% {
        right: -30px;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        bottom: -60px;
        opacity: 0
    }
}

@keyframes Db2 {
    0% {
        right: -30px;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        right: -60px;
        opacity: 0
    }
}

@media (max-width:859.98px) {
    .models {
        margin: 0
    }
}

.model {
    padding: 0
}

.model:hover .model__info,
.model:hover .model__title {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
    pointer-events: none
}

.model:hover .model__hover {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1;
    overflow: hidden;
}

.model:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(18, 20, 22, .6);
    content: "";
    z-index: 1
}

.model:hover .model__hover:before {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(18, 20, 22, .15);
    content: "";
    z-index: 1
}

.model .button {
    margin-top: auto
}

@media (max-width:859.98px) {
    .model .button {
        margin-top: 20px
    }
}

@media (max-width:1599.98px) {
    .model .button {
        min-width: auto;
        height: 44px;
        font-size: 14px
    }
}

.model__picture {
    display: block;
    height: auto
}

.model__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    background-position: 50%;
    background-size: cover;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

@media (min-width:860px) {
    .model__content {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: 70px 20px 40px;
        -webkit-box-pack: start;
        -ms-flex-pack: start
    }
}

@media (min-width:1600px) {
    .model__content {
        padding: 100px 20px 40px
    }
}

.model__title {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    font-size: 26px;
    text-transform: uppercase;
    opacity: 1;
    z-index: 2
}

@media (min-width:860px) {
    .model__title {
        font-size: 34px
    }
}

@media (min-width:1200px) {
    .model__title {
        font-size: 36px
    }
}

@media (min-width:1600px) {
    .model__title {
        font-size: 52px
    }
}

.model__hover {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50%;
    background-size: cover;
    opacity: 0
}

.model__hover,
.model__info {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 2
}

.model__info {
    margin-top: 20px;
    font-size: 14px;
    opacity: 1
}

@media (min-width:1600px) {
    .model__info {
        font-size: 22px
    }
}

.model .button {
    z-index: 2
}

.model--all .model__hover,
.model--all:hover .model__title {
    opacity: 1
}

.model--all .model__title {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 26px;
    font-weight: 400
}

@media (min-width:860px) {
    .model--all .model__title {
        font-size: 30px
    }
}

@media (min-width:1600px) {
    .model--all .model__title {
        font-size: 44px
    }
}

.model--all .icon {
    top: 2px;
    width: 26px;
    height: 26px;
    margin-left: 14px;
    color: #e00022;
    -webkit-animation: Eb 1s ease-in-out;
    animation: Eb 1s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (min-width:1600px) {
    .model--all .icon {
        width: 42px;
        height: 42px;
        margin-left: 20px
    }
}

@-webkit-keyframes Eb {
    0% {
        left: 0;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        left: 30px;
        opacity: 0
    }
}

@keyframes Eb {
    0% {
        left: 0;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        left: 30px;
        opacity: 0
    }
}

.submodel {
    padding-top: 0
}

.submodel__tab {
    display: none
}

.submodel__tab.is-active {
    display: block
}

.submodel__tab .card-full {
    margin-top: 60px
}

.submodel .filter-wrapper {
    width: 100%;
    text-transform: uppercase
}

@media (max-width:859.98px) {
    .card-full, .submodel__tab .card-full {
        margin: 40px 0 0
    }

    .submodel__tab .submodel__list .card-full:first-child {
        margin-top: 0;
    }

    .product-card {
        padding-top: 5px;
    }

    .submodel .filter-wrapper {
        padding-right: 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #2e2e2e
    }
    .submodel .filter-wrapper .filter {
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center
    }
    .submodel .filter-wrapper .filter__toggle {
        display: none
    }
}

@media (max-width:859.98px) {
    .submodel .section__row .section__row {
        margin: 0
    }
}

@media (max-width:859.98px) {
    .submodel__list {
        padding: 0
    }
}

@media (min-width:1600px) {
    .submodel__list {
        margin-left: 8.33333%
    }
    .diski__list .submodel__list {
        margin-left: 0;
    }
}

.submodel__list-tab {
    display: none
}

.submodel__list-tab.is-active {
    display: block
}

.submodel__list-tab.tuning__list.is-active {
    display:flex;
}

@media (max-width:859.98px) {
    .submodel__menu-wrapper {
        padding: 0
    }
}

.submodel__menu {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #2e2e2e
}

@media (max-width:859.98px) {
    .submodel__menu {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0
    }
}

@media (min-width:1600px) {
    .submodel__menu {
        padding-top: 50px;
        padding-bottom: 60px
    }
}

@media (max-width:859.98px) {
    .submodel__menu-item {
        width: 33.3%;
        margin-bottom: 30px
    }
}

@media (min-width:860px) {
    .submodel__menu-item+.submodel__menu-item {
        margin-left: 40px
    }
}

@media (min-width:1200px) {
    .submodel__menu-item+.submodel__menu-item {
        margin-left: 60px
    }
}

@media (min-width:1600px) {
    .submodel__menu-item+.submodel__menu-item {
        margin-left: 100px
    }
}

.submodel__menu-link {
    color: #ababab;
    font-size: 14px
}

.submodel__menu-link span {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media (min-width:1200px) {
    .submodel__menu-link {
        font-size: 16px
    }
}

.submodel__menu-link:hover span {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    color: #e00022
}

.submodel__menu-link .icon {
    width: 44px;
    height: 44px;
    margin-bottom: 14px
}

@media (min-width:860px) {
    .submodel__menu-link .icon {
        width: 64px;
        height: 64px;
        margin-bottom: 24px
    }
}

.submodel__menu-link.is-active {
    pointer-events: none
}

.submodel__menu-link.is-active span {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    color: #e00022
}

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

.accessories__list {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0
}

@media (min-width:860px) {
    .accessories__list {
        margin-top: 64px;
        margin-bottom: 64px
    }
}

.accessories__list .accessories__list {
    margin: 0
}

.accessories__item,
.accessories__item.small {
    padding: 0
}

@media (min-width:860px) {
    .accessories__item.small .accessories__link-name {
        font-size: 16px
    }
}

.accessories__link {
    display: block;
    position: relative
}

.accessories__link:hover .accessories__link-hover {
    opacity: 1
}

.accessories__link-hover,
.accessories__link:hover .accessories__link-hover {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.accessories__link-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-right: 10%;
    padding-bottom: 15%;
    padding-left: 10%;
    background-color: rgba(0, 0, 0, .65);
    background-image: url(/local/templates/brabus/css/../images/hover.png);
    background-repeat: no-repeat;
    background-position: 111% -556%;
    background-size: 150%;
    text-align: center;
    opacity: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.accessories__link-name {
    max-width: 100%
}

@media (min-width:860px) {
    .accessories__link-name {
        margin-bottom: 18px;
        font-size: 22px;
        font-weight: 700
    }
}

@media (min-width:1600px) {
    .accessories__link-name {
        margin-bottom: 30px
    }
}

.accessories__link-price {
    font-size: 22px
}

.accessories-details {
    padding-top: 0;
    padding-bottom: 0
}

.accessories-details__header {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:1600px) {
    .accessories-details__header {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.accessories-details__header .button+.button {
    margin-left: 16.66667%
}

.news {
    padding-top: 30px;
    padding-bottom: 40px
}

@media (min-width:860px) {
    .news {
        padding-top: 40px
    }
}

@media (min-width:1200px) {
    .news {
        padding-top: 86px;
        padding-bottom: 86px
    }
}

.news__list {
    margin-bottom: -30px
}

@media (max-width:859.98px) {
    .news__list {
        margin: 0
    }
}

.news__item {
    height: 195px;
    color: #fff
}

@media (max-width:859.98px) {
    .news__item {
        padding: 0
    }
}

@media (min-width:860px) {
    .news__item {
        height: 232px;
        padding-bottom: 30px
    }
}

@media (min-width:1200px) {
    .news__item {
        height: 360px
    }
}

@media (min-width:1600px) {
    .news__item {
        height: 440px
    }
}

.news__item .news__link-bg:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background-image: linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, .8))
}

.news__item--big {
    height: 390px
}

@media (min-width:860px) {
    .news__item--big {
        height: 464px
    }
}

@media (min-width:1200px) {
    .news__item--big {
        height: 720px
    }
}

@media (min-width:1600px) {
    .news__item--big {
        height: 880px
    }
}

.news__item--big .news__link-bg:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .64)), to(rgba(0, 0, 0, .64)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .64), rgba(0, 0, 0, .64));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .64), rgba(0, 0, 0, .64));
    background-image: linear-gradient(top, rgba(0, 0, 0, .64), rgba(0, 0, 0, .64));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .64), rgba(0, 0, 0, .64))
}

.news__item--big .news__item-title {
    font-size: 30px
}

@media (min-width:1200px) {
    .news__item--big .news__item-title {
        font-size: 40px
    }
}

@media (min-width:1600px) {
    .news__item--big .news__item-title {
        font-size: 64px
    }
}

.news__item--video:hover .badge,
.news__item--video:hover .news__item-title {
    top: 110%;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s
}

.news__item--video:hover .icon {
    width: 46px;
    height: 46px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1
}

@media (min-width:1200px) {
    .news__item--video:hover .icon {
        width: 90px;
        height: 90px
    }
}

.news__item-title {
    top: 0;
    max-width: 100%;
    margin-top: 8px;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
    font-size: 18px;
    line-height: 1.3;
    z-index: 2
}

@media (min-width:1200px) {
    .news__item-title {
        margin-top: 16px;
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .news__item-title {
        margin-top: 20px;
        font-size: 32px
    }
}

.news .badge {
    top: 0;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
    z-index: 2
}

.news__link {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (min-width:860px) {
    .news__link {
        right: 15px;
        bottom: 30px;
        left: 15px
    }
}

@media (min-width:1600px) {
    .news__link {
        padding: 50px
    }
}

.news__link:focus {
    outline: 0 none
}

.news__link:hover .news__link-bg {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.news__link-bg,
.news__link:hover .news__link-bg {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.news__link-bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.news__link-bg:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.news__link-bg .icon {
    width: 46px;
    height: 46px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    color: #fff;
    opacity: 0;
    z-index: 2
}

@media (min-width:1200px) {
    .news__link-bg .icon {
        width: 90px;
        height: 90px
    }
}

.news__details {
    padding: 0
}

@media (min-width:1200px) {
    .news__details {
        margin-left: 16.66667%
    }
}

@media (min-width:1600px) {
    .news__details {
        margin-left: 25%
    }
}

@media (max-width:859.98px) {
    .news__details-header {
        padding: 0 calc(5% + 8px)
    }
}

.news__details-content {
    margin-top: 22px;
    margin-bottom: 40px
}

@media (min-width:860px) {
    .news__details-content {
        margin-top: 30px
    }
}

@media (min-width:1600px) {
    .news__details-content {
        margin-top: 30px;
        margin-bottom: 80px
    }
}

@media (max-width:859.98px) {
    .news__details-footer,
    .news__details-content {
        padding: 0 calc(5% + 8px)
    }

    .news__details-content.content>:not(img) {
        padding: 0;
    }
}

.news__details-footer .button+.button {
    margin-left: 16.66667%
}

.tuning {
    padding-bottom: 140px
}

.tuning__list {
    margin-top: 50px;
    margin-bottom: -30px
}

.our-works {
    padding-bottom: 140px
}

.our-works__list {
    margin-top: 50px;
    margin-bottom: -30px
}

.models-page {
    padding-top: 30px;
    padding-bottom: 50px
}

@media (min-width:860px) {
    .models-page {
        padding-top: 36px;
        padding-bottom: 80px
    }
}

@media (min-width:1600px) {
    .models-page {
        padding-top: 50px;
        padding-bottom: 140px
    }
}

.models-page__list {
    margin-bottom: -30px
}

.instagram__item:nth-last-child(2) {
    display: none
}

@media (min-width:860px) {
    .instagram__item:nth-last-child(2) {
        display: block
    }
}

.instagram__item:last-child {
    display: none
}

@media (min-width:1200px) {
    .instagram__item:last-child {
        display: block
    }
}

@media (min-width:1600px) {
    .instagram__item {
        margin-top: 70px
    }
}

@media (max-width:859.98px) {
    .info {
        margin: 0
    }
}

@media (max-width:859.98px) {
    .info__content {
        padding: 0
    }
}

@media (min-width:1200px) {
    .info__content {
        margin-left: 16.66667%
    }
}

.info .content-wrapper,
.info .content-wrapper.is-hide {
    -webkit-transition: height .3s ease-in;
    -o-transition: height .3s ease-in;
    transition: height .3s ease-in;
    overflow: hidden
}

.info .content-wrapper.is-hide {
    height: 150px
}

.info .content-wrapper.is-hide:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 9%, 0)), to(#171717));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 9%, 0), #171717);
    background-image: -o-linear-gradient(top, hsla(0, 0%, 9%, 0), #171717);
    background-image: linear-gradient(top, hsla(0, 0%, 9%, 0), #171717);
    background-image: -ms-linear-gradient(top, hsla(0, 0%, 9%, 0), #171717);
    content: ""
}

.info .content {
    font-size: 14px;
    line-height: 1.5
}

.section--dark .info .content {
    color: #ebebeb;
}

@media (min-width:860px) {
    .info .content {
        font-size: 16px
    }
}

@media (min-width:1600px) {
    .info .content {
        font-size: 22px
    }
}

.info .content p+p {
    margin-top: 26px
}

@media (min-width:1600px) {
    .info .content p+p {
        margin-top: 40px
    }
}

.not-found {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (min-width:860px) {
    .not-found {
        margin-left: 8.33333%
    }
}

@media (min-width:1200px) {
    .not-found {
        margin-left: 25%
    }
}

.not-found__label {
    margin-top: 46px;
    margin-bottom: 26px;
    font-size: 16px;
    text-align: center
}

@media (min-width:860px) {
    .not-found__label {
        margin-top: 96px;
        margin-bottom: 30px
    }
}

@media (min-width:1600px) {
    .not-found__label {
        margin-top: 116px
    }
}

.not-found .button--prev {
    width: auto
}

.not-found .button--prev .icon {
    margin-left: 10px
}

.not-found .button--prev span {
    padding: 0 24px
}

#modal-map {
    width: 90%;
    height: 90%;
    padding: 0
}

#modal-map img {
    max-height: none
}

#modal-map .fancybox-close-small {
    top: 10px;
    right: 60px;
    width: 40px;
    height: 40px;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .3);
    z-index: 99999999
}

#modal-map #modal-map-content {
    width: 100%;
    height: 100%
}

.contacts {
    padding-bottom: 0
}

.contacts:not(.contacts--dealer) {
    padding-top: 0
}

.contacts .section__btn {
    height: 110px;
    margin-top: 0
}

.contacts--dealer {
    padding-top: 60px
}

.contacts--dealer #contacts-modal {
    height: auto
}

@media (max-width:859.98px) {
    .contacts--dealer #contacts-modal {
        width: auto
    }
    .contacts--dealer #contacts-modal span {
        display: inline-block;
        margin-right: 10px
    }
}

.contacts--dealer .section__btn {
    height: auto
}

.contacts--dealer .section__title {
    margin-bottom: 20px;
    padding-top: 30px;
    color: #a5a5a5;
    font-size: 30px;
    font-weight: 400
}

@media (max-width:859.98px) {
    .contacts--dealer .section__title {
        font-size: 40px
    }
}

.contacts--dealer .contacts__title {
    margin-bottom: 12px
}

.contacts--dealer .contacts__tel {
    margin-top: 24px;
    margin-bottom: 24px
}

.contacts--dealer .contacts__tel-info {
    margin-top: 6px
}

.contacts__content {
    width: 100%;
    max-width: 100%
}

.contacts__row {
    position: relative
}

@media (max-width:859.98px) {
    .contacts__row {
        position: relative
    }
}

.contacts__row--dealer {
    min-height: auto;
    margin-top: 60px
}

.contacts__row--dealer+.contacts__row--dealer:before {
    position: absolute;
    top: -32px;
    left: calc(50% - 35px);
    width: 70px;
    height: 2px;
    background-color: #a3a3a3;
    content: ""
}

.contacts__map {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 384px;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (min-width:860px) {
    .contacts__map {
        height: auto
    }
}

.contacts__map img {
    max-height: none
}

.contacts__map #map-contacts,
.contacts__map .contacts__map-dealer {
    width: 100%;
    height: 100%;
    z-index: 1
}

.contacts__info {
    padding: 50px calc(5% + 8px) 60px;
    background-color: #171717;
    z-index: 3
}

@media (min-width:1200px) {
    .contacts__info {
        padding-top: 54px;
        padding-bottom: 60px;
        padding-left: 100px
    }
}

.contacts__header {
    margin-bottom: auto
}

.contacts__title {
    margin-bottom: 40px;
    font-size: 20px;
    text-transform: uppercase
}

@media (min-width:860px) {
    .contacts__title {
        margin-bottom: 78px;
        font-size: 30px
    }
}

.contacts__title-small {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.contacts__title-regular {
    margin-bottom: 64px;
    color: #bfbfbf;
    font-size: 18px
}

@media (min-width:860px) {
    .contacts__title-regular {
        font-size: 20px
    }
}

.contacts__main {
    font-size: 16px;
    line-height: 1.5
}

@media (min-width:1600px) {
    .contacts__main {
        font-size: 20px
    }
}

.contacts__main+.contacts__main {
    margin-top: 40px
}

@media (min-width:860px) {
    .contacts__main+.contacts__main {
        margin-top: 50px
    }
}

.contacts__address-big {
    font-size: 24px;
    font-weight: 400
}

.contacts__footer {
    width: 100%;
    max-width: 600px;
    margin-top: 42px
}

@media (min-width:860px) {
    .contacts__footer {
        margin-top: 78px
    }
}

.contacts .social {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-top: 32px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e00022;
    -webkit-box-pack: start;
    -ms-flex-pack: start
}

.contacts .button--social {
    border-color: #fff
}

.contacts .button--social:hover .icon {
    color: #e00022
}

.contacts .button--social .icon {
    color: #fff
}


/*.basket .filter-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify}*/

@media (max-width:859.98px) {
    .basket .small-basket {
        display: none
    }
}

@media (min-width:1200px) {
    .basket__container {
        margin-left: 16.66667%
    }
}

@media (min-width:1600px) {
    .basket__container {
        margin-left: 25%
    }
}

.basket__product {
    padding-top: 26px;
    padding-bottom: 26px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: hsla(0, 0%, 68%, .5)
}

@media (min-width:860px) {
    .basket__product {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (min-width:1200px) {
    .basket__product {
        padding-top: 60px
    }
}

.basket__product-none {
    display: none;
    font-size: 20px;
    text-align: center
}

.basket__product-item {
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.basket__product-item+.basket__product-item {
    margin-top: 20px
}

@media (min-width:860px) {
    .basket__product-item+.basket__product-item {
        margin-top: 30px
    }
}

.basket__product-photo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    -webkit-align-items: center;
    align-items: center;
    max-width: 25%;
    padding-right: 8px;
    padding-left: 8px;
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.basket__product-photo img {
    display: block
}

@media (min-width:860px) {
    .basket__product-photo {
        -webkit-flex: 0 0 16.66%;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-flex: 0
    }
}

@media (min-width:1200px) {
    .basket__product-photo {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
        -webkit-box-flex: 0
    }
}

@media (min-width:1600px) {
    .basket__product-photo {
        -webkit-flex: 0 0 16.66%;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%;
        padding-right: 16px;
        padding-left: 16px;
        -webkit-box-flex: 0
    }
}

.basket__product-main {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: 8px;
    padding-left: 8px;
    -webkit-box-flex: 0
}

@media (min-width:860px) {
    .basket__product-main {
        -webkit-flex: 0 0 83.33%;
        -ms-flex: 0 0 83.33%;
        flex: 0 0 83.33%;
        max-width: 83.33%;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-flex: 0
    }
}

@media (min-width:1200px) {
    .basket__product-main {
        -webkit-flex: 0 0 87.5%;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        -webkit-box-flex: 0
    }
}

@media (min-width:1600px) {
    .basket__product-main {
        -webkit-flex: 0 0 83.33%;
        -ms-flex: 0 0 83.33%;
        flex: 0 0 83.33%;
        max-width: 83.33%;
        padding-right: 16px;
        padding-left: 16px;
        -webkit-box-flex: 0
    }
}

.basket__product-info {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    -webkit-box-flex: 0
}

@media (min-width:860px) {
    .basket__product-info {
        -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-flex: 0
    }
}

@media (min-width:1600px) {
    .basket__product-info {
        padding-right: 16px;
        padding-left: 16px
    }
}

.basket__product-name {
    font-size: 14px
}

@media (min-width:860px) {
    .basket__product-name {
        font-size: 16px
    }
}

@media (min-width:1600px) {
    .basket__product-name {
        font-size: 20px
    }
}

.basket__product-code {
    color: #949494;
    font-size: 14px
}

.basket__counter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    -webkit-box-flex: 0
}

@media (min-width:860px) {
    .basket__counter {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: 20%;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-flex: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center
    }
}

@media (min-width:1600px) {
    .basket__counter {
        padding-right: 16px;
        padding-left: 16px
    }
}

.basket__product-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-align-items: center;
    align-items: center;
    max-width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    color: #e00022;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center
}

@media (min-width:860px) {
    .basket__product-price {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding-right: 50px;
        padding-left: 10px;
        text-align: right;
        -webkit-box-flex: 0;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end
    }
}

@media (min-width:1200px) {
    .basket__product-price {
        padding-right: 10px;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end
    }
}

@media (min-width:1600px) {
    .basket__product-price {
        padding-right: 16px;
        padding-left: 16px
    }
}

.basket__product-row {
    position: relative;
}
.basket__product-remove {
    position: absolute;
    right: 0;
    bottom: -8px;
    width: 34px;
    height: 34px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 0 none;
    background-color: transparent;
    color: #949494;
    font-size: 20px
}


@media (min-width:860px) {
    .basket__product-remove {
        right: 0;
        bottom: 4px;
        width: 34px
    }
}

@media (min-width:1200px) {
    .basket__product-remove {
        right: -40px
    }
}


.basket__advservice .basket__advservice-item {
    position: relative;
    margin-bottom: 17px;
}

.basket__advservice-remove {
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 0 none;
    background-color: transparent;
    color: #949494;
    font-size: 20px
}

@media (max-width:859px) {
    .basket__advservice-remove {
        right: -5px;
    }
    .basket__advservice-price {
        padding-right: 40px;
    }
}
@media (max-width:560px) {
    .basket__advservice-price {
        padding-right: 30px;
    }
    .basket__advservice .basket__advservice-title {
        margin-bottom: 10px !important;
    }
}

@media (min-width:860px) {
    .basket__advservice-price {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding-right: 40px;
        padding-left: 10px;
        text-align: right;
        -webkit-box-flex: 0;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
    }
}

@media (min-width:1200px) {
    .basket__advservice-remove {
        right: -45px
    }
    .basket__advservice-price {
        padding-right: 0;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
    }
}

@media (min-width:1600px) {
    .basket__advservice-price {
        padding-right: 6px;
    }
}

.basket__price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

@media (min-width:860px) {
    .basket__price {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end
    }
}

.basket__price-rez {
    color: #e00022;
    font-size: 20px;
    font-weight: 700
}

.counter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

.counter__btn {
    width: 16px;
    height: 34px;
    border: 0 none;
    background-color: transparent;
    color: #949494
}

.counter__btn--decrease {
    padding-bottom: 2px
}

.counter__btn--decrease[disabled=disabled] {
    opacity: .5
}

.counter__in {
    width: 34px;
    height: 34px;
    border: 0 none;
    background-color: transparent;
    color: #949494;
    text-align: center
}

.checkout {
    padding-top: 30px
}

@media (min-width:860px) {
    .checkout {
        padding-top: 60px
    }
}

@media (min-width:1200px) {
    .checkout {
        padding-top: 70px
    }
}

@media (min-width:1600px) {
    .checkout {
        padding-top: 100px
    }
}

.checkout__title {
    margin-bottom: 40px;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:860px) {
    .checkout__title {
        margin-bottom: 60px
    }
}

@media (min-width:1600px) {
    .checkout__title {
        font-size: 24px
    }
}

.checkout__form input,
.checkout__form textarea {
    width: 100%;
    -webkit-transition: border .3s, color .3s;
    -o-transition: border .3s, color .3s;
    transition: border .3s, color .3s;
    border-radius: 4px;
    border: 1px solid #707070;
    background-color: transparent;
    color: #fff;
    font-size: 14px
}

.checkout__form input::-webkit-input-placeholder,
.checkout__form textarea::-webkit-input-placeholder {
    color: #707070;
    opacity: 1
}

.checkout__form input::-ms-input-placeholder,
.checkout__form textarea::-ms-input-placeholder {
    opacity: 1
}

.checkout__form input::placeholder,
.checkout__form textarea::placeholder {
    color: #707070;
    opacity: 1
}

.checkout__form input:-ms-input-placeholder,
.checkout__form input::-ms-input-placeholder,
.checkout__form textarea:-ms-input-placeholder,
.checkout__form textarea::-ms-input-placeholder {
    color: #707070
}

.checkout__form input:focus,
.checkout__form textarea:focus {
    -webkit-transition: border .3s, color .3s;
    -o-transition: border .3s, color .3s;
    transition: border .3s, color .3s;
    border-color: #fff
}

.checkout__form input.error,
.checkout__form textarea.error {
    border-color: #e00022
}

.checkout__form input,
.checkout__form select {
    height: 46px;
    padding: 0 16px
}

.checkout__form textarea {
    height: 88px;
    padding: 16px;
    resize: none
}

.checkout__form .jcf-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 46px;
    padding: 0 16px;
    border-radius: 4px;
    border: 1px solid #707070;
    background-color: #0d0d0d;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.checkout__form .jcf-select.jcf-focus,
.checkout__form .jcf-select.jcf-focus * {
    border-color: #fff!important
}

.checkout__form .jcf-select:before {
    border-right-color: #707070;
    border-bottom-color: #707070;
    content: ""
}

.checkout__form .jcf-select .jcf-select-drop {
    top: calc(100% - 1px);
    border-radius: 0 0 4px 4px;
    border: 1px solid #707070;
    overflow: hidden
}

.checkout__form .jcf-select .jcf-option {
    width: 100%;
    height: 46px;
    padding: 0 16px;
    background-color: #0d0d0d
}

.checkout__form .jcf-select ul li {
    border-bottom-color: #707070!important
}

.checkout__form .jcf-select ul li span.jcf-selected {
    background-color: #e00022
}

.checkout__form .jcf-select .jcf-option-hideme,
.checkout__form .jcf-select .jcf-select-text {
    color: #707070
}

.checkout__form .jcf-select .jcf-hover {
    background: #ccc;
    color: #262626
}

.checkout__form-item {
    position: relative;
    margin-bottom: 30px
}

/*.checkout__form-item label.error {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    color: #e00022;
    font-size: 14px
}*/

.checkout__label {
    color: #707070;
    font-size: 12px
}

@media (min-width:860px) {
    .checkout__label {
        text-align: center
    }
}

@media (min-width:1600px) {
    .checkout__label {
        margin-bottom: 46px;
        font-size: 14px
    }
}

.checkout .button {
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:860px) {
    .checkout .button {
        margin-top: 46px
    }
}

@media (min-width:1200px) {
    .thank__container {
        margin-left: 16.66667%
    }
}

@media (min-width:1600px) {
    .thank__container {
        margin-left: 25%
    }
}

.thank__header {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center
}

@media (min-width:860px) {
    .thank__header {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.thank__header .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 30px
}

@media (min-width:860px) {
    .thank__header .icon {
        width: 85px;
        height: 85px;
        margin-bottom: 50px
    }
}

.thank__title {
    font-size: 22px;
    text-transform: uppercase
}

.thank__body {
    margin-bottom: 30px;
    text-align: center
}

@media (min-width:860px) {
    .thank__body {
        margin-bottom: 60px
    }
}

.thank__body-text .red {
    font-size: 20px
}

.thank__footer {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (min-width:576px) {
    .thank__footer {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
}

.thank__footer .button+.button {
    margin-top: 15px
}

@media (min-width:576px) {
    .thank__footer .button+.button {
        margin-top: 0;
        margin-left: 32px
    }
}

.gallery__item {
    position: relative
}

.gallery__hover {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .65);
    background-image: url(/local/templates/brabus/css/../images/hover.png);
    background-repeat: no-repeat;
    background-position: -200px 160px;
    background-size: 700px;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    z-index: 3
}

.gallery__hover,
.gallery__hover:hover {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.gallery__hover:hover {
    opacity: 1
}

.gallery__hover .circle {
    width: 46px;
    height: 46px;
    margin-top: 24px;
    border-radius: 50%;
    border: 2px solid #fff
}

.gallery__hover .circle .icon {
    width: 26px;
    height: 26px
}

.cookie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 30px 5%;
    background-color: #000;
    z-index: 100;
    -webkit-animation: Fb 1s ease-in;
    animation: Fb 1s ease-in;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

@media (min-width:860px) {
    .cookie {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
}

.cookie p {
    color: #ababab;
    font-size: 14px
}

@media (min-width:860px) {
    .cookie p {
        width: 70%
    }
}

@media (min-width:1600px) {
    .cookie p {
        font-size: 14px
    }
}

.cookie .button {
    margin-top: 15px
}

@media (min-width:860px) {
    .cookie .button {
        margin-top: 0
    }
}

@-webkit-keyframes Fb {
    0% {
        bottom: -200px
    }
    to {
        bottom: 0
    }
}

@keyframes Fb {
    0% {
        bottom: -200px
    }
    to {
        bottom: 0
    }
}

.search-page__content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (min-width:860px) {
    .search-page__content {
        margin-left: 16.66667%
    }
}

@media (min-width:1200px) {
    .search-page__content {
        margin-left: 25%
    }
}

.gm-style-iw {
    top: 1px!important;
    left: 0!important;
    width: 260px!important;
    max-width: 260px!important;
    padding: 10px!important;
    border-radius: 2px
}

.gm-style-iw,
.gm-style-iw>div {
    background-color: #0d0d0d!important
}

.gm-style-iw>div {
    width: 100%!important;
    height: 100%!important;
    overflow: hidden!important
}

.gm-style-iw>div>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.gm-style .gm-style-iw-t:after {
    border-top: 11px solid #0d0d0d!important
}

.map-tooltip__title {
    color: #e00022;
    font-size: 16px;
    font-weight: 700
}

.map-tooltip__address {
    margin-top: 10px;
    margin-bottom: 10px
}

.map-tooltip__schedule {
    margin-bottom: 10px
}

.map-tooltip__mail,
.map-tooltip__phone {
    display: block;
    margin-top: 6px;
    font-weight: 700
}

.map-tooltip-wrapper .gm-style-iw {
    top: 1px!important;
    left: 0!important;
    width: 260px!important;
    max-width: 260px!important;
    padding: 10px 10px 0;
    border-radius: 2px
}

.map-tooltip-wrapper>div:first-child {
    max-width: 260px!important;
    margin-top: 10px
}

.map-tooltip-wrapper>div>div:first-child>div:last-child {
    top: 0!important;
    left: 0!important;
    width: 260px!important;
    background-color: #0d0d0d!important;
    -webkit-box-shadow: rgba(0, 0, 0, .6) 0 1px 6px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .6);
    z-index: -1!important
}

.map-tooltip-wrapper>div>div:first-child div:nth-child(3) {
    margin-top: 2px
}

.map-tooltip-wrapper>div>div:first-child div:nth-child(3) div:first-child>div {
    left: 3px!important;
    width: 13px!important;
    height: 24px!important;
    -webkit-transform: skewX(45deg)!important;
    -ms-transform: skewX(45deg)!important;
    transform: skewX(45deg)!important;
    background-color: #0d0d0d!important
}

.map-tooltip-wrapper>div>div:first-child div:nth-child(3) div:last-child>div {
    left: 0!important;
    width: 13px!important;
    height: 24px!important;
    -webkit-transform: skewX(-45deg)!important;
    -ms-transform: skewX(-45deg)!important;
    transform: skewX(-45deg)!important;
    -webkit-transform-origin: 10px 0 0!important;
    -ms-transform-origin: 10px 0 0!important;
    transform-origin: 10px 0 0!important;
    background-color: #0d0d0d!important
}

.map-tooltip-wrapper>div>div:first-child div:nth-child(3) div>div:first-child>div {
    top: -1px!important;
    left: -6px!important;
    width: 16px!important;
    height: 30px!important;
    background-color: #0d0d0d!important
}

.map-tooltip-wrapper>div>div:first-child div:nth-child(3) div>div:last-child>div {
    top: -1px!important;
    left: 10px!important;
    width: 16px!important;
    height: 31px!important;
    background-color: #0d0d0d!important
}

.gm-ui-hover-effect {
    top: 10px!important;
    right: 10px!important;
    width: 15px!important;
    height: 15px!important;
    background-color: #0d0d0d!important;
    cursor: pointer;
    opacity: 1!important
}

.gm-ui-hover-effect:after,
.gm-ui-hover-effect:before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    background-color: #fff;
    content: "";
    opacity: .7
}

.gm-ui-hover-effect:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gm-ui-hover-effect:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.gm-ui-hover-effect img {
    display: none
}

@-webkit-keyframes Gb {
    0% {
        top: calc(100% + 20px);
        height: 0;
        opacity: 0
    }
    to {
        top: calc(100% - 1px);
        height: 100%;
        opacity: 1
    }
}

@keyframes Gb {
    0% {
        top: calc(100% + 20px);
        height: 0;
        opacity: 0
    }
    to {
        top: calc(100% - 1px);
        height: 100%;
        opacity: 1
    }
}

.jcf-select {
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
    border-bottom-color: #262626;
    font-size: 15px
}

.jcf-select.jcf-focus {
    border-bottom-color: #262626!important
}

.jcf-select:before {
    position: absolute;
    top: calc(50% - 3px);
    right: 10px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top .3s, -webkit-transform .3s;
    -o-transition: transform .3s, top .3s;
    transition: top .3s, -webkit-transform .3s;
    transition: transform .3s, top .3s;
    transition: transform .3s, top .3s, -webkit-transform .3s;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #262626;
    border-bottom-color: #262626;
    content: ""
}

.jcf-select .jcf-select-drop {
    top: calc(100% - 1px);
    -webkit-animation: Gb .3s;
    animation: Gb .3s
}

.jcf-select.jcf-drop-active:before {
    top: 50%;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition: top .3s, -webkit-transform .3s;
    -o-transition: transform .3s, top .3s;
    transition: top .3s, -webkit-transform .3s;
    transition: transform .3s, top .3s;
    transition: transform .3s, top .3s, -webkit-transform .3s
}

.jcf-select .jcf-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 30px;
    border-bottom: 0 none!important;
    font-size: 14px;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.jcf-select ul li {
    border-bottom-width: 1px!important;
    border-bottom-style: solid;
    border-bottom-color: #262626!important
}

.jcf-select ul li span {
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.jcf-select ul li span.jcf-selected {
    background-color: #e00022;
    color: #fff
}

.jcf-select .jcf-select-text {
    margin: 0;
    color: #262626;
    font-size: 14px;
    cursor: pointer
}

.jcf-select .jcf-select-drop-content {
    border: 0 none
}

.jcf-select .jcf-option-hideme {
    color: #262626;
    font-size: 14px
}

.jcf-select .jcf-option-hideme.jcf-disabled,
.jcf-select .jcf-select-opener {
    display: none
}

.jcf-select .jcf-hover {
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    background: #ccc;
    color: #262626
}

main {
    width: 100%;
    margin: 0 auto
}

.nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 14px 8px;
    -webkit-transition: background .3s, padding .3s;
    -o-transition: background .3s, padding .3s;
    transition: background .3s, padding .3s;
    z-index: 50
}

@media (min-width:860px) {
    .nav {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1200px) {
    .nav {
        padding-top: 19px;
        padding-bottom: 19px
    }
}

@media (min-width:1600px) {
    .nav {
        padding-right: 16px;
        padding-left: 16px
    }
}

.nav__row {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.nav__container {
    position: static;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    z-index: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

@media (min-width:860px) {
    .nav__container {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start
    }
}

.nav.is-scrolled {
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-transition: background .3s, padding .3s;
    -o-transition: background .3s, padding .3s;
    transition: background .3s, padding .3s;
    background-color: #000
}

@media (min-width:1200px) {
    .nav.is-scrolled {
        padding-top: 18px;
        padding-bottom: 18px
    }
    .nav__container:before {
        position: absolute;
        /*bottom: -17px;*/
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        -webkit-transition: left .3s, bottom .3s, width .3s;
        -o-transition: left .3s, bottom .3s, width .3s;
        transition: left .3s, bottom .3s, width .3s;
        background-color: hsla(0, 0%, 100%, .2);
        content: ""
    }
}

@media (min-width:1600px) {
    .nav.is-scrolled {
        padding-top: 21px;
        padding-bottom: 21px
    }
}

.nav.is-scrolled .nav__container:before {
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    -webkit-transition: left .3s, bottom .3s, width .3s;
    -o-transition: left .3s, bottom .3s, width .3s;
    transition: left .3s, bottom .3s, width .3s
}

.nav.is-scrolled .burger {
    top: 0;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s
}

.nav.is-scrolled .brand {
    width: 140px;
    height: 25px;
    -webkit-transition: width .3s, height .3s;
    -o-transition: width .3s, height .3s;
    transition: width .3s, height .3s
}

@media (min-width:860px) {
    .nav.is-scrolled .brand {
        margin-right: 30px
    }
}

@media (min-width:1200px) {
    .nav.is-scrolled .brand {
        width: 200px;
        height: 36px
    }
}

@media (min-width:1600px) {
    .nav.is-scrolled .brand {
        width: 240px;
        height: 42px;
        margin-right: 80px
    }
}

.nav.is-scrolled .brand img {
    display: none;
    opacity: 0
}

.nav.is-scrolled .brand .icon {
    display: block;
    opacity: 1
}

.nav.is-scrolled .form-search {
    padding-bottom: 15px;
    background-color: #000
}

.nav.is-scrolled .form-search__btn {
    bottom: 21px
}

@media (min-width:860px) {
    .nav.is-scrolled .form-search__btn {
        bottom: 16px
    }
}

@media (min-width:1600px) {
    .nav.is-scrolled .form-search__btn {
        bottom: 21px
    }
}

@media (min-width:860px) {
    .nav.is-scrolled .form-search {
        bottom: -30px
    }
}

@media (min-width:1200px) {
    .nav.is-scrolled .form-search {
        bottom: 0
    }
}

.header {
    position: relative;
    height: 100vh;
    min-height: 400px;
    padding-top: 132px;
    overflow: hidden
}

.header--small {
    height: auto;
    min-height: 0;
    padding-top: 50px;
    padding-bottom: 12px;
    background-attachment: scroll;
    background-attachment: fixed;
    background-position: 50%;
    background-size: cover
}

@media (min-width:860px) {
    .header--small {
        padding-top: 100px;
        padding-bottom: 36px
    }
}

.header--small:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0, 0%, 7%, .85);
    content: ""
}

.header__row {
    z-index: 2
}

.header__slider {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    z-index: 1
}

.header__slider_mini {
    display: block;
    position: relative;
    height: 300px;
    background-size: cover;
    z-index: 1
}

.header__item {
    width: 100%;
    height: 100%;
    background-attachment: scroll;
    background-size: cover;
    text-transform: uppercase;
    overflow: hidden
}

.header__item .icon {
    /*bottom: -65px;*/
    left: calc(50% - 46px / 2);
    width: 46px;
    min-height: 46px;
    position: absolute;
    /*top: calc(50% - 46px / 2);*/
    bottom: -70px;
}

.header__item--video video,
.videoplay-on-hover video {
    object-fit: cover;
}

@media (min-width:860px) {
    /*.header__item .icon {
        bottom: -90px;
        top: auto;
    }*/

    .header__slider_mini .header__item .icon {
        bottom: -56px;
    }
}

@media (min-width:1600px) {
    .header__item .icon {
        bottom: -95px;
        left: calc(50% - 70px / 2);
        width: 70px;
        min-height: 70px
    }

    .header__slider_mini .header__item .icon {
        bottom: -56px;
    }

    .header__item .header__info > span+.icon {
        top: auto;
        bottom: -90px;
        position: absolute;
    }

    .header__slider_mini .header__info > span+.icon {
        bottom: -80px;
    }

    .header__slider_mini {
        height: 370px;
    }
}

.header__item-bg {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    background-size: cover
}

.header__item-bg:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0, 0%, 7%, .85);
    content: "";
    z-index: 2
}

.header__item-bg video {
    object-fit: cover;
    top: 0;
    left: 0;
    width: auto;
    min-width: 100%;
    /*max-width: 100%;*/
    height: auto;
    min-height: 100%;
    max-height: 100%;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1
}

.header .swiper-slide-active .header__item-content {
    -webkit-animation: Ib 1s;
    animation: Ib 1s
}

.header__item-content {
    top: 0;
    right: 0;
    bottom: 15%;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity .3s, top .3s;
    -o-transition: opacity .3s, top .3s;
    transition: opacity .3s, top .3s;
    opacity: 1;
    z-index: 4;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.header__slider_mini .header__item-content {
    bottom: 0;
    transform: translateY(-50%);
    top: 40%;
}

.header__slider_mini a .header__item-content {
    top: 50%;
}

.header__title {
    margin-bottom: 5px;
    font-size: 27px;
    text-align: center
}

.header__slider_mini .header__title {
    font-size: 21px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .header__title {
        font-size: 36px;
        margin-bottom: 35px;
    }

    .header__slider_mini .header__title {
        font-size: 36px;
        margin-bottom: 15px
    }
}

@media (min-width:860px) {
    .header__title {
        font-size: 42px;
        margin-bottom: 35px;
    }
    .header__slider_mini .header__title {
        font-size: 42px;
    }
}

@media (min-width:1200px) {
    .header__title {
        margin-bottom: 46px;
        font-size: 56px
    }
    .header__slider_mini .header__title {
        font-size: 48px;
        margin-bottom: 20px;
    }
}

@media (min-width:1600px) {
    .header__title {
        margin-bottom: 70px;
        font-size: 72px
    }
    .header__slider_mini .header__title {
        margin-bottom: 25px;
        font-size: 68px;
    }
}

.header__title:before {
    top: calc(100% + 25px / 2);
    left: calc(50% - 50px / 2);
    width: 50px;
    height: 2px;
    background-color: #e00022;
    content: ""
}

.header__slider_mini .header__title:before {
    top: calc(100% + 7px / 2);
}

@media (min-width:1200px) {
    .header__title:before {
        top: calc(100% + 40px / 2);
        left: calc(50% - 80px / 2);
        width: 80px
    }

    .header__slider_mini .header__title:before {
        top: calc(100% + 15px / 2);
    }
}

@media (min-width:1600px) {
    .header__title:before {
        top: calc(100% + 60px / 2);
        left: calc(50% - 108px / 2);
        width: 108px
    }

    .header__slider_mini .header__title:before {
        top: calc(100% + 20px / 2);
    }
}

.header__title-page {
    margin: 24px auto 12px;
    color: #ebebeb;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:860px) {
    .header__title-page {
        margin-top: 30px;
        margin-bottom: 24px;
        font-size: 40px
    }
}

@media (min-width:1600px) {
    .header__title-page {
        margin-top: 60px;
        margin-bottom: 30px
    }
}

.header__info {
    font-size: 16px;
    position: relative;
}

@media (min-width:1200px) {
    .header__info {
        font-size: 24px
    }
}

@media (min-width:1600px) {
    .header__info {
        font-size: 32px
    }
}

.header__slider-pagination,
.swiper-container-horizontal>.header__slider-pagination.swiper-pagination-bullets
 {
    bottom: 100px;
    width: 100%;
    z-index: 5
}

@media (min-width:860px) {
    .header__slider-pagination,
    .swiper-container-horizontal>.header__slider-pagination.swiper-pagination-bullets {
        bottom: 64px
    }
}

.header__slider-pagination .item {
    width: 60px;
    height: 2px;
    border-radius: 0;
    background-color: #e00022;
    opacity: 1;
    position: relative;
}

@media (min-width:860px) {
    .header__slider-pagination .item {
        width: 80px;
        height: 2px
    }
}

@media (min-width:1200px) {
    .header__slider-pagination .item {
        width: 112px;
        height: 3px
    }
}

.header__slider-pagination .item:before {
    position: absolute;
    top: -20px;
    right: 0;
    bottom: -20px;
    left: 0;
    content: ""
}

.header__slider-pagination .item:focus {
    outline: 0 none
}

.header__slider-pagination .item+.item {
    margin-left: 15px
}

.header__slider-pagination .is-active {
    background-color: #fff
}

.header__slider-pagination .is-active:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #e00022;
    content: "";
    -webkit-animation: Jb 6s;
    animation: Jb 6s
}

@media (min-width:860px) {
    .header__slider-pagination .is-active:after {
        -webkit-animation: Kb 6s;
        animation: Kb 6s
    }
}

@media (min-width:1200px) {
    .header__slider-pagination .is-active:after {
        -webkit-animation: Lb 6s;
        animation: Lb 6s
    }
}

.header__slider-pagination .is-active:focus {
    outline: 0 none
}

.header__slider-pagination .is-active~.item {
    background-color: #fff
}

.header__btn {
    position: absolute;
    bottom: 30px;
    left: calc(50% - 13px);
    width: 26px;
    height: 26px;
    border: 0 none;
    background-color: transparent;
    color: #fff;
    z-index: 10
}

.header__btn .icon {
    position: relative;
    top: 0;
    width: 26px;
    height: 26px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation: Hb 1s ease-in-out;
    animation: Hb 1s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (max-width: 1199px) {
    .nav {
        background-color: #000;
    }
    .header:not(.header--small) {
        height: calc((100vw / 1920) * 1080);
        min-height: auto;
        margin-top: 49px;
    }
    .header__item-bg {
        background-repeat: no-repeat;
        background-size: contain;
    }

    .header__slider-pagination,
    .swiper-container-horizontal>.header__slider-pagination.swiper-pagination-bullets {
        bottom: 12%;
    }

    .header__slider-pagination .item {
        width: 10%;
        max-width: 40px;
        height: 1px;
    }

    .header__item-content {
        bottom: 18%;
    }

    .header__item .icon {
        /*bottom: auto;*/
        /*position: relative;*/
        display: block;
        margin-top: 30px;
    }

    .header__info {
        max-width: 85%;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .header__item .icon {
        bottom: -48px;
        left: calc(50% - 36px / 2);
        width: 36px;
        min-height: 36px;
        /*top: calc(50% - 36px / 2);*/
    }

    .header__title:before,
    .header__slider_mini .header__title:before {
        display: none;
    }

    .product-card {
        padding-top: 0;
    }
}

@media (max-width: 359px) {
    .header__item .icon {
        bottom: -40px;
    }
    .header__title {
        margin-bottom: 5px;
        font-size: 21px;
    }
    .header__title:before {
        top: calc(100% + 20px / 2);
        height: 1px;
    }
    .header__slider_mini .header__title:before {
        top: calc(100% + 7px / 2);
        height: 1px;
    }
    .header__info {
        font-size: 13px;
    }
    .header__item .icon {
        left: calc(50% - 15px);
        width: 30px;
        min-height: 30px;
    }
}

@-webkit-keyframes Hb {
    0% {
        top: -20px;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        top: 10px;
        opacity: 0
    }
}

@keyframes Hb {
    0% {
        top: -20px;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        top: 10px;
        opacity: 0
    }
}

@-webkit-keyframes Ib {
    0% {
        top: -50px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes Ib {
    0% {
        top: -50px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes Jb {
    0% {
        width: 0
    }
    to {
        width: 100% /*60px*/
    }
}

@keyframes Jb {
    0% {
        width: 0
    }
    to {
        width: 100% /* 60px */
    }
}

@-webkit-keyframes Kb {
    0% {
        width: 0
    }
    to {
        width: 100% /*80px*/
    }
}

@keyframes Kb {
    0% {
        width: 0
    }
    to {
        width: 100% /*80px*/
    }
}

@-webkit-keyframes Lb {
    0% {
        width: 0
    }
    to {
        width: 100% /*112px*/
    }
}

@keyframes Lb {
    0% {
        width: 0
    }
    to {
        width: 100% /*112px*/
    }
}

.footer {
    position: relative;
    background-color: #171717;
    color: #8a8a8a;
    z-index: 1
}

.footer>.footer__row {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #2e2e2e
}

@media (max-width:859.98px) {
    .footer__container--mobile {
        width: 100%;
        max-width: 100%;
        padding: 0
    }
}

.footer__main {
    padding-top: 32px;
    padding-bottom: 34px
}

@media (max-width:859.98px) {
    .footer__main {
        margin: 0
    }
}

@media (min-width:860px) {
    .footer__main {
        padding-top: 36px;
        padding-bottom: 80px
    }
}

@media (min-width:1600px) {
    .footer__main {
        padding-top: 60px;
        padding-bottom: 120px
    }
}

.footer__title {
    margin-top: 30px;
    margin-bottom: 22px;
    color: #fff;
    font-size: 16px;
    text-align: center
}

@media (min-width:860px) {
    .footer__title {
        text-align: left
    }
}

@media (min-width:1600px) {
    .footer__title {
        margin-top: 46px;
        margin-bottom: 36px;
        font-size: 22px
    }
}

.footer__contacts {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

@media (max-width:859.98px) {
    .footer__contacts {
        width: 100%;
        margin: 0;
        padding: 0 calc(5% + 15px) 40px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #2e2e2e
    }
}

@media (min-width:860px) {
    .footer__contacts {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
}

@media (min-width:1200px) {
    .footer__contacts {
        padding-right: 8%
    }
    .footer__contacts:before {
        position: absolute;
        top: 0;
        right: 20%;
        bottom: -46px;
        width: 1px;
        background-color: #2e2e2e;
        content: ""
    }
}

.footer__contacts .menu__list {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start
}

@media (max-width:859.98px) {
    .footer__contacts .menu__list {
        margin-left: 20px;
        padding: 0!important
    }
}

@media (min-width:1600px) {
    .footer__contacts .menu__list {
        margin-top: 30px
    }
}

.footer__contacts .menu__item:before,
.footer__contacts .menu__link:before {
    content: none
}

.footer__contacts .menu__item+.menu__item {
    margin-top: 20px;
    margin-left: 0
}

.footer__contacts .menu__link--tel {
    position: relative!important;
    font-size: 14px
}

@media (min-width:1600px) {
    .footer__contacts .menu__link--tel {
        font-size: 22px
    }
}

.footer__contacts-address {
    font-size: 14px
}

@media (min-width:1600px) {
    .footer__contacts-address {
        font-size: 22px
    }
}

.footer__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (max-width:859.98px) {
    .footer__menu {
        width: 100%;
        margin: 0;
        padding: 0 calc(5% + 15px) 26px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #2e2e2e
    }
}

.footer__menu .menu {
    position: static;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    margin-top: auto;
    background-color: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.footer__menu .menu__list {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 0;
    padding-top: 0;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start
}

.footer__menu .menu__list+.menu__list:before {
    content: none
}

@media (min-width:860px) and (max-width:1199.98px) {
    .footer__menu .menu__list+.menu__list {
        padding: 0
    }
}

.footer__menu .menu__item:before {
    content: none
}

.footer__menu .menu__item+.menu__item {
    margin-top: 22px;
    margin-left: 0
}

@media (min-width:1600px) {
    .footer__menu .menu__item+.menu__item {
        margin-top: 30px
    }
}

.footer__menu .menu__link {
    color: #737373;
    font-size: 16px;
    text-decoration: underline
}

@media (min-width:1600px) {
    .footer__menu .menu__link {
        font-size: 22px
    }
}

.footer__menu .menu__link:hover {
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    color: #fff;
    text-decoration: underline
}

.footer__social {
    padding-top: 26px;
    padding-bottom: 30px
}

@media (max-width:575.98px) {
    .footer__social {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center
    }
    .footer__social .social {
        margin-top: 20px
    }
}

@media (min-width:1600px) {
    .footer__social {
        padding-top: 40px;
        padding-bottom: 46px
    }
}

.footer__icon {
    width: 128px
}

.footer__icon .icon {
    width: 128px;
    height: 19px
}

@media (min-width:860px) {
    .footer__icon {
        width: 158px
    }
    .footer__icon .icon {
        width: 158px;
        height: 24px
    }
}

@media (min-width:1600px) {
    .footer__icon {
        width: 256px
    }
    .footer__icon .icon {
        width: 256px;
        height: 40px
    }
}

.footer__icon-label {
    top: 19px;
    left: 68px;
    font-size: 10px;
    text-transform: uppercase
}

@media (min-width:860px) {
    .footer__icon-label {
        top: 23px;
        left: 84px
    }
}

@media (min-width:1600px) {
    .footer__icon-label {
        top: 33px;
        left: 136px;
        font-size: 16px
    }
}

.footer__copywriting {
    padding-top: 18px;
    padding-bottom: 36px
}

@media (min-width:1600px) {
    .footer__copywriting {
        padding-top: 36px;
        padding-bottom: 36px;
        padding-top: 40px;
        padding-bottom: 60px
    }
}

.footer__copywriting .icon {
    width: 110px;
    height: 16px;
    margin-top: 4px;
    margin-left: 15px
}

@media (min-width:1200px) {
    .footer__copywriting .icon {
        width: 122px;
        height: 18px;
        margin-top: 0
    }
}

@media (min-width:1600px) {
    .footer__copywriting .icon {
        margin-left: 24px
    }
}

@media (max-width:859.98px) {
    .footer__subscription {
        width: 100%;
        margin: 0;
        padding: 0 calc(5% + 15px)
    }
}

.footer .brand {
    width: 105px;
    max-width: 100%;
    height: 48px;
    margin: 0
}

@media (min-width:1600px) {
    .footer .brand {
        width: 130px;
        height: 60px;
        width: 210px;
        height: 92px
    }
}

iframe.configurator {
    width: 100%;
    height: auto;
    min-height: 100vh;
    margin-top: 49px;
}
@media (min-width: 860px) {
    iframe.configurator {
        margin-top: 78px;
    }
}
@media (min-width: 1200px) {
    iframe.configurator {
        margin-top: 104px;
    }
}

.diski__list .card-full__name {
    margin-top: 23px;
    margin-bottom: 4px;
}
.diski__list .card-full__info {
    padding: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.diski__list .card-full__label {
    font-size: 82%;
    margin-bottom: 4px;
}
.diski__list .card-full__label.card-full__label-price {
    font-size: 100%;
    color: #fff;
}

/*.diski__list .tuning__item {
    margin-bottom: 40px
}*/

@media (min-width: 1200px) {
    .diski__list .card-full__photo-hover {
        background-position: center 180px;
        background-size: 423px;
        font-size: 13px;
    }
}

.article_items__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0
}
@media (min-width:960px) {
    .article_items__list .article_items__item {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.article_items__list .card-full__photo,
.article_items__list .card-full__info {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0
}
.article_items__list .card-full__photo {
    margin-bottom: 30px;
    cursor: pointer;
}
.article_items__list .card-full__label {
    font-weight: 200;
    color: inherit;
}

/* End */


/* Start:/local/templates/brabus/css/adaptiveMenu.css?16004263882213*/
@media (min-width:860px) {
  .adp-menu {
    position: relative;
    margin-left: 24px;
    padding-left: 25px;
    padding-right: 43px;
    font-size: 14px;
  }
  .adp-menu:before {
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    width: 1px;
    height: 40px;
    background-color: hsla(0, 0%, 100%, .2);
    content: ""
  }

  .adp-menu .menu__list {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*flex-wrap: wrap;*/
  }

  .adp-menu .toggle {
    position: absolute;
    height: 100%;
    right: -0;
    outline: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .adp-menu .menu__list li {
    position: relative;
  }

  .adp-menu .menu__list .menu__link,
  .adp-menu .hidden-links a {
      font-weight: 300;
      white-space: nowrap;
  }
    
  .adp-menu .hidden-links {
    position: absolute;
    right: 0;
    top: 100%;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .9);
    -webkit-transition: top .3s, opacity .3s;
    -o-transition: top .3s, opacity .3s;
    transition: top .3s, opacity .3s;
    opacity: 1;
    pointer-events: auto;
    padding: 20px 12px;
    font-size: 14px;
    /*left: calc(100% - 60px);*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
      
  .adp-menu .hidden-links li {
    margin-top: 15px;
    display: block;
  }

  .adp-menu .hidden-links .menu__item+.menu__item {
    margin-left: 0;
  }
}

.hidden {
  visibility: hidden;
}


/* End */


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

.iti-mobile .iti--container {
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  position: fixed;
  max-width: calc(100vw - 40px); }

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

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

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

.iti__flag.iti__np {
  background-color: transparent; }

.checkout__form .iti__country-list {
  background-color: #0d0d0d;
  border-color: #707070;
  border-radius: 4px;
}
.checkout__form .iti__divider {
  border-color: #707070;
}
.checkout__form .iti__country.iti__highlight {
  background-color: rgba(255, 255, 255, 0.05); }
/* End */


/* Start:/local/templates/brabus/css/custom.css?17501574403270*/
/** Стилизация чекбоксов */
.agree_wrapper {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}
.agree_wrapper .agree-form {
    margin-top: 15px;
    max-width: 767px;
    opacity: 1;
    position: relative;
}
.agree_wrapper input[type="checkbox"] {
    height: 20px;
    height: 1.23rem;
    width: 20px;
    width: 1.23rem;
    position: relative;
    vertical-align: middle;
    margin-left: 0;
    display: flex;
    float: left;
    margin-top: 2px;
    padding: 0;
    border: 0;
}

.agree_wrapper input[type="checkbox"]:before {
    content: '';
    position: absolute;
    height: 20px;
    height: 1.23rem;
    width: 20px;
    width: 1.23rem;
    top: 50%;
    margin-top: -10px;
    margin-top: -0.62rem;
    border: 1px solid #707070;
    border: .0625rem solid #707070;
    border-radius: 2px;
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
}

.agree_wrapper input[type="checkbox"]:checked:before {
    background-color: #222222;
    border-color: #222222;
}

.agree_wrapper input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    top: 5px;
    top: .3125rem;
    left: 4.5px;
    left: .355rem;
    width: 8px;
    width: .4975rem;
    height: 4.5px;
    height: .27rem;
    top: 50%;
    margin-top: -3px;
    margin-top: -0.17rem;
    border-left: 2px solid #fff;
    border-left: .125rem solid #fff;
    border-bottom: 2px solid #fff;
    border-bottom: .125rem solid #fff;
    -webkit-transform: scale(1) rotate(-50deg);
    transform: scale(1) rotate(-50deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.agree_wrapper input[type="checkbox"]~label:not(.error) {
    margin-left: 12px !important;
    vertical-align: middle;
    max-width: calc(100% - 40px);
    display: inline-block;
}
.agree_wrapper.dark input[type="checkbox"]:checked:before {
    background-color: #ffffff;
    border-color: #ffffff;
}
.agree_wrapper.dark input[type="checkbox"]:checked:after {
    border-left: 2px solid #222;
    border-left: .125rem solid #222;
    border-bottom: 2px solid #222;
    border-bottom: .125rem solid #222;
}

/** Form error toopltip */
.agree_wrapper input.error {
    color: #A1131B;
}
input.error[type="checkbox"]:before {
    border-color: #A1131B;
}
form label.error {
  position: absolute !important;
  cursor: default;
  background-color: #F6F6F6 !important;
  padding: 12px 14px !important;
  box-shadow: 0px 4px 32px 0px #00000029, 0px 0px 4px 0px #0000000A !important;
  z-index: 1 !important;
  color: #1E1F22 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  letter-spacing: 0.03em !important;
  text-align: left !important;
  margin: 0 !important;
  top: 101%;
  left: 50%;
  transform: translateX(-50%);
}
form label.error.valid {
    display: none !important;
}
form label.error:before {
    content: "";
    background-color: #F6F6F6;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: -7px;
}

.modal__info {
    margin-top: 20px;
}
label[data-bx-user-consent] {
    margin-top: 20px;
}
/* End */


/* Start:/local/templates/brabus/components/bitrix/menu/top/style.css?165399950699*/
.menu__list--top .menu__item .submenu__list {
    left: -80px;
    padding-top: 0;
    top: 30px;
}
/* End */


/* Start:/local/templates/brabus/components/bitrix/menu/top2/style.css?16378585992425*/
.menu__item .submenu__list {
	position: absolute;
	left: 0;
	font-weight: 300;
	opacity: 0;
	border-radius: 6px;
    background-color: rgba(0, 0, 0, .9);
    opacity: 1;
    pointer-events: auto;
    padding: 20px 12px;
    font-size: 14px;
    /* left: calc(100% - 60px); */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
	visibility: hidden;
	transition: 0.3s all;
	left: -69px;
}

/*.menu__link.childs {
	background: url('/static/img/chevron-down.svg') no-repeat;
	background-position: 0 0;
	padding-right: 10px;
}*/

.menu__link img {
	width: 12px;
	margin-left: 4px;
	position: relative;
	top: 0;
	transition: 0.3s all;
}

.hidden-links .menu__link img {
	transform: rotate(-90deg);
	top: 1px;
	width: 9px;
}

.menu__link.open img {
	transform:rotate(180deg);
	left: 2px;
	top: 4px;
}


.menu__item .submenu__list .submenu__item {
	margin-top: 15px;
}

.menu__item:hover .submenu__list {
	opacity: 1;
	visibility: visible;
}

.hidden-links .menu__item .submenu__list {
	left: calc(100% - 2px);
	top: -11px;
	padding-top: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.hidden-links .menu__item .submenu__list .submenu__link {
	margin-top: 0;
}

.submenu__link {
	position: relative;
}

.submenu__link:before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 0;
	height: 1px;
	-webkit-transition: left .3s, width .3s;
	-o-transition: left .3s, width .3s;
	transition: left .3s, width .3s;
	background-color: #e0e0e0;
}

@media (min-width: 860px) {
	.submenu__link:hover:before {
	    left: 0;
	    width: 100%;
	    -webkit-transition: left .3s, width .3s;
	    -o-transition: left .3s, width .3s;
	    transition: left .3s, width .3s;
	}
}

@media all and (max-width: 860px) {
	.menu__item .submenu__list {
		display: none;
		opacity: 1;
		visibility: visible;
		position: initial;
		left: 0px;
		transform: none;
		transition: none;
		padding: 0 12px;
	}
	.menu__link img {
		width: 16px;
		margin-left: 2px;
		top: 2px;
	}
	
}
/* End */


/* Start:/local/templates/brabus/components/bitrix/news.list/mainpage_slider/style.css?16067254571126*/
.swiper-slide--button {
    white-space: nowrap;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    letter-spacing: 1.92px;
    padding-bottom: .375rem;
    padding-top: .25rem;
    margin: 15px auto 0;
    padding-left: 30px;
    padding-right: 30px;
    width: auto;
    -moz-box-shadow: 0 20px 40px -18px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 20px 40px -18px rgba(0,0,0,0.75);
    box-shadow: 0 20px 40px -18px rgba(0,0,0,0.75);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    display: block;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .1s linear;
    font-weight: 300;
}

.swiper-slide--button.black {
    background-color: #000;
    color: #fff;
}

.swiper-slide--button:hover {
    color: #fff;
    background-color: #e00022;
    text-decoration: none;
}

@media (min-width:768px) {
    .swiper-slide--button {
        margin-top: 30px;
        font-size: 15px;
    }
}

.swiper-slide .header__item-bg img {
    display: none;
}

/* End */


/* Start:/local/templates/brabus/template_styles.css?174993556250404*/
.clearfix {
    clear: both;
}

.hidden {
    display: none;
}
#tuning_detail_wrapper {
	padding-bottom: 0px;
}

@media (min-width: 1600px) {
	.filter__item {
		margin-right: 40px;
		font-size: 20px;
	}
}

.card-full__info .scroll-wrapper {
	width: 100%;
}

.submodel__tab .section--gray {
	margin-top: 0px;
}

.submodel__tab.is-active .section__content {
	padding-bottom: 60px;
}

.card-full__name {
	margin-bottom: 8px;
}

.fixed-button.add2seo {
	bottom: calc(14% + 168px);
}

@media (min-width: 1600px) {
    .fixed-button.add2seo {
        bottom: calc(14% + 231px);
    }
}

.card-full__photo {
	outline: none;
}

#success_modal .modal__header,
#success_sub_modal .modal__header {
	margin-bottom: 0px;
}
#success_modal .modal__info,
#success_sub_modal .modal__info {
	margin: 40px 0;
	font-size: 16px;
}

#success_add .modal__info {
    margin: 0 0 40px;
    font-size: 16px;
}
#success_add .button.close-btn {
    margin-left: 30px;
}
.product-card__slider a {
	display: block;
}

.header__info {
	min-width: 48px;
}

.videoplay-on-hover video {
	display: none;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    background-color: #000;
    position: relative;
}

@media (min-width: 860px) and (max-width: 1599px) {
    .videoplay-on-hover video {
        width: calc(100% - 10px);
        max-width: calc(100% - 10px);
        left: 5px;
        right: 5px;
    }
}

@media (min-width: 1600px) {
    .videoplay-on-hover video {
        width: calc(100% + 2px);
        max-width: calc(100% + 2px);
        left: -1px;
        right: -1px;
    }
}

#loader {
    position:fixed;
    top:50%;
    left:50%;
    width:60px;
    height:60px;
    margin:-30px 0 0 -30px;
    padding:0;
    border:6px solid hsla(0,0%,39%,.5);
    border-radius:50%;
    border-top-color:#fff;
    opacity:.4;
    z-index:99999;
    -webkit-animation:b .8s infinite linear;
    animation:b .8s infinite linear
}
#loader-blogo {
    position:fixed;
    top:50%;
    left:50%;
    width:22px;
    height:22px;
    margin:-10px 0 0 -10px;
    background: transparent url('/local/templates/brabus/icon/brabus.svg') 0 0 no-repeat;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    opacity:.3;
    z-index:99999;
}

#loader.cart-loader {
    opacity: 1;
}
#loader-blogo.cart-loader {
    opacity: .95;
}

.justified-gallery>.entry-visible>img {
  transform: scale(1.001);
}

.jcf-select .jcf-hover {
	background: #cccccc;
}

section.section.section--dark.contacts.contacts--dealer {
    padding-top: 80px;
}

select#checkout-filial.error ~ .jcf-select {
    border-color: red;
}

li.breadcrumbs__item:nth-last-child(2) {
    display: inline;
}

@media (max-width: 859.98px) {
    .breadcrumbs__item:first-child {
        display: none;
    }

    .breadcrumbs__item:nth-last-child(2):before {
        margin-right: 12px;
        color: #ababab;
        content: "\2039";
    }
    .breadcrumbs__item:nth-last-child(2):after {
        content: "";
    }
}

.item-buttons {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item-buttons a {
    margin-left: 20px;
    white-space: nowrap;
}

@media (max-width: 1070px) {
    .item-buttons {
        margin-bottom: 15px;
    }
}

.menu__link--basket {
    position: relative;
    padding-left: 15px;
}

.menu+.menu .menu__link--basket .icon {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 19px;
    height: 19px;
    margin-top: -3px;
}

.menu__link--basket .small-basket__label {
    position: absolute;
    display: inline-block;
    font-size: 9px;
    background-color: #e00022;
    color: #ffffff;
    border-radius: 50%;
    top: -10px;
    right: -7px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
}


.menu__link--basket .small-basket__label.label0 {
    display: none;
}

.menu__link--basket .small-basket__label:before,
.menu__link--basket .small-basket__label:after {
    content: none;
}

nav.nav > .menu__link {
    display: none;
}

@media (max-width: 859.98px) {
    .menu__link--basket .small-basket__label {
        top: 0;
        right: 0;
        font-size: 10px;
        width: 17px;
        height: 17px;
    }

    .small-basket {
        right: 15px;
    }
    nav.nav > .menu__link {
        display: block;
    }
}


.input-group {
  background-color: #fff;
  display: block;
  margin: 10px 0;
  position: relative;
}

.input-group label {
    padding: 12px 30px;
    width: 100%;
    display: block;
    text-align: left;
    color: #3c454c;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
    border-radius: 35px;
}

.input-group label span {
    font-size: 85%;
    display: inline-block;
    color: #e00022;
    font-weight: 700;
    float: right;
    margin-right: 50px;
}

.input-group label:before {
    width: 10px;
    height: 10px;
    content: "";
    background-color: #000;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
}

.input-group label:after {
    width: 32px;
    height: 32px;
    content: "";
    border: 2px solid #e00022;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 2px 3px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
}

.input-group input:checked ~ label {
    color: #fff;
}

.input-group input:checked ~ label:before {
    transform: translate(-50%, -50%) scale3d(96, 96, 1);
    opacity: 1;
}

.input-group input:checked ~ label:after {
    background-color: #e00022;
    border-color: #e00022;
}

.input-group input[type="checkbox"] {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.input-group ~ .modal__submit {
    margin-top: 45px;
}

.modal__content > .modal__info p {
    font-size: .9rem;
}

.basket__advservice {
    padding: 5px 0 0;
    margin: 20px 10px 0;
    width: 100%;
    border-top: 1px dotted hsla(0,0%,68%,.5);
}

.basket__advservice .basket__advservice-title {
    font-size: 12px;
    font-weight: 600;
    margin: -18px auto 0;
    padding: 1px 10px 3px;
    background-color: #0d0d0d;
    border-radius: 25px;
    border: 1px dotted hsla(0,0%,68%,.5);
    display: block;
    width: 171px;
}

.basket__advservice .basket__advservice-item {
    font-size: 14px;
    color: #949494;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.basket__advservice .basket__advservice-price {
    color: #e00022;
    font-weight: 500;
}

.clear-basket {
    display: block;
    margin-top: 20px;
    text-align: right;
}

.button.button--black {
    background-color: #0d0d0d;
    color: #ebebeb;
    border-color: #ebebeb;
}

.button.button--black:before {
    background-color: #fff;
    border-color: #fff;
}

.button.button--black:hover {
    color: #000;
}


/*@media (max-width: 860px) {
    .menu__link--tel {
        font-size: 13px;
    }

    .menu__list+.menu__list {
        margin-left: 17px;
        padding-left: 17px;
    }

    .menu+.menu .menu__link--basket .icon {
        width: 24px;
        height: 17px;
        margin-top: 0px;
    }

    .menu__link--basket .small-basket__label {
        top: -8px;
        right: -5px;
    }

    .basket__product-main {
        -webkit-flex: 0 0 79.33%;
        -ms-flex: 0 0 79.33%;
        flex: 0 0 79.33%;
        max-width: 79.33%;
    }
}*/

@media (max-width: 500px) {
    .basket__product-main {
        -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }

    .menu__link--basket .small-basket__label {
        top: -4px;
        right: 0px;
    }

    .modal {
        -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%;
    }
}

@media (max-width: 1061px) {
    .card-full__info-content .item-buttons a:first-child {
        margin-bottom: 15px;
    }
}

@media (max-width: 350px) {
    .item-buttons a {
        font-size: 13px;
        padding: 0 15px;
    }
}

.cur-rub {
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M232.522 242.428c63.913 0 115.91-54.382 115.91-121.227C348.432 54.37 296.435 0 232.522 0H120.568v282.428h-29v30h29V440h30V312.428h101.955v-30H150.568v-40h81.954zM150.568 30h81.955c47.371 0 85.91 40.912 85.91 91.201 0 50.303-38.539 91.227-85.91 91.227h-81.955V30z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
}

/*.checkout__form-item label.error {
    top: -23px;
}*/
/**
 * Кастомная корзина
 */
.col-sm-12 {
    width: 100%;
}
.bx-soa-section {
    border: 0 !important;
}

.bx-soa-section-content, .bx-soa-section-content .col-xs-12 {
    padding: 0 !important;
}

.bx-soa-section-title-container {
    background: transparent !important;
    padding: 30px 0 !important;
}
.bx-soa-section-title {
    color: #fff !important;
    border: 0 !important;
    font-size: 1.3rem !important;
    line-height: 35px !important;
}

.bx-soa-section-content .row {
    margin: 0;
}

#bx-soa-region .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#bx-soa-region .form-group .radio-inline {
    -webkit-flex: 1 1 50%; 
    -ms-flex:  1 1 50%; 
    flex:  1 1 50%;
    padding-left: 0 !important;
}

.form-group label {
    display: block;
}

#bx-soa-region .form-group label {
    display: block;
    color: #707070;
    text-align: center;
    border-bottom: 2px solid #707070;
    font-size: 17px;
    line-height: 45px;
    cursor: pointer;
}

#bx-soa-region .form-group label.active {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-left: 0;
}

.order__form .form-group label,
.bx_profile .form-group label,
.bx_form .form-group label {
    color: #707070;
    margin: 10px 0;
    text-align: left;
}

#bx-soa-properties .form-group,
.bx_profile .form-group,
.bx_form .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#bx-soa-properties .form-group label,
.bx_profile .form-group label,
.bx_form .form-group label {
    -webkit-flex-basis: 140px;
    flex-basis: 140px;
}

#bx-soa-properties .form-group .soa-property-container,
.bx_profile .form-group div,
.bx_form .form-group div {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.order__form input[type="text"], .order__form select,
.bx_profile input[type="text"], .bx_profile input[type="password"], .bx_profile select,
.bx_form input[type="text"], .bx_form input[type="password"], .bx_form select {
    height: 46px;
    padding: 0 16px;
}

.order__form input[type="text"], .order__form textarea,
.bx_profile input[type="text"], .bx_profile input[type="password"], .bx_profile textarea,
.bx_form input[type="text"], .bx_form input[type="password"], .bx_form textarea {
    width: 100%;
    -webkit-transition: border .3s,color .3s;
    -o-transition: border .3s,color .3s;
    transition: border .3s,color .3s;
    border-radius: 4px;
    border: 1px solid #707070;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
}

.order__form textarea,
.bx_profile textarea,
.bx_form textarea {
    min-height: 90px;
    padding: 10px 16px;
}

.section--dark .order__form input[type="text"]:focus, .section--dark .order__form textarea:focus,
.section--dark .bx_profile input[type="text"]:focus, .section--dark .bx_profile input[type="password"]:focus, .section--dark .bx_profile textarea:focus,
.section--dark .bx_form input[type="text"]:focus, .section--dark .bx_form input[type="password"]:focus, .section--dark .bx_form textarea:focus {
    -webkit-transition: border .3s,color .3s;
    -o-transition: border .3s,color .3s;
    transition: border .3s,color .3s;
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.checkout .order__form button {
    display: block;
}

/**
 * Оплата
 */
.bx-soa-pp .bx-soa-pp-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.bx-soa-pp .bx-soa-pp-company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-grow: 1;
    flex-basis: 49%;
    max-width: 49%;
    min-width: 280px;

    height: 100px;
    height: 6.25rem;
    padding: 0;
    border-radius: 2px;
    border-radius: .125rem;
    border: 1px solid #707070;
    border: .0625rem solid #707070;
    border-color: #707070 !important;
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
    margin-bottom: 20px;
    cursor: pointer;
}

.bx-soa-pp .bx-soa-pp-company:hover {
    border-color: #5B000F !important;
}

.bx-soa-pp .bx-soa-pp-company.bx-selected {
    border-color: #e00022 !important;
}

.bx-soa-pp-company-graf-container {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 20%;
    max-width: 20%;
    border: 0 !important;
    background: transparent !important;
    height: 100% !important;
    padding: 0 !important;
    margin-right: 10px;
}

.bx-soa-pp-company-smalltitle {
    /*-webkit-flex-grow: 1;
    flex-grow: 1;*/
    min-width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px !important;
}

.bx-soa-pp .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle {
    color: #fff;
}

.bx-soa-pp-company-smalltitle .bx-soa-pp-company-check {
    -webkit-flex-basis: 50px;
    -webkit-flex-basis: 3.13rem;
    flex-basis: 50px;
    flex-basis: 3.13rem;
    position: relative;
}

.bx-soa-pp-company-smalltitle .bx-soa-pp-company-check:before {
    content: '';
    position: absolute;
    height: 20px;
    height: 1.23rem;
    width: 20px;
    width: 1.23rem;
    top: 50%;
    margin-top: -10px;
    margin-top: -0.62rem;
    border: 1px solid #707070;
    border: .0625rem solid #707070;
    border-radius: 2px;
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
}

.bx-soa-pp .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle .bx-soa-pp-company-check:before {
    background-color: #e00022;
    border-color: #e00022;
}

.bx-soa-pp .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle .bx-soa-pp-company-check:after {
    content: '';
    position: absolute;
    top: 5px;
    top: .3125rem;
    left: 4.5px;
    left: .355rem;
    width: 8px;
    width: .4975rem;
    height: 4.5px;
    height: .27rem;
    top: 50%;
    margin-top: -3px;
    margin-top: -0.17rem;
    border-left: 2px solid #fff;
    border-left: .125rem solid #fff;
    border-bottom: 2px solid #fff;
    border-bottom: .125rem solid #fff;
    -webkit-transform: scale(1) rotate(-50deg);
    transform: scale(1) rotate(-50deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bx-soa-pp-desc-container,
#bx-soa-delivery .alert-warning {
    display: none;
}

.bx-soa-pp-delivery-cost {
    margin: 0 10px;
    white-space: nowrap;
}


.sale-personal-section-index-block {
    border: 1px solid #e00022;
}
.section__row.personal > .row, .bx_profile, .bx_form {
    margin: 0 auto;
}

.bx_profile .main-profile-form-buttons-block,
.bx-form-buttons-block,
.center-content
 {
    text-align: center;
}

.bx_profile .button, .bx_form .button {
    border: 2px solid transparent;
}
.bx_profile .button:hover, .bx_form .button:hover {
    border-radius: 35px;
    border: 2px solid #e00022;
    background-color: #fff;
}

.bx_form + script + p {
    display: none;
}

input[type="checkbox"] {
    height: 20px;
    height: 1.23rem;
    width: 20px;
    width: 1.23rem;
    position: relative;
    vertical-align: middle;
}

input[type="checkbox"]:before {
    content: '';
    position: absolute;
    height: 20px;
    height: 1.23rem;
    width: 20px;
    width: 1.23rem;
    top: 50%;
    margin-top: -10px;
    margin-top: -0.62rem;
    border: 1px solid #707070;
    border: .0625rem solid #707070;
    border-radius: 2px;
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
}

input[type="checkbox"]:checked:before {
    background-color: #e00022;
    border-color: #e00022;
}

input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    top: 5px;
    top: .3125rem;
    left: 4.5px;
    left: .355rem;
    width: 8px;
    width: .4975rem;
    height: 4.5px;
    height: .27rem;
    top: 50%;
    margin-top: -3px;
    margin-top: -0.17rem;
    border-left: 2px solid #fff;
    border-left: .125rem solid #fff;
    border-bottom: 2px solid #fff;
    border-bottom: .125rem solid #fff;
    -webkit-transform: scale(1) rotate(-50deg);
    transform: scale(1) rotate(-50deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

input[type="checkbox"]+label:not(.error) {
    margin-left: 10px !important;
    vertical-align: middle;
    display: inline-block;
}

div.bx_form_title {font-size:140%; border-bottom:solid 2px #E3E3E3; padding-bottom:12px; }
div.bx_form_note{margin:18px 0px;}

.bx_form {
    width: 90%;
    max-width: 600px;
}

.orders-tabs a {
    display: inline-block;
    border: 1px solid #707070;
    border: .0625rem solid #707070;
    border-radius: 2px;
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
    color: #707070;
    padding: 6px 10px;
    margin-right: 10px;
    font-size: 14px;
}
.orders-tabs a:hover {
    border-color: #e00022;
    color: #fff;
}


@media (min-width: 1200px) {
    .basket__container {
        -webkit-flex: 0 0 66.66667% !important;
        -ms-flex: 0 0 66.66667% !important;
        flex: 0 0 66.66667% !important;
        max-width: 66.66667% !important;
        -webkit-box-flex: 0 !important;
        margin-left: 16.66667% !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

.checkout.pt20 {
    padding-top: 20px !important;
}
.pt50 {
    padding-top: 50px !important;
}

@media (min-width: 1600px) {
    .bx-step-completed .bx-soa-item-img-block {
        width: 144px !important;
        height: 96px !important;
    }
}

.footer__container a {
    text-decoration: underline;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
.footer__container a:hover {
    text-decoration: underline;
    color: #fff;
}

.content-table {
    display: table;
    max-width: 100%;
    width: 100%;
    border-collapse: separate;
    margin-bottom: 1.25em;
    border-spacing: 0;
}

.content-table tr td {
    padding: .5625em .625em;
    vertical-align: top;
    line-height: 1.6;
}

.content-table tr:nth-of-type(even) {
    background: #f8f8f7;
}

.content ul.list {
    list-style: none;
    margin: 1.3rem 0 1.8rem 3rem
}
.list .list__item:before {
    content: '';
    width: 20px;
    height: 1px;
    border-bottom: 1px solid #e00022;
    display: block;
    position: absolute;
    top: 12px;
    left: -30px;
}

.list .list__item ul {
    list-style: none;
    margin: 1rem 0 1rem 1.3rem
}

.list .list__item li {
    margin-top: 1rem;
}

.list .list__item li:before {
    content: '';
    width: 10px;
    height: 1px;
    border-bottom: 1px solid #e00022;
    display: block;
    position: absolute;
    top: 12px;
    left: -20px;
}

.copywriting__item.copywriting__item--center a {
    display: inline-block;
    margin: 0 .7rem;
}

#basket_form + .checkout {
    padding-top: 30px !important;
}
#basket_form + .checkout .button {
    margin-top: 10px !important;
}

.contacts--dealer.section--white .section__title {
    color: inherit;
}

.contacts--dealer.section--white .contacts__title-regular {
    color: inherit;
}

.contacts--dealer.section--white .contacts__info {
    background-color: #fafafa;
}

.section--white .contacts__row--dealer+.contacts__row--dealer:before {
    background-color: #5f6263;
}

@media (min-width: 860px) {
    .section.section--text {
        padding-top: 80px;
        padding-bottom: 60px;
    }
}

.section--mainblock+.section--mainblock {
    padding-top: 0 !important;
}

@media (min-width: 1200px) {
    .section--mainblock.section--cars4sale .model__title {
        font-size: 26px;
    }
}
@media (min-width: 1400px) {
    .section--mainblock.section--cars4sale .model__title {
        font-size: 32px;
    }
}
@media (min-width: 1600px) {
    .section--mainblock.section--cars4sale .model__title {
        font-size: 36px;
    }
}

.section--dark+.section--dark {
    padding-top: 0;
}

.contacts__address-whatsapp a,
.footer__contacts-whatsapp a {
    padding: 3px 0;
    display: inline-block;
    border-bottom: 1px dotted;
    line-height: 13px;
    position: relative;
    margin-left: 30px;
}

.contacts__address-whatsapp a:hover,
.footer__contacts-whatsapp a:hover {
    border-bottom-color: transparent;
    text-decoration: none;
}
.contacts__address-whatsapp a .icon,
.footer__contacts-whatsapp a .icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position: absolute;
    left: -29px;
    top: 0;
}

.footer__contacts-whatsapp a {
    font-weight: 100;
    text-decoration: none;
}

@media print {
    body {
        margin: auto !important;
        width: 18cm !important;
        overflow: visible !important;
    }
    /*.nav.is-scrolled,*/
    .footer__menu,
    .footer__subscription,
    .footer .footer__row+.footer__row,
    .fixed-button,
    .menu,
    #bx-panel, #bxpanel,
    .burger,
    .footer__contacts-whatsapp,
    .footer__contacts:before,
    .header__item-content .icon,
    .swiper-container-fade .header__slider-pagination,
    .flickity-button,
    #modalTriggerContactForm,
    section.share,
    .accordion__header .icon {
        display: none !important;
        opacity: 0 !important;
    }

    .nav__container {
        -webkit-justify-content: center !important;
        justify-content: center !important;
    }

    main:after,
    #offers:after,
    footer:before {
        content: '';
        display: table;
        position: relative;
        clear: both;
    }

    .nav {
        position: relative !important;
        background-color: #000 !important;
    }

    .brand {
        margin: 0 !important;
    }

    .header__item-bg {
        transform: translateY(0px) !important;
    }

    .footer__contacts {
        /*padding-right: 16px !important;*/
        -webkit-flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
    }

    .col-sm-12,
    .col-md-6,
    .col-lg-4,
    .col-xl-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .swiper-container-fade .swiper-wrapper .swiper-slide {
        position: relative !important;
        display: block !important;
        opacity: 1 !important;
        transform: translate3d(0px, 0px, 0px) !important;
        margin: 10px 0 !important;
        flex: 0 0 50% !important;
        max-width: calc(50% - 10px);
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .swiper-container-fade .swiper-wrapper .swiper-slide:first-child {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .header .swiper-container-fade .swiper-wrapper .swiper-slide {
        height: calc((9cm - 10px)/1920*1080) !important;
    }

    .header .swiper-container-fade .swiper-wrapper .swiper-slide:first-child {
        height: calc(18cm/1920*1080) !important;
    }
    
    .header,
    .swiper-wrapper,
    .flickity-viewport,
    .flickity-slider {
        height: auto !important;
        /*overflow: auto !important;*/
        padding-top: 0 !important;
    }

    .swiper-wrapper {
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        position: static !important;
        width: 100% !important;
        transform: none !important;
    }

    .header__slider,
    .flickity-slider {
        position: static !important;
        overflow: visible !important;
    }

    .flickity-slider,
    .justified-gallery {
        transform: translateX(0px) !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }

    .justified-gallery {
        height: auto !important;
    }

    .flickity-slider .carousel-cell,
    .justified-gallery .gallery__item,
    .swiper-slide,
    .news__item {
        display: block !important;
        overflow: visible !important;
        position: relative !important;
        width: 50% !important;
        margin: 10px 0 !important;
        flex: 0 0 50% !important;
        max-width: calc(50% - 10px) !important;
        left: auto !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .justified-gallery .gallery__item {
        height: auto !important;
        top: auto !important;
        left: auto !important;
    }

    .carousel-cell .carousel-cell__media, .carousel-cell img,
    .justified-gallery>a>a>img, .justified-gallery>a>img, .justified-gallery>div>a>img, .justified-gallery>div>img, .justified-gallery>figure>a>img, .justified-gallery>figure>img,
    .card-full__slider .swiper-slide img {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        max-width: 100% !important;
        height: auto !important;
        display: inline-block !important;
        padding: 0px !important;
        margin: 0px !important;
        object-fit: cover !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .collapse:not(.show),
    .accordion__body {
        display: block !important;
    }

    .section-padding-large,
    .picture-teaser-caption,
    .structured-content.section-padding-large,
    .text-box-container,
    .text-box-tiny-container {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .text-box h2, .text-box h3,
    h1.headline-padding-large, h2.headline-padding-large, h3.headline-padding-large, h4.headline-padding-large, h5.headline-padding-large, .energy-label h3, .energy-label table {
        margin-bottom: 30px !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .separating-element {
        height: 10vw !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .footer {
        display: block !important;
        position: relative !important;
        margin-top: 40px !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .main-title {
        padding-top: 40px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .main-title__headline {
        font-size: 24px !important;
        margin-bottom: 0 !important;
    }

    .accordion__header {
        border-top: 0 !important;
    }

    [class^='container'].responsive-gutter,
    [class^='container'].responsive-gutter .col,
    footer[class^='container'] .col,
    footer[class^='container'] [class*='col-'],
    .text-box,
    .contacts__content, .footer, .header, .section,
    .text-box-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .content>:not(img), .news__details {
        padding: 0 8px !important;
    }

    .submodel__tab.is-active .section__content {
        padding-bottom: 0 !important;
    }

    .text-box-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .text-box {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    h3 {
        font-weight: 300 !important;
        font-size: 30px !important;
        line-height: 35px !important;
    }

    .content h2 {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }

    .content h2, .content h3 {
        padding-top: 30px !important;
    }

    .energy-label .accordion__body.collapse, .structured-content .accordion__body.collapse, .accordion__panel .accordion__body.collapse {
        display: block !important;
    }

    .energy-label:last-child, .structured-content:last-child, .accordion__panel:last-child,
    .energy-label .accordion__body, .structured-content .accordion__body, .accordion__panel .accordion__body,
    .footer>.footer__row,
    .footer__contacts {
        border: 0 !important;
    }

    .energy-label .accordion__header, .structured-content .accordion__header, .accordion__panel .accordion__header {
        border: 0 !important;
        height: auto !important;
        margin: 30px 0 15px 0 !important;
    }

    .col-lg-10 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 .5cm !important;
    }
    .col-lg-6, .col-lg-5 {
        width: 50%;
    }
    .col-lg-5, .col-lg-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 0 .5cm !important;
        padding-left: .5cm !important;
        padding-right: .5cm !important;
    }

    [class^='container'].responsive-gutter .row {
        margin: 0 -.5cm !important;
    }

    footer.footer {
        clear: both !important;
        display: block !important;
        page-break-inside: avoid;
        text-align: center;
    }

    .footer__main {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .footer__contacts .menu__list {
        text-align: right !important;
    }

    /*.footer__contacts .menu__list .menu__item {
        margin-right: 30px !important;
    }*/

    .menu__link--tel {
        margin-right: 0 !important;
    }

    section {
        padding: 0;
        position: static !important;
    }

    section[class^="container"] {
        clear: both !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
    }

    .container-fluid, .container-sm, .container-md, .container-lg, .container-xl,
    .accordion__panel,
    .text-box-container,
    .footer,
    .teaser-container-warranty,
    .picture-teaser-container-l,
    .justified-gallery .gallery__item {
        display: block !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .card-full, .submodel__tab .card-full,
    #bx-soa-basket,
    .our-works__item,
    .contacts__row--dealer,
    .contacts__main,
    .contacts__footer,
    .contacts__map {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .bx-soa-section .container-fluid {
        break-inside: initial;
        page-break-inside: initial;
    }

    .carousel {
        clear: both !important;
        position: static !important;
    }

    .carousel .flickity-viewport {
        clear: both !important;
        height: auto !important;
        left: auto !important;
        margin: 0 !important;
        overflow: visible !important;
        position: static !important;
    }

    .text-box-tiny-container {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .picture-teaser-container-l, .picture-teaser-container-l .picture-teaser-l, .picture-teaser-container-l .picture-teaser-content, .slick-track {
        width: 100% !important;
        min-height: 300px !important;
        height: 10vh !important;
    }

    .teaser-container-warranty {
        overflow: hidden !important;
        margin-top: 40px !important;
    }

    .teaser-container-warranty [class^='container'].responsive-gutter .row {
        margin: 0 !important;
    }

    .energy-label--gray,
    .basket__advservice .basket__advservice-title {
        background-color: #fff !important;
    }

    .section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .section--dark, .section--dark .info .content,
    .section--gray {
        background-color: #fff !important;
        color: #1a1e1f !important;
    }

    .section__title:before,
    .accessories-details .section__row:first-child {
        display: none !important;
    }

    .section__title {
        margin-bottom: 30px !important;
        padding-top: 0px !important;
        font-size: 30px !important;
    }

    /* Главная страница */
    .nav__container:before,
    .content+.more {
        display: none !important;
    }
    .header__item-content {
        transform: none !important;
        opacity: 1 !important;
    }
    .header__title {
        font-size: 24px !important;
        margin-bottom: 10px !important;
    }
    .header__info {
        font-size: 16px !important;
        padding: 0 20px !important;
        text-align: center !important;
    }

    .models,
    .news__list,
    .justified-gallery,
    .our-works__list {
        justify-content: space-between !important;
    }

    .model, .models-page__list--odd .models-page__item, .tuning__item,
    .news__item--big,
    .justified-gallery .gallery__item,
    .our-works__item {
        -webkit-flex: 0 0 50% !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: calc(50% - 10px) !important;
        margin: 10px 0 !important;
    }

    .model__content {
        padding-top: 50px !important;
    }

    h3.model__title {
        color: #fff !important;
        font-size: 24px !important;
    }

    .model__info {
        color: #fff !important;
        font-size: 18px !important;
        margin-top: 15px !important;
        margin-bottom: 10px !important;
        padding: 0 15px !important;
    }

    .button--big {
        min-width: 200px !important;
        height: 35px !important;
        padding: 0 25px !important;
        font-size: 18px !important;
        line-height: 35px !important;
    }

    .model--all .icon {
        width: 30px !important;
        height: 30px !important;
        margin-left: 4px !important;
    }

    .model--all .icon {
        top: -1px !important;
        -webkit-animation: none !important;
        animation: none !important;
    }

    .news__item--big,
    .news__item {
        height: 300px !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .badge {
        padding: 6px 18px !important;
        font-size: 16px !important;
        height: auto !important;
    }

    .news__item--big h3.news__item-title,
    .news__item h3.news__item-title {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .news__item--big .news__link,
    .news__item .news__link {
        -webkit-justify-content: start !important;
        justify-content: start !important;
    }

    .info__content {
        margin-left: 0 !important;
    }

    .basket__container, .info__content, .news__details, .text__content, .thank__container {
        -webkit-flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .basket__container, .info__content, .news__details, .text__content, .thank__container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .info .content-wrapper.is-hide,
    .news__list,
    .our-works__list,
    .card {
        height: auto !important;
    }

    .info .content-wrapper+.is-hide,
    .content h2:before, .content h3:before,
    .info .content-wrapper.is-hide:before,
    .product-card__slider-pagination {
        display: none !important;
    }

    .section__btn {
        margin-top: 40px !important;
    }

    .info .content {
        font-size: 17px !important;
    }

    .content p+h3, .content p+img, .content p+ul {
        margin-top: 30px !important;
    }

    .card-full__characteristics-price,
    .card-full__characteristics-name {
        background-color: #fff !important;
        color: #1a1e1f !important;
    }

    .basket__advservice .basket__advservice-item {
        justify-content: flex-start !important;
    }

    .basket__advservice .basket__advservice-price {
        margin-left: 10px !important;
    }

    #bx-soa-region .form-group label.active {
        color: #e00022 !important;
        border-bottom: 2px solid #1a1e1f !important;
    }

    .bx-soa-section .bx-soa-section-title {
        color: #1a1e1f !important;
    }

    #commentBlock .col-sm-12,
    .bx-soa-section .col-sm-12,
    .blockquote-container, .card__photo-row, .not-found {
        -webkit-flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .bx-soa-pp .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle {
        color: #e00022 !important;
    }

    .bx-step-completed .bx-soa-item-img-block,
    .bx-soa-item-img-block {
        width: 200px !important;
        height: 130px !important;
        max-width: auto !important;
        float: left !important;
        margin: 0 !important;
        padding-right: 15px !important;
    }

    .bx-soa-item-content {
        padding-top: 0 !important;
    }

    .bx-soa-item-properties:not(.bx-text-right) {
        opacity: 0 !important;
        display: none !important;
    }

    .bx-soa-item-properties.bx-text-right {
        margin-left: 160px !important;
        margin-top: -26px !important;
        margin-bottom: 28px !important;
    }

    .news__details {
        margin: 0 !important;
    }

    .header--small {
        background-attachment: scroll !important;
    }

    .card__slider-paginations {
        display: none !important;
    }

    .card__name {
        margin-top: 10px !important;
    }

    .card__link {
        font-size: 22px !important;
    }

    .section__content {
        max-width: 100% !important;
    }

    .accessories-details .justified-gallery .gallery__item {
        max-height: 260px !important;
        overflow: hidden !important;
    }
    .accessories-details .justified-gallery>a.gallery__item>img {
        min-width: 100% !important;
        width: auto !important;
        min-height: 260px !important;
    }

    .contacts__title-regular {
        margin-bottom: 20px !important;
    }

    .contacts__info {
        padding-top: 20px !important;
        padding-bottom: 10px !important;
        background-color: #fafafa !important;
        color: #1a1e1f !important;
    }

    * {
        animation-name: none !important;
        visibility: visible !important;
    }

    /* Контакты */
    .contacts .section__btn {
        height: 45px !important;
        margin-bottom: 30px !important;
    }

    h3.contacts__title {
        margin-bottom: 15px !important;
    }

    .contacts .social {
        border-top-color: #eaeaea !important;
        padding-top: 20px !important;
        padding-bottom: 15px !important;
    }

    .contacts__footer {
        margin-top: 25px !important;
    }

    .contacts .button--social {
        border-color: #1a1e1f !important;
    }

    .contacts .button--social .icon {
        color: #1a1e1f !important;
    }
    
    /* 404 ошибка */
    .not-found img {
        filter: invert(10%) !important;
        -webkit-filter: invert(10%) !important;
    }

    .button--transparent {
        border-color: #e00022 !important;
        color: #e00022 !important;
    }

    /* Страница поиска */
    .search-page .section__row,
    .section__row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    #ya-site-form0 .ya-site-form__search-input {
        padding: 6px 0 !important;
    }

    .search-page #ya-site-form0 .ya-site-form__form .ya-site-form__input-text, .search-page #ya-site-form0 .ya-site-form__form .ya-site-form__input-text:focus {
        background: #fff !important;
        border: 1px solid #eaeaea !important;
        color: #1a1e1f !important;
    }

    .search-page #ya-site-results {
        background: #fff !important;
        color: #1a1e1f !important;
    }

    .b-head__l, .b-head__specify {
        padding: 0 1em 0 45px !important;
    }

    #ya-site-results a,
    #ya-site-results a:link,
    #ya-site-results a:visited {
        color: #000 !important;
    }

    .search-page #ya-site-results .b-pager__current,
    .search-page #ya-site-results .b-pager__select {
        background: #e0e0e0 !important;
        color: #1a1e1f !important;
    }

    /* Страница успешного оформления заказа */
    .thank__footer {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .thank__footer .button+.button {
        margin-top: 0;
        margin-left: 20px;
    }

    .swiper-slide .header__item-bg img {
        display: block !important;
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        vertical-align: top;
        position: absolute;
        top: 0;
    }
    .header__item-bg:before {
        opacity: .5;

    }

    body {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}

.checkout__form input:-internal-autofill-selected {
    background-color: inherit !important;
}


.checkout__form .commerce-block {
    display: block;
    width: 100%;
    text-align: center;
    margin: 50px 20px 0;
    padding: 20px 20px 30px;
    border: 1px dotted #707070;
    border-radius: 4px;
}
.checkout__form .commerce-block legend {
    padding: 0 7px 3px;
}
.checkout__form .commerce-block button {
    margin: 0 30px !important;
}

.section__title.light {
    font-weight: 400;
    padding-top:  0;
    margin-bottom: 0;
    font-size: 240%;
    line-height: 2;
}
h2.section__title.light {
    font-weight: 200;
    font-size: 170%;
}
h3.section__title.light {
    font-weight: 200;
    font-size: 130%;
}
.section__title.light:before {
    content: none;
}

.personal #bx_incl_area_3 {
    margin: 0 auto;
}
button.sale-personal-section-index-block-link {
    background: none;
    text-transform: uppercase;
}

.product-item-detail-info-container-title {
    padding: 10px 0 5px;
    color: #949494;
}
@media screen and (min-width: 30em) {
    .product--details .configurator--form .select-field select,
    .product-item-scu-item-list .jcf-select {
        line-height: 2.25rem;
        height: auto;
    }
    .product--details .configurator--form .select-field:after {
        height: 2.25rem;
    }
}

textarea, input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], .select-field select {
    border-radius: unset !important;
}
.select-field select, .js--fancy-select select,
.product-item-scu-item-list .jcf-select-text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 2.5rem 0 .625rem;
    line-height: 2.2rem;
    background-clip: padding-box;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff 0%, #dddddd 100%);
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    border: 1px solid #dadae5;
}

.select-field select:hover, .js--fancy-select select:hover,
.jcf-select:hover .jcf-select-text {
    color: #e00022;
    border-color: #e00022;
    background: #fff;
}
.jcf-select:hover:before {
    border-right-color: #e00022;
    border-bottom-color: #e00022;
}

.product-item-scu-item-list .jcf-select:before {
    /*display: none;*/
}

.text__content b {
    font-weight:  bold;
}
.manager-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.manager-block h3 {
    padding-top: 0;
    text-align: left;
    margin-bottom: 10px;
}
.manager-block h3:before {
    display: none;
}
.manager-block > div {
    padding: 0 15px;
    margin-top: 25px;
}
.manager-block .photo-block {
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    padding-top: 7px;
    text-align: center;
}
.manager-block .photo-block img {
    max-width: 400px;
}
.manager-block .txt-block {
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}
@media (max-width: 767.98px) {
    .manager-block {
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
    }
    .manager-block .photo-block,
    .manager-block .txt-block {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}
.request-form .requestResult {
    display: none;
}
.request-form .thank__header {
    margin-top: 0;
    margin-bottom: 20px;
}
.request-form .thank__title:before {
    display: none;
}
.request-form .thank__title {
    font-size: 26px;
    margin-bottom: 0;
    padding-top: 0;
}
.section--white .content a:not(.button) {
    color: #e00022;
}
.section--white .content a:hover {
    color: inherit;
}
/*.modal__form-item .iti label.error {
    left: 0;
}*/

.content h3.nl:before, .content h2.nl:before {
    display: none;
}
.content h3.left, .content h2.left {
    text-align: left;
    padding: 0;
    margin-bottom: 20px;
}

.subscription__form + .subscription__info {
    padding-top: 7px;
    font-size: 12px;
}

body > nav.nav {
    transition: 0.8s all !important;
}

body > nav.nav.is-scrolled {
    top: -84px;
}

body > nav.nav,
body > nav.nav.is-scrolled.hideondown,
body.forcemenu_visible > nav.nav,
body.forcemenu_visible > nav.nav.is-scrolled.hideondown {
    top: 0px;
}

@media all and (max-width: 859.98px) {
    body > nav.nav.is-scrolled {
        top: -50px;
    }
    body.forcemenu_visible > nav.nav,
    body.forcemenu_visible > nav.nav.is-scrolled,
    body.forcemenu_visible > nav.nav.is-scrolled.hideondown {
        top: 0;
    }
}

.news__details-content [class^='form--button'] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    padding: 12px 0 8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .1s linear;
    width: 100%;
}
.news__details-content [class^='form--button'] {
    font-size: 18px;
}
@media (min-width: 768px) {
    .news__details-content [class^='form--button'] {
        font-size: 20px;
    }
}
.news__details-content a[class^='form--button'] {
    padding-left: 40px;
    padding-right: 40px;
    width: auto;
}
.news__details-content .form--button-dark,
.section--white .news__details-content a.form--button-dark {
    background-color: #000;
    color: #fff;
    padding-top: 8px;
}
.news__details-content .form--button-dark:hover,
.section--white .news__details-content a.form--button-dark:hover {
    color: #fff;
    background-color: #b70826;
    text-decoration: none;
}
.news__details-content .form--button-small {
    width: auto;
}
.news__details-content .form--button-light {
    background-color: #fff;
    color: #000;
}
.news__details-content .form--button-border {
    border: 1px solid #222;
    padding: 9px 0 5px;
}
.social-icons .icon-vk {
    color: #fff;
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
    padding: 0;
    background-color: #000;
    border-radius: 50%;
    overflow: hidden;
    margin: 15px;
}
.social-icons .icon-vk>svg {
    max-width: 22px;
    max-height: 38px;
    vertical-align: top;
}
.social-icons a:hover .icon-vk {
    color: #fff;
    background-color: #b70826;
}

.structured-table td b,
.structured-table td strong {
    font-weight: 600;
}
@media (min-width: 992px) {
    .section-padding-large, .picture-teaser-caption, .structured-content.section-padding-large, .text-box-container, .text-box-tiny-container {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}

.long-photo {
    width: calc(50% - 3px);
    float: left;
    margin-top: 0 !important;
    margin-bottom: 5px;
}
.long-photo+.long-photo {
    margin-left: 6px;
}
.long-photo+br {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

@media (max-width: 390px) {
    body:not([data-template=index-page]) .footer .brand {
        width: 100px;
        height: 40px;
        -webkit-flex-basis: 100px;
        flex-basis: 100px;
        min-width: 100px;
    }
}

/* End */
/* /local/templates/brabus/css/fcore.bundle.css?1749935557326027 */
/* /local/templates/brabus/css/adaptiveMenu.css?16004263882213 */
/* /local/templates/brabus/css/intlTelInput.css?160701138025629 */
/* /local/templates/brabus/css/custom.css?17501574403270 */
/* /local/templates/brabus/components/bitrix/menu/top/style.css?165399950699 */
/* /local/templates/brabus/components/bitrix/menu/top2/style.css?16378585992425 */
/* /local/templates/brabus/components/bitrix/news.list/mainpage_slider/style.css?16067254571126 */
/* /local/templates/brabus/template_styles.css?174993556250404 */