/* Start:/local/templates/wewowo_hydm/assets/css/styles.min.css?1582305430811707*/

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

:root {
    --swiper-theme-color: #007aff
}
.box-header-title__breadcrumbs {
    display: none !important;
}
video {
    width: 100%;
}
section.smart_tv {
    width: 70% !important;
    margin: 0 auto !important;
}

img.tehnikal-img {
    width: 100%;
}

img.rashr {
    width: 100%;
}

img.w-100 {
    width: 60%;
    height: auto;
}

.player {
    text-align: center;
    padding-bottom: 20px;
}

.img-ras.job {
    display: inline-block;
    padding: 12px;
    width: 23%;
    text-align: center;
}

.box-shadow {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    padding: 5px;
}

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

label.field-name.cust {
    top: 7px !important;
}

p.tehnikal-p {
    text-align: center;
    font-weight: bold;
}

.comps {
    display: none;
}

img.job-scr-img {
    width: 40%;
    padding: 15px;
    text-align: center;
    margin: 0 auto;
}

.form-label-sc1 {
    position: relative;
    z-index: 2;
    display: block;
    font-weight: 500;
    font-size: .72917vw;
    color: #272d33;
    line-height: 15px;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 14px 20px 0 20px;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 2px;
    background: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0!important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

label.field-name {
    font-weight: bold;
    left: 21px;
    top: 22px;
    margin: 0;
    display: block;
    font-size: .72917vw;
    line-height: 16px;
    color: #272d33;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
}

label.field-name:after {
    content: '*';
    position: relative;
    left: 2px;
    color: #d80027;
}

.form-label {
    position: relative;
    z-index: 2;
    display: block;
    font-weight: 500;
    font-size: .72917vw;
    color: #272d33;
    line-height: 15px;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 14px 20px 0 20px;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 2px;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0!important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.form-message-true {
    text-align: center;
    font-weight: bold;
    display: none;
}

.box-tehnikal-company {
    position: relative;
    margin: auto;
    margin-bottom: 3.125vw;
    max-width: 75vw;
    width: calc(100% - 30px);
    background-position: center top;
    background-repeat: no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

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

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

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

.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 {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    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 {
    pointer-events: auto;
    visibility: visible
}

.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;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

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

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

.glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999!important;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0;
    overflow: hidden
}

.glightbox-container.inactive {
    display: none
}

.glightbox-container .gcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden
}

.glightbox-container .gslider {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.glightbox-container .gslide {
    width: 100%;
    position: absolute;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0
}

.glightbox-container .gslide.current {
    opacity: 1;
    z-index: 99999;
    position: relative
}

.glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999
}

.glightbox-container .gslide-inner-content {
    width: 100%
}

.glightbox-container .ginner-container {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    margin: auto;
    height: 100vh
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
    max-width: 100%!important
}

.gslide iframe,
.gslide video {
    outline: 0!important;
    border: none;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto
}

.gslide-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gslide-image img {
    max-height: 100vh;
    display: block;
    max-width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    outline: 0;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100vw;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-touch-action: none;
    touch-action: none;
    margin: auto;
    min-width: 200px
}

.desc-bottom .gslide-image img,
.desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
    width: auto;
    max-width: 100%
}

.gslide-image img.zoomable {
    position: relative
}

.gslide-image img.dragging {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important;
    -webkit-transition: none;
    transition: none
}

.gslide-video {
    width: 100%;
    max-width: 100%;
    position: relative;
    width: 100vh;
    max-width: 100vh;
    width: 100%!important
}

.gslide-video .gvideo-wrapper {
    width: 100%;
    margin: auto
}

.gslide-video::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 0, 0, .34);
    display: none
}

.gslide-video.playing::before {
    display: none
}

.gslide-video.fullscreen {
    max-width: 100%!important;
    min-width: 100%
}

.gslide-video.fullscreen video {
    max-width: 100%!important;
    width: 100%!important
}

.gslide-inline {
    background: #fff;
    padding: 20px;
    text-align: left;
    max-height: calc(100vh - 40px);
    overflow: auto
}

.ginlined-content {
    overflow: auto;
    display: block!important;
    opacity: 1
}

.gslide-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 62vh
}

.gslide-media {
    display: block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.desc-bottom .gslide-media,
.desc-top .gslide-media {
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gslide-description {
    position: relative
}

.gslide-description.description-left,
.gslide-description.description-right {
    max-width: 100%
}

.gslide-description.description-bottom,
.gslide-description.description-top {
    margin: 0 auto;
    width: 100%
}

.gslide-description p {
    margin-bottom: 12px
}

.gslide-description p::last-child {
    margin-bottom: 0
}

.zoomed .gslide-description {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    height: auto!important;
    width: 100%;
    background: 0 0;
    position: absolute;
    bottom: 15px;
    padding: 19px 11px;
    max-width: 100vw!important;
    -webkit-box-ordinal-group: 3!important;
    -ms-flex-order: 2!important;
    order: 2!important;
    max-height: 78vh;
    overflow: auto!important;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .75) 100%);
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    padding-bottom: 50px
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: 700
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc string {
    color: #fff
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: .4
}

.gdesc-open .gslide-media {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: .4
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 1
}

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

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none!important
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    height: 25px;
    width: 25px;
    -webkit-animation: lightboxLoader .8s infinite linear;
    animation: lightboxLoader .8s infinite linear;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 47%
}

.goverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    will-change: opacity
}

.glightbox-mobile .goverlay {
    background: #000
}

.gclose,
.gnext,
.gprev {
    background-repeat: no-repeat;
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    display: block;
    background-position: 0 0;
    border: none
}

.gclose svg,
.gnext svg,
.gprev svg {
    display: block;
    width: 100%;
    height: auto
}

.gclose.disabled,
.gnext.disabled,
.gprev.disabled {
    opacity: .1
}

.gclose .garrow,
.gnext .garrow,
.gprev .garrow {
    stroke: #fff
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gclose,
.glightbox-closing .gnext,
.glightbox-closing .gprev {
    opacity: 0!important
}

.glightbox-clean .gslide-description,
.glightbox-modern .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner,
.glightbox-modern .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title,
.glightbox-modern .gslide-title {
    font-size: 1em;
    font-weight: 400;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em
}

.glightbox-clean .gslide-desc,
.glightbox-modern .gslide-desc {
    font-size: .86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em
}

.glightbox-clean .gslide-video,
.glightbox-modern .gslide-video {
    background: #000
}

.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev,
.glightbox-modern .gclose,
.glightbox-modern .gnext,
.glightbox-modern .gprev {
    background-color: rgba(0, 0, 0, .12)
}

.glightbox-clean .gclose:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gprev:hover,
.glightbox-modern .gclose:hover,
.glightbox-modern .gnext:hover,
.glightbox-modern .gprev:hover {
    background-color: rgba(0, 0, 0, .2)
}

.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path,
.glightbox-modern .gclose path,
.glightbox-modern .gnext path,
.glightbox-modern .gprev path {
    fill: #fff
}

.glightbox-clean button:focus:not(.focused):not(.disabled),
.glightbox-modern button:focus:not(.focused):not(.disabled) {
    outline: 0
}

.glightbox-clean .gprev,
.glightbox-modern .gprev {
    position: absolute;
    top: -100%;
    left: 30px;
    width: 40px;
    height: 56px
}

.glightbox-clean .gnext,
.glightbox-modern .gnext {
    position: absolute;
    top: -100%;
    right: 30px;
    width: 40px;
    height: 56px
}

.glightbox-clean .gclose,
.glightbox-modern .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute;
    opacity: .7;
    background-position: -59px 2px
}

.glightbox-clean .gclose svg,
.glightbox-modern .gclose svg {
    width: 20px
}

.glightbox-clean .gclose:hover,
.glightbox-modern .gclose:hover {
    opacity: 1
}

.gfadeIn {
    -webkit-animation: gfadeIn .5s ease;
    animation: gfadeIn .5s ease
}

.gfadeOut {
    -webkit-animation: gfadeOut .5s ease;
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    -webkit-animation: gslideOutLeft .3s ease;
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    -webkit-animation: gslideInLeft .3s ease;
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    -webkit-animation: gslideOutRight .3s ease;
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    -webkit-animation: gslideInRight .3s ease;
    animation: gslideInRight .3s ease
}

.gzoomIn {
    -webkit-animation: gzoomIn .5s ease;
    animation: gzoomIn .5s ease
}

.gzoomOut {
    -webkit-animation: gzoomOut .5s ease;
    animation: gzoomOut .5s ease
}

@-webkit-keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes gfadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes gfadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes gfadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes gfadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }
    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }
    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@-webkit-keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 1
    }
}

@keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 1
    }
}

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

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

@media (min-width:769px) {
    .glightbox-container .ginner-container {
        width: auto;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .glightbox-container .ginner-container.desc-top .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .glightbox-container .ginner-container.desc-top .gslide-image,
    .glightbox-container .ginner-container.desc-top .gslide-image img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .glightbox-container .ginner-container.desc-left .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .glightbox-container .ginner-container.desc-left .gslide-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .gslide-image img {
        max-height: 97vh;
        max-width: calc(100% - 20px);
        max-width: 100%
    }
    .gslide-image img.zoomable {
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }
    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab
    }
    .gslide-inline {
        max-height: 95vh
    }
    .gslide-external {
        max-height: 95vh
    }
    .gslide-description.description-left,
    .gslide-description.description-right {
        max-width: 275px
    }
    .glightbox-open {
        height: auto
    }
    .goverlay {
        background: rgba(0, 0, 0, .92)
    }
    .glightbox-clean .gslide-media,
    .glightbox-modern .gslide-media {
        -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65);
        box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65)
    }
    .glightbox-clean .gprev,
    .glightbox-modern .gprev {
        top: 45%
    }
    .glightbox-clean .gnext,
    .glightbox-modern .gnext {
        top: 45%
    }
}

@media (min-width:992px) {
    .glightbox-clean .gclose,
    .glightbox-modern .gclose {
        right: 20px
    }
}

@media screen and (max-height:420px) {
    .goverlay {
        background: #000
    }
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub {
    background: #aaa
}

.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

@font-face {
    font-family: Acrom;
    font-style: normal;
    font-weight: 100;
    src: url(/css/Acrom-Thin.woff2) format("woff2")
}

@font-face {
    font-family: Acrom;
    font-style: normal;
    font-weight: 300;
    src: url(/css/Acrom-Light.woff2) format("woff2")
}

@font-face {
    font-family: Acrom;
    font-style: normal;
    font-weight: 400;
    src: url(/css/Acrom-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Acrom;
    font-style: normal;
    font-weight: 500;
    src: url(/css/Acrom-Medium.woff2) format("woff2")
}

@font-face {
    font-family: Acrom;
    font-style: normal;
    font-weight: 700;
    src: url(/css/Acrom-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Acrom;
    font-style: normal;
    font-weight: 900;
    src: url(/css/Acrom-ExtraBold.woff2) format("woff2")
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

.container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.row-cols-4>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .row-cols-sm-4>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .row-cols-md-4>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .row-cols-lg-4>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .row-cols-xl-4>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!important
    }
    .d-print-table {
        display: table!important
    }
    .d-print-table-row {
        display: table-row!important
    }
    .d-print-table-cell {
        display: table-cell!important
    }
    .d-print-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-print-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: row!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -webkit-flex-direction: row-reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -webkit-flex-direction: column-reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -webkit-flex-wrap: wrap!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap!important;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse!important;
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -webkit-box-flex: 1!important;
    -webkit-flex: 1 1 auto!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -webkit-box-flex: 0!important;
    -webkit-flex-grow: 0!important;
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -webkit-box-flex: 1!important;
    -webkit-flex-grow: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0!important;
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1!important;
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -webkit-justify-content: flex-start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -webkit-justify-content: flex-end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

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

.justify-content-around {
    -webkit-justify-content: space-around!important;
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -webkit-align-items: flex-start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -webkit-align-items: flex-end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -webkit-align-items: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -webkit-align-items: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -webkit-align-content: flex-start!important;
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -webkit-align-content: flex-end!important;
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -webkit-align-content: center!important;
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -webkit-align-content: space-between!important;
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -webkit-align-content: space-around!important;
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -webkit-align-content: stretch!important;
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -webkit-align-self: auto!important;
    -ms-flex-item-align: auto!important;
    -ms-grid-row-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -webkit-align-self: flex-start!important;
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -webkit-align-self: flex-end!important;
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -webkit-align-self: baseline!important;
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -webkit-align-self: stretch!important;
    -ms-flex-item-align: stretch!important;
    -ms-grid-row-align: stretch!important;
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        -webkit-box-flex: 1!important;
        -webkit-flex: 1 1 auto!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        -webkit-box-flex: 0!important;
        -webkit-flex-grow: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        -webkit-box-flex: 1!important;
        -webkit-flex-grow: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        -webkit-flex-shrink: 0!important;
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        -webkit-flex-shrink: 1!important;
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        -webkit-box-flex: 1!important;
        -webkit-flex: 1 1 auto!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        -webkit-box-flex: 0!important;
        -webkit-flex-grow: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        -webkit-box-flex: 1!important;
        -webkit-flex-grow: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        -webkit-flex-shrink: 0!important;
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        -webkit-flex-shrink: 1!important;
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        -webkit-box-flex: 1!important;
        -webkit-flex: 1 1 auto!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        -webkit-box-flex: 0!important;
        -webkit-flex-grow: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        -webkit-box-flex: 1!important;
        -webkit-flex-grow: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        -webkit-flex-shrink: 0!important;
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        -webkit-flex-shrink: 1!important;
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-xl-fill {
        -webkit-box-flex: 1!important;
        -webkit-flex: 1 1 auto!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-xl-grow-0 {
        -webkit-box-flex: 0!important;
        -webkit-flex-grow: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-xl-grow-1 {
        -webkit-box-flex: 1!important;
        -webkit-flex-grow: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-xl-shrink-0 {
        -webkit-flex-shrink: 0!important;
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-xl-shrink-1 {
        -webkit-flex-shrink: 1!important;
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem!important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem!important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-n1 {
        margin: -.25rem!important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem!important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem!important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem!important
    }
    .m-sm-n2 {
        margin: -.5rem!important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem!important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem!important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem!important
    }
    .m-sm-n3 {
        margin: -1rem!important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem!important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem!important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem!important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem!important
    }
    .m-sm-n4 {
        margin: -1.5rem!important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem!important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem!important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem!important
    }
    .m-sm-n5 {
        margin: -3rem!important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem!important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem!important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem!important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-n1 {
        margin: -.25rem!important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem!important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem!important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem!important
    }
    .m-md-n2 {
        margin: -.5rem!important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem!important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem!important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem!important
    }
    .m-md-n3 {
        margin: -1rem!important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem!important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem!important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem!important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem!important
    }
    .m-md-n4 {
        margin: -1.5rem!important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem!important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem!important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem!important
    }
    .m-md-n5 {
        margin: -3rem!important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem!important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem!important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem!important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-n1 {
        margin: -.25rem!important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem!important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem!important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem!important
    }
    .m-lg-n2 {
        margin: -.5rem!important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem!important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem!important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem!important
    }
    .m-lg-n3 {
        margin: -1rem!important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem!important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem!important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem!important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem!important
    }
    .m-lg-n4 {
        margin: -1.5rem!important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem!important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem!important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem!important
    }
    .m-lg-n5 {
        margin: -3rem!important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem!important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem!important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem!important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-n1 {
        margin: -.25rem!important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem!important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem!important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem!important
    }
    .m-xl-n2 {
        margin: -.5rem!important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem!important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem!important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem!important
    }
    .m-xl-n3 {
        margin: -1rem!important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem!important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem!important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem!important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem!important
    }
    .m-xl-n4 {
        margin: -1.5rem!important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem!important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem!important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem!important
    }
    .m-xl-n5 {
        margin: -3rem!important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem!important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem!important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem!important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor
}

.icon-assembly {
    font-size: 5.9999rem;
    width: 1em
}

.icon-certification {
    font-size: 18.7663rem;
    width: .99909em
}

.icon-diploma {
    font-size: 17.3749rem;
    width: .7614em
}

.icon-email_form {
    font-size: 6.5425rem;
    width: .99896em
}

.icon-icon-attention {
    font-size: 5.3732rem;
    width: .21358em
}

.icon-icon-clock {
    font-size: 1.6rem;
    width: 1em
}

.icon-icon-close {
    font-size: 1.5556rem;
    width: 1.00006em
}

.icon-icon-envelope {
    font-size: 1.6rem;
    width: 1.33331em
}

.icon-icon-info {
    font-size: 4.606rem;
    width: .38037em
}

.icon-icon-like-ad {
    font-size: 102.639rem;
    width: .87085em
}

.icon-icon-long-arrow {
    font-size: .9686rem;
    width: 1.34359em
}

.icon-icon-long-arrow-wh {
    font-size: 1.9074rem;
    width: 1.39714em
}

.icon-icon-maps {
    font-size: 1.8rem;
    width: .72433em
}

.icon-icon-phone {
    font-size: 1.6rem;
    width: 1em
}

.icon-icon-plus {
    font-size: 2rem;
    width: 1em
}

.icon-icon-stanok {
    font-size: 53.132rem;
    width: 1.14808em
}

.icon-icon-table {
    font-size: 1.1rem;
    width: 1em
}

.icon-icon-whatsapp {
    font-size: 48rem;
    width: 1em
}

.icon-icon_new-purple {
    font-size: 66.643rem;
    width: .94832em
}

.icon-icon_new-purple-bg {
    font-size: 66.639rem;
    width: .94838em
}

.icon-icon_new-purple_+_white_bg {
    font-size: 66.643rem;
    width: .94832em
}

.icon-icon_new-white {
    font-size: 66.643rem;
    width: .94832em
}

.icon-icon_new_-_white_+purple_bg {
    font-size: 66.643rem;
    width: .94832em
}

.icon-logo-hydm {
    font-size: 6.0089rem;
    width: 3.08055em
}

.icon-logo-hydm-wh {
    font-size: 6.0089rem;
    width: 3.08055em
}

.icon-pdf {
    font-size: 4.0043rem;
    width: .87501em
}

.icon-thanks_check {
    font-size: 5.1207rem;
    width: 2.29293em
}

.icon-viber {
    font-size: 4.8rem;
    width: 1em
}

.icon-whatsapp {
    font-size: 4.8222rem;
    width: .9961em
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.icon {
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.icon.red_mod {
    color: #d80027
}

.icon.white_mod {
    color: #fff
}

.icon.white_stroke_mod {
    fill: transparent;
    stroke: #fff
}

.icon.accent_mod {
    color: #2585fb
}

.icon.accent_stroke_mod {
    fill: transparent;
    stroke: #2585fb
}

.icon.black_mod {
    color: #272d33
}

.icon.black_stroke_mod {
    fill: transparent;
    stroke: #272d33
}

.icon.gray_mod {
    color: #f5f5f5
}

.icon-phone {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .icon-phone {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .icon-phone {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .icon-phone {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .icon-phone {
        font-size: 3.33333vw
    }
}

.icon-maps {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .icon-maps {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .icon-maps {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .icon-maps {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .icon-maps {
        font-size: 3.33333vw
    }
}

.icon-envelope {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .icon-envelope {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .icon-envelope {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .icon-envelope {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .icon-envelope {
        font-size: 3.33333vw
    }
}

.icon-clock {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .icon-clock {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .icon-clock {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .icon-clock {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .icon-clock {
        font-size: 3.33333vw
    }
}

.icon-long-arrow {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .icon-long-arrow {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .icon-long-arrow {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .icon-long-arrow {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .icon-long-arrow {
        font-size: 3.33333vw
    }
}

.icon-attention {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .icon-attention {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .icon-attention {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .icon-attention {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .icon-attention {
        font-size: 3.33333vw
    }
}

.icon-table {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .icon-table {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .icon-table {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .icon-table {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .icon-table {
        font-size: 3.33333vw
    }
}

.icon-close {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .icon-close {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .icon-close {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .icon-close {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .icon-close {
        font-size: 3.33333vw
    }
}

.icon-info {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .icon-info {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .icon-info {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .icon-info {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .icon-info {
        font-size: 3.33333vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.checkbox-style,
.radio-style {
    opacity: 0;
    position: absolute
}

.checkbox-style,
.checkbox-style-1-label,
.checkbox-style-2-label,
.checkbox-style-3-label,
.radio-style,
.radio-style-1-label,
.radio-style-2-label,
.radio-style-3-label {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    margin: 5px;
    cursor: pointer;
    padding-left: 30px
}

.checkbox-style-1-label,
.checkbox-style-2-label,
.checkbox-style-3-label,
.radio-style-1-label,
.radio-style-2-label,
.radio-style-3-label {
    position: relative
}

.checkbox-style-1-label:before,
.checkbox-style-2-label:before,
.checkbox-style-3-label:before,
.radio-style-1-label:before,
.radio-style-2-label:before,
.radio-style-3-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    background: 0 0;
    border: 2px solid #fff;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    padding: 4px;
    margin-right: 10px;
    line-height: 1;
    text-align: center
}

.radio-style-1-label:before,
.radio-style-2-label:before,
.radio-style-3-label:before {
    border-radius: 50%
}

.checkbox-style:checked+.checkbox-style-1-label:before {
    background: #1abc9c
}

.radio-style:checked+.radio-style-1-label:before {
    background: #ccc
}

.checkbox-style-1-label.checkbox-small:before,
.checkbox-style-2-label.checkbox-small:before,
.checkbox-style-3-label.checkbox-small:before,
.radio-style-1-label.radio-small:before,
.radio-style-2-label.radio-small:before,
.radio-style-3-label.radio-small:before {
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
    margin: 0 8px 1px 0
}

.checkbox-style:checked+.checkbox-style-2-label:before {
    background: #1abc9c;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
    box-shadow: inset 0 0 0 4px #fff
}

.radio-style:checked+.radio-style-2-label:before {
    background: #ccc;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
    box-shadow: inset 0 0 0 4px #fff
}

.checkbox-style:checked+.checkbox-style-2-label.checkbox-small:before {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff
}

.radio-style:checked+.radio-style-2-label.radio-small:before {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff
}

.checkbox-style:checked+.checkbox-style-3-label:before,
.radio-style:checked+.radio-style-3-label:before {
    content: "";
    background: 0 0
}

.checkbox-style+.checkbox-style-3-label:after,
.radio-style+.radio-style-3-label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    width: 10px;
    height: 5px;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    opacity: 0;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.checkbox-style:checked+.checkbox-style-3-label:after,
.radio-style:checked+.radio-style-3-label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    width: 10px;
    height: 5px;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
    opacity: 1;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.radio-style:checked+.radio-style-3-label:before {
    border: 2px solid #fff;
    background-color: transparent
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_search {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.16667vw;
    height: 2.5vw;
    background-color: #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_search {
        width: 5.55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_search {
        width: 6.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_search {
        width: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .btn_search {
        width: 16.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_search {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_search {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_search {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .btn_search {
        height: 10vw
    }
}

.btn_search:hover .icon {
    opacity: .7;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

@media only screen and (max-width:480px) {
    .btn_search {
        left: -50px
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_log-in {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5.83333vw;
    height: 2.5vw;
    background-color: #fff;
    border: 1px solid #eee;
    font-size: .72917vw;
    color: #272d33;
    padding: 0 .78125vw 0 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_log-in {
        width: 7.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_log-in {
        width: 8.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_log-in {
        width: 14.58333vw
    }
}

@media only screen and (max-width:480px) {
    .btn_log-in {
        width: 23.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_log-in {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_log-in {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_log-in {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .btn_log-in {
        height: 10vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_log-in {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_log-in {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_log-in {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .btn_log-in {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_log-in {
        padding: 0 1.04167vw 0 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_log-in {
        padding: 0 1.17188vw 0 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_log-in {
        padding: 0 1.95313vw 0 0
    }
}

@media only screen and (max-width:480px) {
    .btn_log-in {
        padding: 0 3.125vw 0 0
    }
}

.btn_log-in .icon {
    margin: 0 .26042vw 0 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_log-in .icon {
        margin: 0 .34722vw 0 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_log-in .icon {
        margin: 0 .39063vw 0 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_log-in .icon {
        margin: 0 .65104vw 0 0
    }
}

@media only screen and (max-width:480px) {
    .btn_log-in .icon {
        margin: 0 1.04167vw 0 0
    }
}

.btn_log-in:after {
    content: "";
    display: block;
    width: .41667vw;
    height: .41667vw;
    margin-top: -.13rem;
    border-right: solid 1px #272d33;
    border-bottom: solid 1px #272d33;
    position: absolute;
    right: .67708vw;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_log-in:after {
        width: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_log-in:after {
        width: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_log-in:after {
        width: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .btn_log-in:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_log-in:after {
        height: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_log-in:after {
        height: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_log-in:after {
        height: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .btn_log-in:after {
        height: 1.66667vw
    }
}

.btn_log-in:hover {
    color: #2585fb
}

@media only screen and (max-width:480px) {
    .btn_log-in {
        width: 4.16667vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .btn_log-in {
        width: 5.55556vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .btn_log-in {
        width: 6.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .btn_log-in {
        width: 10.41667vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .btn_log-in {
        width: 16.66667vw
    }
}

@media only screen and (max-width:480px) {
    .btn_log-in .icon {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .btn_log-in .icon {
        font-size: 1.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .btn_log-in .icon {
        font-size: 1.875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .btn_log-in .icon {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .btn_log-in .icon {
        font-size: 5vw
    }
}

@media only screen and (max-width:480px) {
    .btn_log-in span {
        display: none
    }
    .btn_log-in:after {
        right: 10px
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_like {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.5vw;
    height: 2.5vw;
    background-color: #fff;
    border: 1px solid #eee
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_like {
        width: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_like {
        width: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_like {
        width: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .btn_like {
        width: 10vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_like {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_like {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_like {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .btn_like {
        height: 10vw
    }
}

.btn_like .icon {
    font-size: 18px
}

.btn_like:hover .icon {
    fill: #d80027;
    stroke: #d80027
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_catalog_menu.active:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.btn_catalog_menu {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 17.1875vw;
    height: 2.5vw;
    background-color: #2585fb;
    font-size: 16px;
    color: #fff;
    padding: 0 1.04167vw 0 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_catalog_menu {
        width: 22.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_catalog_menu {
        width: 25.78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_catalog_menu {
        width: 42.96875vw
    }
}

@media only screen and (max-width:480px) {
    .btn_catalog_menu {
        width: 68.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_catalog_menu {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_catalog_menu {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_catalog_menu {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .btn_catalog_menu {
        height: 10vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_catalog_menu {
        padding: 0 1.38889vw 0 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_catalog_menu {
        padding: 0 1.5625vw 0 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_catalog_menu {
        padding: 0 2.60417vw 0 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .btn_catalog_menu {
        padding: 0 4.16667vw 0 4.16667vw
    }
}

.btn_catalog_menu:hover {
    color: #fff;
    text-decoration: none
}

.btn_catalog_menu:after {
    content: "";
    display: block;
    width: .41667vw;
    height: .41667vw;
    border-top: .3125vw solid transparent;
    border-left: .3125vw solid #fff;
    border-bottom: .3125vw solid transparent;
    position: absolute;
    right: .9375vw;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_catalog_menu:after {
        width: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_catalog_menu:after {
        width: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_catalog_menu:after {
        width: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .btn_catalog_menu:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_catalog_menu:after {
        height: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_catalog_menu:after {
        height: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_catalog_menu:after {
        height: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .btn_catalog_menu:after {
        height: 1.66667vw
    }
}

.btn_catalog_menu .icon-menu {
    margin: 0 1.04167vw 0 0;
    position: relative;
    width: .83333vw;
    cursor: pointer
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_catalog_menu .icon-menu {
        margin: 0 1.38889vw 0 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_catalog_menu .icon-menu {
        margin: 0 1.5625vw 0 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_catalog_menu .icon-menu {
        margin: 0 2.60417vw 0 0
    }
}

@media only screen and (max-width:480px) {
    .btn_catalog_menu .icon-menu {
        margin: 0 4.16667vw 0 0
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_catalog_menu .icon-menu {
        width: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_catalog_menu .icon-menu {
        width: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_catalog_menu .icon-menu {
        width: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .btn_catalog_menu .icon-menu {
        width: 3.33333vw
    }
}

.btn_catalog_menu .icon-menu .line {
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
    border-radius: 3px;
    height: 1px;
    background: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative
}

.btn_catalog_menu .icon-menu span+span {
    margin: .26042vw 0 0 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_catalog_menu .icon-menu span+span {
        margin: .34722vw 0 0 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_catalog_menu .icon-menu span+span {
        margin: .39063vw 0 0 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_catalog_menu .icon-menu span+span {
        margin: .65104vw 0 0 0
    }
}

@media only screen and (max-width:480px) {
    .btn_catalog_menu .icon-menu span+span {
        margin: 1.04167vw 0 0 0
    }
}

.btn_catalog_menu .active .line:nth-child(1) {
    -webkit-animation: ease .7s top forwards;
    animation: ease .7s top forwards
}

.btn_catalog_menu .not-active .line:nth-child(1) {
    -webkit-animation: ease .7s top-2 forwards;
    animation: ease .7s top-2 forwards
}

.btn_catalog_menu .active .line:nth-child(2) {
    -webkit-animation: ease .7s scaled forwards;
    animation: ease .7s scaled forwards
}

.btn_catalog_menu .not-active .line:nth-child(1) {
    -webkit-animation: ease .7s scaled-2 forwards;
    animation: ease .7s scaled-2 forwards
}

.btn_catalog_menu .active .line:nth-child(3) {
    -webkit-animation: ease .7s bottom forwards;
    animation: ease .7s bottom forwards
}

.btn_catalog_menu .not-active .line:nth-child(3) {
    -webkit-animation: ease .7s bottom-2 forwards;
    animation: ease .7s bottom-2 forwards
}

@-webkit-keyframes top {
    0% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        top: 6px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        top: 6px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes top {
    0% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        top: 6px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        top: 6px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes top-2 {
    0% {
        top: 6px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    50% {
        top: 6px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes top-2 {
    0% {
        top: 6px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    50% {
        top: 6px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes bottom {
    0% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        bottom: 6px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        bottom: 6px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}

@keyframes bottom {
    0% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        bottom: 6px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        bottom: 6px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}

@-webkit-keyframes bottom-2 {
    0% {
        bottom: 6px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    50% {
        bottom: 6px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes bottom-2 {
    0% {
        bottom: 6px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    50% {
        bottom: 6px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes scaled {
    50% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes scaled {
    50% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes scaled-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaled-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_buy {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #2585fb;
    width: 9.375vw;
    height: 2.5vw;
    border: 2px solid #2585fb;
    padding: .65104vw 0 .65104vw 0;
    margin: 2.60417vw 2.60417vw 2.60417vw 2.60417vw;
    background-color: transparent;
    background-image: none;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    outline: 1px solid #fff;
    outline-offset: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_buy {
        width: 12.5vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_buy {
        width: 14.0625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_buy {
        width: 23.4375vw
    }
}

@media only screen and (max-width:480px) {
    .btn_buy {
        width: 37.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_buy {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_buy {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_buy {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .btn_buy {
        height: 10vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_buy {
        padding: .86806vw 0 .86806vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_buy {
        padding: .97656vw 0 .97656vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_buy {
        padding: 1.6276vw 0 1.6276vw 0
    }
}

@media only screen and (max-width:480px) {
    .btn_buy {
        padding: 2.60417vw 0 2.60417vw 0
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_buy {
        margin: 3.47222vw 3.47222vw 3.47222vw 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_buy {
        margin: 3.90625vw 3.90625vw 3.90625vw 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_buy {
        margin: 6.51042vw 6.51042vw 6.51042vw 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .btn_buy {
        margin: 10.41667vw 10.41667vw 10.41667vw 10.41667vw
    }
}

.btn_buy:hover {
    color: #fff;
    background-color: #2585fb
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_order {
    position: relative;
    display: block;
    font-size: .83333vw;
    font-weight: 400;
    text-align: center;
    color: #fff;
    width: 9.375vw;
    border: 2px solid #2585fb;
    padding: .65104vw 0 .65104vw 0;
    margin: auto;
    background-color: #2585fb;
    background-image: none;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    outline: 1px solid #fff;
    outline-offset: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_order {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_order {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_order {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .btn_order {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_order {
        width: 12.5vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_order {
        width: 14.0625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_order {
        width: 23.4375vw
    }
}

@media only screen and (max-width:480px) {
    .btn_order {
        width: 37.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_order {
        padding: .86806vw 0 .86806vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_order {
        padding: .97656vw 0 .97656vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_order {
        padding: 1.6276vw 0 1.6276vw 0
    }
}

@media only screen and (max-width:480px) {
    .btn_order {
        padding: 2.60417vw 0 2.60417vw 0
    }
}

.btn_order:hover {
    text-decoration: none;
    color: #2585fb;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 1px rgba(40, 50, 60, .25);
    box-shadow: 0 6px 1px rgba(40, 50, 60, .25)
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_order_inv {
    position: relative;
    display: block;
    font-size: .72917vw;
    text-align: center;
    text-transform: uppercase;
    color: #2585fb;
    font-weight: 700;
    padding: .78125vw 1.5625vw .78125vw 1.5625vw;
    margin: auto;
    background-color: #fff;
    background-image: none;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    border: 2px solid #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_order_inv {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_order_inv {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_order_inv {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .btn_order_inv {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_order_inv {
        padding: 1.04167vw 2.08333vw 1.04167vw 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_order_inv {
        padding: 1.17188vw 2.34375vw 1.17188vw 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_order_inv {
        padding: 1.95313vw 3.90625vw 1.95313vw 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .btn_order_inv {
        padding: 3.125vw 6.25vw 3.125vw 6.25vw
    }
}

.btn_order_inv:hover {
    color: #fff;
    background-color: #2585fb;
    border: 2px solid #2585fb;
    outline: 1px solid #fff
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_all_more {
    position: relative;
    display: block;
    font-size: .83333vw;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    width: 12.5vw;
    border: 2px solid #2585fb;
    padding: .83333vw 0 .78125vw 0;
    background-color: #2585fb;
    background-image: none;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_all_more {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_all_more {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_all_more {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .btn_all_more {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_all_more {
        width: 16.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_all_more {
        width: 18.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_all_more {
        width: 31.25vw
    }
}

@media only screen and (max-width:480px) {
    .btn_all_more {
        width: 50vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_all_more {
        padding: 1.11111vw 0 1.04167vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_all_more {
        padding: 1.25vw 0 1.17188vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_all_more {
        padding: 2.08333vw 0 1.95313vw 0
    }
}

@media only screen and (max-width:480px) {
    .btn_all_more {
        padding: 3.33333vw 0 3.125vw 0
    }
}

.btn_all_more:hover {
    color: #2585fb;
    background-color: #fff;
    border: 2px solid #2585fb
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_filter_close {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.5vw;
    height: 2.5vw;
    background-color: #2585fb;
    border: 1px solid #eee
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_filter_close {
        width: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_filter_close {
        width: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_filter_close {
        width: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .btn_filter_close {
        width: 10vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_filter_close {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_filter_close {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_filter_close {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .btn_filter_close {
        height: 10vw
    }
}

.btn_filter_close .icon {
    font-size: 18px
}

.btn_filter_close:hover {
    background-color: #fff
}

.btn_filter_close:hover .icon {
    fill: #d80027
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

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

.menu-top__list li a.selected {
    color: #2585fb
}

.menu-top__list li a {
    color: #272d33;
    text-transform: uppercase;
    font-size: .83333vw;
    font-weight: 700;
    margin-right: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-top__list li a {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-top__list li a {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-top__list li a {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .menu-top__list li a {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-top__list li a {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-top__list li a {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-top__list li a {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .menu-top__list li a {
        margin-right: 6.25vw
    }
}

.menu-top__list li:hover a {
    color: #2585fb;
    background-color: #fff
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.menu-top-main .swiper-scrollbar {
    display: none
}

.menu-top-main__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu-top-main__list li.active a {
    color: #2585fb;
    background-color: #fff
}

.menu-top-main__list li {
    width: auto;
    white-space: nowrap;
    margin: 0 1.30208vw 0 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-top-main__list li {
        margin: 0 1.73611vw 0 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-top-main__list li {
        margin: 0 1.95313vw 0 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-top-main__list li {
        margin: 0 3.25521vw 0 0
    }
}

@media only screen and (max-width:480px) {
    .menu-top-main__list li {
        margin: 0 5.20833vw 0 0
    }
}

.menu-top-main__list li a {
    color: #272d33;
    font-weight: 600;
    font-size: .72917vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-top-main__list li a {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-top-main__list li a {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-top-main__list li a {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .menu-top-main__list li a {
        font-size: 2.91667vw
    }
}

.menu-top-main__list li:hover a {
    color: #2585fb;
    background-color: #fff
}

@media only screen and (max-width:480px) {
    .main-top-menu {
        max-width: 90vw
    }
    .main-top-menu .menu-top-main {
        position: relative;
        overflow: hidden;
        height: 2.60417vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .main-top-menu .menu-top-main {
        height: 3.47222vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .main-top-menu .menu-top-main {
        height: 3.90625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .main-top-menu .menu-top-main {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .main-top-menu .menu-top-main {
        height: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .main-top-menu .menu-top-main .swiper-scrollbar {
        bottom: 0;
        display: block
    }
    .main-top-menu .menu-top-main .swiper-scrollbar .swiper-scrollbar-drag {
        height: 4px!important;
        width: 90px!important;
        background-color: #2585fb
    }
    .main-top-menu .menu-top-main__list {
        padding-bottom: .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .main-top-menu .menu-top-main__list {
        padding-bottom: 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .main-top-menu .menu-top-main__list {
        padding-bottom: 1.17188vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .main-top-menu .menu-top-main__list {
        padding-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .main-top-menu .menu-top-main__list {
        padding-bottom: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .main-top-menu .menu-top-main__list li {
        white-space: nowrap
    }
    .main-top-menu .menu-top-main__list li a {
        white-space: nowrap;
        font-size: .83333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .main-top-menu .menu-top-main__list li a {
        font-size: 1.11111vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .main-top-menu .menu-top-main__list li a {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .main-top-menu .menu-top-main__list li a {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .main-top-menu .menu-top-main__list li a {
        font-size: 3.33333vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}
p.strong {
    font-weight: bold;
    font-size: 24px;
    padding-left: 10%;
}
p.adres {
    padding-left: 18%;
}
p.adres a {
    color: black;
}
.box-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    height: 180px;
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1)
}

element.style {
}
span.suct {
    position: relative;
    display: block;
    font-size: 1.8vw;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 15px;
    background-color: #2585fb;
    background-image: none;
    width: 100%;
    font-weight: bold;
    top: -105px;
}
.box-header .fixed-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 75vw;
    padding: 0 1.04167vw 0 1.04167vw;
    margin: auto
}
.mail {
    position: relative;
    left: -27px;
}
.center {
    text-align: center;
}
@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header .fixed-nav {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header .fixed-nav {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header .fixed-nav {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-header .fixed-nav {
        width: 300vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header .fixed-nav {
        padding: 0 1.38889vw 0 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header .fixed-nav {
        padding: 0 1.5625vw 0 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header .fixed-nav {
        padding: 0 2.60417vw 0 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-header .fixed-nav {
        padding: 0 4.16667vw 0 4.16667vw
    }
}

.box-header__wrapper.f-nav {
    z-index: 999;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1)
}

.box-header__wrapper {
    margin: auto;
    top: -120px;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s
}

.box-header__logo {
    display: block;
    margin-right: 1.5625vw;
    margin-left: .625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__logo {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__logo {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__logo {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__logo {
        margin-right: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__logo {
        margin-left: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__logo {
        margin-left: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__logo {
        margin-left: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__logo {
        margin-left: 2.5vw
    }
}

.box-header .logo__img {
    display: block
}

.box-header .logo__text {
    display: block;
    font-size: 12px;
    color: grey;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
    margin-top: 3px;
    margin-bottom: 10px
}

.box-header__content {
    width: 100%
}

.box-header__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: space-evenly;
    padding: 0 1.5625vw 0 1.5625vw;
    height: 100px;
    background-color: #2585fb;
    color: #fff;
    flex-wrap: wrap;
    align-content: unset;
    padding-bottom: 10px;
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info {
        padding: 0 2.08333vw 0 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info {
        padding: 0 2.34375vw 0 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info {
        padding: 0 3.90625vw 0 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info {
        padding: 0 6.25vw 0 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info {
        padding: 0 .78125vw 0 .78125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__info {
        padding: 0 1.04167vw 0 1.04167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:769px) and (max-width:1279px) {
    .box-header__info {
        padding: 0 1.17188vw 0 1.17188vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:481px) and (max-width:767px) {
    .box-header__info {
        padding: 0 1.95313vw 0 1.95313vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (max-width:480px) {
    .box-header__info {
        padding: 0 3.125vw 0 3.125vw
    }
}

.box-header__info .call-phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
}

.box-header__info .call-phone__link {
    font-size: 1.04167vw;
    font-weight: 600;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .call-phone__link {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info .call-phone__link {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info .call-phone__link {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .call-phone__link {
        font-size: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .call-phone__link {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .call-phone__link {
        font-size: 1.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__info .call-phone__link {
        font-size: 1.875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__info .call-phone__link {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__info .call-phone__link {
        font-size: 5vw
    }
}

.box-header__info .call-phone .viber,
.box-header__info .call-phone .whatsapp {
    width: 30px;
    height: 30px;
    margin-left: 7px;
    margin-right: 7px
}

.box-header__info .call-phone .viber img,
.box-header__info .call-phone .whatsapp img {
    display: block;
    width: 100%;
    height: auto
}

.box-header__info .call-phone .viber {
    position: relative;
    top: -37px;
    width: 26px;
    height: 26px;
    text-align: center;
    margin: 0 auto;
    left: -137px;
}

.box-header__info .call-phone .whatsapp {
    margin-right: 20px
}
.call-phone {
    position: relative;
}

.box-header__info .city,
.box-header__info .mail {
    margin-right: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .city,
    .box-header__info .mail {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info .city,
    .box-header__info .mail {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info .city,
    .box-header__info .mail {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .city,
    .box-header__info .mail {
        margin-right: 6.25vw
    }
}

.box-header__info .city__link,
.box-header__info .mail__link {
    font-size: 1.1vw;
    font-weight: 500;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .city__link,
    .box-header__info .mail__link {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info .city__link,
    .box-header__info .mail__link {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info .city__link,
    .box-header__info .mail__link {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .city__link,
    .box-header__info .mail__link {
        font-size: 3.33333vw
    }
}

.box-header__info .city {
    cursor: pointer
}

.box-header__info .city .icon {
    margin-right: .36458vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .city .icon {
        margin-right: .48611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info .city .icon {
        margin-right: .54688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info .city .icon {
        margin-right: .91146vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .city .icon {
        margin-right: 1.45833vw
    }
}

.box-header__info .icon {
    font-size: .88542vw;
    margin-right: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .icon {
        font-size: 1.18056vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info .icon {
        font-size: 1.32813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info .icon {
        font-size: 2.21354vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .icon {
        font-size: 3.54167vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .icon {
        font-size: 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .icon {
        font-size: 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__info .icon {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__info .icon {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__info .icon {
        font-size: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .icon {
        margin-right: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info .icon {
        margin-right: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info .icon {
        margin-right: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .icon {
        margin-right: 3.125vw
    }
}

.box-header__info .time {
    margin-right: 2.60417vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .time {
        margin-right: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info .time {
        margin-right: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info .time {
        margin-right: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .time {
        margin-right: 10.41667vw
    }
}

.box-header__info .time span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .83333vw;
    font-weight: 500
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .time span {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info .time span {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info .time span {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .time span {
        font-size: 3.33333vw
    }
}

.box-header__info .call-btn {
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .call-btn {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info .call-btn {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info .call-btn {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .call-btn {
        margin-right: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .call-btn {
        display: none;
        margin-right: 0;
        margin-bottom: .52083vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .call-btn {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__info .call-btn {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__info .call-btn {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__info .call-btn {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .call-btn {
        margin-bottom: .69444vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__info .call-btn {
        margin-bottom: .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__info .call-btn {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__info .call-btn {
        margin-bottom: 2.08333vw
    }
}

.box-header__info .call-btn__link {
    color: #fff;
    text-decoration: none;
    font-size: .83333vw;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    border-bottom: 1px dashed #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .call-btn__link {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__info .call-btn__link {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__info .call-btn__link {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .call-btn__link {
        font-size: 3.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .call-btn__link {
        display: block;
        font-size: 1.25vw;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__info .call-btn__link {
        font-size: 1.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__info .call-btn__link {
        font-size: 1.875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__info .call-btn__link {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__info .call-btn__link {
        font-size: 5vw
    }
}

.box-header__menu {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 0 1.5625vw;
    height: 75px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header__menu {
        padding: 0 0 0 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header__menu {
        padding: 0 0 0 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header__menu {
        padding: 0 0 0 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__menu {
        padding: 0 0 0 6.25vw
    }
}

.box-header__menu:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 55px;
    background-color: #eee
}

@media only screen and (max-width:480px) {
    .box-header {
        position: relative;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
        box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
        display: block;
        height: auto;
        min-height: 100%
    }
    .box-header .fixed-nav,
    .box-header__wrapper {
        width: 100%;
        max-height: 200px;
        height: 100%;
        padding: 0;
        margin: auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
	.box-header__info {
    align-content: center;
}
    .box-header__logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-right: 0;
        margin-left: 0;
        margin: auto;
        padding-top: .52083vw;
        padding-bottom: .52083vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__logo {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__logo {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__logo {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__logo {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__logo {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__logo {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__logo {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__logo {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__logo {
        padding-top: .69444vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__logo {
        padding-top: .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__logo {
        padding-top: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__logo {
        padding-top: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__logo {
        padding-bottom: .69444vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__logo {
        padding-bottom: .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__logo {
        padding-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__logo {
        padding-bottom: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-header .logo__text {
        display: none
    }
    .box-header__info {
        position: relative;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: .78125vw 0 .78125vw 0;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__info {
        padding: 1.04167vw 0 1.04167vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__info {
        padding: 1.17188vw 0 1.17188vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__info {
        padding: 1.95313vw 0 1.95313vw 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__info {
        padding: 3.125vw 0 3.125vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__info {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__info {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__info {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__info {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) {
    .box-header__info .city,
    .box-header__info .mail,
    .box-header__info .time {
        display: none
    }
    .box-header__menu {
        position: fixed;
        overflow: hidden;
        opacity: 0;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #eee;
        -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .3);
        box-shadow: 0 8px 20px rgba(0, 0, 0, .3);
        height: auto;
        padding-top: 25%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateY(-1000px);
        -ms-transform: translateY(-1000px);
        transform: translateY(-1000px);
        z-index: -1
    }
    .box-header__menu.active {
        overflow: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        z-index: 99
    }
    .box-header__menu .call-btn {
        float: none
    }
    .box-header__menu .call-btn .btn_order_inv {
        font-size: .9375vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__menu .call-btn .btn_order_inv {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__menu .call-btn .btn_order_inv {
        font-size: 1.40625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__menu .call-btn .btn_order_inv {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__menu .call-btn .btn_order_inv {
        font-size: 3.75vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__menu .menu-top__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .box-header__menu .menu-top__list li {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__menu .menu-top__list li {
        margin-bottom: 1.73611vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__menu .menu-top__list li {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__menu .menu-top__list li {
        margin-bottom: 3.25521vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__menu .menu-top__list li {
        margin-bottom: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-header__menu .menu-top__list li a {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-header__menu .menu-top__list li a {
        font-size: 1.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-header__menu .menu-top__list li a {
        font-size: 1.875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-header__menu .menu-top__list li a {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-header__menu .menu-top__list li a {
        font-size: 5vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-top-search {
    width: 100%
}

.box-top-search .top-search {
    position: relative;
    width: 100%
}

.box-top-search .top-search__input {
    padding: .78125vw 1.5625vw .78125vw 1.5625vw;
    font-size: .72917vw;
    font-family: Acrom, Open Sans, Helvetica, Arial, sans-serif;
    border: 1px solid #eee;
    width: 100%;
    height: 2.5vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-top-search .top-search__input {
        padding: 1.04167vw 2.08333vw 1.04167vw 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-top-search .top-search__input {
        padding: 1.17188vw 2.34375vw 1.17188vw 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-top-search .top-search__input {
        padding: 1.95313vw 3.90625vw 1.95313vw 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-top-search .top-search__input {
        padding: 3.125vw 6.25vw 3.125vw 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-top-search .top-search__input {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-top-search .top-search__input {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-top-search .top-search__input {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-top-search .top-search__input {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-top-search .top-search__input {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-top-search .top-search__input {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-top-search .top-search__input {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-top-search .top-search__input {
        height: 10vw
    }
}

.box-top-search .top-search .btn_search {
    position: absolute;
    right: 0;
    left: auto;
    top: 0
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.top-home {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 31.25vw;
    margin: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home {
        height: 41.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home {
        height: 46.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home {
        height: 78.125vw
    }
}

@media only screen and (max-width:480px) {
    .top-home {
        height: 125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home {
        margin: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home {
        margin: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home {
        margin: 0
    }
}

@media only screen and (max-width:480px) {
    .top-home {
        margin: 0
    }
}

.top-home .black-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.28125vw;
    height: 100%;
    background-color: #272d33;
    z-index: 2
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .black-block {
        width: 17.70833vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home .black-block {
        width: 19.92188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .black-block {
        width: 33.20313vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .black-block {
        width: 53.125vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .black-block {
        display: none
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .black-block {
        width: 6.77083vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) and (min-width:1281px) and (max-width:1439px) {
    .top-home .black-block {
        width: 9.02778vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) and (min-width:769px) and (max-width:1279px) {
    .top-home .black-block {
        width: 10.15625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) and (min-width:481px) and (max-width:767px) {
    .top-home .black-block {
        width: 16.92708vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) and (max-width:480px) {
    .top-home .black-block {
        width: 27.08333vw
    }
}

.top-home .black-block span {
    display: block;
    position: absolute;
    bottom: 57%;
    right: -55%;
    white-space: nowrap;
    font-size: 1.45833vw;
    text-transform: uppercase;
    color: grey;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .black-block span {
        right: -85%
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .black-block span {
        font-size: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home .black-block span {
        font-size: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .black-block span {
        font-size: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .black-block span {
        font-size: 5.83333vw
    }
}

.top-home .swiper-container {
    width: 100%
}

.top-home .swiper-container .swiper-slide .slider-item-offer {
    -webkit-transition: opacity .8s;
    -o-transition: opacity .8s;
    transition: opacity .8s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
    opacity: 0;
    z-index: -1
}

.top-home .swiper-container .swiper-slide-active .slider-item-offer {
    opacity: 1;
    z-index: 2
}

.top-home .swiper-container .slider-item {
    color: #272d33;
    display: block;
    height: 31.25vw;
    overflow: hidden;
    position: relative;
    text-decoration: none
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .slider-item {
        height: 41.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home .swiper-container .slider-item {
        height: 46.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item {
        height: 78.125vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .slider-item {
        height: 125vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .slider-item {
        height: auto
    }
}

.top-home .swiper-container .slider-item .slider-item-img {
    background-image: none;
    height: auto
}

.top-home .swiper-container .slider-item .slider-item-img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 1
}

.top-home .swiper-container .slider-item .slider-item-img .slide-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    max-width: inherit
}
.slider-item-offer {
    margin-top: 35%;
}
@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item .slider-item-img .slide-img {
        height: 100%;
        width: auto
    }
}

.top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    max-width: inherit;
    
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        padding: 2.77778vw 2.77778vw 3.47222vw 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        padding: 3.125vw 3.125vw 3.90625vw 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        padding: 5.20833vw 5.20833vw 6.51042vw 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        padding: 8.33333vw 8.33333vw 10.41667vw 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        padding: 2.08333vw 2.08333vw 2.60417vw 4.6875vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        padding: 2.77778vw 2.77778vw 3.47222vw 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:769px) and (max-width:1279px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        padding: 3.125vw 3.125vw 3.90625vw 7.03125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        padding: 5.20833vw 5.20833vw 6.51042vw 11.71875vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (max-width:480px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        padding: 8.33333vw 8.33333vw 10.41667vw 18.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        left: 20%;
        top: 5%
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
        left: 3%;
        top: 5%
    }
}

.top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
    display: block;
    font-size: 3.33333vw;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.3
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 4.44444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 13.33333vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 1.97917vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 2.63889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 2.96875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 4.94792vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 7.91667vw
    }
}

.top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
    display: block;
    font-size: 1.45833vw;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    margin-top: .78125vw;
    margin-bottom: 4.16667vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        font-size: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        font-size: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        font-size: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        font-size: 5.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        margin-top: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        margin-top: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        margin-top: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        margin-top: 3.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        margin-bottom: 5.55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        margin-bottom: 6.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        margin-bottom: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title span {
        margin-bottom: 16.66667vw
    }
}

.top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .btn_normal {
    margin: 0;
    width: 13.54167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .btn_normal {
        width: 18.05556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .btn_normal {
        width: 20.3125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .btn_normal {
        width: 33.85417vw
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .slider-item .slider-item-img .slider-item-offer .btn_normal {
        width: 54.16667vw
    }
}

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

@media only screen and (max-width:480px) {
    .top-home .swiper-container .swiper-button-next-home-banner,
    .top-home .swiper-container .swiper-button-prev-home-banner {
        display: none
    }
}

.top-home .swiper-container .swiper-button-next-home-banner:after,
.top-home .swiper-container .swiper-button-prev-home-banner:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial
}

.top-home .swiper-container .swiper-button-next-home-banner:focus,
.top-home .swiper-container .swiper-button-prev-home-banner:focus {
    outline: 0
}

.top-home .swiper-container .swiper-button-disabled {
    opacity: .1;
    cursor: auto
}

.top-home .swiper-container .swiper-button-next-home-banner {
    right: 12%
}

.top-home .swiper-container .swiper-button-next-home-banner:after {
    content: 'next'
}

.top-home .swiper-container .swiper-button-prev-home-banner {
    left: 15%
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .top-home .swiper-container .swiper-button-prev-home-banner {
        left: 20%
    }
}

.top-home .swiper-container .swiper-button-prev-home-banner:after {
    content: 'prev'
}

.top-home .swiper-container .swiper-pagination-fraction {
    position: absolute;
    text-align: center;
    font-size: 24px;
    color: #fff;
    left: 9%;
    bottom: 7%;
    width: 80px;
    height: 95px;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .top-home .swiper-container .swiper-pagination-fraction {
        bottom: 5%;
        left: 3%
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container .swiper-pagination-fraction {
        display: none
    }
}

.top-home .swiper-container .swiper-pagination-fraction .swiper-pagination-current {
    display: block;
    font-size: 58px;
    font-weight: 700;
    color: #2585fb
}

@media only screen and (max-width:480px) {
    .top-home {
        display: block;
        width: 100%;
        height: auto;
        margin: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .top-home {
        margin: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .top-home {
        margin: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .top-home {
        margin: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .top-home {
        margin: 0
    }
}

@media only screen and (max-width:480px) {
    .top-home .swiper-container {
        width: 100%
    }
    .top-home .swiper-container .slider-item {
        position: relative;
        height: 420px;
        margin-bottom: 20px
    }
    .top-home .swiper-container .slider-item .slider-item-img .slide-img {
        position: absolute;
        left: 60%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: block;
        width: auto;
        height: 100%;
        max-width: inherit
    }
    .top-home .swiper-container .swiper-pagination {
        bottom: 20%
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-home-items {
    margin-bottom: 4.16667vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-items {
        margin-bottom: 5.55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-items {
        margin-bottom: 6.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-items {
        margin-bottom: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items {
        margin-bottom: 16.66667vw
    }
}

.box-home-items .home-items-first,
.box-home-items .home-items-second {
    margin: 0 0 1.04167vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first,
    .box-home-items .home-items-second {
        margin: 0 0 1.38889vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first,
    .box-home-items .home-items-second {
        margin: 0 0 1.5625vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first,
    .box-home-items .home-items-second {
        margin: 0 0 2.60417vw 0
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first,
    .box-home-items .home-items-second {
        margin: 0 0 4.16667vw 0
    }
}

.box-home-items .home-items-first .home-items__elem,
.box-home-items .home-items-second .home-items__elem {
    color: #272d33;
    display: block;
    height: 19.63542vw;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #eee
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first .home-items__elem,
    .box-home-items .home-items-second .home-items__elem {
        height: 26.18056vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first .home-items__elem,
    .box-home-items .home-items-second .home-items__elem {
        height: 29.45313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first .home-items__elem,
    .box-home-items .home-items-second .home-items__elem {
        height: 49.08854vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem,
    .box-home-items .home-items-second .home-items__elem {
        height: 78.54167vw
    }
}

.box-home-items .home-items-first .home-items__elem img,
.box-home-items .home-items-second .home-items__elem img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    height: 100%;
    width: 100%;
    max-width: inherit
}

.box-home-items .home-items-first .home-items__elem a,
.box-home-items .home-items-second .home-items__elem a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.box-home-items .home-items-first .home-items__elem .home-items__catalog,
.box-home-items .home-items-second .home-items__elem .home-items__catalog {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 3.80208vw;
    font-size: .9375vw;
    color: #272d33;
    font-weight: 500;
    line-height: 1.4;
    padding: 1.25vw 2.08333vw 1.25vw 2.08333vw;
    background-color: #eee;
    opacity: 1
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        height: 5.06944vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        height: 5.70313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        height: 9.50521vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        height: 15.20833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        padding: 1.66667vw 2.77778vw 1.66667vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        padding: 1.875vw 3.125vw 1.875vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        padding: 3.125vw 5.20833vw 3.125vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem .home-items__catalog,
    .box-home-items .home-items-second .home-items__elem .home-items__catalog {
        padding: 5vw 8.33333vw 5vw 8.33333vw
    }
}

.box-home-items .home-items-first .home-items__elem .home-items__next,
.box-home-items .home-items-second .home-items__elem .home-items__next {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 3.80208vw;
    font-size: .9375vw;
    color: #272d33;
    font-weight: 500;
    line-height: 1.4;
    padding: 1.25vw 2.08333vw 1.25vw 2.08333vw;
    background-color: #eee;
    opacity: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        height: 5.06944vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        height: 5.70313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        height: 9.50521vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        height: 15.20833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        padding: 1.66667vw 2.77778vw 1.66667vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        padding: 1.875vw 3.125vw 1.875vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        padding: 3.125vw 5.20833vw 3.125vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem .home-items__next,
    .box-home-items .home-items-second .home-items__elem .home-items__next {
        padding: 5vw 8.33333vw 5vw 8.33333vw
    }
}

.box-home-items .home-items-first .home-items__elem .home-items__next:before,
.box-home-items .home-items-second .home-items__elem .home-items__next:before {
    content: "";
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 180px;
    display: block;
    margin: auto;
    width: 9px;
    height: 9px;
    background-color: transparent;
    border-right: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.box-home-items .home-items-first .home-items__elem .home-items__before,
.box-home-items .home-items-second .home-items__elem .home-items__before {
    position: absolute;
    right: 30px;
    left: auto;
    top: 7%;
    bottom: auto;
    font-size: 2.5vw;
    font-weight: 800;
    text-align: right;
    color: #fff;
    opacity: .4;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    z-index: 1
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first .home-items__elem .home-items__before,
    .box-home-items .home-items-second .home-items__elem .home-items__before {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first .home-items__elem .home-items__before,
    .box-home-items .home-items-second .home-items__elem .home-items__before {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first .home-items__elem .home-items__before,
    .box-home-items .home-items-second .home-items__elem .home-items__before {
        font-size: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem .home-items__before,
    .box-home-items .home-items-second .home-items__elem .home-items__before {
        font-size: 10vw
    }
}

.box-home-items .home-items-first .home-items__elem:before,
.box-home-items .home-items-second .home-items__elem:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 3.80208vw);
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    background-color: rgba(38, 38, 38, 0);
    z-index: 1
}

.box-home-items .home-items-first .home-items__elem:hover .home-items__catalog,
.box-home-items .home-items-second .home-items__elem:hover .home-items__catalog {
    opacity: 0
}

.box-home-items .home-items-first .home-items__elem:hover .home-items__next,
.box-home-items .home-items-second .home-items__elem:hover .home-items__next {
    opacity: 1;
    color: #2585fb
}

.box-home-items .home-items-first .home-items__elem:hover .home-items__before,
.box-home-items .home-items-second .home-items__elem:hover .home-items__before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.box-home-items .home-items-first .home-items__elem:hover:before,
.box-home-items .home-items-second .home-items__elem:hover:before {
    background-color: rgba(38, 38, 38, .8)
}

@media only screen and (max-width:480px) {
    .box-home-items {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-home-items {
        margin-bottom: 2.77778vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-home-items {
        margin-bottom: 3.125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-home-items {
        margin-bottom: 5.20833vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-home-items {
        margin-bottom: 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first,
    .box-home-items .home-items-second {
        margin: 0 0 1.04167vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first,
    .box-home-items .home-items-second {
        margin: 0 0 1.38889vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first,
    .box-home-items .home-items-second {
        margin: 0 0 1.5625vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first,
    .box-home-items .home-items-second {
        margin: 0 0 2.60417vw 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-home-items .home-items-first,
    .box-home-items .home-items-second {
        margin: 0 0 4.16667vw 0
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem,
    .box-home-items .home-items-second .home-items__elem {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-home-items .home-items-first .home-items__elem,
    .box-home-items .home-items-second .home-items__elem {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-home-items .home-items-first .home-items__elem,
    .box-home-items .home-items-second .home-items__elem {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-home-items .home-items-first .home-items__elem,
    .box-home-items .home-items-second .home-items__elem {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem,
    .box-home-items .home-items-second .home-items__elem {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-items .home-items-first .home-items__elem:before,
    .box-home-items .home-items-second .home-items__elem:before {
        height: calc(100% - 14.80208vw)
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.product-item-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-product {
    position: relative;
    display: inline-block;
    max-width: 17.70833vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    padding: 2.08333vw 1.77083vw 1.5625vw 1.77083vw;
    -webkit-transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product {
        max-width: 23.61111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product {
        max-width: 26.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product {
        max-width: 44.27083vw
    }
}

@media only screen and (max-width:480px) {
    .card-product {
        max-width: 70.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product {
        padding: 2.77778vw 2.36111vw 2.08333vw 2.36111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product {
        padding: 3.125vw 2.65625vw 2.34375vw 2.65625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product {
        padding: 5.20833vw 4.42708vw 3.90625vw 4.42708vw
    }
}

@media only screen and (max-width:480px) {
    .card-product {
        padding: 8.33333vw 7.08333vw 6.25vw 7.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .card-product {
        margin-bottom: 6.25vw
    }
}

.card-product__img {
    position: relative;
    display: block;
    width: auto;
    height: 9.47917vw;
    overflow: hidden;
    -webkit-box-shadow: -9px 9px 2px rgba(0, 0, 0, .1);
    box-shadow: -9px 9px 2px rgba(0, 0, 0, .1)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__img {
        height: 12.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__img {
        height: 14.21875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__img {
        height: 23.69792vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__img {
        height: 37.91667vw
    }
}

.card-product__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 272px;
    height: 180px;
    display: block
}

.card-product__img:hover .card-product__quick-view {
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1);
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    transform: scale(1)
}

.card-product__flag {
    position: absolute;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/flag/russia.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 2.1875vw;
    height: 1.45833vw;
    top: -10px;
    right: -10px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__flag {
        width: 2.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__flag {
        width: 3.28125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__flag {
        width: 5.46875vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__flag {
        width: 8.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__flag {
        height: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__flag {
        height: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__flag {
        height: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__flag {
        height: 5.83333vw
    }
}

.card-product__quick-view {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8.33333vw;
    height: 2.08333vw;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: .625vw;
    background-color: rgba(255, 255, 255, .7);
    border: 1px solid #2585fb;
    color: #272d33;
    text-align: center;
    -webkit-transition: all .3s ease-in;
    -webkit-transform: scale(0);
    -ms-transition: all .3s ease-in;
    -ms-transform: scale(0);
    -moz-transition: all .3s ease-in;
    -moz-transform: scale(0);
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    transform: scale(0)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__quick-view {
        width: 11.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__quick-view {
        width: 12.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__quick-view {
        width: 20.83333vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__quick-view {
        width: 33.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__quick-view {
        height: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__quick-view {
        height: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__quick-view {
        height: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__quick-view {
        height: 8.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__quick-view {
        font-size: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__quick-view {
        font-size: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__quick-view {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__quick-view {
        font-size: 2.5vw
    }
}

.card-product__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5625vw 0 .52083vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__info {
        padding: 2.08333vw 0 .69444vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__info {
        padding: 2.34375vw 0 .78125vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__info {
        padding: 3.90625vw 0 1.30208vw 0
    }
}

@media only screen and (max-width:480px) {
    .card-product__info {
        padding: 6.25vw 0 2.08333vw 0
    }
}

.card-product__option {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 .26042vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__option {
        padding: 0 0 .34722vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__option {
        padding: 0 0 .39063vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__option {
        padding: 0 0 .65104vw 0
    }
}

@media only screen and (max-width:480px) {
    .card-product__option {
        padding: 0 0 1.04167vw 0
    }
}

.card-product__option .favorite:hover .icon {
    fill: #d80027;
    stroke: #d80027
}

.card-product__price {
    position: relative;
    width: 100%;
    display: block
}

.card-product__price .old {
    position: relative;
    top: -30%;
    margin-bottom: 10px;
    display: inline-block;
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__price .old {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__price .old {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__price .old {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__price .old {
        font-size: 3.33333vw
    }
}

.card-product__price .old:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    height: .05208vw;
    background-color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__price .old:after {
        height: .06944vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__price .old:after {
        height: .07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__price .old:after {
        height: .13021vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__price .old:after {
        height: .20833vw
    }
}

.card-product__price .current {
    position: relative;
    font-size: 1.45833vw;
    font-weight: 700;
    float: right
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__price .current {
        font-size: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__price .current {
        font-size: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__price .current {
        font-size: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__price .current {
        font-size: 5.83333vw
    }
}

.card-product__price .current .rub {
    font-size: .83333vw;
    margin: 0 0 0 .26042vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__price .current .rub {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__price .current .rub {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__price .current .rub {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__price .current .rub {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__price .current .rub {
        margin: 0 0 0 .34722vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__price .current .rub {
        margin: 0 0 0 .39063vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__price .current .rub {
        margin: 0 0 0 .65104vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__price .current .rub {
        margin: 0 0 0 1.04167vw
    }
}

.card-product__price .current:before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: -2%;
    height: .05208vw;
    background-color: #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__price .current:before {
        height: .06944vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__price .current:before {
        height: .07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__price .current:before {
        height: .13021vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__price .current:before {
        height: .20833vw
    }
}

.card-product__price .discount {
    position: absolute;
    font-size: .83333vw;
    top: -35%;
    left: auto;
    right: 0;
    color: #d80027
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__price .discount {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__price .discount {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__price .discount {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__price .discount {
        font-size: 3.33333vw
    }
}

.card-product .availability {
    display: none;
    font-weight: 400;
    color: #5cb75c;
    text-align: right;
    font-size: .72917vw;
    margin: 0 0 .52083vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product .availability {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product .availability {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product .availability {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .card-product .availability {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product .availability {
        margin: 0 0 .69444vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product .availability {
        margin: 0 0 .78125vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product .availability {
        margin: 0 0 1.30208vw 0
    }
}

@media only screen and (max-width:480px) {
    .card-product .availability {
        margin: 0 0 2.08333vw 0
    }
}

.card-product__links {
    margin: 0 0 1.04167vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__links {
        margin: 0 0 1.38889vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__links {
        margin: 0 0 1.5625vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__links {
        margin: 0 0 2.60417vw 0
    }
}

@media only screen and (max-width:480px) {
    .card-product__links {
        margin: 0 0 4.16667vw 0
    }
}

.card-product__name {
    font-size: .9375vw;
    font-weight: 700;
    color: #272d33;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: .52083vw;
    margin-bottom: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__name {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__name {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__name {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__name {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__name {
        margin-top: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__name {
        margin-top: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__name {
        margin-top: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__name {
        margin-top: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product__name {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product__name {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product__name {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .card-product__name {
        margin-bottom: 2.08333vw
    }
}

.card-product__name:hover {
    color: #2585fb
}

.card-product:hover {
    -webkit-box-shadow: 0 0 2px rgba(139, 111, 78, .7);
    box-shadow: 0 0 2px rgba(139, 111, 78, .7)
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-home-tabs__title {
    margin-bottom: 35px
}

.box-home-tabs__bodies .button-disabled {
    display: none
}

.box-home-tabs__head {
    margin-bottom: 20px
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.carousel-product {
    width: 75vw;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-product {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-product {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-product {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-product {
        width: 300vw
    }
}

.carousel-product .swiper-container {
    width: 100%;
    height: auto;
    padding: 3.125vw .26042vw .52083vw .26042vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-product .swiper-container {
        padding: 4.16667vw .34722vw .69444vw .34722vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-product .swiper-container {
        padding: 4.6875vw .39063vw .78125vw .39063vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-product .swiper-container {
        padding: 7.8125vw .65104vw 1.30208vw .65104vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-product .swiper-container {
        padding: 12.5vw 1.04167vw 2.08333vw 1.04167vw
    }
}

.carousel-product .swiper-container .swiper-title {
    position: absolute;
    top: -25px;
    font-size: 1.45833vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-product .swiper-container .swiper-title {
        font-size: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-product .swiper-container .swiper-title {
        font-size: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-product .swiper-container .swiper-title {
        font-size: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-product .swiper-container .swiper-title {
        font-size: 5.83333vw
    }
}

.carousel-product .swiper-container .swiper-button-next,
.carousel-product .swiper-container .swiper-button-prev {
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    background-color: #fff;
    border: 2px solid #2585fb;
    width: 1.875vw;
    height: 1.875vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-product .swiper-container .swiper-button-next,
    .carousel-product .swiper-container .swiper-button-prev {
        width: 2.5vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-product .swiper-container .swiper-button-next,
    .carousel-product .swiper-container .swiper-button-prev {
        width: 2.8125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-product .swiper-container .swiper-button-next,
    .carousel-product .swiper-container .swiper-button-prev {
        width: 4.6875vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-product .swiper-container .swiper-button-next,
    .carousel-product .swiper-container .swiper-button-prev {
        width: 7.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-product .swiper-container .swiper-button-next,
    .carousel-product .swiper-container .swiper-button-prev {
        height: 2.5vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-product .swiper-container .swiper-button-next,
    .carousel-product .swiper-container .swiper-button-prev {
        height: 2.8125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-product .swiper-container .swiper-button-next,
    .carousel-product .swiper-container .swiper-button-prev {
        height: 4.6875vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-product .swiper-container .swiper-button-next,
    .carousel-product .swiper-container .swiper-button-prev {
        height: 7.5vw
    }
}

.carousel-product .swiper-container .swiper-button-next:after,
.carousel-product .swiper-container .swiper-button-prev:after {
    font-size: .52083vw;
    font-weight: 700;
    color: #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-product .swiper-container .swiper-button-next:after,
    .carousel-product .swiper-container .swiper-button-prev:after {
        font-size: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-product .swiper-container .swiper-button-next:after,
    .carousel-product .swiper-container .swiper-button-prev:after {
        font-size: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-product .swiper-container .swiper-button-next:after,
    .carousel-product .swiper-container .swiper-button-prev:after {
        font-size: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-product .swiper-container .swiper-button-next:after,
    .carousel-product .swiper-container .swiper-button-prev:after {
        font-size: 2.08333vw
    }
}

.carousel-product .swiper-container .swiper-button-next:hover,
.carousel-product .swiper-container .swiper-button-prev:hover {
    border: 2px solid #2585fb;
    background-color: #2585fb
}

.carousel-product .swiper-container .swiper-button-next:hover:after,
.carousel-product .swiper-container .swiper-button-prev:hover:after {
    color: #fff
}

.carousel-product .swiper-container .swiper-button-prev {
    top: 25px;
    right: 55px;
    left: auto;
    border: 2px solid #2585fb;
    background-color: #fff
}

.carousel-product .swiper-container .swiper-button-prev:after {
    color: #2585fb
}

.carousel-product .swiper-container .swiper-button-next {
    top: 25px;
    right: 10px;
    left: auto
}

.carousel-product .swiper-container .swiper-button-disabled {
    opacity: .4;
    pointer-events: auto
}

.btn_all_more {
    margin: 2% auto 2% auto
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.tabs-nav .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tabs-nav .swiper-wrapper .swiper-slide {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: auto;
    height: auto;
    max-width: 16.66667vw;
    padding: 0;
    cursor: pointer;
    font-size: .9375vw;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .tabs-nav .swiper-wrapper .swiper-slide {
        max-width: 22.22222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .tabs-nav .swiper-wrapper .swiper-slide {
        max-width: 25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .tabs-nav .swiper-wrapper .swiper-slide {
        max-width: 41.66667vw
    }
}

@media only screen and (max-width:480px) {
    .tabs-nav .swiper-wrapper .swiper-slide {
        max-width: 66.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .tabs-nav .swiper-wrapper .swiper-slide {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .tabs-nav .swiper-wrapper .swiper-slide {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .tabs-nav .swiper-wrapper .swiper-slide {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .tabs-nav .swiper-wrapper .swiper-slide {
        font-size: 3.75vw
    }
}

.tabs-nav .swiper-wrapper .swiper-slide .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #fff;
    max-width: 16.66667vw;
    width: 100%;
    margin: 0;
    padding: 1.09375vw 3.125vw 1.09375vw 3.125vw;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .tabs-nav .swiper-wrapper .swiper-slide .title {
        max-width: 22.22222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .tabs-nav .swiper-wrapper .swiper-slide .title {
        max-width: 25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .tabs-nav .swiper-wrapper .swiper-slide .title {
        max-width: 41.66667vw
    }
}

@media only screen and (max-width:480px) {
    .tabs-nav .swiper-wrapper .swiper-slide .title {
        max-width: 66.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .tabs-nav .swiper-wrapper .swiper-slide .title {
        padding: 1.45833vw 4.16667vw 1.45833vw 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .tabs-nav .swiper-wrapper .swiper-slide .title {
        padding: 1.64063vw 4.6875vw 1.64063vw 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .tabs-nav .swiper-wrapper .swiper-slide .title {
        padding: 2.73438vw 7.8125vw 2.73438vw 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .tabs-nav .swiper-wrapper .swiper-slide .title {
        padding: 4.375vw 12.5vw 4.375vw 12.5vw
    }
}

.tabs-nav .swiper-wrapper .swiper-slide .title:hover {
    color: #2585fb;
    border: 1px solid #2585fb
}

.tabs-nav .swiper-button-disabled {
    display: none
}

.tabs-nav .swiper1 .selected .title {
    color: #2585fb;
    border: 1px solid #2585fb
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-project-price__title {
    margin-bottom: 35px
}

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

.box-project-price__wrapper .card-project-price {
    margin-right: 20px
}

.box-project-price__wrapper .card-project-price:nth-last-child(1) {
    margin-right: 0
}

.box-project-price .btn_all_more {
    margin: 2% auto 2% auto
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.card-project-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card-project-price__info {
    display: block;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    width: 100%;
    max-width: 360px;
    height: 360px;
    padding: 40px 25px 0
}

.card-project-price__name {
    font-size: 1.25vw;
    display: block;
    color: #272d33;
    text-align: center;
    margin-bottom: 30px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-price__name {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-price__name {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-price__name {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-price__name {
        font-size: 5vw
    }
}

.card-project-price__text {
    font-size: .72917vw;
    line-height: 20px;
    text-align: center;
    margin-bottom: 40px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-price__text {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-price__text {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-price__text {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-price__text {
        font-size: 2.91667vw
    }
}

.card-project-price .btn_order,
.card-project-price .btn_order_inv {
    margin-bottom: 15px;
    width: 10.41667vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-price .btn_order,
    .card-project-price .btn_order_inv {
        width: 13.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-price .btn_order,
    .card-project-price .btn_order_inv {
        width: 15.625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-price .btn_order,
    .card-project-price .btn_order_inv {
        width: 26.04167vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-price .btn_order,
    .card-project-price .btn_order_inv {
        width: 41.66667vw
    }
}

.card-project-price__img {
    max-width: 340px;
    min-height: 340px;
    height: 360px;
    overflow: hidden
}

.card-project-price__img img {
    max-width: initial;
    position: relative;
    float: right
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-project-works {
    margin: auto;
    width: 75vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-project-works {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-project-works {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-project-works {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-project-works {
        width: 300vw
    }
}

.box-project-works__title {
    margin-bottom: 35px
}

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

.box-project-works__wrapper .card-project-works {
    margin-right: 20px
}

.box-project-works__wrapper .card-project-works:nth-last-child(1) {
    margin-right: 0
}

.box-project-works .btn_all_more {
    margin: 2% auto 2% auto
}

.box-project-works .button-project-works-next,
.box-project-works .button-project-works-prev {
    background-color: #eee;
    width: 3.54167vw;
    height: 3.54167vw;
    border-radius: 100%
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-project-works .button-project-works-next,
    .box-project-works .button-project-works-prev {
        width: 4.72222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-project-works .button-project-works-next,
    .box-project-works .button-project-works-prev {
        width: 5.3125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-project-works .button-project-works-next,
    .box-project-works .button-project-works-prev {
        width: 8.85417vw
    }
}

@media only screen and (max-width:480px) {
    .box-project-works .button-project-works-next,
    .box-project-works .button-project-works-prev {
        width: 14.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-project-works .button-project-works-next,
    .box-project-works .button-project-works-prev {
        height: 4.72222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-project-works .button-project-works-next,
    .box-project-works .button-project-works-prev {
        height: 5.3125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-project-works .button-project-works-next,
    .box-project-works .button-project-works-prev {
        height: 8.85417vw
    }
}

@media only screen and (max-width:480px) {
    .box-project-works .button-project-works-next,
    .box-project-works .button-project-works-prev {
        height: 14.16667vw
    }
}

.box-project-works .button-project-works-next:after,
.box-project-works .button-project-works-prev:after {
    content: '';
    width: 1.25vw;
    height: 1.25vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-arrow-more-white.svg);
    background-position: center center;
    background-repeat: no-repeat
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-project-works .button-project-works-next:after,
    .box-project-works .button-project-works-prev:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-project-works .button-project-works-next:after,
    .box-project-works .button-project-works-prev:after {
        width: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-project-works .button-project-works-next:after,
    .box-project-works .button-project-works-prev:after {
        width: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-project-works .button-project-works-next:after,
    .box-project-works .button-project-works-prev:after {
        width: 5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-project-works .button-project-works-next:after,
    .box-project-works .button-project-works-prev:after {
        height: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-project-works .button-project-works-next:after,
    .box-project-works .button-project-works-prev:after {
        height: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-project-works .button-project-works-next:after,
    .box-project-works .button-project-works-prev:after {
        height: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-project-works .button-project-works-next:after,
    .box-project-works .button-project-works-prev:after {
        height: 5vw
    }
}

.box-project-works .button-project-works-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.card-project-works {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card-project-works__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    max-width: 18.75vw;
    width: 100%;
    height: 18.75vw;
    padding: 3.125vw 2.08333vw 0 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__info {
        max-width: 25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__info {
        max-width: 28.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__info {
        max-width: 46.875vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__info {
        max-width: 75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__info {
        height: 25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__info {
        height: 28.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__info {
        height: 46.875vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__info {
        height: 75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__info {
        padding: 4.16667vw 2.77778vw 0 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__info {
        padding: 4.6875vw 3.125vw 0 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__info {
        padding: 7.8125vw 5.20833vw 0 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__info {
        padding: 12.5vw 8.33333vw 0 8.33333vw
    }
}

.card-project-works__name {
    font-size: 1.25vw;
    display: block;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__name {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__name {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__name {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__name {
        font-size: 5vw
    }
}

.card-project-works__subtitle {
    font-size: .625vw;
    color: #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__subtitle {
        font-size: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__subtitle {
        font-size: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__subtitle {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__subtitle {
        font-size: 2.5vw
    }
}

.card-project-works__button {
    display: block
}

.card-project-works .btn_order {
    margin: 2.08333vw 0 5.46875vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works .btn_order {
        margin: 2.77778vw 0 7.29167vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works .btn_order {
        margin: 3.125vw 0 8.20313vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works .btn_order {
        margin: 5.20833vw 0 13.67188vw 0
    }
}

@media only screen and (max-width:480px) {
    .card-project-works .btn_order {
        margin: 8.33333vw 0 21.875vw 0
    }
}

.card-project-works__bottom {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 2.5vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__bottom {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__bottom {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__bottom {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__bottom {
        height: 10vw
    }
}

.card-project-works__bottom:before {
    content: '';
    position: absolute;
    top: -17px;
    width: 100%;
    height: 1px;
    background-color: #eee
}

.card-project-works__like,
.card-project-works__message {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: .625vw;
    margin: 0 1.04167vw 0 .52083vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__like,
    .card-project-works__message {
        font-size: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__like,
    .card-project-works__message {
        font-size: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__like,
    .card-project-works__message {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__like,
    .card-project-works__message {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__like,
    .card-project-works__message {
        margin: 0 1.38889vw 0 .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__like,
    .card-project-works__message {
        margin: 0 1.5625vw 0 .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__like,
    .card-project-works__message {
        margin: 0 2.60417vw 0 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__like,
    .card-project-works__message {
        margin: 0 4.16667vw 0 2.08333vw
    }
}

.card-project-works__like .icon,
.card-project-works__message .icon {
    margin: 0 .52083vw 0 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__like .icon,
    .card-project-works__message .icon {
        margin: 0 .69444vw 0 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__like .icon,
    .card-project-works__message .icon {
        margin: 0 .78125vw 0 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__like .icon,
    .card-project-works__message .icon {
        margin: 0 1.30208vw 0 0
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__like .icon,
    .card-project-works__message .icon {
        margin: 0 2.08333vw 0 0
    }
}

.card-project-works__img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 18.75vw;
    max-width: 17.70833vw;
    height: 18.75vw;
    overflow: hidden
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__img {
        min-height: 25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__img {
        min-height: 28.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__img {
        min-height: 46.875vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__img {
        min-height: 75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__img {
        max-width: 23.61111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__img {
        max-width: 26.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__img {
        max-width: 44.27083vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__img {
        max-width: 70.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-project-works__img {
        height: 25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-project-works__img {
        height: 28.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-project-works__img {
        height: 46.875vw
    }
}

@media only screen and (max-width:480px) {
    .card-project-works__img {
        height: 75vw
    }
}

.card-project-works__img img {
    max-width: initial;
    position: relative;
    float: right
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-foto-gallery .swiper-container {
    position: relative;
    margin-left: 11.97917vw;
    width: 100%;
    height: 24.47917vw;
    width: 86.97917vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-container {
        margin-left: 15.97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-container {
        margin-left: 17.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-container {
        margin-left: 29.94792vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-container {
        margin-left: 47.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-container {
        height: 32.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-container {
        height: 36.71875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-container {
        height: 61.19792vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-container {
        height: 97.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-container {
        width: 115.97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-container {
        width: 130.46875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-container {
        width: 217.44792vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-container {
        width: 347.91667vw
    }
}

.box-foto-gallery .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    max-height: 17.70833vw;
    width: auto;
    height: 17.70833vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide {
        max-height: 23.61111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide {
        max-height: 26.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide {
        max-height: 44.27083vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide {
        max-height: 70.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide {
        height: 23.61111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide {
        height: 26.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide {
        height: 44.27083vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide {
        height: 70.83333vw
    }
}

.box-foto-gallery .swiper-slide img {
    position: relative;
    width: 100%;
    height: 100%
}

.box-foto-gallery .swiper-slide.swiper-slide-prev {
    max-width: 36.45833vw;
    max-height: 24.47917vw;
    width: 36.45833vw!important;
    height: 24.47917vw;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        max-width: 48.61111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        max-width: 54.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        max-width: 91.14583vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        max-width: 145.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        max-height: 32.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        max-height: 36.71875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        max-height: 61.19792vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        max-height: 97.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        height: 32.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        height: 36.71875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        height: 61.19792vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev {
        height: 97.91667vw
    }
}

.box-foto-gallery .swiper-slide.swiper-slide-prev:hover .glightbox {
    top: .9vw;
    left: 33vw
}

.box-foto-gallery .swiper-slide.swiper-slide-prev:hover .glightbox:hover:after {
    bottom: 1px;
    left: 1px
}

.box-foto-gallery .swiper-slide.swiper-slide-prev:hover .glightbox:hover:before {
    top: 1px;
    right: 1px
}

.box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox {
    position: absolute;
    top: -5.9vw;
    left: 40vw;
    width: 2.60417vw;
    height: 2.60417vw;
    background-color: #2585fb;
    border: 1px solid #fff;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
    z-index: 3
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox {
        width: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox {
        width: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox {
        width: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox {
        width: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox {
        height: 10.41667vw
    }
}

.box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: .83333vw;
    height: .83333vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-arrow-more-white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:before {
        width: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:before {
        width: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:before {
        width: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:before {
        width: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:before {
        height: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:before {
        height: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:before {
        height: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:before {
        height: 3.33333vw
    }
}

.box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: .83333vw;
    height: .83333vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-arrow-more-white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:after {
        width: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:after {
        width: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:after {
        width: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:after {
        width: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:after {
        height: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:after {
        height: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:after {
        height: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-slide.swiper-slide-prev .glightbox:after {
        height: 3.33333vw
    }
}

.box-foto-gallery .swiper-button-wrapper {
    position: relative;
    display: block;
    width: 6.25vw;
    height: 2.60417vw;
    margin-left: 48.95833vw;
    z-index: 2
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-button-wrapper {
        width: 8.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-button-wrapper {
        width: 9.375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-button-wrapper {
        width: 15.625vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-button-wrapper {
        width: 25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-button-wrapper {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-button-wrapper {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-button-wrapper {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-button-wrapper {
        height: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-button-wrapper {
        margin-left: 65.27778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-button-wrapper {
        margin-left: 73.4375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-button-wrapper {
        margin-left: 122.39583vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-button-wrapper {
        margin-left: 195.83333vw
    }
}

.box-foto-gallery .swiper-button-wrapper .swiper-button-next,
.box-foto-gallery .swiper-button-wrapper .swiper-button-prev {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    background-color: #2585fb;
    border: 2px solid #2585fb;
    width: 1.875vw;
    height: 1.875vw;
    top: -150%;
    left: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev {
        width: 2.5vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev {
        width: 2.8125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev {
        width: 4.6875vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev {
        width: 7.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev {
        height: 2.5vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev {
        height: 2.8125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev {
        height: 4.6875vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev {
        height: 7.5vw
    }
}

.box-foto-gallery .swiper-button-wrapper .swiper-button-next:after,
.box-foto-gallery .swiper-button-wrapper .swiper-button-prev:after {
    font-size: .41667vw;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:after,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev:after {
        font-size: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:after,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev:after {
        font-size: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:after,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev:after {
        font-size: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:after,
    .box-foto-gallery .swiper-button-wrapper .swiper-button-prev:after {
        font-size: 1.66667vw
    }
}

.box-foto-gallery .swiper-button-wrapper .swiper-button-next {
    left: 40%
}

.box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover {
    top: -180%;
    width: 2.60417vw;
    height: 2.60417vw;
    background-color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover {
        width: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover {
        width: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover {
        width: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover {
        width: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover {
        height: 10.41667vw
    }
}

.box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover:after {
    content: '';
    width: 1.25vw;
    height: 1.25vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-arrow-more.svg);
    background-position: center center;
    background-repeat: no-repeat
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover:after {
        width: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover:after {
        width: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover:after {
        width: 5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover:after {
        height: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover:after {
        height: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover:after {
        height: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-foto-gallery .swiper-button-wrapper .swiper-button-next:hover:after {
        height: 5vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-home-news {
    position: relative;
    margin: auto;
    margin-bottom: 3.125vw;
    width: 75vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-news {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-news {
        margin-bottom: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-news {
        margin-bottom: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-news {
        margin-bottom: 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-news {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-news {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-news {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-news {
        width: 300vw
    }
}

.box-home-news__title {
    margin-bottom: 1.82292vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-news__title {
        margin-bottom: 2.43056vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-news__title {
        margin-bottom: 2.73438vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-news__title {
        margin-bottom: 4.55729vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-news__title {
        margin-bottom: 7.29167vw
    }
}

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

.box-home-news__wrapper .card-home-news {
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-news__wrapper .card-home-news {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-news__wrapper .card-home-news {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-news__wrapper .card-home-news {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-news__wrapper .card-home-news {
        margin-right: 4.16667vw
    }
}

.box-home-news__wrapper .card-home-news:nth-last-child(1) {
    margin-right: 0
}

.box-home-news .button-home-news-next,
.box-home-news .button-home-news-prev {
    background-color: #fff;
    width: 3.54167vw;
    height: 3.54167vw;
    border-radius: 100%
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-news .button-home-news-next,
    .box-home-news .button-home-news-prev {
        width: 4.72222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-news .button-home-news-next,
    .box-home-news .button-home-news-prev {
        width: 5.3125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-news .button-home-news-next,
    .box-home-news .button-home-news-prev {
        width: 8.85417vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-news .button-home-news-next,
    .box-home-news .button-home-news-prev {
        width: 14.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-news .button-home-news-next,
    .box-home-news .button-home-news-prev {
        height: 4.72222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-news .button-home-news-next,
    .box-home-news .button-home-news-prev {
        height: 5.3125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-news .button-home-news-next,
    .box-home-news .button-home-news-prev {
        height: 8.85417vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-news .button-home-news-next,
    .box-home-news .button-home-news-prev {
        height: 14.16667vw
    }
}

.box-home-news .button-home-news-next:after,
.box-home-news .button-home-news-prev:after {
    content: '';
    width: 1.25vw;
    height: 1.25vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-arrow-more.svg);
    background-position: center center;
    background-repeat: no-repeat
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-news .button-home-news-next:after,
    .box-home-news .button-home-news-prev:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-news .button-home-news-next:after,
    .box-home-news .button-home-news-prev:after {
        width: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-news .button-home-news-next:after,
    .box-home-news .button-home-news-prev:after {
        width: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-news .button-home-news-next:after,
    .box-home-news .button-home-news-prev:after {
        width: 5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-news .button-home-news-next:after,
    .box-home-news .button-home-news-prev:after {
        height: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-news .button-home-news-next:after,
    .box-home-news .button-home-news-prev:after {
        height: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-news .button-home-news-next:after,
    .box-home-news .button-home-news-prev:after {
        height: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-news .button-home-news-next:after,
    .box-home-news .button-home-news-prev:after {
        height: 5vw
    }
}

.box-home-news .button-home-news-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.card-home-news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-home-news__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    max-width: 23.95833vw;
    width: 100%;
    height: 9.89583vw;
    padding: 1.5625vw 1.5625vw 1.04167vw 1.04167vw;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__info {
        max-width: 31.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__info {
        max-width: 35.9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__info {
        max-width: 59.89583vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__info {
        max-width: 95.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__info {
        height: 13.19444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__info {
        height: 14.84375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__info {
        height: 24.73958vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__info {
        height: 39.58333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__info {
        padding: 2.08333vw 2.08333vw 1.38889vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__info {
        padding: 2.34375vw 2.34375vw 1.5625vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__info {
        padding: 3.90625vw 3.90625vw 2.60417vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__info {
        padding: 6.25vw 6.25vw 4.16667vw 4.16667vw
    }
}

.card-home-news__name {
    font-size: .9375vw;
    display: block;
    color: #2585fb;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__name {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__name {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__name {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__name {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__name {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__name {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__name {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__name {
        margin-bottom: 3.125vw
    }
}

.card-home-news__text {
    font-size: .83333vw;
    color: #272d33;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__text {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__text {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__text {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__text {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__text {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__text {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__text {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__text {
        margin-bottom: 3.125vw
    }
}

.card-home-news__button {
    display: block;
    height: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__button {
        height: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__button {
        height: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__button {
        height: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__button {
        height: 4.16667vw
    }
}

.card-home-news__button .icon {
    height: 1.04167vw;
    margin-left: 2.60417vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__button .icon {
        height: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__button .icon {
        height: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__button .icon {
        height: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__button .icon {
        height: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__button .icon {
        margin-left: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__button .icon {
        margin-left: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__button .icon {
        margin-left: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__button .icon {
        margin-left: 10.41667vw
    }
}

.card-home-news__bottom {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__bottom {
        height: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__bottom {
        height: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__bottom {
        height: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__bottom {
        height: 8.33333vw
    }
}

.card-home-news__eye,
.card-home-news__read {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: .625vw;
    margin: 0 1.04167vw 0 .52083vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__eye,
    .card-home-news__read {
        font-size: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__eye,
    .card-home-news__read {
        font-size: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__eye,
    .card-home-news__read {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__eye,
    .card-home-news__read {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__eye,
    .card-home-news__read {
        margin: 0 1.38889vw 0 .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__eye,
    .card-home-news__read {
        margin: 0 1.5625vw 0 .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__eye,
    .card-home-news__read {
        margin: 0 2.60417vw 0 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__eye,
    .card-home-news__read {
        margin: 0 4.16667vw 0 2.08333vw
    }
}

.card-home-news__eye .icon,
.card-home-news__read .icon {
    margin: 0 .52083vw 0 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__eye .icon,
    .card-home-news__read .icon {
        margin: 0 .69444vw 0 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__eye .icon,
    .card-home-news__read .icon {
        margin: 0 .78125vw 0 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__eye .icon,
    .card-home-news__read .icon {
        margin: 0 1.30208vw 0 0
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__eye .icon,
    .card-home-news__read .icon {
        margin: 0 2.08333vw 0 0
    }
}

.card-home-news__date {
    font-size: .625vw;
    color: #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__date {
        font-size: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__date {
        font-size: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__date {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__date {
        font-size: 2.5vw
    }
}

.card-home-news__img {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 14.58333vw;
    max-width: 23.95833vw;
    height: 14.58333vw;
    overflow: hidden
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__img {
        min-height: 19.44444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__img {
        min-height: 21.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__img {
        min-height: 36.45833vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__img {
        min-height: 58.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__img {
        max-width: 31.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__img {
        max-width: 35.9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__img {
        max-width: 59.89583vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__img {
        max-width: 95.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-home-news__img {
        height: 19.44444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-home-news__img {
        height: 21.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-home-news__img {
        height: 36.45833vw
    }
}

@media only screen and (max-width:480px) {
    .card-home-news__img {
        height: 58.33333vw
    }
}

.card-home-news__img img {
    max-width: initial;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-home-about {
    max-width: 75vw;
    width: calc(100% - 30px);
    margin: auto;
    background-image: url(/img/bg-line-kpp.png);
    background-position: left -145px top;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about {
        max-width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about {
        max-width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about {
        max-width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about {
        max-width: 300vw
    }
}

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

.box-home-about__left {
    width: 38%;
    position: relative;
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__left {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__left {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__left {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__left {
        margin-right: 4.16667vw
    }
}

.box-home-about__left__img {
    position: relative;
    display: block;
    width: 22.91667vw;
    height: 100%;
    margin-right: 0;
    margin-left: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__left__img {
        width: 30.55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__left__img {
        width: 34.375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__left__img {
        width: 57.29167vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__left__img {
        width: 91.66667vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__left__img {
        height: 70%;
        width: 80%;
        margin-right: auto;
        margin-left: auto
    }
}

.box-home-about__right {
    width: 62%;
    position: relative;
    padding: 5.20833vw 8.85417vw 4.16667vw 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right {
        padding: 6.94444vw 11.80556vw 5.55556vw 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right {
        padding: 7.8125vw 13.28125vw 6.25vw 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right {
        padding: 13.02083vw 22.13542vw 10.41667vw 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right {
        padding: 20.83333vw 35.41667vw 16.66667vw 12.5vw
    }
}

.box-home-about__right__subtitle {
    font-size: .72917vw;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1.30208vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right__subtitle {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right__subtitle {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right__subtitle {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right__subtitle {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right__subtitle {
        margin-bottom: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right__subtitle {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right__subtitle {
        margin-bottom: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right__subtitle {
        margin-bottom: 5.20833vw
    }
}

.box-home-about__right__title.title {
    font-size: 1.97917vw;
    text-transform: inherit;
    font-weight: 800;
    margin-bottom: 1.5625vw;
    text-align: left!important
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right__title.title {
        font-size: 2.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right__title.title {
        font-size: 2.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right__title.title {
        font-size: 4.94792vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right__title.title {
        font-size: 7.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right__title.title {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right__title.title {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right__title.title {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right__title.title {
        margin-bottom: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right__title.title {
        font-size: 1.66667vw;
        margin-top: 20px
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right__title.title {
        font-size: 2.22222vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right__title.title {
        font-size: 2.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-home-about__right__title.title {
        font-size: 4.16667vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-home-about__right__title.title {
        font-size: 6.66667vw
    }
}

.box-home-about__right__text {
    font-size: .83333vw;
    line-height: 1.5;
    color: #666;
    margin-bottom: .52083vw;
    margin-top: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right__text {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right__text {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right__text {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right__text {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right__text {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right__text {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right__text {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right__text {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right__text {
        margin-top: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right__text {
        margin-top: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right__text {
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right__text {
        margin-top: 0
    }
}

.box-home-about__right .btn_normal {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 1.5625vw;
    padding-left: 1.5625vw;
    margin-right: auto;
    margin-left: 0;
    margin-top: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right .btn_normal {
        padding-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right .btn_normal {
        padding-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right .btn_normal {
        padding-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right .btn_normal {
        padding-right: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right .btn_normal {
        padding-left: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right .btn_normal {
        padding-left: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right .btn_normal {
        padding-left: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right .btn_normal {
        padding-left: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right .btn_normal {
        margin-top: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right .btn_normal {
        margin-top: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-home-about__right .btn_normal {
        margin-top: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__right .btn_normal {
        margin-top: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about {
        width: 100%;
        padding: 0 1.04167vw 0 1.04167vw;
        margin-top: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-home-about {
        padding: 0 1.38889vw 0 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-home-about {
        padding: 0 1.5625vw 0 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-home-about {
        padding: 0 2.60417vw 0 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-home-about {
        padding: 0 4.16667vw 0 4.16667vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-home-about {
        margin-top: 2.77778vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-home-about {
        margin-top: 3.125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-home-about {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-home-about {
        margin-top: 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-home-about__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .box-home-about__left,
    .box-home-about__right {
        width: 100%
    }
    .box-home-about__left__img {
        position: relative
    }
    .box-home-about__right {
        padding: 1.04167vw 1.5625vw 2.08333vw .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-home-about__right {
        padding: 1.38889vw 2.08333vw 2.77778vw 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-home-about__right {
        padding: 1.5625vw 2.34375vw 3.125vw 1.17188vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-home-about__right {
        padding: 2.60417vw 3.90625vw 5.20833vw 1.95313vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-home-about__right {
        padding: 4.16667vw 6.25vw 8.33333vw 3.125vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-subscribe {
    height: 8.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/_src/bg-subscribe.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe {
        height: 11.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe {
        height: 12.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe {
        height: 20.83333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe {
        height: 33.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe {
        margin-top: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe {
        margin-top: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe {
        margin-top: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe {
        margin-top: 12.5vw
    }
}

.box-subscribe__wrapper {
    width: 75vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__wrapper {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__wrapper {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__wrapper {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__wrapper {
        width: 300vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__wrapper {
        width: calc(100% - 30px)
    }
}

.box-subscribe__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    margin-right: 1.04167vw;
    font-size: .9375vw;
    padding-left: 10.41667vw;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__title {
        margin-right: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__title {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title {
        padding-left: 13.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title {
        padding-left: 15.625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title {
        padding-left: 26.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__title {
        padding-left: 41.66667vw
    }
}

.box-subscribe__title .title {
    font-size: .9375vw;
    line-height: 1.5;
    font-weight: 600;
    margin-left: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title .title {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title .title {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title .title {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__title .title {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title .title {
        margin-left: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title .title {
        margin-left: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title .title {
        margin-left: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__title .title {
        margin-left: 4.16667vw
    }
}

.box-subscribe__title .icon {
    opacity: .5;
    min-width: 4.0625vw;
    width: 4.0625vw;
    height: 2.65625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title .icon {
        min-width: 5.41667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title .icon {
        min-width: 6.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title .icon {
        min-width: 10.15625vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__title .icon {
        min-width: 16.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title .icon {
        width: 5.41667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title .icon {
        width: 6.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title .icon {
        width: 10.15625vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__title .icon {
        width: 16.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title .icon {
        height: 3.54167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title .icon {
        height: 3.98438vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title .icon {
        height: 6.64063vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__title .icon {
        height: 10.625vw
    }
}

.box-subscribe__form {
    width: 50%
}

.box-subscribe__input-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.82292vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__input-block {
        margin-top: 2.43056vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__input-block {
        margin-top: 2.73438vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__input-block {
        margin-top: 4.55729vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__input-block {
        margin-top: 7.29167vw
    }
}

.box-subscribe__input-tel {
    width: 14.58333vw;
    height: 2.5vw;
    background-color: #fff;
    padding-left: 1.5625vw;
    display: inline-block
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__input-tel {
        width: 19.44444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__input-tel {
        width: 21.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__input-tel {
        width: 36.45833vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__input-tel {
        width: 58.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__input-tel {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__input-tel {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__input-tel {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__input-tel {
        height: 10vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__input-tel {
        padding-left: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__input-tel {
        padding-left: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__input-tel {
        padding-left: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__input-tel {
        padding-left: 6.25vw
    }
}

.box-subscribe__checkblock {
    margin-top: .78125vw;
    margin-left: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__checkblock {
        margin-top: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__checkblock {
        margin-top: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__checkblock {
        margin-top: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__checkblock {
        margin-top: 3.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__checkblock {
        margin-left: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__checkblock {
        margin-left: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__checkblock {
        margin-left: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__checkblock {
        margin-left: 3.125vw
    }
}

.box-subscribe__checkblock .checkbox-small {
    font-size: .83333vw;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__checkblock .checkbox-small {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__checkblock .checkbox-small {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__checkblock .checkbox-small {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__checkblock .checkbox-small {
        font-size: 3.33333vw
    }
}

.box-subscribe__checkblock .checkbox-small .personal-date {
    color: #fff
}

.box-subscribe__checkblock .checkbox-small .personal-date:hover {
    text-decoration: underline
}

.box-subscribe__submit {
    width: 9.375vw;
    height: 2.5vw;
    border: 1px solid #fff;
    background-color: #d80027;
    display: inline-block;
    font-size: .72917vw;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__submit {
        width: 12.5vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__submit {
        width: 14.0625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__submit {
        width: 23.4375vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__submit {
        width: 37.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__submit {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__submit {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__submit {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__submit {
        height: 10vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__submit {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__submit {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__submit {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__submit {
        font-size: 2.91667vw
    }
}

.box-subscribe__submit:hover {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__submit:hover {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__submit:hover {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe__submit:hover {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__submit:hover {
        font-size: 3.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe {
        height: auto;
        margin-top: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe {
        margin-top: 2.77778vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe {
        margin-top: 3.125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe {
        margin-top: 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__wrapper {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 1.04167vw 0 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__wrapper {
        padding: 0 1.38889vw 0 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__wrapper {
        padding: 0 1.5625vw 0 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe__wrapper {
        padding: 0 2.60417vw 0 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe__wrapper {
        padding: 0 4.16667vw 0 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-right: 0;
        padding-left: 0;
        padding-right: 2.60417vw;
        color: #fff
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title {
        padding-right: 3.47222vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title {
        padding-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title {
        padding-right: 6.51042vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe__title {
        padding-right: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__title .icon {
        opacity: .5;
        min-width: 5.625vw;
        width: 5.625vw;
        height: 4.73958vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title .icon {
        min-width: 7.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title .icon {
        min-width: 8.4375vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title .icon {
        min-width: 14.0625vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe__title .icon {
        min-width: 22.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title .icon {
        width: 7.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title .icon {
        width: 8.4375vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title .icon {
        width: 14.0625vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe__title .icon {
        width: 22.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__title .icon {
        height: 6.31944vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__title .icon {
        height: 7.10938vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe__title .icon {
        height: 11.84896vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe__title .icon {
        height: 18.95833vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__form {
        width: 100%
    }
    .box-subscribe__input-block {
        margin-top: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__input-block {
        margin-top: 1.73611vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__input-block {
        margin-top: 1.95313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe__input-block {
        margin-top: 3.25521vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe__input-block {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__checkblock {
        margin-bottom: 1.82292vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe__checkblock {
        margin-bottom: 2.43056vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe__checkblock {
        margin-bottom: 2.73438vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe__checkblock {
        margin-bottom: 4.55729vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe__checkblock {
        margin-bottom: 7.29167vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-footer {
    padding-top: 4.6875vw;
    background-image: url(../img/footer.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 70%;
}
.box-footer__about {
    background: black;
    padding: 14px;
}
.copyright {
    text-align: center;
    font-weight: bold;
}
@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer {
        padding-top: 6.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer {
        padding-top: 7.03125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer {
        padding-top: 11.71875vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer {
        padding-top: 18.75vw
    }
}

.box-footer__wrapper {
    position: relative;
    width: 75vw;
    padding: 0 20px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.16458vw;
	left: 2%;
}
.footer-box-fr {
    background: #282C35;
    height: 30px;
    padding-bottom: 10px;
    padding-top: 15px;
    min-height: 50px;
}
.ttt {
    color: white;
    font-weight: bold;
    text-align: center;
}
@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__wrapper {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__wrapper {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__wrapper {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__wrapper {
        width: 300vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__wrapper {
        padding-bottom: 3.81944vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__wrapper {
        padding-bottom: 4.29688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__wrapper {
        padding-bottom: 7.16146vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__wrapper {
        padding-bottom: 11.45833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__wrapper {
        width: calc(100% - 30px)
    }
}


.box-footer__title {
    color: #fff;
    font-size: .9375vw;
    font-weight: 700;
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__title {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__title {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__title {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__title {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__title {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__title {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__title {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__title {
        margin-bottom: 6.25vw
    }
}

.box-footer__list {
    padding-left: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__list {
        padding-left: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__list {
        padding-left: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__list {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) {
    .box-footer__list {
        padding-left: 0
    }
}

.box-footer__list li {
    margin-bottom: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__list li {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__list li {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__list li {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__list li {
        margin-bottom: 2.08333vw
    }
}

.box-footer__list li a {
    font-size: .83333vw;
    line-height: 1.3;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__list li a {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__list li a {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__list li a {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__list li a {
        font-size: 3.33333vw
    }
}

.box-footer__list li a:hover {
    color: #2585fb
}

.box-footer__about {
    width: 17.1875vw;
    margin-right: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about {
        width: 22.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about {
        width: 25.78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about {
        width: 42.96875vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about {
        width: 68.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about {
        margin-right: 6.25vw
    }
}

.box-footer__about .logo {
    margin-bottom: 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .logo {
        margin-bottom: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .logo {
        margin-bottom: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .logo {
        margin-bottom: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .logo {
        margin-bottom: 8.33333vw
    }
}

.box-footer__about .call-phone,
.box-footer__about .city,
.box-footer__about .mail {
    margin-bottom: 1.30208vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .call-phone,
    .box-footer__about .city,
    .box-footer__about .mail {
        margin-bottom: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .call-phone,
    .box-footer__about .city,
    .box-footer__about .mail {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .call-phone,
    .box-footer__about .city,
    .box-footer__about .mail {
        margin-bottom: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .call-phone,
    .box-footer__about .city,
    .box-footer__about .mail {
        margin-bottom: 5.20833vw
    }
}

.box-footer__about .call-phone__link,
.box-footer__about .city__link,
.box-footer__about .mail__link {
    font-weight: 700;
    font-size: 1vw;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .call-phone__link,
    .box-footer__about .city__link,
    .box-footer__about .mail__link {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .call-phone__link,
    .box-footer__about .city__link,
    .box-footer__about .mail__link {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .call-phone__link,
    .box-footer__about .city__link,
    .box-footer__about .mail__link {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .call-phone__link,
    .box-footer__about .city__link,
    .box-footer__about .mail__link {
        font-size: 3.75vw
    }
}

.box-footer__about .call-phone__link .icon,
.box-footer__about .city__link .icon,
.box-footer__about .mail__link .icon {
    font-size: .88542vw;
    margin-right: .52083vw;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .call-phone__link .icon,
    .box-footer__about .city__link .icon,
    .box-footer__about .mail__link .icon {
        font-size: 1.18056vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .call-phone__link .icon,
    .box-footer__about .city__link .icon,
    .box-footer__about .mail__link .icon {
        font-size: 1.32813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .call-phone__link .icon,
    .box-footer__about .city__link .icon,
    .box-footer__about .mail__link .icon {
        font-size: 2.21354vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .call-phone__link .icon,
    .box-footer__about .city__link .icon,
    .box-footer__about .mail__link .icon {
        font-size: 3.54167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .call-phone__link .icon,
    .box-footer__about .city__link .icon,
    .box-footer__about .mail__link .icon {
        margin-right: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .call-phone__link .icon,
    .box-footer__about .city__link .icon,
    .box-footer__about .mail__link .icon {
        margin-right: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .call-phone__link .icon,
    .box-footer__about .city__link .icon,
    .box-footer__about .mail__link .icon {
        margin-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .call-phone__link .icon,
    .box-footer__about .city__link .icon,
    .box-footer__about .mail__link .icon {
        margin-right: 2.08333vw
    }
}

.box-footer__about .mail__link {
    font-size: 1vw;
    font-weight: 500;
    left: 28px !important;
    position: relative;
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .mail__link {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .mail__link {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .mail__link {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .mail__link {
        font-size: 3.33333vw
    }
}

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

.box-footer__about .city .icon {
    color: #fff;
    width: 1.45833vw;
    font-size: .88542vw;
    margin-right: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .city .icon {
        width: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .city .icon {
        width: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .city .icon {
        width: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .city .icon {
        width: 5.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .city .icon {
        font-size: 1.18056vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .city .icon {
        font-size: 1.32813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .city .icon {
        font-size: 2.21354vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .city .icon {
        font-size: 3.54167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .city .icon {
        margin-right: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .city .icon {
        margin-right: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .city .icon {
        margin-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .city .icon {
        margin-right: 2.08333vw
    }
}

.box-footer__about .city__link {
    font-size: 0.8vw;
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .city__link {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .city__link {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .city__link {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .city__link {
        font-size: 2.91667vw
    }
}

.box-footer__about .city__link a {
    font-weight: 400;
    color: #2585fb;
    text-decoration: underline
}

.box-footer__about .city__link span {
    color: #fff;
    text-decoration: none;
    display: block;
    margin-bottom: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .city__link span {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .city__link span {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .city__link span {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .city__link span {
        margin-bottom: 2.08333vw
    }
}

.box-footer__about .time span {
    font-size: .83333vw;
    font-weight: 500;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .time span {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .time span {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .time span {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .time span {
        font-size: 3.33333vw
    }
}

.box-footer__about .time span .icon {
    font-size: .88542vw;
    margin-right: .52083vw;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .time span .icon {
        font-size: 1.18056vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .time span .icon {
        font-size: 1.32813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .time span .icon {
        font-size: 2.21354vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .time span .icon {
        font-size: 3.54167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__about .time span .icon {
        margin-right: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__about .time span .icon {
        margin-right: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__about .time span .icon {
        margin-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__about .time span .icon {
        margin-right: 2.08333vw
    }
}

.box-footer__sotial {
    width: 13.54167vw;
    margin-right: 2.60417vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__sotial {
        width: 18.05556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__sotial {
        width: 20.3125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__sotial {
        width: 33.85417vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__sotial {
        width: 54.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__sotial {
        margin-right: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__sotial {
        margin-right: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__sotial {
        margin-right: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__sotial {
        margin-right: 10.41667vw
    }
}

.box-footer__img {
    margin-right: 1.30208vw;
    width: 30px;
    height: 30px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__img {
        margin-right: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__img {
        margin-right: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__img {
        margin-right: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__img {
        margin-right: 5.20833vw
    }
}

.box-footer__img img {
    display: block;
    width: 100%;
    height: 100%
}

.box-footer__img:nth-last-child(1) {
    position: relative;
    top: -2px;
    width: 34px;
    height: 34px
}

.box-footer__menu {
    width: 6.25vw;
    margin-right: 2.60417vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__menu {
        width: 8.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__menu {
        width: 9.375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__menu {
        width: 15.625vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__menu {
        width: 25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__menu {
        margin-right: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__menu {
        margin-right: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__menu {
        margin-right: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__menu {
        margin-right: 10.41667vw
    }
}

.box-footer__list li a.selected {
    color: #2585fb
}

.box-footer__section-menu {
    width: 13.54167vw;
    margin-right: 2.60417vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__section-menu {
        width: 18.05556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__section-menu {
        width: 20.3125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__section-menu {
        width: 33.85417vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__section-menu {
        width: 54.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__section-menu {
        margin-right: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__section-menu {
        margin-right: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__section-menu {
        margin-right: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__section-menu {
        margin-right: 10.41667vw
    }
}

.box-footer__section-menu li a {
    position: relative
}

.box-footer__section-menu li a:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity: .5
}

.box-footer__section-menu:nth-child(5) {
    margin-right: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__section-menu:nth-child(5) {
        margin-right: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__section-menu:nth-child(5) {
        margin-right: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__section-menu:nth-child(5) {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) {
    .box-footer__section-menu:nth-child(5) {
        margin-right: 0
    }
}

.box-footer__section-menu:nth-child(5) li a {
    font-size: .72917vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer__section-menu:nth-child(5) li a {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer__section-menu:nth-child(5) li a {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer__section-menu:nth-child(5) li a {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__section-menu:nth-child(5) li a {
        font-size: 2.91667vw
    }
}

.box-footer-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #272d33;
    padding-left: 6.25vw;
    height: 5.20833vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer-bottom {
        padding-left: 8.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer-bottom {
        padding-left: 9.375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer-bottom {
        padding-left: 15.625vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer-bottom {
        padding-left: 25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer-bottom {
        height: 6.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer-bottom {
        height: 7.8125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer-bottom {
        height: 13.02083vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer-bottom {
        height: 20.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer-bottom {
        padding-left: 3.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer-bottom {
        padding-left: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:769px) and (max-width:1279px) {
    .box-footer-bottom {
        padding-left: 4.6875vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:481px) and (max-width:767px) {
    .box-footer-bottom {
        padding-left: 7.8125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (max-width:480px) {
    .box-footer-bottom {
        padding-left: 12.5vw
    }
}

.box-footer-bottom__wrapper {
    position: relative;
    width: 75vw;
    padding: 0 20px;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer-bottom__wrapper {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer-bottom__wrapper {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer-bottom__wrapper {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer-bottom__wrapper {
        width: 300vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer-bottom__wrapper {
        width: calc(100% - 30px);
        padding: 0
    }
}

.box-footer-bottom .copyright {
    font-size: .72917vw;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-footer-bottom .copyright {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-footer-bottom .copyright {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-footer-bottom .copyright {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer-bottom .copyright {
        font-size: 2.91667vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer {
        width: 100%;
        margin: auto
    }
    .box-footer__wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }
    .box-footer__wrapper:before {
        width: 90%;
        left: 0;
        right: 0;
        margin: auto
    }
    .box-footer__title {
        margin-bottom: 1.04167vw;
        margin-top: 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer__title {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer__title {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer__title {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer__title {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer__title {
        margin-top: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer__title {
        margin-top: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer__title {
        margin-top: 3.90625vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer__title {
        margin-top: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__sotial {
        width: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer__sotial {
        margin-top: 1.73611vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer__sotial {
        margin-top: 1.95313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer__sotial {
        margin-top: 3.25521vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer__sotial {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer .call-phone {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer .call-phone {
        margin-bottom: 1.73611vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer .call-phone {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer .call-phone {
        margin-bottom: 3.25521vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer .call-phone {
        margin-bottom: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer .call-phone__link {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer .call-phone__link {
        font-size: 1.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer .call-phone__link {
        font-size: 1.875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer .call-phone__link {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer .call-phone__link {
        font-size: 5vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer .call-phone__link .icon {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer .call-phone__link .icon {
        font-size: 1.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer .call-phone__link .icon {
        font-size: 1.875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer .call-phone__link .icon {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer .call-phone__link .icon {
        font-size: 5vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer .mail {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer .mail {
        margin-bottom: 1.73611vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer .mail {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer .mail {
        margin-bottom: 3.25521vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer .mail {
        margin-bottom: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer .mail__link {
        font-size: .9375vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer .mail__link {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer .mail__link {
        font-size: 1.40625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer .mail__link {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer .mail__link {
        font-size: 3.75vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer .mail__link .icon {
        font-size: .9375vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer .mail__link .icon {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer .mail__link .icon {
        font-size: 1.40625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer .mail__link .icon {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer .mail__link .icon {
        font-size: 3.75vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer .city__link {
        font-size: .9375vw;
        line-height: 1.4
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer .city__link {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer .city__link {
        font-size: 1.40625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer .city__link {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer .city__link {
        font-size: 3.75vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer .city__link .icon {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer .city__link .icon {
        font-size: 1.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer .city__link .icon {
        font-size: 1.875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer .city__link .icon {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer .city__link .icon {
        font-size: 5vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer .time span {
        font-size: .9375vw;
        line-height: 1.4
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer .time span {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer .time span {
        font-size: 1.40625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer .time span {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer .time span {
        font-size: 3.75vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer .time span .icon {
        font-size: .9375vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer .time span .icon {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer .time span .icon {
        font-size: 1.40625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer .time span .icon {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer .time span .icon {
        font-size: 3.75vw
    }
}

@media only screen and (max-width:480px) {
    .box-footer__menu {
        margin-right: 20px
    }
    .box-footer__section-menu {
        margin-right: 0
    }
    .box-footer-bottom {
        padding-left: 0;
        text-align: center;
        height: 3.125vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer-bottom {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer-bottom {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer-bottom {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer-bottom {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-footer-bottom {
        height: 4.16667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-footer-bottom {
        height: 4.6875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-footer-bottom {
        height: 7.8125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-footer-bottom {
        height: 12.5vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-header-title {
    position: relative;
    background-image: url(/img/di-title.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 9.375vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header-title {
        height: 12.5vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header-title {
        height: 14.0625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header-title {
        height: 23.4375vw
    }
}

@media only screen and (max-width:480px) {
    .box-header-title {
        height: 37.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-header-title {
        background-position: center center
    }
}

.box-header-title:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #272d33), color-stop(33.89%, rgba(39, 45, 51, .2)), color-stop(85.03%, rgba(39, 45, 51, .4)), to(rgba(39, 45, 51, .6)));
    background: -o-linear-gradient(#272d33 0, rgba(39, 45, 51, .2) 33.89%, rgba(39, 45, 51, .4) 85.03%, rgba(39, 45, 51, .6) 100%);
    background: linear-gradient(#272d33 0, rgba(39, 45, 51, .2) 33.89%, rgba(39, 45, 51, .4) 85.03%, rgba(39, 45, 51, .6) 100%)
}

.box-header-title__wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    width: 75vw;
    padding: 1.04167vw 0 2.08333vw 0;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header-title__wrapper {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header-title__wrapper {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header-title__wrapper {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-header-title__wrapper {
        width: 300vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header-title__wrapper {
        padding: 1.38889vw 0 2.77778vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header-title__wrapper {
        padding: 1.5625vw 0 3.125vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header-title__wrapper {
        padding: 2.60417vw 0 5.20833vw 0
    }
}

@media only screen and (max-width:480px) {
    .box-header-title__wrapper {
        padding: 4.16667vw 0 8.33333vw 0
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header-title__wrapper {
        width: calc(100% - 30px)
    }
}

@media only screen and (max-width:480px) {
    .box-header-title__wrapper {
        width: calc(100% - 30px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 20px
    }
}

.box-header-title__breadcrumbs {
    height: 2.5vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header-title__breadcrumbs {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header-title__breadcrumbs {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header-title__breadcrumbs {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-header-title__breadcrumbs {
        height: 10vw
    }
}

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

.box-header-title__title .title {
    font-size: 2.08333vw;
    font-weight: 800;
    color: #fff;
    text-transform: capitalize
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-header-title__title .title {
        font-size: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-header-title__title .title {
        font-size: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-header-title__title .title {
        font-size: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-header-title__title .title {
        font-size: 8.33333vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-breadcrumbs {
    position: relative;
    z-index: 1
}

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

.box-breadcrumbs__item {
    position: relative;
    margin-right: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-breadcrumbs__item {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-breadcrumbs__item {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-breadcrumbs__item {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-breadcrumbs__item {
        margin-right: 6.25vw
    }
}

.box-breadcrumbs__item:not(:nth-child(1)) {
    padding-left: .78125vw;
    margin-left: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-breadcrumbs__item:not(:nth-child(1)) {
        padding-left: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-breadcrumbs__item:not(:nth-child(1)) {
        padding-left: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-breadcrumbs__item:not(:nth-child(1)) {
        padding-left: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-breadcrumbs__item:not(:nth-child(1)) {
        padding-left: 3.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-breadcrumbs__item:not(:nth-child(1)) {
        margin-left: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-breadcrumbs__item:not(:nth-child(1)) {
        margin-left: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-breadcrumbs__item:not(:nth-child(1)) {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) {
    .box-breadcrumbs__item:not(:nth-child(1)) {
        margin-left: 0
    }
}

.box-breadcrumbs__item:not(:nth-child(1)):after {
    content: '';
    display: none
}

.box-breadcrumbs__item:not(:nth-child(1)):before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    display: block;
    margin: auto;
    width: .46875vw;
    height: .46875vw;
    background-color: transparent;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-breadcrumbs__item:not(:nth-child(1)):before {
        width: .625vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-breadcrumbs__item:not(:nth-child(1)):before {
        width: .70313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-breadcrumbs__item:not(:nth-child(1)):before {
        width: 1.17188vw
    }
}

@media only screen and (max-width:480px) {
    .box-breadcrumbs__item:not(:nth-child(1)):before {
        width: 1.875vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-breadcrumbs__item:not(:nth-child(1)):before {
        height: .625vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-breadcrumbs__item:not(:nth-child(1)):before {
        height: .70313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-breadcrumbs__item:not(:nth-child(1)):before {
        height: 1.17188vw
    }
}

@media only screen and (max-width:480px) {
    .box-breadcrumbs__item:not(:nth-child(1)):before {
        height: 1.875vw
    }
}

.box-breadcrumbs__link {
    font-size: .9375vw;
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-breadcrumbs__link {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-breadcrumbs__link {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-breadcrumbs__link {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-breadcrumbs__link {
        font-size: 3.75vw
    }
}

.box-breadcrumbs__link:hover {
    color: #fff
}

.box-breadcrumbs span {
    font-size: .9375vw;
    font-weight: 700;
    color: #fff;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-breadcrumbs span {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-breadcrumbs span {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-breadcrumbs span {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-breadcrumbs span {
        font-size: 3.75vw
    }
}

.box-breadcrumbs span:hover {
    color: #fff
}

@media only screen and (max-width:480px) {
    .box-breadcrumbs span {
        font-size: .83333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-breadcrumbs span {
        font-size: 1.11111vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-breadcrumbs span {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-breadcrumbs span {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-breadcrumbs span {
        font-size: 3.33333vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-section-catalog {
    position: relative;
    width: 100%;
    padding-top: 2.60417vw;
    padding-bottom: 2.60417vw;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-catalog {
        padding-top: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-catalog {
        padding-top: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-catalog {
        padding-top: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-catalog {
        padding-top: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-catalog {
        padding-bottom: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-catalog {
        padding-bottom: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-catalog {
        padding-bottom: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-catalog {
        padding-bottom: 10.41667vw
    }
}

.box-section-catalog .bx-section-desc-post {
    margin: 0
}

.box-section-catalog__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.box-section-catalog__block {
    position: relative;
    margin-right: 1.04167vw;
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-catalog__block {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-catalog__block {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-catalog__block {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-catalog__block {
        margin-right: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-catalog__block {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-catalog__block {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-catalog__block {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-catalog__block {
        margin-bottom: 6.25vw
    }
}

.box-section-catalog__block:nth-child(1) {
    margin-left: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-catalog__block:nth-child(1) {
        margin-left: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-catalog__block:nth-child(1) {
        margin-left: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-catalog__block:nth-child(1) {
        margin-left: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-catalog__block:nth-child(1) {
        margin-left: 4.16667vw
    }
}

.box-section-catalog__block:nth-child(5n+5) {
    margin-left: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-catalog__block:nth-child(5n+5) {
        margin-left: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-catalog__block:nth-child(5n+5) {
        margin-left: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-catalog__block:nth-child(5n+5) {
        margin-left: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-catalog__block:nth-child(5n+5) {
        margin-left: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-catalog {
        position: relative;
        width: 100%;
        padding: 2.60417vw 0 2.60417vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-section-catalog {
        padding: 3.47222vw 0 3.47222vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-section-catalog {
        padding: 3.90625vw 0 3.90625vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-section-catalog {
        padding: 6.51042vw 0 6.51042vw 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-section-catalog {
        padding: 10.41667vw 0 10.41667vw 0
    }
}

@media only screen and (max-width:480px) {
    .box-section-catalog__block {
        width: 100%;
        position: relative;
        margin: auto 0 20px 0
    }
    .box-section-catalog__block:nth-child(1) {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-section-catalog__block:nth-child(1) {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-section-catalog__block:nth-child(1) {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-section-catalog__block:nth-child(1) {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-section-catalog__block:nth-child(1) {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) {
    .box-section-catalog__block:nth-child(5n+5) {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-section-catalog__block:nth-child(5n+5) {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-section-catalog__block:nth-child(5n+5) {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-section-catalog__block:nth-child(5n+5) {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-section-catalog__block:nth-child(5n+5) {
        margin-left: 0
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.card-section-catalog {
    position: relative;
    max-width: 17.70833vw;
    min-width: 16.66667vw;
    width: 100%;
    max-height: 15.10417vw;
    min-height: 15.10417vw;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    -webkit-transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog {
        max-width: 23.61111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog {
        max-width: 26.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog {
        max-width: 44.27083vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog {
        max-width: 70.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog {
        min-width: 22.22222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog {
        min-width: 25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog {
        min-width: 41.66667vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog {
        min-width: 66.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog {
        max-height: 20.13889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog {
        max-height: 22.65625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog {
        max-height: 37.76042vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog {
        max-height: 60.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog {
        min-height: 20.13889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog {
        min-height: 22.65625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog {
        min-height: 37.76042vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog {
        min-height: 60.41667vw
    }
}

.card-section-catalog:hover {
    -webkit-box-shadow: 0 0 2px rgba(139, 111, 78, .7);
    box-shadow: 0 0 2px rgba(139, 111, 78, .7)
}

.card-section-catalog:hover .card-section-catalog__link {
    color: #2585fb
}

.card-section-catalog__item {
    position: relative;
    display: block;
    padding: 2.08333vw 1.77083vw 1.04167vw 1.77083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__item {
        padding: 2.77778vw 2.36111vw 1.38889vw 2.36111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__item {
        padding: 3.125vw 2.65625vw 1.5625vw 2.65625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__item {
        padding: 5.20833vw 4.42708vw 2.60417vw 4.42708vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__item {
        padding: 8.33333vw 7.08333vw 4.16667vw 7.08333vw
    }
}

.card-section-catalog__img {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 9.47917vw;
    max-width: 14.16667vw;
    height: 9.47917vw;
    width: 14.16667vw;
    overflow: hidden;
    -webkit-box-shadow: -9px 9px 2px rgba(0, 0, 0, .1);
    box-shadow: -9px 9px 2px rgba(0, 0, 0, .1);
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__img {
        min-height: 12.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__img {
        min-height: 14.21875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__img {
        min-height: 23.69792vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__img {
        min-height: 37.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__img {
        max-width: 18.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__img {
        max-width: 21.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__img {
        max-width: 35.41667vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__img {
        max-width: 56.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__img {
        height: 12.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__img {
        height: 14.21875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__img {
        height: 23.69792vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__img {
        height: 37.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__img {
        width: 18.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__img {
        width: 21.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__img {
        width: 35.41667vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__img {
        width: 56.66667vw
    }
}

.card-section-catalog__img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    height: 101%;
    width: auto;
    max-width: inherit
}

.card-section-catalog__link {
    position: relative;
    display: inline-block;
    float: right;
    font-size: .9375vw;
    font-weight: 700;
    color: #272d33;
    padding-right: 1.04167vw;
    margin-top: 1.04167vw;
    -webkit-transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__link {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__link {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__link {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__link {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__link {
        padding-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__link {
        padding-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__link {
        padding-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__link {
        padding-right: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__link {
        margin-top: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__link {
        margin-top: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__link {
        margin-top: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__link {
        margin-top: 4.16667vw
    }
}

.card-section-catalog__link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    width: .46875vw;
    height: .46875vw;
    background-color: transparent;
    border-right: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__link:before {
        width: .625vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__link:before {
        width: .70313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__link:before {
        width: 1.17188vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__link:before {
        width: 1.875vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__link:before {
        height: .625vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__link:before {
        height: .70313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__link:before {
        height: 1.17188vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__link:before {
        height: 1.875vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog {
        width: 100%;
        max-width: inherit;
        max-height: 17.70833vw;
        height: 17.70833vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog {
        max-height: 23.61111vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog {
        max-height: 26.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .card-section-catalog {
        max-height: 44.27083vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .card-section-catalog {
        max-height: 70.83333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog {
        height: 23.61111vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog {
        height: 26.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .card-section-catalog {
        height: 44.27083vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .card-section-catalog {
        height: 70.83333vw
    }
}

@media only screen and (max-width:480px) {
    .card-section-catalog__img {
        width: 100%;
        max-width: inherit;
        min-height: 12.5vw;
        height: 12.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__img {
        min-height: 16.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__img {
        min-height: 18.75vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__img {
        min-height: 31.25vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .card-section-catalog__img {
        min-height: 50vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .card-section-catalog__img {
        height: 16.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .card-section-catalog__img {
        height: 18.75vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .card-section-catalog__img {
        height: 31.25vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .card-section-catalog__img {
        height: 50vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-filter-sorting {
    padding: 2.60417vw 0 2.60417vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting {
        padding: 3.47222vw 0 3.47222vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting {
        padding: 3.90625vw 0 3.90625vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting {
        padding: 6.51042vw 0 6.51042vw 0
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting {
        padding: 10.41667vw 0 10.41667vw 0
    }
}

.box-filter-sorting__wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 75vw;
    margin: auto;
    height: 3.4375vw;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
    z-index: 1
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__wrapper {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__wrapper {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__wrapper {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__wrapper {
        width: 300vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__wrapper {
        height: 4.58333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__wrapper {
        height: 5.15625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__wrapper {
        height: 8.59375vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__wrapper {
        height: 13.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__wrapper {
        padding-left: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__wrapper {
        padding-left: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__wrapper {
        padding-left: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__wrapper {
        padding-left: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__wrapper {
        padding-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__wrapper {
        padding-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__wrapper {
        padding-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__wrapper {
        padding-right: 4.16667vw
    }
}

.box-filter-sorting__stock-check label {
    margin: 0
}

.box-filter-sorting__sort-by,
.box-filter-sorting__sort-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-left: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by,
    .box-filter-sorting__sort-page {
        margin-left: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by,
    .box-filter-sorting__sort-page {
        margin-left: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by,
    .box-filter-sorting__sort-page {
        margin-left: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by,
    .box-filter-sorting__sort-page {
        margin-left: 4.16667vw
    }
}

.box-filter-sorting__sort-by .sort-title,
.box-filter-sorting__sort-page .sort-title {
    display: inline-block;
    position: relative;
    font-size: .72917vw;
    color: #eee;
    margin-right: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-title,
    .box-filter-sorting__sort-page .sort-title {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-title,
    .box-filter-sorting__sort-page .sort-title {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-title,
    .box-filter-sorting__sort-page .sort-title {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-title,
    .box-filter-sorting__sort-page .sort-title {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-title,
    .box-filter-sorting__sort-page .sort-title {
        margin-right: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-title,
    .box-filter-sorting__sort-page .sort-title {
        margin-right: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-title,
    .box-filter-sorting__sort-page .sort-title {
        margin-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-title,
    .box-filter-sorting__sort-page .sort-title {
        margin-right: 2.08333vw
    }
}

.box-filter-sorting__sort-by .sort-amount,
.box-filter-sorting__sort-by .sort-popular,
.box-filter-sorting__sort-page .sort-amount,
.box-filter-sorting__sort-page .sort-popular {
    display: inline-block
}

.box-filter-sorting__sort-by .sort-amount .custom-select,
.box-filter-sorting__sort-by .sort-popular .custom-select,
.box-filter-sorting__sort-page .sort-amount .custom-select,
.box-filter-sorting__sort-page .sort-popular .custom-select {
    overflow: hidden
}

.box-filter-sorting__sort-by .sort-amount .custom-select .custom-options,
.box-filter-sorting__sort-by .sort-popular .custom-select .custom-options,
.box-filter-sorting__sort-page .sort-amount .custom-select .custom-options,
.box-filter-sorting__sort-page .sort-popular .custom-select .custom-options {
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    top: 100%;
    opacity: 0;
    z-index: -1
}

.box-filter-sorting__sort-by .sort-amount .custom-select.opened,
.box-filter-sorting__sort-by .sort-popular .custom-select.opened,
.box-filter-sorting__sort-page .sort-amount .custom-select.opened,
.box-filter-sorting__sort-page .sort-popular .custom-select.opened {
    overflow: visible
}

.box-filter-sorting__sort-by .sort-amount .custom-select.opened .custom-options,
.box-filter-sorting__sort-by .sort-popular .custom-select.opened .custom-options,
.box-filter-sorting__sort-page .sort-amount .custom-select.opened .custom-options,
.box-filter-sorting__sort-page .sort-popular .custom-select.opened .custom-options {
    top: 130%;
    opacity: 1;
    z-index: 9
}

.box-filter-sorting__sort-by .sort-tag,
.box-filter-sorting__sort-page .sort-tag {
    position: static
}

.box-filter-sorting__sort-by .sort-tag .tag-title,
.box-filter-sorting__sort-page .sort-tag .tag-title {
    position: relative;
    font-size: .72917vw;
    font-weight: 600;
    margin-right: 1.04167vw;
    cursor: pointer;
    padding: .78125vw .9375vw .78125vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        margin-right: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        padding: 1.04167vw 1.25vw 1.04167vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        padding: 1.17188vw 1.40625vw 1.17188vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        padding: 1.95313vw 2.34375vw 1.95313vw 0
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title,
    .box-filter-sorting__sort-page .sort-tag .tag-title {
        padding: 3.125vw 3.75vw 3.125vw 0
    }
}

.box-filter-sorting__sort-by .sort-tag .tag-title:before,
.box-filter-sorting__sort-page .sort-tag .tag-title:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: .41667vw;
    height: .41667vw;
    background-color: transparent;
    border-right: solid 2px #272d33;
    border-bottom: solid 2px #272d33;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title:before,
    .box-filter-sorting__sort-page .sort-tag .tag-title:before {
        width: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title:before,
    .box-filter-sorting__sort-page .sort-tag .tag-title:before {
        width: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title:before,
    .box-filter-sorting__sort-page .sort-tag .tag-title:before {
        width: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title:before,
    .box-filter-sorting__sort-page .sort-tag .tag-title:before {
        width: 1.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title:before,
    .box-filter-sorting__sort-page .sort-tag .tag-title:before {
        height: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title:before,
    .box-filter-sorting__sort-page .sort-tag .tag-title:before {
        height: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title:before,
    .box-filter-sorting__sort-page .sort-tag .tag-title:before {
        height: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .tag-title:before,
    .box-filter-sorting__sort-page .sort-tag .tag-title:before {
        height: 1.66667vw
    }
}

.box-filter-sorting__sort-by .sort-tag .tag-title .triangle,
.box-filter-sorting__sort-page .sort-tag .tag-title .triangle {
    display: none;
    width: .5vw;
    height: .5vw;
    position: absolute;
    right: -1px;
    bottom: -1.2vw;
    background-color: #fff;
    border-left: solid 1px #eee;
    border-top: solid 1px #eee;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 5
}

.box-filter-sorting__sort-by .sort-tag .tag-title.active:before,
.box-filter-sorting__sort-page .sort-tag .tag-title.active:before {
    margin-top: 1.2vw;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.box-filter-sorting__sort-by .sort-tag .tag-title.active .triangle,
.box-filter-sorting__sort-page .sort-tag .tag-title.active .triangle {
    display: inline-block
}

.box-filter-sorting__sort-by .sort-tag .tag-title.active~.select-tag,
.box-filter-sorting__sort-page .sort-tag .tag-title.active~.select-tag {
    opacity: 1;
    top: 115%;
    z-index: 5
}

.box-filter-sorting__sort-by .sort-tag .select-tag,
.box-filter-sorting__sort-page .sort-tag .select-tag {
    position: absolute;
    opacity: 0;
    top: 100%;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    -webkit-box-shadow: 0 0 .7813vw 0 rgba(102, 102, 102, .15);
    box-shadow: 0 0 .7813vw 0 rgba(102, 102, 102, .15);
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    width: 100%;
    max-width: 75vw;
    height: 3.125vw;
    padding: .52083vw 1.5625vw .52083vw 1.5625vw;
    z-index: -1
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        max-width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        max-width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        max-width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        max-width: 300vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        height: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        height: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        height: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        height: 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        padding: .69444vw 2.08333vw .69444vw 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        padding: .78125vw 2.34375vw .78125vw 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        padding: 1.30208vw 3.90625vw 1.30208vw 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag {
        padding: 2.08333vw 6.25vw 2.08333vw 6.25vw
    }
}

.box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
.box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
    font-size: .72917vw;
    font-weight: 500;
    text-align: center;
    border: 1px solid #eee;
    background-color: #fff;
    color: #272d33;
    padding: .41667vw .625vw .41667vw .625vw;
    margin-right: .78125vw;
    -webkit-transition: .2s linear all;
    -o-transition: .2s linear all;
    transition: .2s linear all;
    cursor: pointer
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        padding: .55556vw .83333vw .55556vw .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        padding: .625vw .9375vw .625vw .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        padding: 1.04167vw 1.5625vw 1.04167vw 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        padding: 1.66667vw 2.5vw 1.66667vw 2.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        margin-right: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        margin-right: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        margin-right: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-by .sort-tag .select-tag .title-tag,
    .box-filter-sorting__sort-page .sort-tag .select-tag .title-tag {
        margin-right: 3.125vw
    }
}

.box-filter-sorting__sort-by .sort-tag .select-tag .title-tag:hover,
.box-filter-sorting__sort-page .sort-tag .select-tag .title-tag:hover {
    background-color: #2585fb;
    color: #fff;
    outline: 1px solid #fff;
    outline-offset: -3px
}

.box-filter-sorting__sort-view {
    position: absolute;
    right: 0;
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-sorting__sort-view {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-sorting__sort-view {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-sorting__sort-view {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-sorting__sort-view {
        margin-right: 4.16667vw
    }
}

.box-filter-sorting__sort-view .view-type {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    border: 1px solid #eee;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    width: 1.5625vw;
    height: 1.5625vw;
    font-size: .625vw
}

.box-filter-sorting__sort-view .view-type .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #eee;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: .7292vw
}

.box-filter-sorting__sort-view .view-type:not(.active):hover {
    background-color: #2585fb
}

.box-filter-sorting__sort-view .view-type:not(.active):hover .icon:hover {
    fill: #fff
}

.box-filter-sorting__sort-view .view-type.active {
    background-color: #fff;
    border: 1px solid #2585fb
}

.box-filter-sorting__sort-view .view-type.active .icon-table {
    fill: #2585fb
}

.box-filter-sorting__sort-view .view-type.active .icon-table:hover {
    fill: #2585fb
}

.box-filter-sorting__sort-view .view-type.active .icon-menu {
    fill: #2585fb
}

.box-filter-sorting__sort-view .view-type.active .icon-menu:hover {
    fill: #2585fb
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-filter-vertical {
    width: 100%;
    padding-top: 2.60417vw;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical {
        padding-top: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical {
        padding-top: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical {
        padding-top: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical {
        padding-top: 10.41667vw
    }
}

.box-filter-vertical__wrapper {
    width: 17.70833vw;
    padding: .26042vw 1.04167vw 0 1.04167vw;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__wrapper {
        width: 23.61111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__wrapper {
        width: 26.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__wrapper {
        width: 44.27083vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__wrapper {
        width: 70.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__wrapper {
        padding: .34722vw 1.38889vw 0 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__wrapper {
        padding: .39063vw 1.5625vw 0 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__wrapper {
        padding: .65104vw 2.60417vw 0 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__wrapper {
        padding: 1.04167vw 4.16667vw 0 4.16667vw
    }
}

.box-filter-vertical__hide-button .title {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.86458vw;
    font-size: .83333vw;
    font-weight: 600;
    color: #272d33;
    cursor: pointer;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__hide-button .title {
        height: 3.81944vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__hide-button .title {
        height: 4.29688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__hide-button .title {
        height: 7.16146vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__hide-button .title {
        height: 11.45833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__hide-button .title {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__hide-button .title {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__hide-button .title {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__hide-button .title {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__hide-button .title {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__hide-button .title {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__hide-button .title {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__hide-button .title {
        margin-bottom: 4.16667vw
    }
}

.box-filter-vertical__hide-button .title.open:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.box-filter-vertical__hide-button .title.open:before {
    content: none
}

.box-filter-vertical__hide-button .title span {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.box-filter-vertical__hide-button .title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #eee
}

.box-filter-vertical__hide-button .title .icon {
    margin-right: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__hide-button .title .icon {
        margin-right: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__hide-button .title .icon {
        margin-right: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__hide-button .title .icon {
        margin-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__hide-button .title .icon {
        margin-right: 2.08333vw
    }
}

.box-filter-vertical__hide-button .title:after {
    position: absolute;
    display: block;
    content: "";
    width: .41667vw;
    height: .41667vw;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    border-right: solid 2px #272d33;
    border-bottom: solid 2px #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__hide-button .title:after {
        width: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__hide-button .title:after {
        width: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__hide-button .title:after {
        width: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__hide-button .title:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__hide-button .title:after {
        height: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__hide-button .title:after {
        height: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__hide-button .title:after {
        height: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__hide-button .title:after {
        height: 1.66667vw
    }
}

.box-filter-vertical__hide {
    display: block
}

.box-filter-vertical__hide.hidden_filter {
    display: none
}

.box-filter-vertical__hide .title {
    position: relative;
    display: block;
    font-size: .83333vw;
    font-weight: 600;
    color: #272d33;
    margin-bottom: 1.04167vw;
    cursor: pointer
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__hide .title {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__hide .title {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__hide .title {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__hide .title {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__hide .title {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__hide .title {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__hide .title {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__hide .title {
        margin-bottom: 4.16667vw
    }
}

.box-filter-vertical__hide .title.open:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.box-filter-vertical__hide .title:after {
    position: absolute;
    display: block;
    content: "";
    width: .41667vw;
    height: .41667vw;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    border-right: solid 2px #272d33;
    border-bottom: solid 2px #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__hide .title:after {
        width: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__hide .title:after {
        width: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__hide .title:after {
        width: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__hide .title:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__hide .title:after {
        height: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__hide .title:after {
        height: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__hide .title:after {
        height: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__hide .title:after {
        height: 1.66667vw
    }
}

.box-filter-vertical .hidden_filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical .hidden_filter {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical .hidden_filter {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical .hidden_filter {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical .hidden_filter {
        margin-bottom: 3.125vw
    }
}

.box-filter-vertical__price .hidden_filter {
    padding-bottom: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__price .hidden_filter {
        padding-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__price .hidden_filter {
        padding-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__price .hidden_filter {
        padding-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__price .hidden_filter {
        padding-bottom: 2.08333vw
    }
}

.box-filter-vertical__color .hidden_filter,
.box-filter-vertical__country .hidden_filter {
    height: 10.41667vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__color .hidden_filter,
    .box-filter-vertical__country .hidden_filter {
        height: 13.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__color .hidden_filter,
    .box-filter-vertical__country .hidden_filter {
        height: 15.625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__color .hidden_filter,
    .box-filter-vertical__country .hidden_filter {
        height: 26.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__color .hidden_filter,
    .box-filter-vertical__country .hidden_filter {
        height: 41.66667vw
    }
}

.box-filter-vertical__color .hidden_filter.open,
.box-filter-vertical__country .hidden_filter.open {
    height: auto
}

.box-filter-vertical__color .show-hidden,
.box-filter-vertical__country .show-hidden {
    position: relative;
    display: inline-block;
    font-size: .83333vw;
    color: #eee;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__color .show-hidden,
    .box-filter-vertical__country .show-hidden {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__color .show-hidden,
    .box-filter-vertical__country .show-hidden {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__color .show-hidden,
    .box-filter-vertical__country .show-hidden {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__color .show-hidden,
    .box-filter-vertical__country .show-hidden {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__color .show-hidden,
    .box-filter-vertical__country .show-hidden {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__color .show-hidden,
    .box-filter-vertical__country .show-hidden {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__color .show-hidden,
    .box-filter-vertical__country .show-hidden {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__color .show-hidden,
    .box-filter-vertical__country .show-hidden {
        margin-bottom: 4.16667vw
    }
}

.box-filter-vertical__color .show-hidden.open:after,
.box-filter-vertical__country .show-hidden.open:after {
    margin-top: .41667vw;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__color .show-hidden.open:after,
    .box-filter-vertical__country .show-hidden.open:after {
        margin-top: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__color .show-hidden.open:after,
    .box-filter-vertical__country .show-hidden.open:after {
        margin-top: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__color .show-hidden.open:after,
    .box-filter-vertical__country .show-hidden.open:after {
        margin-top: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__color .show-hidden.open:after,
    .box-filter-vertical__country .show-hidden.open:after {
        margin-top: 1.66667vw
    }
}

.box-filter-vertical__color .show-hidden:hover,
.box-filter-vertical__country .show-hidden:hover {
    color: #2585fb
}

.box-filter-vertical__color .show-hidden:hover:after,
.box-filter-vertical__country .show-hidden:hover:after {
    border-right: solid 1px #2585fb;
    border-bottom: solid 1px #2585fb
}

.box-filter-vertical__color .show-hidden:after,
.box-filter-vertical__country .show-hidden:after {
    position: absolute;
    display: block;
    content: "";
    width: .41667vw;
    height: .41667vw;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 0;
    right: -15px;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__color .show-hidden:after,
    .box-filter-vertical__country .show-hidden:after {
        width: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__color .show-hidden:after,
    .box-filter-vertical__country .show-hidden:after {
        width: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__color .show-hidden:after,
    .box-filter-vertical__country .show-hidden:after {
        width: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__color .show-hidden:after,
    .box-filter-vertical__country .show-hidden:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__color .show-hidden:after,
    .box-filter-vertical__country .show-hidden:after {
        height: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__color .show-hidden:after,
    .box-filter-vertical__country .show-hidden:after {
        height: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__color .show-hidden:after,
    .box-filter-vertical__country .show-hidden:after {
        height: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__color .show-hidden:after,
    .box-filter-vertical__country .show-hidden:after {
        height: 1.66667vw
    }
}

.box-filter-vertical__button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__button {
        padding-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__button {
        padding-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__button {
        padding-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__button {
        padding-bottom: 6.25vw
    }
}

.box-filter-vertical__button .apply {
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__button .apply {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__button .apply {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__button .apply {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__button .apply {
        margin-right: 4.16667vw
    }
}

.box-filter-vertical__button .apply a {
    width: 11.97917vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-filter-vertical__button .apply a {
        width: 15.97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-filter-vertical__button .apply a {
        width: 17.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-filter-vertical__button .apply a {
        width: 29.94792vw
    }
}

@media only screen and (max-width:480px) {
    .box-filter-vertical__button .apply a {
        width: 47.91667vw
    }
}

.box-filter-vertical__button .close-filter {
    position: relative
}

.box-filter-vertical__button .close-filter .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    cursor: pointer
}

.box-filter-vertical__button .close-filter:hover .btn_filter_close {
    background-color: #fff
}

.box-filter-vertical__button .close-filter:hover .icon {
    fill: #2585fb
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.custom-select-wrapper select {
    display: none
}

.custom-select-wrapper .custom-select {
    position: relative
}

.custom-select-wrapper .custom-select .custom-select-trigger {
    position: relative;
    display: block;
    cursor: pointer;
    font-size: .72917vw;
    font-weight: 600;
    padding: .78125vw .9375vw .78125vw 0;
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        padding: 1.04167vw 1.25vw 1.04167vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        padding: 1.17188vw 1.40625vw 1.17188vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        padding: 1.95313vw 2.34375vw 1.95313vw 0
    }
}

@media only screen and (max-width:480px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        padding: 3.125vw 3.75vw 3.125vw 0
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .custom-select-wrapper .custom-select .custom-select-trigger {
        margin-right: 4.16667vw
    }
}

.custom-select-wrapper .custom-select .custom-select-trigger:after {
    position: absolute;
    display: block;
    content: "";
    width: .41667vw;
    height: .41667vw;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    border-right: solid 2px #272d33;
    border-bottom: solid 2px #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .custom-select-wrapper .custom-select .custom-select-trigger:after {
        width: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .custom-select-wrapper .custom-select .custom-select-trigger:after {
        width: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .custom-select-wrapper .custom-select .custom-select-trigger:after {
        width: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .custom-select-wrapper .custom-select .custom-select-trigger:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .custom-select-wrapper .custom-select .custom-select-trigger:after {
        height: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .custom-select-wrapper .custom-select .custom-select-trigger:after {
        height: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .custom-select-wrapper .custom-select .custom-select-trigger:after {
        height: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .custom-select-wrapper .custom-select .custom-select-trigger:after {
        height: 1.66667vw
    }
}

.custom-select-wrapper .custom-select .custom-options {
    position: absolute;
    display: block;
    right: 0;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    background-color: #fff;
    top: 130%;
    left: auto;
    -webkit-box-shadow: 0 0 .7813vw 0 rgba(102, 102, 102, .15);
    box-shadow: 0 0 .7813vw 0 rgba(102, 102, 102, .15);
    padding-top: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .custom-select-wrapper .custom-select .custom-options {
        padding-top: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .custom-select-wrapper .custom-select .custom-options {
        padding-top: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .custom-select-wrapper .custom-select .custom-options {
        padding-top: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .custom-select-wrapper .custom-select .custom-options {
        padding-top: 2.08333vw
    }
}

.custom-select-wrapper .custom-select .custom-options .custom-option {
    position: relative;
    display: block;
    cursor: pointer;
    font-size: .72917vw;
    white-space: nowrap;
    padding: .26042vw 1.5625vw .26042vw 1.04167vw;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .custom-select-wrapper .custom-select .custom-options .custom-option {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .custom-select-wrapper .custom-select .custom-options .custom-option {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .custom-select-wrapper .custom-select .custom-options .custom-option {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .custom-select-wrapper .custom-select .custom-options .custom-option {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .custom-select-wrapper .custom-select .custom-options .custom-option {
        padding: .34722vw 2.08333vw .34722vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .custom-select-wrapper .custom-select .custom-options .custom-option {
        padding: .39063vw 2.34375vw .39063vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .custom-select-wrapper .custom-select .custom-options .custom-option {
        padding: .65104vw 3.90625vw .65104vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .custom-select-wrapper .custom-select .custom-options .custom-option {
        padding: 1.04167vw 6.25vw 1.04167vw 4.16667vw
    }
}

.custom-select-wrapper .custom-select .custom-options .custom-option:hover {
    background-color: rgba(139, 111, 78, .1)
}

.custom-select-wrapper .custom-select.opened .custom-select-trigger:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.custom-select-wrapper .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

label.big {
    position: relative;
    margin-top: .52083vw;
    margin-bottom: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label.big {
        margin-top: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label.big {
        margin-top: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label.big {
        margin-top: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    label.big {
        margin-top: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label.big {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label.big {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label.big {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    label.big {
        margin-bottom: 2.08333vw
    }
}

label.big img {
    position: absolute;
    left: 32px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1.30208vw;
    height: auto;
    border: 1px solid #eee
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label.big img {
        width: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label.big img {
        width: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label.big img {
        width: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    label.big img {
        width: 5.20833vw
    }
}

label.big img[src$=svg] {
    border: 0
}

label.big input[type=checkbox]:checked+span:before {
    border: 2px solid #2585fb
}

label.big input[type=checkbox]+span {
    padding-left: 3.28125vw;
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label.big input[type=checkbox]+span {
        padding-left: 4.375vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label.big input[type=checkbox]+span {
        padding-left: 4.92188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label.big input[type=checkbox]+span {
        padding-left: 8.20313vw
    }
}

@media only screen and (max-width:480px) {
    label.big input[type=checkbox]+span {
        padding-left: 13.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label.big input[type=checkbox]+span {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label.big input[type=checkbox]+span {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label.big input[type=checkbox]+span {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    label.big input[type=checkbox]+span {
        font-size: 3.33333vw
    }
}

label.big input[type=checkbox]+span:before {
    width: 1.30208vw;
    height: 1.30208vw;
    border: 2px solid #eee
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label.big input[type=checkbox]+span:before {
        width: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label.big input[type=checkbox]+span:before {
        width: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label.big input[type=checkbox]+span:before {
        width: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    label.big input[type=checkbox]+span:before {
        width: 5.20833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label.big input[type=checkbox]+span:before {
        height: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label.big input[type=checkbox]+span:before {
        height: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label.big input[type=checkbox]+span:before {
        height: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    label.big input[type=checkbox]+span:before {
        height: 5.20833vw
    }
}

label.big input[type=checkbox]+span:after {
    left: .365vw;
    top: .2883vw;
    width: .57292vw;
    height: .36458vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label.big input[type=checkbox]+span:after {
        width: .76389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label.big input[type=checkbox]+span:after {
        width: .85938vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label.big input[type=checkbox]+span:after {
        width: 1.43229vw
    }
}

@media only screen and (max-width:480px) {
    label.big input[type=checkbox]+span:after {
        width: 2.29167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label.big input[type=checkbox]+span:after {
        height: .48611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label.big input[type=checkbox]+span:after {
        height: .54688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label.big input[type=checkbox]+span:after {
        height: .91146vw
    }
}

@media only screen and (max-width:480px) {
    label.big input[type=checkbox]+span:after {
        height: 1.45833vw
    }
}

label input[type=checkbox]:checked+span:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
}

label input[type=checkbox] {
    opacity: 0;
    position: absolute
}

label input[type=checkbox]+span {
    display: inline-block;
    position: relative;
    font-weight: 400;
    cursor: pointer;
    font-size: .72917vw;
    color: #272d33;
    padding-left: 1.45833vw;
    padding-top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label input[type=checkbox]+span {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label input[type=checkbox]+span {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label input[type=checkbox]+span {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    label input[type=checkbox]+span {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label input[type=checkbox]+span {
        padding-left: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label input[type=checkbox]+span {
        padding-left: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label input[type=checkbox]+span {
        padding-left: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    label input[type=checkbox]+span {
        padding-left: 5.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label input[type=checkbox]+span {
        padding-top: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label input[type=checkbox]+span {
        padding-top: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label input[type=checkbox]+span {
        padding-top: 0
    }
}

@media only screen and (max-width:480px) {
    label input[type=checkbox]+span {
        padding-top: 0
    }
}

label input[type=checkbox]+span:before {
    content: "";
    position: absolute;
    left: 0;
    cursor: pointer;
    display: block;
    width: 1.04167vw;
    height: 1.04167vw;
    border: 1px solid #eee;
    background-color: #fff;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label input[type=checkbox]+span:before {
        width: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label input[type=checkbox]+span:before {
        width: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label input[type=checkbox]+span:before {
        width: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    label input[type=checkbox]+span:before {
        width: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label input[type=checkbox]+span:before {
        height: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label input[type=checkbox]+span:before {
        height: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label input[type=checkbox]+span:before {
        height: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    label input[type=checkbox]+span:before {
        height: 4.16667vw
    }
}

label input[type=checkbox]+span:after {
    content: "";
    position: absolute;
    left: .2654vw;
    top: .2083vw;
    width: .57292vw;
    height: .36458vw;
    border-left: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb;
    -webkit-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    opacity: 0;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label input[type=checkbox]+span:after {
        width: .76389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label input[type=checkbox]+span:after {
        width: .85938vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label input[type=checkbox]+span:after {
        width: 1.43229vw
    }
}

@media only screen and (max-width:480px) {
    label input[type=checkbox]+span:after {
        width: 2.29167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    label input[type=checkbox]+span:after {
        height: .48611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    label input[type=checkbox]+span:after {
        height: .54688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    label input[type=checkbox]+span:after {
        height: .91146vw
    }
}

@media only screen and (max-width:480px) {
    label input[type=checkbox]+span:after {
        height: 1.45833vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.bx_ui_slider_track {
    z-index: 0
}

.price-range-slider__output {
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .price-range-slider__output {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .price-range-slider__output {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .price-range-slider__output {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .price-range-slider__output {
        margin-bottom: 6.25vw
    }
}

.price-range-slider__output .range-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 7.25vw;
    height: 1.5625vw;
    padding: 0 0 0 1.0417vw;
    border: 1px solid #eee;
    overflow: hidden
}

.price-range-slider__output .range-field>span {
    display: inline-block;
    font-size: .7813vw;
    margin-right: .3646vw;
    color: gray
}

.price-range-slider__output .range-field .form-control {
    font-size: .7813vw;
    width: 100%;
    height: 90%;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: 0;
    background-color: #fff
}

.price-range-slider__output .pull-left {
    float: left!important
}

.price-range-slider__output .pull-right {
    float: right!important
}

.price-range-slider .bx_ui_slider_track {
    background: #eee;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: .2604vw;
    position: relative;
    border-radius: 10px;
    -ms-touch-action: none;
    touch-action: none;
    margin-top: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .price-range-slider .bx_ui_slider_track {
        margin-top: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .price-range-slider .bx_ui_slider_track {
        margin-top: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .price-range-slider .bx_ui_slider_track {
        margin-top: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .price-range-slider .bx_ui_slider_track {
        margin-top: 3.125vw
    }
}

.price-range-slider .bx_ui_slider_track .bx_ui_slider_pricebar_VD,
.price-range-slider .bx_ui_slider_track .bx_ui_slider_pricebar_VN {
    background: #eee
}

.price-range-slider .bx_ui_slider_track .bx_ui_slider_pricebar_V {
    background: #2585fb;
    height: .2604vw;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.price-range-slider .bx_ui_slider_track .noUi-base {
    top: 0;
    height: .2604vw;
    border-radius: 0
}

.price-range-slider .bx_ui_slider_track .noUi-background {
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: .2604vw;
    background-color: #eee;
    border-radius: 0
}

.price-range-slider .bx_ui_slider_track .bx_ui_slider_handle {
    cursor: pointer;
    width: 1.25vw;
    height: 1.25vw;
    border: .2083vw solid #2585fb;
    background-color: #fff;
    border-radius: 50%;
    top: -.5125vw;
    background-image: none;
    z-index: 99
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .price-range-slider .bx_ui_slider_track .bx_ui_slider_handle {
        width: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .price-range-slider .bx_ui_slider_track .bx_ui_slider_handle {
        width: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .price-range-slider .bx_ui_slider_track .bx_ui_slider_handle {
        width: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .price-range-slider .bx_ui_slider_track .bx_ui_slider_handle {
        width: 5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .price-range-slider .bx_ui_slider_track .bx_ui_slider_handle {
        height: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .price-range-slider .bx_ui_slider_track .bx_ui_slider_handle {
        height: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .price-range-slider .bx_ui_slider_track .bx_ui_slider_handle {
        height: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .price-range-slider .bx_ui_slider_track .bx_ui_slider_handle {
        height: 5vw
    }
}

.price-range-slider .bx_ui_slider_track .elem-range-slider .noUi-target::before,
.price-range-slider .bx_ui_slider_track .noUi-background::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-top: solid .2604vw #eee;
    right: 0
}

.price-range-slider .bx_ui_slider_track .noUi-handle-lower {
    left: 28px
}

.price-range-slider .bx_ui_slider_track .noUi-handle-upper {
    right: 0
}

.grid {
    border: 1px solid #333
}

.grid:after {
    content: '';
    display: block;
    clear: both
}

.element-item {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    margin: 5px;
    padding: 10px;
    background: #888;
    color: #262524
}

.element-item>* {
    margin: 0;
    padding: 0
}

.element-item .name {
    position: absolute;
    left: 10px;
    top: 60px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 400
}

.element-item .symbol {
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 42px;
    font-weight: 700;
    color: #fff
}

.element-item .number {
    position: absolute;
    right: 8px;
    top: 5px
}

.element-item .weight {
    position: absolute;
    left: 10px;
    top: 76px;
    font-size: 12px
}

.element-item.alkali {
    background: red;
    background: red
}

.element-item.alkaline-earth {
    background: #f80;
    background: #f90
}

.element-item.lanthanoid {
    background: #ff0;
    background: #cf0
}

.element-item.actinoid {
    background: #0f0;
    background: #3f0
}

.element-item.transition {
    background: #0f8;
    background: #0f6
}

.element-item.post-transition {
    background: #0ff;
    background: #0ff
}

.element-item.metalloid {
    background: #08f;
    background: #06f
}

.element-item.diatomic {
    background: #00f;
    background: #30f
}

.element-item.halogen {
    background: #f0f;
    background: #c0f
}

.element-item.noble-gas {
    background: #f08;
    background: #f09
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.menu-aside {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16)
}

.menu-aside__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.menu-aside .has-submenu.open .submenu:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    margin-bottom: .9375vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-aside .has-submenu.open .submenu:after {
        margin-bottom: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-aside .has-submenu.open .submenu:after {
        margin-bottom: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-aside .has-submenu.open .submenu:after {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .menu-aside .has-submenu.open .submenu:after {
        margin-bottom: 3.75vw
    }
}

.menu-aside .has-submenu .submenu:after {
    position: absolute;
    display: block;
    content: "";
    width: .41667vw;
    height: .41667vw;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    border-right: solid 2px #272d33;
    border-bottom: solid 2px #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-aside .has-submenu .submenu:after {
        width: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-aside .has-submenu .submenu:after {
        width: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-aside .has-submenu .submenu:after {
        width: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .menu-aside .has-submenu .submenu:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-aside .has-submenu .submenu:after {
        height: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-aside .has-submenu .submenu:after {
        height: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-aside .has-submenu .submenu:after {
        height: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .menu-aside .has-submenu .submenu:after {
        height: 1.66667vw
    }
}

.menu-aside__section.open .submenu {
    background-color: #2585fb;
    color: #fff
}

.menu-aside__section.open .submenu:after {
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff
}

.menu-aside__section .submenu {
    position: relative;
    display: block;
    padding: .78125vw 1.04167vw .78125vw 1.04167vw;
    font-size: .83333vw;
    font-weight: 600;
    color: #272d33;
    border-top: solid 1px #fff;
    background-color: #eee;
    z-index: 2;
    overflow: hidden;
    cursor: pointer
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-aside__section .submenu {
        padding: 1.04167vw 1.38889vw 1.04167vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-aside__section .submenu {
        padding: 1.17188vw 1.5625vw 1.17188vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-aside__section .submenu {
        padding: 1.95313vw 2.60417vw 1.95313vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .menu-aside__section .submenu {
        padding: 3.125vw 4.16667vw 3.125vw 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-aside__section .submenu {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-aside__section .submenu {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-aside__section .submenu {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .menu-aside__section .submenu {
        font-size: 3.33333vw
    }
}

.menu-aside__section:nth-child(1) .submenu {
    border-top: 0
}

.menu-aside__submenu {
    display: none
}

.menu-aside__submenu a.active,
.menu-aside__submenu a:hover {
    background-color: #fff
}

.menu-aside__submenu a.active:after,
.menu-aside__submenu a:hover:after {
    position: absolute;
    display: block;
    content: "";
    width: .41667vw;
    height: .41667vw;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 0;
    left: 20px;
    bottom: 0;
    margin: auto;
    background-color: #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-aside__submenu a.active:after,
    .menu-aside__submenu a:hover:after {
        width: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-aside__submenu a.active:after,
    .menu-aside__submenu a:hover:after {
        width: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-aside__submenu a.active:after,
    .menu-aside__submenu a:hover:after {
        width: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .menu-aside__submenu a.active:after,
    .menu-aside__submenu a:hover:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-aside__submenu a.active:after,
    .menu-aside__submenu a:hover:after {
        height: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-aside__submenu a.active:after,
    .menu-aside__submenu a:hover:after {
        height: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-aside__submenu a.active:after,
    .menu-aside__submenu a:hover:after {
        height: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .menu-aside__submenu a.active:after,
    .menu-aside__submenu a:hover:after {
        height: 1.66667vw
    }
}

.menu-aside__submenu a {
    position: relative;
    display: block;
    padding: .78125vw 0 .78125vw 2.08333vw;
    background-color: #f5f5f5;
    font-size: .83333vw;
    border-bottom: 1px solid #eee;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-aside__submenu a {
        padding: 1.04167vw 0 1.04167vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-aside__submenu a {
        padding: 1.17188vw 0 1.17188vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-aside__submenu a {
        padding: 1.95313vw 0 1.95313vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .menu-aside__submenu a {
        padding: 3.125vw 0 3.125vw 8.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .menu-aside__submenu a {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .menu-aside__submenu a {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .menu-aside__submenu a {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .menu-aside__submenu a {
        font-size: 3.33333vw
    }
}

.menu-aside__submenu:nth-last-child(1) {
    border-bottom: 0
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.pagination__pager {
    text-align: center;
    font-size: 0;
    margin-top: 3.125vw;
    margin-bottom: 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .pagination__pager {
        margin-top: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .pagination__pager {
        margin-top: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .pagination__pager {
        margin-top: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .pagination__pager {
        margin-top: 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .pagination__pager {
        margin-bottom: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .pagination__pager {
        margin-bottom: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .pagination__pager {
        margin-bottom: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .pagination__pager {
        margin-bottom: 8.33333vw
    }
}

.pagination__link {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    font-size: 16px;
    font-weight: 600;
    line-height: 2.5;
    margin: 10px;
    color: #272d33;
    text-align: center;
    border: 2px solid transparent;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.pagination__link.bx_active,
.pagination__link:hover {
    background-color: #2585fb;
    outline-offset: -3px;
    outline: 1px solid #fff;
    color: #fff
}

.pagination__link.bx_active a,
.pagination__link:hover a {
    color: #fff
}

.pagination__link a {
    display: block;
    height: 100%;
    color: #272d33
}

.pagination .nav-pager--back,
.pagination .nav-pager--next {
    margin-right: 1.04167vw;
    margin-left: 1.04167vw;
    background-color: #fff;
    border: 1px solid #2585fb;
    position: relative
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .pagination .nav-pager--back,
    .pagination .nav-pager--next {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .pagination .nav-pager--back,
    .pagination .nav-pager--next {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .pagination .nav-pager--back,
    .pagination .nav-pager--next {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .pagination .nav-pager--back,
    .pagination .nav-pager--next {
        margin-right: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .pagination .nav-pager--back,
    .pagination .nav-pager--next {
        margin-left: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .pagination .nav-pager--back,
    .pagination .nav-pager--next {
        margin-left: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .pagination .nav-pager--back,
    .pagination .nav-pager--next {
        margin-left: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .pagination .nav-pager--back,
    .pagination .nav-pager--next {
        margin-left: 4.16667vw
    }
}

.pagination .nav-pager--back:before,
.pagination .nav-pager--next:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-left: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.pagination .nav-pager--back:before:hover:before,
.pagination .nav-pager--next:before:hover:before {
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff
}

.pagination .nav-pager--back a,
.pagination .nav-pager--next a {
    display: block;
    height: 100%
}

.pagination .nav-pager--back a:hover,
.pagination .nav-pager--next a:hover {
    background-color: #2585fb;
    outline-offset: -3px;
    outline: 1px solid #fff
}

.pagination .nav-pager--back a:hover:before,
.pagination .nav-pager--next a:hover:before {
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff
}

.pagination .nav-pager--back a:before,
.pagination .nav-pager--next a:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-left: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.pagination .nav-pager--back:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: .1563vw
}

.pagination .nav-pager--back a:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: .1563vw
}

.pagination .nav-pager--next:before {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
    margin-left: -.1042vw
}

.pagination .nav-pager--next a:before {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
    margin-left: -.1042vw
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-section-detail__wrapper {
    width: 75vw;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__wrapper {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__wrapper {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__wrapper {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__wrapper {
        width: 300vw
    }
}

.box-section-detail__block-top {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.box-section-detail__left {
    width: 28.64583vw;
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__left {
        width: 38.19444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__left {
        width: 42.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__left {
        width: 71.61458vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__left {
        width: 114.58333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__left {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__left {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__left {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__left {
        margin-right: 4.16667vw
    }
}

.box-section-detail__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 44.16667vw;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right {
        width: 58.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right {
        width: 66.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right {
        width: 110.41667vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right {
        width: 176.66667vw
    }
}

.box-section-detail__right .inform {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.08333vw 2.08333vw 2.08333vw 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform {
        padding: 2.77778vw 2.77778vw 2.77778vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform {
        padding: 3.125vw 3.125vw 3.125vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform {
        padding: 5.20833vw 5.20833vw 5.20833vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform {
        padding: 8.33333vw 8.33333vw 8.33333vw 8.33333vw
    }
}

.box-section-detail__right .inform__left-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 17.70833vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__left-block {
        width: 23.61111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__left-block {
        width: 26.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__left-block {
        width: 44.27083vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__left-block {
        width: 70.83333vw
    }
}

.box-section-detail__right .inform__review {
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__review {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__review {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__review {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__review {
        margin-bottom: 6.25vw
    }
}

.box-section-detail__right .inform__price {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.60417vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__price {
        margin-bottom: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__price {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__price {
        margin-bottom: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__price {
        margin-bottom: 10.41667vw
    }
}

.box-section-detail__right .inform__price:before {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #2585fb
}

.box-section-detail__right .inform__price .price-current {
    font-size: 1.66667vw;
    font-weight: 700;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__price .price-current {
        font-size: 2.22222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__price .price-current {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__price .price-current {
        font-size: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__price .price-current {
        font-size: 6.66667vw
    }
}

.box-section-detail__right .inform__price .price-current span {
    font-size: .83333vw;
    margin-left: .36458vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__price .price-current span {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__price .price-current span {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__price .price-current span {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__price .price-current span {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__price .price-current span {
        margin-left: .48611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__price .price-current span {
        margin-left: .54688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__price .price-current span {
        margin-left: .91146vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__price .price-current span {
        margin-left: 1.45833vw
    }
}

.box-section-detail__right .inform__price .price-old {
    font-size: .9375vw;
    text-decoration: line-through;
    color: #272d33;
    margin-right: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__price .price-old {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__price .price-old {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__price .price-old {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__price .price-old {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__price .price-old {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__price .price-old {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__price .price-old {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__price .price-old {
        margin-right: 6.25vw
    }
}

.box-section-detail__right .inform__price .price-old span {
    font-size: .625vw;
    margin-left: .15625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__price .price-old span {
        font-size: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__price .price-old span {
        font-size: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__price .price-old span {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__price .price-old span {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__price .price-old span {
        margin-left: .20833vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__price .price-old span {
        margin-left: .23438vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__price .price-old span {
        margin-left: .39063vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__price .price-old span {
        margin-left: .625vw
    }
}

.box-section-detail__right .inform__price .price-sale {
    position: absolute;
    top: -10px;
    right: 0;
    font-weight: 700;
    font-size: .83333vw;
    color: #d80027
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__price .price-sale {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__price .price-sale {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__price .price-sale {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__price .price-sale {
        font-size: 3.33333vw
    }
}

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

.box-section-detail__right .inform__options .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.box-section-detail__right .inform__options .left .color,
.box-section-detail__right .inform__options .left .country {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .83333vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__options .left .color,
    .box-section-detail__right .inform__options .left .country {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__options .left .color,
    .box-section-detail__right .inform__options .left .country {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__options .left .color,
    .box-section-detail__right .inform__options .left .country {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__options .left .color,
    .box-section-detail__right .inform__options .left .country {
        font-size: 3.33333vw
    }
}

.box-section-detail__right .inform__options .left .color img,
.box-section-detail__right .inform__options .left .country img {
    margin-right: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__options .left .color img,
    .box-section-detail__right .inform__options .left .country img {
        margin-right: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__options .left .color img,
    .box-section-detail__right .inform__options .left .country img {
        margin-right: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__options .left .color img,
    .box-section-detail__right .inform__options .left .country img {
        margin-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__options .left .color img,
    .box-section-detail__right .inform__options .left .country img {
        margin-right: 2.08333vw
    }
}

.box-section-detail__right .inform__options .left .color:nth-last-child(1),
.box-section-detail__right .inform__options .left .country:nth-last-child(1) {
    margin-top: .9375vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__options .left .color:nth-last-child(1),
    .box-section-detail__right .inform__options .left .country:nth-last-child(1) {
        margin-top: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__options .left .color:nth-last-child(1),
    .box-section-detail__right .inform__options .left .country:nth-last-child(1) {
        margin-top: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__options .left .color:nth-last-child(1),
    .box-section-detail__right .inform__options .left .country:nth-last-child(1) {
        margin-top: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__options .left .color:nth-last-child(1),
    .box-section-detail__right .inform__options .left .country:nth-last-child(1) {
        margin-top: 3.75vw
    }
}

.box-section-detail__right .inform__options .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.box-section-detail__right .inform__options .right .collection,
.box-section-detail__right .inform__options .right .name {
    font-size: .72917vw;
    color: #272d33;
    text-align: right
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__options .right .collection,
    .box-section-detail__right .inform__options .right .name {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__options .right .collection,
    .box-section-detail__right .inform__options .right .name {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__options .right .collection,
    .box-section-detail__right .inform__options .right .name {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__options .right .collection,
    .box-section-detail__right .inform__options .right .name {
        font-size: 2.91667vw
    }
}

.box-section-detail__right .inform__options .right .collection:nth-last-child(1),
.box-section-detail__right .inform__options .right .name:nth-last-child(1) {
    margin-top: .625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__options .right .collection:nth-last-child(1),
    .box-section-detail__right .inform__options .right .name:nth-last-child(1) {
        margin-top: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__options .right .collection:nth-last-child(1),
    .box-section-detail__right .inform__options .right .name:nth-last-child(1) {
        margin-top: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__options .right .collection:nth-last-child(1),
    .box-section-detail__right .inform__options .right .name:nth-last-child(1) {
        margin-top: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__options .right .collection:nth-last-child(1),
    .box-section-detail__right .inform__options .right .name:nth-last-child(1) {
        margin-top: 2.5vw
    }
}

.box-section-detail__right .inform__options .right .name {
    font-size: 1.25vw;
    font-weight: 700
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__options .right .name {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__options .right .name {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__options .right .name {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__options .right .name {
        font-size: 5vw
    }
}

.box-section-detail__right .inform__right-block .btn_order {
    width: 11.45833vw;
    margin-top: 2.34375vw;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__right-block .btn_order {
        width: 15.27778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__right-block .btn_order {
        width: 17.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__right-block .btn_order {
        width: 28.64583vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__right-block .btn_order {
        width: 45.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__right-block .btn_order {
        margin-top: 3.125vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__right-block .btn_order {
        margin-top: 3.51563vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__right-block .btn_order {
        margin-top: 5.85938vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__right-block .btn_order {
        margin-top: 9.375vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__right-block .btn_order {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__right-block .btn_order {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__right-block .btn_order {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__right-block .btn_order {
        margin-bottom: 4.16667vw
    }
}

.box-section-detail__right .inform__right-block .btn_order_inv {
    width: 11.45833vw;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__right-block .btn_order_inv {
        width: 15.27778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__right-block .btn_order_inv {
        width: 17.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__right-block .btn_order_inv {
        width: 28.64583vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__right-block .btn_order_inv {
        width: 45.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__right-block .btn_order_inv {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__right-block .btn_order_inv {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__right-block .btn_order_inv {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__right-block .btn_order_inv {
        margin-bottom: 4.16667vw
    }
}

.box-section-detail__right .inform__right-block .button-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.5vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__right-block .button-bottom {
        height: 3.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__right-block .button-bottom {
        height: 3.75vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__right-block .button-bottom {
        height: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__right-block .button-bottom {
        height: 10vw
    }
}

.box-section-detail__right .inform__right-block .button-bottom .link {
    font-size: .72917vw;
    color: #5cb75c
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__right-block .button-bottom .link {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__right-block .button-bottom .link {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__right-block .button-bottom .link {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__right-block .button-bottom .link {
        font-size: 2.91667vw
    }
}

.box-section-detail__right .inform__right-block .button-bottom .btn_like {
    display: inline-block;
    margin-left: .78125vw;
    width: auto;
    height: auto;
    border: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .inform__right-block .button-bottom .btn_like {
        margin-left: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .inform__right-block .button-bottom .btn_like {
        margin-left: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .inform__right-block .button-bottom .btn_like {
        margin-left: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .inform__right-block .button-bottom .btn_like {
        margin-left: 3.125vw
    }
}

.box-section-detail__right .info-calc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2.08333vw 1.82292vw 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .info-calc {
        padding: 0 2.77778vw 2.43056vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .info-calc {
        padding: 0 3.125vw 2.73438vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .info-calc {
        padding: 0 5.20833vw 4.55729vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .info-calc {
        padding: 0 8.33333vw 7.29167vw 8.33333vw
    }
}

.box-section-detail__right .info-calc .calc-cost,
.box-section-detail__right .info-calc .calc-delivery,
.box-section-detail__right .info-calc .calc-size {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.04167vw;
    font-size: .72917vw;
    font-weight: 500;
    color: #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .info-calc .calc-cost,
    .box-section-detail__right .info-calc .calc-delivery,
    .box-section-detail__right .info-calc .calc-size {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .info-calc .calc-cost,
    .box-section-detail__right .info-calc .calc-delivery,
    .box-section-detail__right .info-calc .calc-size {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .info-calc .calc-cost,
    .box-section-detail__right .info-calc .calc-delivery,
    .box-section-detail__right .info-calc .calc-size {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .info-calc .calc-cost,
    .box-section-detail__right .info-calc .calc-delivery,
    .box-section-detail__right .info-calc .calc-size {
        margin-right: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .info-calc .calc-cost,
    .box-section-detail__right .info-calc .calc-delivery,
    .box-section-detail__right .info-calc .calc-size {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .info-calc .calc-cost,
    .box-section-detail__right .info-calc .calc-delivery,
    .box-section-detail__right .info-calc .calc-size {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .info-calc .calc-cost,
    .box-section-detail__right .info-calc .calc-delivery,
    .box-section-detail__right .info-calc .calc-size {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .info-calc .calc-cost,
    .box-section-detail__right .info-calc .calc-delivery,
    .box-section-detail__right .info-calc .calc-size {
        font-size: 2.91667vw
    }
}

.box-section-detail__right .info-calc .calc-cost:hover,
.box-section-detail__right .info-calc .calc-delivery:hover,
.box-section-detail__right .info-calc .calc-size:hover {
    text-decoration: underline
}

.box-section-detail__right .info-calc .calc-cost .icon,
.box-section-detail__right .info-calc .calc-delivery .icon,
.box-section-detail__right .info-calc .calc-size .icon {
    margin-right: .52083vw;
    font-size: 1.04167vw;
    width: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        margin-right: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        margin-right: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        margin-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        font-size: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        width: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        width: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        width: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .info-calc .calc-cost .icon,
    .box-section-detail__right .info-calc .calc-delivery .icon,
    .box-section-detail__right .info-calc .calc-size .icon {
        width: 6.25vw
    }
}

.box-section-detail__right .info-nav {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.08333vw 1.04167vw 1.04167vw 1.04167vw;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .info-nav {
        padding: 2.77778vw 1.38889vw 1.38889vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .info-nav {
        padding: 3.125vw 1.5625vw 1.5625vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .info-nav {
        padding: 5.20833vw 2.60417vw 2.60417vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .info-nav {
        padding: 8.33333vw 4.16667vw 4.16667vw 4.16667vw
    }
}

.box-section-detail__right .info-nav:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1.04167vw;
    width: 100%;
    background-color: #f8f8f8
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .info-nav:after {
        height: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .info-nav:after {
        height: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .info-nav:after {
        height: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .info-nav:after {
        height: 4.16667vw
    }
}

.box-section-detail__right .info-nav__menu {
    width: 100%
}

.box-section-detail__right .info-nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.box-section-detail__right .info-nav__list .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .83333vw;
    padding: 1.04167vw 1.5625vw 1.04167vw 1.5625vw;
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .info-nav__list .link {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .info-nav__list .link {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .info-nav__list .link {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .info-nav__list .link {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail__right .info-nav__list .link {
        padding: 1.38889vw 2.08333vw 1.38889vw 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail__right .info-nav__list .link {
        padding: 1.5625vw 2.34375vw 1.5625vw 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail__right .info-nav__list .link {
        padding: 2.60417vw 3.90625vw 2.60417vw 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail__right .info-nav__list .link {
        padding: 4.16667vw 6.25vw 4.16667vw 6.25vw
    }
}

.box-section-detail__right .info-nav__list .link.active,
.box-section-detail__right .info-nav__list .link:hover {
    border: 1px solid #2585fb;
    color: #2585fb
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.section-detail.slider .swiper-container.gallery-top {
    margin-bottom: 1.04167vw;
    -webkit-box-shadow: -9px 9px 2px rgba(0, 0, 0, .1);
    box-shadow: -9px 9px 2px rgba(0, 0, 0, .1)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top {
        margin-bottom: 4.16667vw
    }
}

.section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox {
    position: absolute;
    top: -2.9vw;
    right: -2.9vw;
    width: 2.60417vw;
    height: 2.60417vw;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
    background-color: #2585fb;
    border: 1px solid #fff;
    z-index: 3
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox {
        width: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox {
        width: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox {
        width: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox {
        width: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox {
        height: 10.41667vw
    }
}

.section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: .83333vw;
    height: .83333vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-arrow-more-white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:before {
        width: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:before {
        width: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:before {
        width: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:before {
        width: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:before {
        height: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:before {
        height: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:before {
        height: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:before {
        height: 3.33333vw
    }
}

.section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: .83333vw;
    height: .83333vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-arrow-more-white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:after {
        width: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:after {
        width: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:after {
        width: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:after {
        width: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:after {
        height: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:after {
        height: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:after {
        height: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-slide-active .glightbox:after {
        height: 3.33333vw
    }
}

.section-detail.slider .swiper-container.gallery-top:hover .swiper-slide-active .glightbox {
    top: .9vw;
    right: .9vw
}

.section-detail.slider .swiper-container.gallery-top:hover .swiper-slide-active .glightbox:hover:after {
    bottom: 1px;
    left: 1px
}

.section-detail.slider .swiper-container.gallery-top:hover .swiper-slide-active .glightbox:hover:before {
    top: 1px;
    right: 1px
}

.section-detail.slider .swiper-container.gallery-top .swiper-button-next:hover,
.section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3.64583vw;
    height: 5.20833vw;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover {
        width: 4.86111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover {
        width: 5.46875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover {
        width: 9.11458vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover {
        width: 14.58333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover {
        height: 6.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover {
        height: 7.8125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover {
        height: 13.02083vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover {
        height: 20.83333vw
    }
}

.section-detail.slider .swiper-container.gallery-top .swiper-button-next:hover:after,
.section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover:after {
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-arrow-more.svg);
    background-size: cover
}

.section-detail.slider .swiper-container.gallery-top .swiper-button-next,
.section-detail.slider .swiper-container.gallery-top .swiper-button-prev {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3.64583vw;
    height: 5.20833vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev {
        width: 4.86111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev {
        width: 5.46875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev {
        width: 9.11458vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev {
        width: 14.58333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev {
        height: 6.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev {
        height: 7.8125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev {
        height: 13.02083vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev {
        height: 20.83333vw
    }
}

.section-detail.slider .swiper-container.gallery-top .swiper-button-next:after,
.section-detail.slider .swiper-container.gallery-top .swiper-button-prev:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    width: 1.25vw;
    height: 1.25vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-arrow-more-white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:after {
        width: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:after {
        width: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:after {
        width: 5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:after {
        height: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:after {
        height: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:after {
        height: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-top .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-top .swiper-button-prev:after {
        height: 5vw
    }
}

.section-detail.slider .swiper-container.gallery-top .swiper-button-prev {
    left: 0
}

.section-detail.slider .swiper-container.gallery-top .swiper-button-prev:after {
    left: 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.section-detail.slider .swiper-container.gallery-top .swiper-button-prev:hover {
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.section-detail.slider .swiper-container.gallery-top .swiper-button-next {
    right: 0
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-slide {
    opacity: .5
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-slide-thumb-active,
.section-detail.slider .swiper-container.gallery-thumbs .swiper-slide-thumb-active.swiper-slide-active {
    opacity: 1;
    border: 1px solid #2585fb
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:hover,
.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:hover {
    top: 0;
    bottom: 0;
    width: 3.64583vw;
    height: 100%;
    margin: auto;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:hover {
        width: 4.86111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:hover {
        width: 5.46875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:hover {
        width: 9.11458vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:hover,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:hover {
        width: 14.58333vw
    }
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:hover:after,
.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:hover:after {
    border-left: solid 3px #2585fb;
    border-bottom: solid 3px #2585fb
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next,
.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev {
    top: 0;
    bottom: 0;
    width: 3.64583vw;
    height: 100%;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev {
        width: 4.86111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev {
        width: 5.46875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev {
        width: 9.11458vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev {
        width: 14.58333vw
    }
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:after,
.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:after {
    content: "";
    display: block;
    width: .9375vw;
    height: .9375vw;
    border-left: solid 3px #fff;
    border-bottom: solid 3px #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:after {
        width: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:after {
        width: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:after {
        width: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:after {
        width: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:after {
        height: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:after {
        height: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:after {
        height: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:after,
    .section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:after {
        height: 3.75vw
    }
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev {
    left: 0
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:after {
    left: 20px
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-prev:hover {
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next {
    right: 0
}

.section-detail.slider .swiper-container.gallery-thumbs .swiper-button-next:after {
    right: 20px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

#star-1:checked~section [for=star-1] svg,
#star-2:checked~section [for=star-1] svg,
#star-2:checked~section [for=star-2] svg,
#star-3:checked~section [for=star-1] svg,
#star-3:checked~section [for=star-2] svg,
#star-3:checked~section [for=star-3] svg,
#star-4:checked~section [for=star-1] svg,
#star-4:checked~section [for=star-2] svg,
#star-4:checked~section [for=star-3] svg,
#star-4:checked~section [for=star-4] svg,
#star-5:checked~section [for=star-1] svg,
#star-5:checked~section [for=star-2] svg,
#star-5:checked~section [for=star-3] svg,
#star-5:checked~section [for=star-4] svg,
#star-5:checked~section [for=star-5] svg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#star-1:checked~section [for=star-1] svg path,
#star-2:checked~section [for=star-1] svg path,
#star-2:checked~section [for=star-2] svg path,
#star-3:checked~section [for=star-1] svg path,
#star-3:checked~section [for=star-2] svg path,
#star-3:checked~section [for=star-3] svg path,
#star-4:checked~section [for=star-1] svg path,
#star-4:checked~section [for=star-2] svg path,
#star-4:checked~section [for=star-3] svg path,
#star-4:checked~section [for=star-4] svg path,
#star-5:checked~section [for=star-1] svg path,
#star-5:checked~section [for=star-2] svg path,
#star-5:checked~section [for=star-3] svg path,
#star-5:checked~section [for=star-4] svg path,
#star-5:checked~section [for=star-5] svg path {
    fill: #fb0;
    stroke: #cc9600
}

.inform__review input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.review-star label {
    position: relative;
    display: inline-block;
    width: 1.04167vw;
    text-align: center;
    cursor: pointer;
    z-index: 1
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .review-star label {
        width: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .review-star label {
        width: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .review-star label {
        width: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .review-star label {
        width: 4.16667vw
    }
}

.review-star label svg {
    width: 100%;
    height: auto;
    fill: #fff;
    stroke: gray;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.review-star label svg path {
    -webkit-transition: fill .2s ease-in-out, stroke .1s ease-in-out;
    -o-transition: fill .2s ease-in-out, stroke .1s ease-in-out;
    transition: fill .2s ease-in-out, stroke .1s ease-in-out
}

.review-star label[for=star-null] {
    display: block;
    margin: 0 auto;
    color: #999
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.modal {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 20px 0 0;
    background-color: rgba(119, 129, 146, .8);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    will-change: opacity
}

.modal-content {
    position: relative;
    margin: 5% auto;
    padding: 0 2.5vw 3.125vw 2.1875vw;
    max-width: 26.5625vw;
    background: #fff;
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, .3);
    box-shadow: 0 0 27px rgba(0, 0, 0, .3);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: ease-in-out linear .2s;
    -o-transition: ease-in-out linear .2s;
    transition: ease-in-out linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .modal-content {
        padding: 0 3.33333vw 4.16667vw 2.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .modal-content {
        padding: 0 3.75vw 4.6875vw 3.28125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .modal-content {
        padding: 0 6.25vw 7.8125vw 5.46875vw
    }
}

@media only screen and (max-width:480px) {
    .modal-content {
        padding: 0 10vw 12.5vw 8.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .modal-content {
        max-width: 35.41667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .modal-content {
        max-width: 39.84375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .modal-content {
        max-width: 66.40625vw
    }
}

@media only screen and (max-width:480px) {
    .modal-content {
        max-width: 106.25vw
    }
}

.modal-content__title-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px 0;
    padding-top: 17%;
    text-align: center
}

.modal-content__title-box .title {
    text-align: center;
    font-weight: 800;
    font-size: 24px;
    line-height: 1.5em;
    color: #272d33;
    letter-spacing: -.5px;
    text-transform: uppercase;
    margin: auto;
    width: calc(100% - 48px)
}

@-webkit-keyframes animatetop {
    from {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.close {
    position: absolute;
    right: 5%;
    top: 5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.77083vw;
    height: 1.77083vw;
    background-color: transparent;
    -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .1));
    opacity: 1;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .close {
        width: 2.36111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .close {
        width: 2.65625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .close {
        width: 4.42708vw
    }
}

@media only screen and (max-width:480px) {
    .close {
        width: 7.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .close {
        height: 2.36111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .close {
        height: 2.65625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .close {
        height: 4.42708vw
    }
}

@media only screen and (max-width:480px) {
    .close {
        height: 7.08333vw
    }
}

.close .outer {
    position: relative;
    margin: auto;
    width: 44px;
    cursor: pointer
}

.close .inner {
    width: inherit;
    text-align: center
}

.close label {
    font-size: 10px;
    line-height: 3.5em;
    font-weight: 500;
    text-transform: uppercase;
    color: #272d33;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    opacity: 0;
    cursor: pointer
}

.close .inner:after,
.close .inner:before {
    position: absolute;
    content: '';
    height: 1px;
    width: inherit;
    background: #2585fb;
    left: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.close .inner:before {
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close .inner:after {
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.close .outer:hover label {
    opacity: 1
}

.close .outer:hover .inner:after,
.close .outer:hover .inner:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.close .outer:hover .inner:before {
    top: 0
}

.close .outer:hover .inner:after {
    bottom: 0
}

.close:hover {
    opacity: 1
}

.close:hover .icon-close {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.form {
    position: relative;
    font-size: .72917vw;
    line-height: 16px;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .form {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .form {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .form {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .form {
        font-size: 2.91667vw
    }
}

.form .field:not(.error-field) .field-error {
    display: none
}

.form .on-focus label {
    top: 12px!important;
    font-size: 11px!important
}

.form .required label:after {
    content: '*';
    position: relative;
    left: 2px;
    color: #d80027
}

.form .field-popupform-question {
    background: #eff2f3
}

.form .field {
    position: relative;
    display: block;
    margin: 0 0 10px;
    line-height: 0
}

.form .field .inp-box {
    position: relative
}

.form .field .inp-box .field-time {
    top: 12px
}

.form .field .inp-box .time {
    padding-top: 20px
}

.form .field .inp-box .uploads {
    position: absolute;
    min-width: 14rem;
    margin: 0;
    opacity: 0
}

.form .field .inp-box .file-custom {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 500;
    font-size: .72917vw;
    color: #272d33;
    line-height: 15px;
    width: 100%;
    height: auto;
    padding: 14px 20px 0 20px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .form .field .inp-box .file-custom {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .form .field .inp-box .file-custom {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .form .field .inp-box .file-custom {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .form .field .inp-box .file-custom {
        font-size: 2.91667vw
    }
}

.form .field .inp-box .file-custom #progress-bar {
    margin-right: 15px
}

.form .field .inp-box #gallery {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 0 15px
}

.form .field .inp-box #gallery .item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: #fff;
    border-radius: 2px;
    margin-bottom: 15px;
    padding: 10px;
    -webkit-box-shadow: 0 8px 20px rgba(29, 29, 29, .12);
    box-shadow: 0 8px 20px rgba(29, 29, 29, .12)
}

.form .field .inp-box #gallery .item:hover #RemoveFile {
    opacity: .7
}

.form .field .inp-box #gallery .item:nth-child(1) {
    margin-top: 20px
}

.form .field .inp-box #gallery .item .size,
.form .field .inp-box #gallery .item .title {
    position: absolute;
    height: 16px;
    left: 80px
}

.form .field .inp-box #gallery .item .size {
    top: 37px;
    color: gray
}

.form .field .inp-box #gallery .item .title {
    top: 15px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 70%
}

.form .field .inp-box #gallery .item #RemoveFile {
    position: absolute;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer
}

.form .field .inp-box #gallery .item img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    margin-right: 20px
}

.form .field .inp-box label {
    position: absolute;
    z-index: 3;
    left: 21px;
    top: 22px;
    margin: 0;
    display: block;
    font-size: .72917vw;
    line-height: 16px;
    color: #272d33;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .form .field .inp-box label {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .form .field .inp-box label {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .form .field .inp-box label {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .form .field .inp-box label {
        font-size: 2.91667vw
    }
}

@media only screen and (max-width:480px) {
    .form .field .inp-box label {
        font-size: 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .form .field .inp-box label {
        font-size: 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .form .field .inp-box label {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .form .field .inp-box label {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .form .field .inp-box label {
        font-size: 4.16667vw
    }
}

.form .field .inp-box textarea {
    position: relative;
    z-index: 2;
    display: block;
    font-weight: 500;
    font-size: .72917vw;
    color: #272d33;
    line-height: 15px;
    max-width: 420px;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 28px 20px 0 20px;
    border: 1px solid rgba(197, 207, 210, .349609);
    border-radius: 2px;
    background: #eff2f3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0!important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .form .field .inp-box textarea {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .form .field .inp-box textarea {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .form .field .inp-box textarea {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .form .field .inp-box textarea {
        font-size: 2.91667vw
    }
}

.form .field .inp-box .custom-select,
.form .field .inp-box .drop-area,
.form .field .inp-box input {
    position: relative;
    z-index: 2;
    display: block;
    font-weight: 500;
    font-size: .72917vw;
    color: #272d33;
    line-height: 15px;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 14px 20px 0 20px;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 2px;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0!important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .form .field .inp-box .custom-select,
    .form .field .inp-box .drop-area,
    .form .field .inp-box input {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .form .field .inp-box .custom-select,
    .form .field .inp-box .drop-area,
    .form .field .inp-box input {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .form .field .inp-box .custom-select,
    .form .field .inp-box .drop-area,
    .form .field .inp-box input {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .form .field .inp-box .custom-select,
    .form .field .inp-box .drop-area,
    .form .field .inp-box input {
        font-size: 2.91667vw
    }
}

.form .field .inp-box .custom-select {
    z-index: 5;
    background-color: transparent
}

.form .field .inp-box .custom-select .custom-select-trigger {
    padding: 8px 0 0 0;
    width: 100%;
    height: 100%;
    font-weight: 400
}

.form .field .inp-box .custom-select .custom-select-trigger:after {
    bottom: 15px
}

.form .field .inp-box .custom-select .custom-options {
    display: none;
    width: 100%;
    top: 100%
}

.form .field .inp-box .custom-select .custom-options .custom-option {
    padding-top: 15px;
    padding-bottom: 15px
}

.form .field .inp-box .custom-select.opened .custom-options {
    z-index: 5;
    display: block
}

.form .field .inp-box .drop-area {
    border: 1px dashed #666;
    min-height: 80px;
    height: auto;
    padding: 0;
    left: 0;
    top: 0
}

.form .field .inp-box .drop-area .icon-uploads {
    width: auto;
    height: 70px;
    margin-right: 15px
}

.form .field .inp-box .drop-area .drop-text {
    line-height: 1.5;
    margin-right: 10px
}

.form .field .inp-box .drop-area .drop-text .color-accent {
    color: #2585fb;
    padding: 0 5px
}

.form .field .inp-box .drop-area .drop-text .color-accent:hover {
    text-decoration: underline
}

.form .field .inp-box .drop-area .drop-text #progress-bar {
    width: 100%;
    height: 10px
}

.form .field .field-error {
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
    color: #dc6457;
    margin: 4px 0 0 21px
}

.form .check-box {
    margin-top: 10px;
    margin-bottom: 15px;
    display: block
}

.form .check-box .checkbox-small {
    font-size: 13px;
    line-height: 1.8
}

.form .check-box .checkbox-small .personal-date {
    margin-left: 3px;
    color: #2585fb
}

.form .check-box .checkbox-small .personal-date:hover {
    text-decoration: underline
}

.form .check-box .checkbox-small:before {
    border: 2px solid #2585fb
}

.form .check-box .checkbox-small:after {
    border-left: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb
}

.form .btn-default {
    margin: auto;
    padding-left: 20%;
    padding-right: 20%;
    width: auto;
    margin-top: 1.30208vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .form .btn-default {
        margin-top: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .form .btn-default {
        margin-top: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .form .btn-default {
        margin-top: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .form .btn-default {
        margin-top: 5.20833vw
    }
}

.form .result-message .form-message-box .form-message.success-message {
    display: block
}

.form .result-message .form-message-box .form-message.success-message .wrapper {
    position: relative;
    display: block;
    margin: 5% auto;
    padding: 0 2.5vw 3.125vw 2.1875vw;
    max-width: 26.5625vw;
    background: #fff;
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, .3);
    box-shadow: 0 0 27px rgba(0, 0, 0, .3);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: ease-in-out linear .2s;
    -o-transition: ease-in-out linear .2s;
    transition: ease-in-out linear .2s;
    opacity: 1;
    z-index: 1002;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .form .result-message .form-message-box .form-message.success-message .wrapper {
        padding: 0 3.33333vw 4.16667vw 2.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .form .result-message .form-message-box .form-message.success-message .wrapper {
        padding: 0 3.75vw 4.6875vw 3.28125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .form .result-message .form-message-box .form-message.success-message .wrapper {
        padding: 0 6.25vw 7.8125vw 5.46875vw
    }
}

@media only screen and (max-width:480px) {
    .form .result-message .form-message-box .form-message.success-message .wrapper {
        padding: 0 10vw 12.5vw 8.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .form .result-message .form-message-box .form-message.success-message .wrapper {
        max-width: 35.41667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .form .result-message .form-message-box .form-message.success-message .wrapper {
        max-width: 39.84375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .form .result-message .form-message-box .form-message.success-message .wrapper {
        max-width: 66.40625vw
    }
}

@media only screen and (max-width:480px) {
    .form .result-message .form-message-box .form-message.success-message .wrapper {
        max-width: 106.25vw
    }
}

.form .result-message .form-message-box .form-message.success-message .wrapper .content {
    padding: 20px;
    display: block;
    position: relative;
    text-align: center
}

.form .result-message .form-message-box .form-message.success-message .wrapper .content img {
    margin: 50px auto 20px;
    display: block;
    height: 50px
}

.form .result-message .form-message-box .form-message.success-message .wrapper .content .thanks_title {
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.7;
    text-align: center;
    color: #272d33;
    margin-bottom: 10px;
    margin-top: 20px
}

.form .result-message .form-message-box .form-message.success-message .wrapper .content .thanks_subtitle {
    display: block;
    line-height: 1.4;
    font-size: 16px;
    text-align: center;
    color: #272d33
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.megamenu {
    position: relative;
    margin: auto;
    z-index: 6
}

.megamenu__list-top {
    white-space: normal;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    position: absolute;
    width: 100%;
    width: 17.1875vw;
    height: 23.4375vw;
    left: 0;
    top: 48px;
    padding-top: .3125vw;
    background-color: transparent;
    height: auto;
    z-index: 6
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top {
        width: 22.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top {
        width: 25.78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top {
        width: 42.96875vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top {
        width: 68.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top {
        height: 31.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top {
        height: 35.15625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top {
        height: 58.59375vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top {
        height: 93.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top {
        padding-top: .41667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top {
        padding-top: .46875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top {
        padding-top: .78125vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top {
        padding-top: 1.25vw
    }
}

.megamenu__list-top:after {
    content: '';
    position: absolute;
    top: 4px;
    bottom: 0;
    right: 0;
    left: -2px;
    width: calc(100% + 4px);
    height: 100%;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    background-color: #fff;
    z-index: -1
}

.megamenu__list-top>li>a {
    position: relative;
    display: block;
    padding: .78125vw 1.04167vw .78125vw 1.04167vw;
    font-size: .83333vw;
    font-weight: 600;
    color: #272d33;
    background-color: #eee;
    cursor: pointer
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top>li>a {
        padding: 1.04167vw 1.38889vw 1.04167vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top>li>a {
        padding: 1.17188vw 1.5625vw 1.17188vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top>li>a {
        padding: 1.95313vw 2.60417vw 1.95313vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top>li>a {
        padding: 3.125vw 4.16667vw 3.125vw 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top>li>a {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top>li>a {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top>li>a {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top>li>a {
        font-size: 3.33333vw
    }
}

.megamenu__list-top>li>ul {
    white-space: normal;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 2
}

.megamenu__list-top>li>ul div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -10px;
    cursor: pointer;
    z-index: -1
}

.megamenu__list-top>li>ul>li>a {
    position: relative;
    display: block;
    padding: .78125vw 0 .78125vw 2.08333vw;
    font-size: .83333vw;
    font-weight: 600;
    color: #272d33;
    border-top: solid 1px #eee;
    background-color: #f5f5f5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2;
    cursor: pointer
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top>li>ul>li>a {
        padding: 1.04167vw 0 1.04167vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top>li>ul>li>a {
        padding: 1.17188vw 0 1.17188vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top>li>ul>li>a {
        padding: 1.95313vw 0 1.95313vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top>li>ul>li>a {
        padding: 3.125vw 0 3.125vw 8.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top>li>ul>li>a {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top>li>ul>li>a {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top>li>ul>li>a {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top>li>ul>li>a {
        font-size: 3.33333vw
    }
}

.megamenu__list-top>li>ul>li>a.active~ul {
    visibility: visible!important;
    opacity: 1!important
}

.megamenu__list-top>li>ul>li>a.active,
.megamenu__list-top>li>ul>li>a:hover {
    background-color: #fff;
    color: #2585fb;
    left: 3px
}

.megamenu__list-top>li>ul>li>a.active:after,
.megamenu__list-top>li>ul>li>a:hover:after {
    position: absolute;
    display: block;
    content: "";
    width: .41667vw;
    height: .41667vw;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 0;
    left: 20px;
    bottom: 0;
    margin: auto;
    background-color: #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top>li>ul>li>a.active:after,
    .megamenu__list-top>li>ul>li>a:hover:after {
        width: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top>li>ul>li>a.active:after,
    .megamenu__list-top>li>ul>li>a:hover:after {
        width: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top>li>ul>li>a.active:after,
    .megamenu__list-top>li>ul>li>a:hover:after {
        width: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top>li>ul>li>a.active:after,
    .megamenu__list-top>li>ul>li>a:hover:after {
        width: 1.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top>li>ul>li>a.active:after,
    .megamenu__list-top>li>ul>li>a:hover:after {
        height: .55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top>li>ul>li>a.active:after,
    .megamenu__list-top>li>ul>li>a:hover:after {
        height: .625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top>li>ul>li>a.active:after,
    .megamenu__list-top>li>ul>li>a:hover:after {
        height: 1.04167vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top>li>ul>li>a.active:after,
    .megamenu__list-top>li>ul>li>a:hover:after {
        height: 1.66667vw
    }
}

.megamenu__list-top>li>ul>li:hover .after-title {
    visibility: visible;
    opacity: .5
}

.megamenu__list-top>li>ul>li>ul {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    white-space: normal;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    padding: 5.20833vw 1.5625vw 1.30208vw 19.79167vw;
    -webkit-box-shadow: 0 2px 4px 0 rgba(11, 16, 71, .1), 0 10px 30px 0 rgba(11, 16, 71, .1);
    box-shadow: 0 2px 4px 0 rgba(11, 16, 71, .1), 0 10px 30px 0 rgba(11, 16, 71, .1);
    overflow: hidden;
    width: 74vw;
    left: 0;
    right: 0;
    top: 4px;
    height: 100%;
    z-index: -1
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top>li>ul>li>ul {
        padding: 6.94444vw 2.08333vw 1.73611vw 26.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top>li>ul>li>ul {
        padding: 7.8125vw 2.34375vw 1.95313vw 29.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top>li>ul>li>ul {
        padding: 13.02083vw 3.90625vw 3.25521vw 49.47917vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top>li>ul>li>ul {
        padding: 20.83333vw 6.25vw 5.20833vw 79.16667vw
    }
}

.megamenu__list-top>li>ul>li>ul>li {
    margin-right: 1.5625vw;
    width: 150px;
    height: 150px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top>li>ul>li>ul>li {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top>li>ul>li>ul>li {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top>li>ul>li>ul>li {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top>li>ul>li>ul>li {
        margin-right: 6.25vw
    }
}

.megamenu__list-top>li>ul>li>ul>li>a {
    display: block;
    color: #272d33;
    font-weight: 500;
    font-size: .72917vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top>li>ul>li>ul>li>a {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top>li>ul>li>ul>li>a {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top>li>ul>li>ul>li>a {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu__list-top>li>ul>li>ul>li>a {
        font-size: 2.91667vw
    }
}

.megamenu__list-top>li>ul>li>ul>li>a img {
    width: 150px;
    height: 100px;
    margin-top: 10px;
    -webkit-box-shadow: -9px 9px 2px rgba(0, 0, 0, .1);
    box-shadow: -9px 9px 2px rgba(0, 0, 0, .1)
}

.megamenu__list-top_hover {
    visibility: visible;
    opacity: 1
}

.megamenu__list_li-hover {
    visibility: visible!important;
    opacity: 1!important;
    height: 100%!important
}

.megamenu .after-title {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    color: rgba(0, 0, 0, .4);
    top: 30px;
    left: 115%;
    font-size: 2.60417vw;
    text-transform: uppercase;
    font-weight: 800;
    z-index: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .megamenu .after-title {
        font-size: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .megamenu .after-title {
        font-size: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .megamenu .after-title {
        font-size: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .megamenu .after-title {
        font-size: 10.41667vw
    }
}

.megamenu-cap {
    position: absolute;
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100vh;
    top: 19.2vh;
    left: 0;
    opacity: 0;
    z-index: 5;
    visibility: hidden;
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.megamenu-cap_visible {
    visibility: hidden;
    opacity: 0;
    z-index: -1
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

@media only screen and (max-width:480px) {
    .megamenu {
        position: relative;
        margin-top: 15px;
        margin-bottom: 60px;
        width: 100%;
        z-index: 0
    }
    .megamenu .megamenu__list-top>li>ul>li>ul {
        display: none
    }
    .megamenu .btn_catalog_menu {
        display: none
    }
    .megamenu__list-top {
        white-space: normal;
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .25s ease-out;
        -o-transition: opacity .25s ease-out;
        transition: opacity .25s ease-out;
        position: relative;
        width: 100%;
        min-width: 215px;
        height: 100%;
        left: 0;
        top: 0;
        padding-top: .3125vw;
        background-color: transparent;
        z-index: 6
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .megamenu__list-top {
        padding-top: .41667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .megamenu__list-top {
        padding-top: .46875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .megamenu__list-top {
        padding-top: .78125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .megamenu__list-top {
        padding-top: 1.25vw
    }
}

@media only screen and (max-width:480px) {
    body.sidemenu-opened {
        height: 100vh
    }
    .megamenu-cap {
        width: 100vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.burger {
    display: none
}

@media only screen and (max-width:480px) {
    .burger {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        top: 0;
        bottom: 0;
        right: 10px;
        z-index: 999
    }
    .burger__box {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .burger input {
        display: block;
        width: 58px;
        height: 36px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none
    }
    .burger span {
        display: block;
        width: 43px;
        height: 4px;
        margin-bottom: 8px;
        position: relative;
        background: #2585fb;
        border-radius: 2px;
        z-index: 1;
        -webkit-transform-origin: 4px 0;
        -ms-transform-origin: 4px 0;
        transform-origin: 4px 0;
        -webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
        transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
        -o-transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease;
        transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease;
        transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
    }
    .burger span:first-child {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        margin-left: 12px
    }
    .burger span:nth-last-child(2) {
        margin-left: 12px
    }
    .burger span:nth-last-child(1) {
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
    .burger input:checked~span {
        opacity: 1;
        -webkit-transform: rotate(45deg) translate(-2px, -1px);
        -ms-transform: rotate(45deg) translate(-2px, -1px);
        transform: rotate(45deg) translate(-2px, -1px);
        background: #2585fb;
        left: 15px
    }
    .burger input:checked~span:nth-last-child(2) {
        opacity: 0;
        -webkit-transform: rotate(0) scale(.2, .2);
        -ms-transform: rotate(0) scale(.2, .2);
        transform: rotate(0) scale(.2, .2)
    }
    .burger input:checked~span:nth-last-child(1) {
        -webkit-transform: rotate(-45deg) translate(0, -1px);
        -ms-transform: rotate(-45deg) translate(0, -1px);
        transform: rotate(-45deg) translate(0, -1px);
        left: 15px
    }
    .burger input:checked~ul {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.cub_button {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 10%;
    left: 10%;
    background-color: transparent;
    font-size: .83333vw;
    color: #fff;
    font-weight: 400;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    z-index: 1
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .cub_button {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .cub_button {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .cub_button {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .cub_button {
        font-size: 3.33333vw
    }
}

.cub_button .icon {
    position: relative;
    width: 2.1875vw;
    height: 2.1875vw;
    background-color: #2585fb;
    margin-left: 15px;
    outline: 1px solid #fff;
    outline-offset: -3px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .cub_button .icon {
        width: 2.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .cub_button .icon {
        width: 3.28125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .cub_button .icon {
        width: 5.46875vw
    }
}

@media only screen and (max-width:480px) {
    .cub_button .icon {
        width: 8.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .cub_button .icon {
        height: 2.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .cub_button .icon {
        height: 3.28125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .cub_button .icon {
        height: 5.46875vw
    }
}

@media only screen and (max-width:480px) {
    .cub_button .icon {
        height: 8.75vw
    }
}

.cub_button .icon:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -4px;
    width: 0;
    height: 2px;
    display: block;
    margin: auto
}

.cub_button .icon:before {
    content: "";
    position: absolute;
    top: 0;
    right: 3px;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    width: 9px;
    height: 9px;
    background-color: transparent;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cub_button:hover .icon {
    width: 4.27083vw;
    background-color: #fff;
    margin-left: 15px;
    outline: 1px solid #2585fb;
    outline-offset: -3px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .cub_button:hover .icon {
        width: 5.69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .cub_button:hover .icon {
        width: 6.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .cub_button:hover .icon {
        width: 10.67708vw
    }
}

@media only screen and (max-width:480px) {
    .cub_button:hover .icon {
        width: 17.08333vw
    }
}

.cub_button:hover .icon:after {
    width: 32px;
    background-color: #2585fb
}

.cub_button:hover .icon:before {
    right: -20px;
    border-right: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.burger_two {
    display: none
}

@media only screen and (max-width:480px) {
    .burger_two {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 1.82292vw;
        width: 30px;
        z-index: 100
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .burger_two {
        margin-left: 2.43056vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .burger_two {
        margin-left: 2.73438vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .burger_two {
        margin-left: 4.55729vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .burger_two {
        margin-left: 7.29167vw
    }
}

@media only screen and (max-width:480px) {
    .box {
        padding: .52083vw .52083vw .52083vw .52083vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box {
        padding: .69444vw .69444vw .69444vw .69444vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box {
        padding: .78125vw .78125vw .78125vw .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box {
        padding: 1.30208vw 1.30208vw 1.30208vw 1.30208vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box {
        padding: 2.08333vw 2.08333vw 2.08333vw 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .btn {
        position: relative;
        width: 30px;
        cursor: pointer
    }
    .btn span {
        display: block;
        width: 100%;
        -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
        border-radius: 2px;
        height: 2px;
        background: #272d33;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        position: relative
    }
    .btn span+span {
        margin-top: 6px
    }
    .active span:nth-child(1) {
        -webkit-animation: ease .7s top forwards;
        animation: ease .7s top forwards
    }
    .not-active span:nth-child(1) {
        -webkit-animation: ease .7s top-2 forwards;
        animation: ease .7s top-2 forwards
    }
    .active span:nth-child(2) {
        -webkit-animation: ease .7s scaled forwards;
        animation: ease .7s scaled forwards
    }
    .not-active span:nth-child(2) {
        -webkit-animation: ease .7s scaled-2 forwards;
        animation: ease .7s scaled-2 forwards
    }
    .active span:nth-child(3) {
        -webkit-animation: ease .7s bottom forwards;
        animation: ease .7s bottom forwards
    }
    .not-active span:nth-child(3) {
        -webkit-animation: ease .7s bottom-2 forwards;
        animation: ease .7s bottom-2 forwards
    }
    @-webkit-keyframes top {
        0% {
            top: 0;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        50% {
            top: 8px;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        100% {
            top: 8px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
    }
    @keyframes top {
        0% {
            top: 0;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        50% {
            top: 8px;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        100% {
            top: 8px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
    }
    @-webkit-keyframes top-2 {
        0% {
            top: 8px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
        50% {
            top: 8px;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        100% {
            top: 0;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
    @keyframes top-2 {
        0% {
            top: 8px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
        50% {
            top: 8px;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        100% {
            top: 0;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
    @-webkit-keyframes bottom {
        0% {
            bottom: 0;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        50% {
            bottom: 8px;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        100% {
            bottom: 8px;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }
    }
    @keyframes bottom {
        0% {
            bottom: 0;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        50% {
            bottom: 8px;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        100% {
            bottom: 8px;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }
    }
    @-webkit-keyframes bottom-2 {
        0% {
            bottom: 8px;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }
        50% {
            bottom: 8px;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        100% {
            bottom: 0;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
    @keyframes bottom-2 {
        0% {
            bottom: 8px;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }
        50% {
            bottom: 8px;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        100% {
            bottom: 0;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
    @-webkit-keyframes scaled {
        50% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        100% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
    }
    @keyframes scaled {
        50% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        100% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
    }
    @-webkit-keyframes scaled-2 {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        50% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    @keyframes scaled-2 {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        50% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.tooltip {
    position: relative;
    border-bottom: 1px dotted #fff;
    opacity: 1;
    font-family: Acrom, Open Sans, Helvetica, Arial, sans-serif;
    font-size: .83333vw;
    font-weight: 500;
    color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .tooltip {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .tooltip {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .tooltip {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .tooltip {
        font-size: 3.33333vw
    }
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    border-radius: 2px;
    border: 1px solid #eee;
    border-left: 3px solid #2585fb;
    font-size: .72917vw;
    line-height: 1.4;
    white-space: nowrap;
    background-color: #fff;
    color: #272d33;
    padding: 15px 15px 15px 45px;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    position: absolute;
    top: 120%;
    left: 20%;
    z-index: 2;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .16);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .16)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .tooltip .tooltiptext {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .tooltip .tooltiptext {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .tooltip .tooltiptext {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .tooltip .tooltiptext {
        font-size: 2.91667vw
    }
}

.tooltip .tooltiptext .icon {
    position: absolute;
    left: 10px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.tooltip .tooltiptext a {
    display: block;
    color: #2585fb;
    text-decoration: underline;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.tooltip:hover .tooltiptext {
    visibility: visible
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_normal {
    position: relative;
    display: block;
    font-size: .83333vw;
    font-weight: 500;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 8.33333vw;
    border: 2px solid #2585fb;
    padding: .96354vw 0 .96354vw 0;
    margin: auto;
    background-color: #2585fb;
    background-image: none;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_normal {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_normal {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_normal {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .btn_normal {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_normal {
        width: 11.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_normal {
        width: 12.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_normal {
        width: 20.83333vw
    }
}

@media only screen and (max-width:480px) {
    .btn_normal {
        width: 33.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .btn_normal {
        padding: 1.28472vw 0 1.28472vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .btn_normal {
        padding: 1.44531vw 0 1.44531vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .btn_normal {
        padding: 2.40885vw 0 2.40885vw 0
    }
}

@media only screen and (max-width:480px) {
    .btn_normal {
        padding: 3.85417vw 0 3.85417vw 0
    }
}

.btn_normal:hover {
    text-decoration: none;
    color: #2585fb;
    background-color: #fff
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-line-form {
    position: relative;
    height: 13.02083vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    background-color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form {
        height: 17.36111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form {
        height: 19.53125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form {
        height: 32.55208vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form {
        height: 52.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form {
        margin-top: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form {
        margin-top: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form {
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .box-line-form {
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .box-line-form {
        height: auto;
        padding-bottom: 30px
    }
}

.box-line-form:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
    margin: auto;
    height: 7.29167vw;
    background-color: #f5f5f5;
    z-index: 1
}

@media only screen and (max-width:480px) {
    .box-line-form:before {
        top: -20px
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form:before {
        height: 9.72222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form:before {
        height: 10.9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form:before {
        height: 18.22917vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form:before {
        height: 29.16667vw
    }
}

.box-line-form__wrapper {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 12px 36px rgba(0, 0, 0, .15);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .15);
    width: 60.9375vw;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    z-index: 2
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__wrapper {
        width: 81.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__wrapper {
        width: 91.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__wrapper {
        width: 152.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__wrapper {
        width: 243.75vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__wrapper {
        width: calc(100% - 30px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.box-line-form__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-right: 1.5625vw;
    font-size: 1.25vw;
    padding-left: 3.125vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__title {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title {
        margin-right: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__title {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title {
        font-size: 5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title {
        padding-left: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title {
        padding-left: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__title {
        padding-left: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title {
        padding-left: 12.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title {
        font-size: .9375vw;
        padding-left: .52083vw;
        padding-right: .52083vw;
        margin-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title {
        font-size: 1.40625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-line-form__title {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-line-form__title {
        font-size: 3.75vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title {
        padding-left: .69444vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title {
        padding-left: .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-line-form__title {
        padding-left: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-line-form__title {
        padding-left: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title {
        padding-right: .69444vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title {
        padding-right: .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-line-form__title {
        padding-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-line-form__title {
        padding-right: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-line-form__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-line-form__title {
        margin-right: 0
    }
}

.box-line-form__title .title {
    font-size: 1.25vw;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -.3px;
    margin-left: 1.5625vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title .title {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title .title {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__title .title {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title .title {
        font-size: 5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title .title {
        margin-left: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title .title {
        margin-left: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__title .title {
        margin-left: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title .title {
        margin-left: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title .title {
        font-size: 1.25vw;
        margin: 15px 10px 15px 10px
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title .title {
        font-size: 1.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title .title {
        font-size: 1.875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-line-form__title .title {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-line-form__title .title {
        font-size: 5vw
    }
}

.box-line-form__title img {
    min-width: 3.38542vw;
    width: 3.38542vw;
    height: 3.38542vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title img {
        min-width: 4.51389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title img {
        min-width: 5.07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__title img {
        min-width: 8.46354vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title img {
        min-width: 13.54167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title img {
        width: 4.51389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title img {
        width: 5.07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__title img {
        width: 8.46354vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title img {
        width: 13.54167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title img {
        height: 4.51389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title img {
        height: 5.07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__title img {
        height: 8.46354vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title img {
        height: 13.54167vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__title img {
        width: 5.46875vw;
        height: 5.46875vw;
        margin-top: 20px
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title img {
        width: 7.29167vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title img {
        width: 8.20313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-line-form__title img {
        width: 13.67188vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-line-form__title img {
        width: 21.875vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__title img {
        height: 7.29167vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-line-form__title img {
        height: 8.20313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-line-form__title img {
        height: 13.67188vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-line-form__title img {
        height: 21.875vw
    }
}

.box-line-form__form {
    width: 100%
}

@media only screen and (max-width:480px) {
    .box-line-form__form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.box-line-form__input-block {
    display: inline-block!important;
    min-width: 260px;
    padding-top: 1.82292vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__input-block {
        padding-top: 2.43056vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__input-block {
        padding-top: 2.73438vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__input-block {
        padding-top: 4.55729vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__input-block {
        padding-top: 7.29167vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__input-block {
        padding-top: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__input-block {
        padding-top: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-line-form__input-block {
        padding-top: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-line-form__input-block {
        padding-top: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-line-form__input-block {
        padding-top: 0
    }
}

.box-line-form__input-tel {
    width: 16.40625vw;
    height: 2.60417vw;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    padding-left: 1.5625vw;
    display: inline-block;
    font-size: .83333vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__input-tel {
        width: 21.875vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__input-tel {
        width: 24.60938vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__input-tel {
        width: 41.01563vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__input-tel {
        width: 65.625vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__input-tel {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__input-tel {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__input-tel {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__input-tel {
        height: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__input-tel {
        padding-left: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__input-tel {
        padding-left: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__input-tel {
        padding-left: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__input-tel {
        padding-left: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__input-tel {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__input-tel {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__input-tel {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__input-tel {
        font-size: 3.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__input-tel {
        margin-bottom: 10px
    }
}

.box-line-form__input-tel::-webkit-input-placeholder {
    color: #272d33
}

.box-line-form__input-tel::-moz-placeholder {
    color: #272d33
}

.box-line-form__input-tel:-ms-input-placeholder {
    color: #272d33
}

.box-line-form__input-tel::-ms-input-placeholder {
    color: #272d33
}

.box-line-form__input-tel::placeholder {
    color: #272d33
}

.box-line-form__checkblock {
    margin-top: .36458vw;
    margin-left: .26042vw;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__checkblock {
        margin-top: .48611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__checkblock {
        margin-top: .54688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__checkblock {
        margin-top: .91146vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__checkblock {
        margin-top: 1.45833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__checkblock {
        margin-left: .34722vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__checkblock {
        margin-left: .39063vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__checkblock {
        margin-left: .65104vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__checkblock {
        margin-left: 1.04167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__checkblock {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__checkblock {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__checkblock {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__checkblock {
        margin-bottom: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__checkblock {
        margin: 7px 20px 15px 35px
    }
}

.box-line-form__checkblock .checkbox-small {
    font-size: .72917vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__checkblock .checkbox-small {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__checkblock .checkbox-small {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__checkblock .checkbox-small {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__checkblock .checkbox-small {
        font-size: 2.91667vw
    }
}

.box-line-form__checkblock .checkbox-small .personal-date {
    color: #2585fb
}

.box-line-form__checkblock .checkbox-small .personal-date:hover {
    text-decoration: underline
}

.box-line-form__checkblock .checkbox-small:before {
    border: 2px solid #272d33
}

.box-line-form__checkblock .checkbox-style:checked+.checkbox-small:after {
    border-left: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb
}

.box-line-form__submit {
    width: 10.41667vw;
    height: 2.60417vw;
    border: 0;
    background-color: #2585fb;
    display: inline-block;
    font-size: .83333vw;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__submit {
        width: 13.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__submit {
        width: 15.625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__submit {
        width: 26.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__submit {
        width: 41.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__submit {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__submit {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__submit {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__submit {
        height: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__submit {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__submit {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__submit {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__submit {
        font-size: 3.33333vw
    }
}

.box-line-form__submit:hover {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-line-form__submit:hover {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-line-form__submit:hover {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-line-form__submit:hover {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-line-form__submit:hover {
        font-size: 3.33333vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-advantages {
    max-width: 75vw;
    width: calc(100% - 30px);
    margin: auto;
    padding-top: 3.125vw;
    margin-bottom: 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages {
        max-width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages {
        max-width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages {
        max-width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages {
        max-width: 300vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages {
        padding-top: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages {
        padding-top: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages {
        padding-top: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages {
        padding-top: 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages {
        margin-bottom: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages {
        margin-bottom: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages {
        margin-bottom: 12.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages {
        padding-top: 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages {
        padding-top: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages {
        padding-top: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages {
        padding-top: 3.90625vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages {
        padding-top: 6.25vw
    }
}

.box-advantages .home-items__block {
    width: 100%;
    height: 10.41667vw;
    background: #ebebeb;
    color: #272d33;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    padding: 2.08333vw 1.82292vw 2.08333vw 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block {
        height: 13.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block {
        height: 15.625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block {
        height: 26.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block {
        height: 41.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block {
        padding: 2.77778vw 2.43056vw 2.77778vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block {
        padding: 3.125vw 2.73438vw 3.125vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block {
        padding: 5.20833vw 4.55729vw 5.20833vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block {
        padding: 8.33333vw 7.29167vw 8.33333vw 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block {
        padding: 1.5625vw 1.82292vw 1.04167vw 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block {
        padding: 2.08333vw 2.43056vw 1.38889vw 2.77778vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block {
        padding: 2.34375vw 2.73438vw 1.5625vw 3.125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block {
        padding: 3.90625vw 4.55729vw 2.60417vw 5.20833vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages .home-items__block {
        padding: 6.25vw 7.29167vw 4.16667vw 8.33333vw
    }
}

.box-advantages .home-items__block .home-items__img .img-responsive {
    min-width: 4.16667vw;
    width: 4.16667vw;
    height: 4.16667vw;
    margin-right: 1.30208vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        min-width: 5.55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        min-width: 6.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        min-width: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        min-width: 16.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        width: 5.55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        width: 6.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        width: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        width: 16.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        height: 5.55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        height: 6.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        height: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        height: 16.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        margin-right: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        margin-right: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        margin-right: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block .home-items__img .img-responsive {
        margin-right: 5.20833vw
    }
}

.box-advantages .home-items__block .home-items__content .title {
    font-size: 1.04167vw;
    font-weight: 800;
    letter-spacing: -.2px;
    color: #272d33;
    text-align: left;
    text-transform: initial;
    margin-bottom: .52083vw;
    margin-top: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block .home-items__content .title {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block .home-items__content .title {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block .home-items__content .title {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block .home-items__content .title {
        font-size: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block .home-items__content .title {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block .home-items__content .title {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block .home-items__content .title {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block .home-items__content .title {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block .home-items__content .title {
        margin-top: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block .home-items__content .title {
        margin-top: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block .home-items__content .title {
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block .home-items__content .title {
        margin-top: 0
    }
}

.box-advantages .home-items__block .home-items__content .text {
    font-size: .83333vw;
    font-weight: 400;
    color: #272d33;
    text-align: left;
    text-transform: initial
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block .home-items__content .text {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block .home-items__content .text {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block .home-items__content .text {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block .home-items__content .text {
        font-size: 3.33333vw
    }
}

.box-advantages .home-items__block:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 12px 36px rgba(0, 0, 0, .15);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .15)
}

@media only screen and (max-width:480px) {
    .box-advantages {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages {
        margin-bottom: 2.77778vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages {
        margin-bottom: 3.125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages {
        margin-bottom: 5.20833vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages {
        margin-bottom: 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages .home-items__block {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages .home-items__block {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages .home-items__block {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages .home-items__block {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages .home-items__block:before {
        height: calc(100% - 14.80208vw)
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-services-company {
    position: relative;
    margin: auto;
    margin-bottom: 3.125vw;
    max-width: 75vw;
    width: calc(100% - 30px);
    background-image: url(/img/bg-slider-service-comp.png);
    background-position: center top;
    background-repeat: no-repeat
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-services-company {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-services-company {
        margin-bottom: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-services-company {
        margin-bottom: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company {
        margin-bottom: 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-services-company {
        max-width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-services-company {
        max-width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-services-company {
        max-width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company {
        max-width: 300vw
    }
}

.box-services-company__title.title {
    margin-bottom: 2.08333vw;
    margin-top: 0;
    text-align: left;
    text-transform: inherit;
    font-size: 2.08333vw;
    font-weight: 800;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-services-company__title.title {
        margin-bottom: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-services-company__title.title {
        margin-bottom: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-services-company__title.title {
        margin-bottom: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company__title.title {
        margin-bottom: 8.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-services-company__title.title {
        margin-top: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-services-company__title.title {
        margin-top: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-services-company__title.title {
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .box-services-company__title.title {
        margin-top: 0
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-services-company__title.title {
        font-size: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-services-company__title.title {
        font-size: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-services-company__title.title {
        font-size: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company__title.title {
        font-size: 8.33333vw
    }
}

.box-services-company__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 75vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-services-company__wrapper {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-services-company__wrapper {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-services-company__wrapper {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company__wrapper {
        width: 300vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company__wrapper {
        width: 100%
    }
}

.box-services-company__wrapper:before {
    content: '';
    position: absolute;
    top: -10px;
    right: -1px;
    width: 2px;
    height: 766px;
    background: #cecece;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(206, 206, 206, .0956583)), color-stop(50%, #cecece), to(rgba(206, 206, 206, .0956583)));
    background: -o-linear-gradient(bottom, rgba(206, 206, 206, .0956583) 0, #cecece 50%, rgba(206, 206, 206, .0956583) 100%);
    background: linear-gradient(0deg, rgba(206, 206, 206, .0956583) 0, #cecece 50%, rgba(206, 206, 206, .0956583) 100%);
    -webkit-box-shadow: -2px 0 6px rgba(0, 0, 0, .3);
    box-shadow: -2px 0 6px rgba(0, 0, 0, .3);
    z-index: 2
}

.box-services-company .card-home-news {
    margin-right: 1.30208vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-services-company .card-home-news {
        margin-right: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-services-company .card-home-news {
        margin-right: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-services-company .card-home-news {
        margin-right: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company .card-home-news {
        margin-right: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company .card-home-news {
        margin-right: .52083vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-services-company .card-home-news {
        margin-right: .69444vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-services-company .card-home-news {
        margin-right: .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-services-company .card-home-news {
        margin-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-services-company .card-home-news {
        margin-right: 2.08333vw
    }
}

.box-services-company .card-home-news:nth-last-child(1) {
    margin-right: 0
}

.box-services-company .swiper-slide {
    width: 19.375vw;
    padding-bottom: 1.5625vw;
    padding-top: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-services-company .swiper-slide {
        width: 25.83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-services-company .swiper-slide {
        width: 29.0625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-services-company .swiper-slide {
        width: 48.4375vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company .swiper-slide {
        width: 77.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-services-company .swiper-slide {
        padding-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-services-company .swiper-slide {
        padding-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-services-company .swiper-slide {
        padding-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company .swiper-slide {
        padding-bottom: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-services-company .swiper-slide {
        padding-top: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-services-company .swiper-slide {
        padding-top: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-services-company .swiper-slide {
        padding-top: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-services-company .swiper-slide {
        padding-top: 6.25vw
    }
}

.box-services-company .slider-nav {
    position: absolute;
    width: 60px;
    height: 22px;
    right: 0;
    top: 15px
}

@media only screen and (max-width:480px) {
    .box-services-company .slider-nav {
        top: 55px
    }
}

.box-services-company .button-home-news-next,
.box-services-company .button-home-news-prev {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.box-services-company .button-home-news-next:focus,
.box-services-company .button-home-news-prev:focus {
    outline: 0
}

.box-services-company .button-home-news-next:after,
.box-services-company .button-home-news-prev:after {
    font-weight: 800;
    width: 25px;
    height: 25px;
    font-family: swiper-icons;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    color: #272d33
}

.box-services-company .button-home-news-next {
    right: 10px;
    left: auto
}

.box-services-company .button-home-news-next:after {
    content: 'next';
    font-size: 25px
}

.box-services-company .button-home-news-prev {
    left: -30px;
    right: auto
}

.box-services-company .button-home-news-prev:after {
    content: 'prev';
    font-size: 24px
}

.box-services-company .button-home-news-prev:before {
    content: '';
    position: absolute;
    left: 145%;
    width: 1px;
    height: 18px;
    background-color: #272d33
}

.box-services-company .swiper-button-disabled {
    opacity: .2
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.card-services-company {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 19.375vw;
    height: 19.21875vw;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    padding: 1.04167vw 1.04167vw 1.04167vw 1.04167vw;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company {
        width: 25.83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company {
        width: 29.0625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company {
        width: 48.4375vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company {
        width: 77.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company {
        height: 25.625vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company {
        height: 28.82813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company {
        height: 48.04688vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company {
        height: 76.875vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company {
        padding: 1.38889vw 1.38889vw 1.38889vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company {
        padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company {
        padding: 2.60417vw 2.60417vw 2.60417vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company {
        padding: 4.16667vw 4.16667vw 4.16667vw 4.16667vw
    }
}

.card-services-company:hover {
    background: #272d33;
    cursor: pointer
}

.card-services-company:hover .card-services-company__name {
    color: #fff
}

.card-services-company:hover .card-services-company__button {
    border-bottom: 1px solid #eee
}

.card-services-company:hover .card-services-company__button span {
    color: #eee
}

.card-services-company:hover .card-services-company__button .icon {
    stroke: #eee
}

.card-services-company__info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__info {
        margin-top: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__info {
        margin-top: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__info {
        margin-top: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__info {
        margin-top: 4.16667vw
    }
}

.card-services-company__links {
    height: 2.60417vw;
    overflow: hidden
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__links {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__links {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__links {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__links {
        height: 10.41667vw
    }
}

.card-services-company__name {
    font-size: .9375vw;
    display: block;
    color: #272d33;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: .52083vw;
    overflow-wrap: break-word;
    height: 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__name {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__name {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__name {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__name {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__name {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__name {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__name {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__name {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__name {
        height: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__name {
        height: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__name {
        height: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__name {
        height: 8.33333vw
    }
}

.card-services-company__text {
    font-size: .83333vw;
    color: #272d33;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__text {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__text {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__text {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__text {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__text {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__text {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__text {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__text {
        margin-bottom: 3.125vw
    }
}

.card-services-company__button {
    display: block;
    height: 1.04167vw;
    height: 25px;
    border-bottom: 1px solid #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__button {
        height: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__button {
        height: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__button {
        height: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__button {
        height: 4.16667vw
    }
}

.card-services-company__button .icon {
    height: 1.04167vw;
    margin-left: .625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__button .icon {
        height: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__button .icon {
        height: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__button .icon {
        height: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__button .icon {
        height: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__button .icon {
        margin-left: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__button .icon {
        margin-left: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__button .icon {
        margin-left: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__button .icon {
        margin-left: 2.5vw
    }
}

.card-services-company__bottom {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__bottom {
        height: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__bottom {
        height: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__bottom {
        height: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__bottom {
        height: 8.33333vw
    }
}

.card-services-company__eye,
.card-services-company__read {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: .625vw;
    margin: 0 1.04167vw 0 .52083vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__eye,
    .card-services-company__read {
        font-size: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__eye,
    .card-services-company__read {
        font-size: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__eye,
    .card-services-company__read {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__eye,
    .card-services-company__read {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__eye,
    .card-services-company__read {
        margin: 0 1.38889vw 0 .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__eye,
    .card-services-company__read {
        margin: 0 1.5625vw 0 .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__eye,
    .card-services-company__read {
        margin: 0 2.60417vw 0 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__eye,
    .card-services-company__read {
        margin: 0 4.16667vw 0 2.08333vw
    }
}

.card-services-company__eye .icon,
.card-services-company__read .icon {
    margin: 0 .52083vw 0 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__eye .icon,
    .card-services-company__read .icon {
        margin: 0 .69444vw 0 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__eye .icon,
    .card-services-company__read .icon {
        margin: 0 .78125vw 0 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__eye .icon,
    .card-services-company__read .icon {
        margin: 0 1.30208vw 0 0
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__eye .icon,
    .card-services-company__read .icon {
        margin: 0 2.08333vw 0 0
    }
}

.card-services-company__date {
    font-size: .625vw;
    color: #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__date {
        font-size: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__date {
        font-size: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__date {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__date {
        font-size: 2.5vw
    }
}

.card-services-company__img {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12.29167vw;
    overflow: hidden
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-company__img {
        height: 16.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-company__img {
        height: 18.4375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-company__img {
        height: 30.72917vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-company__img {
        height: 49.16667vw
    }
}

.card-services-company__img img {
    width: 100%;
    height: 100%
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn_arrow {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    color: #2585fb;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-advantages-company-hydm {
    position: relative;
    margin-bottom: -74px
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm {
        margin-bottom: 30px
    }
}

.box-advantages-company-hydm__wrapper {
    max-width: 75vw;
    width: calc(100% - 30px);
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm__wrapper {
        max-width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm__wrapper {
        max-width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm__wrapper {
        max-width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm__wrapper {
        max-width: 300vw
    }
}

.box-advantages-company-hydm__title {
    margin-bottom: -6.25vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm__title {
        margin-bottom: -8.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm__title {
        margin-bottom: -9.375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm__title {
        margin-bottom: -15.625vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm__title {
        margin-bottom: -25vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm__title {
        margin-bottom: 0
    }
}

.box-advantages-company-hydm__title:before {
    content: '';
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 100%;
    height: 8.85417vw;
    background-color: #f5f5f5;
    padding: 2.08333vw 2.08333vw 2.08333vw 2.08333vw;
    z-index: -1
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm__title:before {
        height: 11.80556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm__title:before {
        height: 13.28125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm__title:before {
        height: 22.13542vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm__title:before {
        height: 35.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm__title:before {
        padding: 2.77778vw 2.77778vw 2.77778vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm__title:before {
        padding: 3.125vw 3.125vw 3.125vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm__title:before {
        padding: 5.20833vw 5.20833vw 5.20833vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm__title:before {
        padding: 8.33333vw 8.33333vw 8.33333vw 8.33333vw
    }
}

.box-advantages-company-hydm__title h3.title {
    font-size: 1.97917vw;
    font-weight: 800;
    text-align: left;
    text-transform: inherit;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm__title h3.title {
        font-size: 2.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm__title h3.title {
        font-size: 2.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm__title h3.title {
        font-size: 4.94792vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm__title h3.title {
        font-size: 7.91667vw
    }
}

.box-advantages-company-hydm__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 762.21px;
    height: 264.19px;
    background: #272d33;
    padding: 2.08333vw 2.08333vw 2.08333vw 2.08333vw;
    -webkit-filter: drop-shadow(5px 7px 16px rgba(0, 0, 0, .36));
    filter: drop-shadow(5px 7px 16px rgba(0, 0, 0, .36))
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm__block {
        padding: 2.77778vw 2.77778vw 2.77778vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm__block {
        padding: 3.125vw 3.125vw 3.125vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm__block {
        padding: 5.20833vw 5.20833vw 5.20833vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm__block {
        padding: 8.33333vw 8.33333vw 8.33333vw 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm__block {
        width: 100px;
        height: auto;
        padding: 20px
    }
}

.box-advantages-company-hydm__text {
    font-size: 1.04167vw;
    color: #fff;
    font-weight: 500;
    line-height: 1.4
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm__text {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm__text {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm__text {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm__text {
        font-size: 4.16667vw
    }
}

.box-advantages-company-hydm .block_one {
    position: relative;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_one {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_one {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_one {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_one {
        margin-bottom: 6.25vw
    }
}

.box-advantages-company-hydm .block_one .box-advantages-company-hydm__img {
    margin-right: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_one .box-advantages-company-hydm__img {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_one .box-advantages-company-hydm__img {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_one .box-advantages-company-hydm__img {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_one .box-advantages-company-hydm__img {
        margin-right: 6.25vw
    }
}

.box-advantages-company-hydm .block_one img {
    max-width: 6.77083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_one img {
        max-width: 9.02778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_one img {
        max-width: 10.15625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_one img {
        max-width: 16.92708vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_one img {
        max-width: 27.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_one {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
    .box-advantages-company-hydm .block_one img {
        max-width: 4.16667vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_one img {
        max-width: 5.55556vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_one img {
        max-width: 6.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_one img {
        max-width: 10.41667vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages-company-hydm .block_one img {
        max-width: 16.66667vw
    }
}

.box-advantages-company-hydm .block_two {
    position: relative;
    z-index: 2
}

.box-advantages-company-hydm .block_two .box-advantages-company-hydm__img {
    float: right;
    margin-left: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_two .box-advantages-company-hydm__img {
        margin-left: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_two .box-advantages-company-hydm__img {
        margin-left: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_two .box-advantages-company-hydm__img {
        margin-left: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_two .box-advantages-company-hydm__img {
        margin-left: 6.25vw
    }
}

.box-advantages-company-hydm .block_two img {
    max-width: 8.85417vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_two img {
        max-width: 11.80556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_two img {
        max-width: 13.28125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_two img {
        max-width: 22.13542vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_two img {
        max-width: 35.41667vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_two {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
    .box-advantages-company-hydm .block_two img {
        max-width: 6.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_two img {
        max-width: 8.33333vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_two img {
        max-width: 9.375vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_two img {
        max-width: 15.625vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages-company-hydm .block_two img {
        max-width: 25vw
    }
}

.box-advantages-company-hydm .block_three {
    position: relative;
    top: -180px;
    margin-right: 0;
    margin-left: auto;
    padding-left: 4.16667vw;
    z-index: 1
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_three {
        padding-left: 5.55556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_three {
        padding-left: 6.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_three {
        padding-left: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_three {
        padding-left: 16.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_three {
        padding-left: 15%
    }
}

.box-advantages-company-hydm .block_three .box-advantages-company-hydm__img {
    margin-right: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img {
        margin-right: 6.25vw
    }
}

.box-advantages-company-hydm .block_three .box-advantages-company-hydm__img img {
    position: absolute;
    bottom: -60%;
    left: -25%;
    max-width: 46.77083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img img {
        max-width: 62.36111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img img {
        max-width: 70.15625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img img {
        max-width: 116.92708vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img img {
        max-width: 187.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_three {
        width: 100%;
        top: 0;
        margin-left: 0;
        margin-top: 20px;
        padding-left: 20px
    }
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-company-hydm .block_three .box-advantages-company-hydm__img img {
        position: absolute;
        bottom: -50px;
        left: 0;
        max-width: 100%
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.repare-mg .card-services-list {
    margin-top: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .repare-mg .card-services-list {
        margin-top: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .repare-mg .card-services-list {
        margin-top: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .repare-mg .card-services-list {
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .repare-mg .card-services-list {
        margin-top: 0
    }
}

.card-services-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 3.125vw;
    margin-top: 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list {
        margin-bottom: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list {
        margin-bottom: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list {
        margin-bottom: 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list {
        margin-top: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list {
        margin-top: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list {
        margin-top: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list {
        margin-top: 12.5vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.card-services-list .card-services-items {
    position: relative;
    border-radius: 3px;
    width: 23.4375vw;
    height: 21.875vw;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    padding: 1.04167vw 1.04167vw 1.04167vw 1.04167vw;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    margin-right: 1.5625vw;
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items {
        width: 31.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items {
        width: 35.15625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items {
        width: 58.59375vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items {
        width: 93.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items {
        height: 29.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items {
        height: 32.8125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items {
        height: 54.6875vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items {
        height: 87.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items {
        padding: 1.38889vw 1.38889vw 1.38889vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items {
        padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items {
        padding: 2.60417vw 2.60417vw 2.60417vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items {
        padding: 4.16667vw 4.16667vw 4.16667vw 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items {
        margin-right: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items {
        margin-bottom: 6.25vw
    }
}

.card-services-list .card-services-items:nth-child(3n) {
    margin-right: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items {
        margin-right: 0
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items {
        margin-right: .78125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items {
        margin-right: 1.04167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items {
        margin-right: 1.17188vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items {
        margin-right: 1.95313vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (max-width:480px) {
    .card-services-list .card-services-items {
        margin-right: 3.125vw
    }
}

.card-services-list .card-services-items:hover {
    cursor: pointer;
    border-bottom: 9px solid #272d33;
    -webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 12px 5px rgba(0, 0, 0, .25);
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.card-services-list .card-services-items:hover .card-services-items__img {
    position: relative;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.card-services-list .card-services-items:hover .card-services-items__img:before {
    -webkit-transform: scale(1);
    -ms-ransform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.card-services-list .card-services-items__info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__info {
        margin-top: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__info {
        margin-top: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__info {
        margin-top: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__info {
        margin-top: 4.16667vw
    }
}

.card-services-list .card-services-items__name {
    font-size: .9375vw;
    display: block;
    color: #272d33;
    font-weight: 700;
    margin-bottom: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__name {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__name {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__name {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__name {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__name {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__name {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__name {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__name {
        margin-bottom: 2.08333vw
    }
}

.card-services-list .card-services-items__text {
    font-size: .83333vw;
    color: #272d33;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__text {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__text {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__text {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__text {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__text {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__text {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__text {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__text {
        margin-bottom: 3.125vw
    }
}

.card-services-list .card-services-items__button {
    display: inline-block;
    height: 1.04167vw;
    height: 25px;
    border-bottom: 1px solid #2585fb
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__button {
        height: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__button {
        height: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__button {
        height: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__button {
        height: 4.16667vw
    }
}

.card-services-list .card-services-items__button .icon {
    height: 1.04167vw;
    margin-left: .625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__button .icon {
        height: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__button .icon {
        height: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__button .icon {
        height: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__button .icon {
        height: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__button .icon {
        margin-left: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__button .icon {
        margin-left: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__button .icon {
        margin-left: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__button .icon {
        margin-left: 2.5vw
    }
}

.card-services-list .card-services-items__img {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 13.54167vw;
    overflow: hidden
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__img {
        height: 18.05556vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__img {
        height: 20.3125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__img {
        height: 33.85417vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__img {
        height: 54.16667vw
    }
}

.card-services-list .card-services-items__img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 3.64583vw;
    height: 3.64583vw;
    border-radius: 100px;
    background-color: #2585fb;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    background-image: url(../img/icon-long-arrow-wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: scale(0);
    -ms-ransform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__img:before {
        width: 4.86111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__img:before {
        width: 5.46875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__img:before {
        width: 9.11458vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__img:before {
        width: 14.58333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-services-list .card-services-items__img:before {
        height: 4.86111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-services-list .card-services-items__img:before {
        height: 5.46875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-services-list .card-services-items__img:before {
        height: 9.11458vw
    }
}

@media only screen and (max-width:480px) {
    .card-services-list .card-services-items__img:before {
        height: 14.58333vw
    }
}

.card-services-list .card-services-items__img img {
    width: 100%;
    height: auto
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.slider-photo-home {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f5f5f5;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/_src/cilindr_hydm.png);
    background-position: left 10% bottom 5%;
    background-repeat: no-repeat;
    background-size: 40%;
    height: 31.25vw;
    padding: 3.125vw 0 5.72917vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .slider-photo-home {
        height: 41.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .slider-photo-home {
        height: 46.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .slider-photo-home {
        height: 78.125vw
    }
}

@media only screen and (max-width:480px) {
    .slider-photo-home {
        height: 125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .slider-photo-home {
        padding: 4.16667vw 0 7.63889vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .slider-photo-home {
        padding: 4.6875vw 0 8.59375vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .slider-photo-home {
        padding: 7.8125vw 0 14.32292vw 0
    }
}

@media only screen and (max-width:480px) {
    .slider-photo-home {
        padding: 12.5vw 0 22.91667vw 0
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .slider-photo-home {
        height: 26.04167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:1281px) and (max-width:1439px) {
    .slider-photo-home {
        height: 34.72222vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:769px) and (max-width:1279px) {
    .slider-photo-home {
        height: 39.0625vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (min-width:481px) and (max-width:767px) {
    .slider-photo-home {
        height: 65.10417vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) and (max-width:480px) {
    .slider-photo-home {
        height: 104.16667vw
    }
}

.slider-photo-home .swiper-container {
    width: 100%;
    height: 100%
}

.slider-photo-home .swiper-container .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 20%;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

@media only screen and (max-width:480px) {
    .slider-photo-home .swiper-container .swiper-slide {
        width: 90%
    }
}

.slider-photo-home .swiper-container .swiper-slide-active {
    width: 33%;
    height: auto
}

@media only screen and (max-width:480px) {
    .slider-photo-home .swiper-container .swiper-slide-active {
        width: 90%
    }
}

.slider-photo-home .swiper-container .swiper-slide-active .slider-item .slider-item-img .slide-img {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .6);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .6)
}

.slider-photo-home .swiper-container .slider-item {
    width: 100%;
    height: 100%
}

.slider-photo-home .swiper-container .slider-item .slider-item-img {
    display: block;
    overflow: hidden;
    background-image: none;
    height: 100%;
    width: 100%
}

.slider-photo-home .swiper-container .slider-item .slider-item-img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    border-radius: 100px;
    background-color: #fff;
    cursor: pointer;
    z-index: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.slider-photo-home .swiper-container .slider-item .slider-item-img:hover {
    cursor: pointer
}

.slider-photo-home .swiper-container .slider-item .slider-item-img:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.slider-photo-home .swiper-container .slider-item .slider-item-img:hover .slider-item-offer .title {
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.slider-photo-home .swiper-container .slider-item .slider-item-img .slide-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: auto;
    border: 2px solid #2585fb
}

.slider-photo-home .swiper-container .slider-item .slider-item-img .slider-item-offer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 5%;
    top: auto;
    bottom: -5%;
    display: block
}

.slider-photo-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
    display: block;
    font-size: 1.66667vw;
    font-weight: 700;
    color: #fff;
    opacity: 0;
    line-height: 1.3;
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .slider-photo-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 2.22222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .slider-photo-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .slider-photo-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .slider-photo-home .swiper-container .slider-item .slider-item-img .slider-item-offer .title {
        font-size: 6.66667vw
    }
}

.slider-photo-home__btn_all {
    position: absolute;
    bottom: 40px;
    text-transform: uppercase;
    left: 12%;
    font-size: .72917vw;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2585fb;
    border-bottom: 1px solid #2585fb;
    height: 24px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .slider-photo-home__btn_all {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .slider-photo-home__btn_all {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .slider-photo-home__btn_all {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .slider-photo-home__btn_all {
        font-size: 2.91667vw
    }
}

.slider-photo-home__btn_all .icon {
    margin-left: 7px
}

.slider-photo-home .swiper-nav {
    position: absolute;
    bottom: 16px;
    left: 40%;
    width: 80px;
    height: 40px
}

@media only screen and (max-width:480px) {
    .slider-photo-home .swiper-nav {
        left: 10%;
        bottom: -10px
    }
}

.slider-photo-home .swiper-nav .swiper-button-next,
.slider-photo-home .swiper-nav .swiper-button-prev {
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    border-radius: 50px;
    background-color: #2585fb;
    color: #fff;
    position: absolute
}

.slider-photo-home .swiper-nav .swiper-button-next:focus,
.slider-photo-home .swiper-nav .swiper-button-prev:focus {
    outline: 0
}

.slider-photo-home .swiper-nav .swiper-button-next:after,
.slider-photo-home .swiper-nav .swiper-button-prev:after {
    content: '';
    position: absolute;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-long-arrow-wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.slider-photo-home .swiper-nav .swiper-button-next {
    right: -5px
}

.slider-photo-home .swiper-nav .swiper-button-prev {
    left: -5px
}

.slider-photo-home .swiper-nav .swiper-button-prev:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.slider-photo-home .swiper-scrollbar {
    position: absolute;
    height: 10px;
    width: 40%;
    bottom: 50px;
    left: auto;
    right: 12%;
    background: grey
}

@media only screen and (max-width:480px) {
    .slider-photo-home .swiper-scrollbar {
        bottom: 20px;
        right: 5%
    }
}

.slider-photo-home .swiper-scrollbar .swiper-scrollbar-drag {
    background: #2585fb;
    cursor: -webkit-grab;
    cursor: grab
}

@media only screen and (max-width:480px) {
    .slider-photo-home {
        display: block;
        width: 100%;
        height: 320px;
        padding: 0 0 1.04167vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .slider-photo-home {
        padding: 0 0 1.38889vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .slider-photo-home {
        padding: 0 0 1.5625vw 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .slider-photo-home {
        padding: 0 0 2.60417vw 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .slider-photo-home {
        padding: 0 0 4.16667vw 0
    }
}

@media only screen and (max-width:480px) {
    .slider-photo-home .swiper-container {
        width: 100%
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-audio-say {
    margin-top: 3.125vw;
    margin-bottom: 3.125vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/_src/bg-line-say.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say {
        margin-top: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say {
        margin-top: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say {
        margin-top: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say {
        margin-top: 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say {
        margin-bottom: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say {
        margin-bottom: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say {
        margin-bottom: 12.5vw
    }
}

.box-audio-say__wrapper {
    width: 75vw;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say__wrapper {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say__wrapper {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say__wrapper {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say__wrapper {
        width: 300vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say__wrapper {
        padding-left: 0;
        width: calc(100% - 30px)
    }
}

.box-audio-say__title {
    margin-bottom: 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say__title {
        margin-bottom: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say__title {
        margin-bottom: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say__title {
        margin-bottom: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say__title {
        margin-bottom: 8.33333vw
    }
}

.box-audio-say__title h3.title {
    font-size: 1.97917vw;
    text-align: left;
    text-transform: inherit;
    font-weight: 800
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say__title h3.title {
        font-size: 2.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say__title h3.title {
        font-size: 2.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say__title h3.title {
        font-size: 4.94792vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say__title h3.title {
        font-size: 7.91667vw
    }
}

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

.box-audio-say__elem .preview_picture {
    border-radius: 100px
}

.box-audio-say__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say__content {
        margin-left: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say__content {
        margin-left: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say__content {
        margin-left: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say__content {
        margin-left: 6.25vw
    }
}

.box-audio-say__content .title {
    font-size: 1.25vw;
    font-weight: 700;
    text-transform: inherit;
    color: #272d33;
    margin-top: 1.04167vw;
    margin-bottom: .26042vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say__content .title {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say__content .title {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say__content .title {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say__content .title {
        font-size: 5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say__content .title {
        margin-top: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say__content .title {
        margin-top: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say__content .title {
        margin-top: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say__content .title {
        margin-top: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say__content .title {
        margin-bottom: .34722vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say__content .title {
        margin-bottom: .39063vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say__content .title {
        margin-bottom: .65104vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say__content .title {
        margin-bottom: 1.04167vw
    }
}

.box-audio-say__content .subtitle {
    font-size: .83333vw;
    font-weight: 700;
    color: grey;
    margin-bottom: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say__content .subtitle {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say__content .subtitle {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say__content .subtitle {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say__content .subtitle {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-audio-say__content .subtitle {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-audio-say__content .subtitle {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-audio-say__content .subtitle {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-audio-say__content .subtitle {
        margin-bottom: 2.08333vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.carousel-brand {
    position: relative;
    margin-bottom: 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-brand {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-brand {
        margin-bottom: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-brand {
        margin-bottom: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-brand {
        margin-bottom: 12.5vw
    }
}

.carousel-brand__wrapper {
    width: 75vw;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-brand__wrapper {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-brand__wrapper {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-brand__wrapper {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-brand__wrapper {
        width: 300vw
    }
}

.carousel-brand .swiper-container {
    width: 100%;
    height: auto;
    padding: 4.16667vw .26042vw .52083vw .26042vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-brand .swiper-container {
        padding: 5.55556vw .34722vw .69444vw .34722vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-brand .swiper-container {
        padding: 6.25vw .39063vw .78125vw .39063vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-brand .swiper-container {
        padding: 10.41667vw .65104vw 1.30208vw .65104vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-brand .swiper-container {
        padding: 16.66667vw 1.04167vw 2.08333vw 1.04167vw
    }
}

.carousel-brand .swiper-container .swiper-slide {
    width: 10.9375vw;
    height: 4.6875vw;
    border: 1px solid #eee;
    border-radius: 2px;
    padding: .36458vw .36458vw .36458vw .36458vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-brand .swiper-container .swiper-slide {
        width: 14.58333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-brand .swiper-container .swiper-slide {
        width: 16.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-brand .swiper-container .swiper-slide {
        width: 27.34375vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-brand .swiper-container .swiper-slide {
        width: 43.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-brand .swiper-container .swiper-slide {
        height: 6.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-brand .swiper-container .swiper-slide {
        height: 7.03125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-brand .swiper-container .swiper-slide {
        height: 11.71875vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-brand .swiper-container .swiper-slide {
        height: 18.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .carousel-brand .swiper-container .swiper-slide {
        padding: .48611vw .48611vw .48611vw .48611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .carousel-brand .swiper-container .swiper-slide {
        padding: .54688vw .54688vw .54688vw .54688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .carousel-brand .swiper-container .swiper-slide {
        padding: .91146vw .91146vw .91146vw .91146vw
    }
}

@media only screen and (max-width:480px) {
    .carousel-brand .swiper-container .swiper-slide {
        padding: 1.45833vw 1.45833vw 1.45833vw 1.45833vw
    }
}

.carousel-brand .swiper-container .swiper-slide img {
    width: 100%;
    height: 100%
}

.carousel-brand .swiper-nav {
    position: absolute;
    bottom: auto;
    left: auto;
    width: 80px;
    height: 40px;
    right: 12%;
    top: 0;
    z-index: 2
}

.carousel-brand .swiper-nav .swiper-button-next-brand,
.carousel-brand .swiper-nav .swiper-button-prev-brand {
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    border-radius: 50px;
    background-color: #272d33;
    color: #fff;
    position: absolute;
    cursor: pointer
}

.carousel-brand .swiper-nav .swiper-button-next-brand:after,
.carousel-brand .swiper-nav .swiper-button-prev-brand:after {
    content: '';
    position: absolute;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-long-arrow-wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.carousel-brand .swiper-nav .swiper-button-next-brand {
    right: -5px
}

.carousel-brand .swiper-nav .swiper-button-prev-brand {
    left: -5px
}

.carousel-brand .swiper-nav .swiper-button-prev-brand:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-subscribe-consultation {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 75vw;
    margin: auto;
    padding-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation {
        max-width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation {
        max-width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation {
        max-width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation {
        max-width: 300vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation {
        padding-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation {
        padding-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation {
        padding-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation {
        padding-bottom: 4.16667vw
    }
}

.box-subscribe-consultation__wrapper {
    background-color: #eee;
    display: block;
    margin: auto;
    text-align: center;
    width: 51%;
    padding: 0% 6%;
    margin-top: 15px;
    margin-bottom: 16px;
    padding-bottom: 10px;
}

div#typed-strings p {
    font-size: 24px;
    line-height: 24px;
}
@media only screen and (max-width:480px) {
    .box-subscribe-consultation__wrapper {
        padding: 5% 5%
    }
}
@media only screen and (max-width:480px) {
.box-subscribe-consultation__wrapper {
    width: 100%;

}
}

.box-subscribe-consultation__title span {
    text-transform: uppercase
}

.box-subscribe-consultation__title .title {
    margin-top: 0;
    margin-bottom: .52083vw;
    font-size: 2.08333vw;
    color: #272d33;
    line-height: 1.5;
    font-weight: 800
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__title .title {
        margin-top: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__title .title {
        margin-top: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__title .title {
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__title .title {
        margin-top: 0
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__title .title {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__title .title {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__title .title {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__title .title {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__title .title {
        font-size: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__title .title {
        font-size: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__title .title {
        font-size: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__title .title {
        font-size: 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__title .title {
        font-size: .9375vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__title .title {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__title .title {
        font-size: 1.40625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__title .title {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe-consultation__title .title {
        font-size: 3.75vw
    }
}

.box-subscribe-consultation__title .subtitle {
    text-transform: initial;
    font-size: .9375vw;
    line-height: 1.4
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__title .subtitle {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__title .subtitle {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__title .subtitle {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__title .subtitle {
        font-size: 3.75vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__title .subtitle {
        font-size: .83333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__title .subtitle {
        font-size: 1.11111vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__title .subtitle {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__title .subtitle {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe-consultation__title .subtitle {
        font-size: 3.33333vw
    }
}

.box-subscribe-consultation__form {
    width: 100%;
    margin: auto
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__form {
        width: 100%
    }
}

.box-subscribe-consultation .field {
    display: inline-block!important;
    margin-top: 1.82292vw;
    margin-bottom: .78125vw;
    max-width: 48%;
    width: 48%
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation .field {
        margin-top: 2.43056vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation .field {
        margin-top: 2.73438vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation .field {
        margin-top: 4.55729vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation .field {
        margin-top: 7.29167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation .field {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation .field {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation .field {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation .field {
        margin-bottom: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation .field {
        max-width: 100%;
        width: 100%
    }
    .box-subscribe-consultation .field:nth-child(3) {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation .field:nth-child(3) {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation .field:nth-child(3) {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation .field:nth-child(3) {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe-consultation .field:nth-child(3) {
        margin-bottom: 0
    }
}

.box-subscribe-consultation .field.field-popupform-message {
    display: block!important;
    width: 100%
}

.box-subscribe-consultation__input-name,
.box-subscribe-consultation__input-tel {
    height: 3.125vw;
    width: 50%;
    font-size: .83333vw;
    background-color: #fff!important;
    border: 1px solid #fff;
    color: grey;
    padding-left: 1.5625vw;
    margin-right: 1.30208vw;
    display: inline-block
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        height: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        height: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        height: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        height: 12.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        max-width: 100%!important;
        width: 100%
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        padding-left: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        padding-left: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        padding-left: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        padding-left: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        margin-right: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        margin-right: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        margin-right: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__input-name,
    .box-subscribe-consultation__input-tel {
        margin-right: 5.20833vw
    }
}

.box-subscribe-consultation__input-name::-webkit-input-placeholder,
.box-subscribe-consultation__input-tel::-webkit-input-placeholder {
    color: grey;
    font-size: .83333vw
}

.box-subscribe-consultation__input-name::-moz-placeholder,
.box-subscribe-consultation__input-tel::-moz-placeholder {
    color: grey;
    font-size: .83333vw
}

.box-subscribe-consultation__input-name:-ms-input-placeholder,
.box-subscribe-consultation__input-tel:-ms-input-placeholder {
    color: grey;
    font-size: .83333vw
}

.box-subscribe-consultation__input-name::-ms-input-placeholder,
.box-subscribe-consultation__input-tel::-ms-input-placeholder {
    color: grey;
    font-size: .83333vw
}

.box-subscribe-consultation__input-name::placeholder,
.box-subscribe-consultation__input-tel::placeholder {
    color: grey;
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__input-name::-webkit-input-placeholder,
    .box-subscribe-consultation__input-tel::-webkit-input-placeholder {
        font-size: 1.11111vw
    }
    .box-subscribe-consultation__input-name::-moz-placeholder,
    .box-subscribe-consultation__input-tel::-moz-placeholder {
        font-size: 1.11111vw
    }
    .box-subscribe-consultation__input-name:-ms-input-placeholder,
    .box-subscribe-consultation__input-tel:-ms-input-placeholder {
        font-size: 1.11111vw
    }
    .box-subscribe-consultation__input-name::-ms-input-placeholder,
    .box-subscribe-consultation__input-tel::-ms-input-placeholder {
        font-size: 1.11111vw
    }
    .box-subscribe-consultation__input-name::placeholder,
    .box-subscribe-consultation__input-tel::placeholder {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__input-name::-webkit-input-placeholder,
    .box-subscribe-consultation__input-tel::-webkit-input-placeholder {
        font-size: 1.25vw
    }
    .box-subscribe-consultation__input-name::-moz-placeholder,
    .box-subscribe-consultation__input-tel::-moz-placeholder {
        font-size: 1.25vw
    }
    .box-subscribe-consultation__input-name:-ms-input-placeholder,
    .box-subscribe-consultation__input-tel:-ms-input-placeholder {
        font-size: 1.25vw
    }
    .box-subscribe-consultation__input-name::-ms-input-placeholder,
    .box-subscribe-consultation__input-tel::-ms-input-placeholder {
        font-size: 1.25vw
    }
    .box-subscribe-consultation__input-name::placeholder,
    .box-subscribe-consultation__input-tel::placeholder {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__input-name::-webkit-input-placeholder,
    .box-subscribe-consultation__input-tel::-webkit-input-placeholder {
        font-size: 2.08333vw
    }
    .box-subscribe-consultation__input-name::-moz-placeholder,
    .box-subscribe-consultation__input-tel::-moz-placeholder {
        font-size: 2.08333vw
    }
    .box-subscribe-consultation__input-name:-ms-input-placeholder,
    .box-subscribe-consultation__input-tel:-ms-input-placeholder {
        font-size: 2.08333vw
    }
    .box-subscribe-consultation__input-name::-ms-input-placeholder,
    .box-subscribe-consultation__input-tel::-ms-input-placeholder {
        font-size: 2.08333vw
    }
    .box-subscribe-consultation__input-name::placeholder,
    .box-subscribe-consultation__input-tel::placeholder {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__input-name::-webkit-input-placeholder,
    .box-subscribe-consultation__input-tel::-webkit-input-placeholder {
        font-size: 3.33333vw
    }
    .box-subscribe-consultation__input-name::-moz-placeholder,
    .box-subscribe-consultation__input-tel::-moz-placeholder {
        font-size: 3.33333vw
    }
    .box-subscribe-consultation__input-name:-ms-input-placeholder,
    .box-subscribe-consultation__input-tel:-ms-input-placeholder {
        font-size: 3.33333vw
    }
    .box-subscribe-consultation__input-name::-ms-input-placeholder,
    .box-subscribe-consultation__input-tel::-ms-input-placeholder {
        font-size: 3.33333vw
    }
    .box-subscribe-consultation__input-name::placeholder,
    .box-subscribe-consultation__input-tel::placeholder {
        font-size: 3.33333vw
    }
}

.box-subscribe-consultation__input-tel {
    margin-right: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__input-tel {
        margin-right: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__input-tel {
        margin-right: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__input-tel {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__input-tel {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation .field-popupform-phone {
        margin-top: .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation .field-popupform-phone {
        margin-top: 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation .field-popupform-phone {
        margin-top: 1.17188vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation .field-popupform-phone {
        margin-top: 1.95313vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe-consultation .field-popupform-phone {
        margin-top: 3.125vw
    }
}

.box-subscribe-consultation .field-popupform-message {
    max-width: 97%!important;
    margin: auto!important;
    height: 100%
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation .field-popupform-message {
        max-width: 100%!important
    }
}

.box-subscribe-consultation .field-popupform-message textarea {
    max-width: 100%!important;
    height: 100%!important;
    background-color: #fff!important
}

.box-subscribe-consultation__checkblock {
    margin-top: .78125vw;
    margin-left: .78125vw;
    text-align: left
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__checkblock {
        margin-top: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__checkblock {
        margin-top: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__checkblock {
        margin-top: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__checkblock {
        margin-top: 3.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__checkblock {
        margin-left: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__checkblock {
        margin-left: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__checkblock {
        margin-left: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__checkblock {
        margin-left: 3.125vw
    }
}

.box-subscribe-consultation__checkblock .checkbox-small {
    font-size: .83333vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__checkblock .checkbox-small {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__checkblock .checkbox-small {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__checkblock .checkbox-small {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__checkblock .checkbox-small {
        font-size: 3.33333vw
    }
}

.box-subscribe-consultation__checkblock .checkbox-small:before {
    border: 2px solid #272d33
}

.box-subscribe-consultation__checkblock .checkbox-small:after {
    border-left: solid 2px #272d33!important;
    border-bottom: solid 2px #272d33!important
}

.box-subscribe-consultation__checkblock .checkbox-small .personal-date {
    color: #272d33
}

.box-subscribe-consultation__checkblock .checkbox-small .personal-date:hover {
    text-decoration: underline
}

.box-subscribe-consultation__submit {
    height: 3.125vw;
    font-weight: 500;
    display: inline-block;
    font-size: .83333vw;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    background-color: #2585fb;
    border: 1px solid #2585fb;
    padding-left: 15%;
    padding-right: 15%;
    margin-top: 15px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__submit {
        height: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__submit {
        height: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__submit {
        height: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__submit {
        height: 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__submit {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__submit {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__submit {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__submit {
        font-size: 3.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__submit {
        width: 100%;
        font-size: 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__submit {
        font-size: 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__submit {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__submit {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe-consultation__submit {
        font-size: 4.16667vw
    }
}

.box-subscribe-consultation__submit:hover {
    border: 1px solid #2585fb;
    background-color: #fff;
    color: #2585fb
}

.box-subscribe-consultation button[disabled] {
    opacity: .8
}

.box-subscribe-consultation__subtext {
    font-size: .72917vw;
    line-height: 1.5;
    color: #272d33;
    text-align: center
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe-consultation__subtext {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-subscribe-consultation__subtext {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-subscribe-consultation__subtext {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe-consultation__subtext {
        font-size: 2.91667vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe {
        height: auto;
        margin-top: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-subscribe {
        margin-top: 2.77778vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-subscribe {
        margin-top: 3.125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-subscribe {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-subscribe {
        margin-top: 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-subscribe__wrapper {
        width: 100%
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.product-item-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-product-light {
    position: relative;
    max-width: 17.1875vw;
    min-height: 20.83333vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 1.04167vw 1.04167vw 1.04167vw 1.04167vw;
    -webkit-transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light {
        max-width: 22.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light {
        max-width: 25.78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light {
        max-width: 42.96875vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light {
        max-width: 68.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light {
        min-height: 27.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light {
        min-height: 31.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light {
        min-height: 52.08333vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light {
        min-height: 83.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light {
        padding: 1.38889vw 1.38889vw 1.38889vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light {
        padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light {
        padding: 2.60417vw 2.60417vw 2.60417vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light {
        padding: 4.16667vw 4.16667vw 4.16667vw 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light {
        margin-bottom: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light {
        overflow: hidden
    }
}

.card-product-light__img {
    position: absolute;
    right: 10px;
    display: block;
    height: auto;
    width: 100%
}

@media only screen and (max-width:480px) {
    .card-product-light__img {
        height: 100%
    }
}

.card-product-light__img img {
    float: right;
    right: -10px;
    position: relative
}

@media only screen and (max-width:480px) {
    .card-product-light__img img {
        height: 100%
    }
}

.card-product-light__info {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1.04167vw 0 1.04167vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light__info {
        padding: 1.38889vw 0 1.38889vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light__info {
        padding: 1.5625vw 0 1.5625vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light__info {
        padding: 2.60417vw 0 2.60417vw 0
    }
}

@media only screen and (max-width:480px) {
    .card-product-light__info {
        padding: 4.16667vw 0 4.16667vw 0
    }
}

.card-product-light__price {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light__price {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light__price {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light__price {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light__price {
        margin-bottom: 4.16667vw
    }
}

.card-product-light__price .current {
    position: relative;
    font-size: 1.25vw;
    font-weight: 700
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light__price .current {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light__price .current {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light__price .current {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light__price .current {
        font-size: 5vw
    }
}

.card-product-light__price .current .rub {
    font-size: .83333vw;
    margin: 0 0 0 .26042vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light__price .current .rub {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light__price .current .rub {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light__price .current .rub {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light__price .current .rub {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light__price .current .rub {
        margin: 0 0 0 .34722vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light__price .current .rub {
        margin: 0 0 0 .39063vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light__price .current .rub {
        margin: 0 0 0 .65104vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light__price .current .rub {
        margin: 0 0 0 1.04167vw
    }
}

.card-product-light__links {
    margin: 0 0 .52083vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light__links {
        margin: 0 0 .69444vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light__links {
        margin: 0 0 .78125vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light__links {
        margin: 0 0 1.30208vw 0
    }
}

@media only screen and (max-width:480px) {
    .card-product-light__links {
        margin: 0 0 2.08333vw 0
    }
}

.card-product-light__name {
    font-size: .83333vw;
    font-weight: 700;
    color: #272d33;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light__name {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light__name {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light__name {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light__name {
        font-size: 3.33333vw
    }
}

.card-product-light__name:hover {
    color: #2585fb
}

.card-product-light .call-btn {
    margin-bottom: .78125vw;
    color: #2585fb;
    font-weight: 500;
    font-size: 16px;
    padding-left: 5px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .card-product-light .call-btn {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .card-product-light .call-btn {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .card-product-light .call-btn {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .card-product-light .call-btn {
        margin-bottom: 3.125vw
    }
}

.ad_peak_hammer {
    position: relative;
    max-width: 100%;
    width: 100%;
    padding: 2.08333vw 2.08333vw 1.5625vw 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .ad_peak_hammer {
        padding: 2.77778vw 2.77778vw 2.08333vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .ad_peak_hammer {
        padding: 3.125vw 3.125vw 2.34375vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .ad_peak_hammer {
        padding: 5.20833vw 5.20833vw 3.90625vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .ad_peak_hammer {
        padding: 8.33333vw 8.33333vw 6.25vw 8.33333vw
    }
}

.ad_peak_hammer .card-product-light__img {
    top: 0;
    height: 100%
}

.ad_peak_hammer .card-product-light__img img {
    height: 100%
}

.ad_peak_hammer .card-product-light__info {
    position: relative;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name {
    font-size: 1.45833vw;
    font-weight: 700;
    white-space: normal
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name {
        font-size: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name {
        font-size: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name {
        font-size: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    .ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name {
        font-size: 5.83333vw
    }
}

@media only screen and (max-width:480px) {
    .ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name {
        font-size: 1.66667vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name {
        font-size: 1.875vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name {
        font-size: 5vw
    }
}

.ad_peak_hammer .card-product-light__info .card-product-light__links .card-product__name:hover {
    color: #272d33
}

.ad_peak_hammer .call-btn {
    display: none
}

.ad_peak_hammer .card-product-light__button .btn_normal {
    background-color: #272d33;
    border: 1px solid #272d33
}

.ad_peak_hammer .card-product-light__button .btn_normal:hover {
    background-color: #fff;
    border: 1px solid #272d33;
    color: #272d33
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.repare-mg .notice {
    padding: 0 30px
}

.repare-mg .notice .icon {
    padding-top: 5px;
    padding-bottom: 5px
}

.repare-mg .notice .text {
    font-size: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .repare-mg .notice .text {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .repare-mg .notice .text {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .repare-mg .notice .text {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .repare-mg .notice .text {
        font-size: 4.16667vw
    }
}

.notice {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    max-height: 6.25vw;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 1.04167vw 2.34375vw 1.04167vw 2.34375vw;
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .notice {
        max-height: 8.33333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .notice {
        max-height: 9.375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .notice {
        max-height: 15.625vw
    }
}

@media only screen and (max-width:480px) {
    .notice {
        max-height: 25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .notice {
        padding: 1.38889vw 3.125vw 1.38889vw 3.125vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .notice {
        padding: 1.5625vw 3.51563vw 1.5625vw 3.51563vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .notice {
        padding: 2.60417vw 5.85938vw 2.60417vw 5.85938vw
    }
}

@media only screen and (max-width:480px) {
    .notice {
        padding: 4.16667vw 9.375vw 4.16667vw 9.375vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .notice {
        margin-top: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .notice {
        margin-top: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .notice {
        margin-top: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .notice {
        margin-top: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .notice {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .notice {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .notice {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .notice {
        margin-bottom: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .notice {
        height: auto;
        max-height: initial;
        padding: .52083vw 1.30208vw .52083vw 1.30208vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .notice {
        padding: .69444vw 1.73611vw .69444vw 1.73611vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .notice {
        padding: .78125vw 1.95313vw .78125vw 1.95313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .notice {
        padding: 1.30208vw 3.25521vw 1.30208vw 3.25521vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .notice {
        padding: 2.08333vw 5.20833vw 2.08333vw 5.20833vw
    }
}

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

.notice__wrapper .icon {
    font-size: 2.1875vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .notice__wrapper .icon {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .notice__wrapper .icon {
        font-size: 3.28125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .notice__wrapper .icon {
        font-size: 5.46875vw
    }
}

@media only screen and (max-width:480px) {
    .notice__wrapper .icon {
        font-size: 8.75vw
    }
}

.notice__wrapper .text {
    font-size: .9375vw;
    font-weight: 700;
    line-height: 1.5;
    color: #272d33;
    margin-left: 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .notice__wrapper .text {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .notice__wrapper .text {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .notice__wrapper .text {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .notice__wrapper .text {
        font-size: 3.75vw
    }
}

@media only screen and (max-width:480px) {
    .notice__wrapper .text {
        font-size: .83333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .notice__wrapper .text {
        font-size: 1.11111vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .notice__wrapper .text {
        font-size: 1.25vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .notice__wrapper .text {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .notice__wrapper .text {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .notice__wrapper .text {
        margin-left: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .notice__wrapper .text {
        margin-left: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .notice__wrapper .text {
        margin-left: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .notice__wrapper .text {
        margin-left: 8.33333vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-contact-info {
    position: relative;
    display: block
}

.box-contact-info__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.box-contact-info__items {
    min-width: 23.333%;
    width: 23.333%;
    margin-right: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__items {
        margin-right: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__items {
        margin-right: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__items {
        margin-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__items {
        margin-right: 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__items {
        width: 100%;
        margin-right: 0
    }
}

.box-contact-info__items:nth-child(4n) {
    margin-right: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__items:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__items:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__items:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__items:nth-child(4n) {
        margin-right: 0
    }
}

.box-contact-info__block-img {
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 3px;
    overflow: hidden;
    max-height: 11.5625vw;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-img {
        max-height: 15.41667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-img {
        max-height: 17.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-img {
        max-height: 28.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-img {
        max-height: 46.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-img {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-img {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-img {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-img {
        margin-bottom: 4.16667vw
    }
}

.box-contact-info__block-img img {
    width: 100%;
    height: auto
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) {
        margin-bottom: 20px
    }
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-img {
    border: 0;
    height: auto
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-img .logo {
    width: 11.71875vw;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-img .logo {
        width: 15.625vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-img .logo {
        width: 17.57813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-img .logo {
        width: 29.29688vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-img .logo {
        width: 46.875vw
    }
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-info {
    text-align: center;
    border: 0
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts {
    text-align: center
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time {
    margin-top: 1.30208vw;
    margin-bottom: 1.30208vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time {
        margin-top: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time {
        margin-top: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time {
        margin-top: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time {
        margin-top: 5.20833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time {
        margin-bottom: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time {
        margin-bottom: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time {
        margin-bottom: 5.20833vw
    }
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time .title {
    font-size: 1.04167vw;
    font-weight: 800;
    line-height: 1.7
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time .title {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time .title {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time .title {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time .title {
        font-size: 4.16667vw
    }
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time .title span {
    display: block;
    font-size: .83333vw;
    font-weight: 400
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time .title span {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time .title span {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time .title span {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .time .title span {
        font-size: 3.33333vw
    }
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .address {
    font-size: 1.04167vw;
    font-weight: 800;
    line-height: 1.7
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .address {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .address {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .address {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .address {
        font-size: 4.16667vw
    }
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .address span {
    display: block;
    font-size: .83333vw;
    font-weight: 400
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .address span {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .address span {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .address span {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .address span {
        font-size: 3.33333vw
    }
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps {
    display: inline-block;
    margin-top: 1.30208vw;
    margin-right: 1.30208vw;
    float: right
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps {
        margin-top: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps {
        margin-top: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps {
        margin-top: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps {
        margin-top: 5.20833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps {
        margin-right: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps {
        margin-right: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps {
        margin-right: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps {
        margin-right: 5.20833vw
    }
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps a {
    font-size: .72917vw;
    font-weight: 500;
    text-transform: inherit;
    height: 20px;
    border-bottom: 1px solid #2585fb;
    text-align: right
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps a {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps a {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps a {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps a {
        font-size: 2.91667vw
    }
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps a .icon {
    font-size: .72917vw;
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps a .icon {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps a .icon {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps a .icon {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps a .icon {
        font-size: 2.91667vw
    }
}

.box-contact-info .box-contact-info__items:nth-child(1) .box-contact-info__block-contacts .btn_maps:hover .icon {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px)
}

.box-contact-info__block-info {
    border-bottom: 1px solid #eee;
    padding-bottom: .52083vw;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-info {
        padding-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-info {
        padding-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-info {
        padding-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-info {
        padding-bottom: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-info {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-info {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-info {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-info {
        margin-bottom: 3.125vw
    }
}

.box-contact-info__block-info .title {
    font-size: 1.04167vw;
    font-weight: 700;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-info .title {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-info .title {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-info .title {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-info .title {
        font-size: 4.16667vw
    }
}

.box-contact-info__block-info .subtitle {
    font-size: .83333vw;
    font-weight: 700;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-info .subtitle {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-info .subtitle {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-info .subtitle {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-info .subtitle {
        font-size: 3.33333vw
    }
}

.box-contact-info__block-contacts .icon {
    color: grey;
    font-size: .9375vw;
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-contacts .icon {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-contacts .icon {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-contacts .icon {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-contacts .icon {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-contacts .icon {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-contacts .icon {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-contacts .icon {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-contacts .icon {
        margin-right: 4.16667vw
    }
}

.box-contact-info__block-contacts .call-phone {
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-contacts .call-phone {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-contacts .call-phone {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-contacts .call-phone {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-contacts .call-phone {
        margin-bottom: 3.125vw
    }
}

.box-contact-info__block-contacts .call-phone__link {
    color: grey;
    font-size: 1.25vw;
    font-weight: 700
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-contacts .call-phone__link {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-contacts .call-phone__link {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-contacts .call-phone__link {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-contacts .call-phone__link {
        font-size: 5vw
    }
}

.box-contact-info__block-contacts .mail {
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-contacts .mail {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-contacts .mail {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-contacts .mail {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-contacts .mail {
        margin-bottom: 6.25vw
    }
}

.box-contact-info__block-contacts .mail__link {
    color: grey;
    font-size: .9375vw;
    font-weight: 500
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-contacts .mail__link {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-contacts .mail__link {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-contacts .mail__link {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-contacts .mail__link {
        font-size: 3.75vw
    }
}

.box-contact-info__block-contacts .name h5 {
    color: #2585fb;
    font-size: .9375vw;
    font-weight: 700
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-contact-info__block-contacts .name h5 {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-contact-info__block-contacts .name h5 {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-contact-info__block-contacts .name h5 {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-contact-info__block-contacts .name h5 {
        font-size: 3.75vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-form-contacts {
    margin-top: 3.125vw;
    margin-bottom: 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts {
        margin-top: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts {
        margin-top: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts {
        margin-top: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts {
        margin-top: 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts {
        margin-bottom: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts {
        margin-bottom: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts {
        margin-bottom: 12.5vw
    }
}

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

.box-form-contacts__block-img {
    position: relative
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-img {
        display: none
    }
}

.box-form-contacts__block-form {
    max-width: 35.9375vw;
    width: 100%
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form {
        max-width: 47.91667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form {
        max-width: 53.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form {
        max-width: 89.84375vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form {
        max-width: 143.75vw
    }
}

.box-form-contacts__block-form .contacts-form {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 1.82292vw 2.34375vw 1.82292vw 2.34375vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form {
        padding: 2.43056vw 3.125vw 2.43056vw 3.125vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form {
        padding: 2.73438vw 3.51563vw 2.73438vw 3.51563vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form {
        padding: 4.55729vw 5.85938vw 4.55729vw 5.85938vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form {
        padding: 7.29167vw 9.375vw 7.29167vw 9.375vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form {
        padding: 1.82292vw 1.30208vw 1.30208vw 1.30208vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form {
        padding: 2.43056vw 1.73611vw 1.73611vw 1.73611vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form {
        padding: 2.73438vw 1.95313vw 1.95313vw 1.95313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form {
        padding: 4.55729vw 3.25521vw 3.25521vw 3.25521vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form {
        padding: 7.29167vw 5.20833vw 5.20833vw 5.20833vw
    }
}

.box-form-contacts__block-form .contacts-form__title h2.title {
    font-size: 1.66667vw;
    font-weight: 800;
    color: #272d33;
    line-height: 1.2;
    margin-top: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__title h2.title {
        font-size: 2.22222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__title h2.title {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__title h2.title {
        font-size: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__title h2.title {
        font-size: 6.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__title h2.title {
        margin-top: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__title h2.title {
        margin-top: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__title h2.title {
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__title h2.title {
        margin-top: 0
    }
}

.box-form-contacts__block-form .contacts-form__input-block {
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__input-block {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__input-block {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__input-block {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__input-block {
        margin-bottom: 6.25vw
    }
}

.box-form-contacts__block-form .contacts-form__input-block .message,
.box-form-contacts__block-form .contacts-form__input-block .name,
.box-form-contacts__block-form .contacts-form__input-block .tel {
    width: 47.4%;
    height: 2.60417vw;
    border: 1px solid #eee;
    border-radius: 2px;
    font-size: .83333vw;
    color: #272d33;
    background-color: #fff;
    padding-left: 1.5625vw;
    margin-bottom: .78125vw
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        width: 100%
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        height: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        padding-left: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        padding-left: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        padding-left: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        padding-left: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__input-block .message,
    .box-form-contacts__block-form .contacts-form__input-block .name,
    .box-form-contacts__block-form .contacts-form__input-block .tel {
        margin-bottom: 3.125vw
    }
}

.box-form-contacts__block-form .contacts-form__input-block .message::-webkit-input-placeholder,
.box-form-contacts__block-form .contacts-form__input-block .name::-webkit-input-placeholder,
.box-form-contacts__block-form .contacts-form__input-block .tel::-webkit-input-placeholder {
    color: grey
}

.box-form-contacts__block-form .contacts-form__input-block .message::-moz-placeholder,
.box-form-contacts__block-form .contacts-form__input-block .name::-moz-placeholder,
.box-form-contacts__block-form .contacts-form__input-block .tel::-moz-placeholder {
    color: grey
}

.box-form-contacts__block-form .contacts-form__input-block .message:-ms-input-placeholder,
.box-form-contacts__block-form .contacts-form__input-block .name:-ms-input-placeholder,
.box-form-contacts__block-form .contacts-form__input-block .tel:-ms-input-placeholder {
    color: grey
}

.box-form-contacts__block-form .contacts-form__input-block .message::-ms-input-placeholder,
.box-form-contacts__block-form .contacts-form__input-block .name::-ms-input-placeholder,
.box-form-contacts__block-form .contacts-form__input-block .tel::-ms-input-placeholder {
    color: grey
}

.box-form-contacts__block-form .contacts-form__input-block .message::placeholder,
.box-form-contacts__block-form .contacts-form__input-block .name::placeholder,
.box-form-contacts__block-form .contacts-form__input-block .tel::placeholder {
    color: grey
}

.box-form-contacts__block-form .contacts-form__input-block .message:focus,
.box-form-contacts__block-form .contacts-form__input-block .name:focus,
.box-form-contacts__block-form .contacts-form__input-block .tel:focus {
    background-color: #f8f8f8
}

.box-form-contacts__block-form .contacts-form__input-block .name {
    margin-right: 1.30208vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__input-block .name {
        margin-right: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__input-block .name {
        margin-right: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__input-block .name {
        margin-right: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__input-block .name {
        margin-right: 5.20833vw
    }
}

.box-form-contacts__block-form .contacts-form__input-block .message {
    width: 100%;
    height: 7.29167vw;
    padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
    margin-bottom: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        height: 9.72222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        height: 10.9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        height: 18.22917vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        height: 29.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        padding: 2.08333vw 2.08333vw 2.08333vw 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        padding: 2.34375vw 2.34375vw 2.34375vw 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        padding: 3.90625vw 3.90625vw 3.90625vw 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        padding: 6.25vw 6.25vw 6.25vw 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        margin-bottom: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        margin-bottom: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__input-block .message {
        margin-bottom: 0
    }
}

.box-form-contacts__block-form .contacts-form__button-submit .submit {
    width: 100%;
    height: 2.60417vw;
    background-color: #2585fb;
    font-size: .83333vw;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    text-align: center
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__button-submit .submit {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__button-submit .submit {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__button-submit .submit {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__button-submit .submit {
        height: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__button-submit .submit {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__button-submit .submit {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__button-submit .submit {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__button-submit .submit {
        font-size: 3.33333vw
    }
}

.box-form-contacts__block-form .contacts-form__check-block {
    margin-top: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__check-block {
        margin-top: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__check-block {
        margin-top: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__check-block {
        margin-top: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__check-block {
        margin-top: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__check-block label {
        font-size: 12px
    }
}

.box-form-contacts__block-form .contacts-form__check-block label:before {
    border: 2px solid #2585fb
}

.box-form-contacts__block-form .contacts-form__check-block .checkbox-style:checked+.checkbox-style-3-label::after {
    border-left: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb
}

.box-form-contacts__block-form .contacts-form__check-block .personal-date {
    color: #2585fb
}

.box-form-contacts__block-form .contacts-form__subtext {
    margin-top: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__subtext {
        margin-top: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__subtext {
        margin-top: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__subtext {
        margin-top: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__subtext {
        margin-top: 6.25vw
    }
}

.box-form-contacts__block-form .contacts-form__subtext p {
    text-align: center;
    font-size: .72917vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-contacts__block-form .contacts-form__subtext p {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-contacts__block-form .contacts-form__subtext p {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-contacts__block-form .contacts-form__subtext p {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-contacts__block-form .contacts-form__subtext p {
        font-size: 2.91667vw
    }
}

.maps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .maps {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .maps {
        margin-bottom: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .maps {
        margin-bottom: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .maps {
        margin-bottom: 12.5vw
    }
}

.maps__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .maps__title {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .maps__title {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .maps__title {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .maps__title {
        margin-bottom: 4.16667vw
    }
}

.maps__title .icon {
    font-size: .9375vw;
    margin-right: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .maps__title .icon {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .maps__title .icon {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .maps__title .icon {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .maps__title .icon {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .maps__title .icon {
        margin-right: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .maps__title .icon {
        margin-right: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .maps__title .icon {
        margin-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .maps__title .icon {
        margin-right: 2.08333vw
    }
}

.maps__title h5.title {
    font-size: .9375vw;
    color: #272d33;
    font-weight: 700;
    margin: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .maps__title h5.title {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .maps__title h5.title {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .maps__title h5.title {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .maps__title h5.title {
        font-size: 3.75vw
    }
}

@media only screen and (max-width:480px) {
    .maps .block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.maps__img {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: #f8f8f8;
    padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .maps__img {
        padding: 2.08333vw 2.08333vw 2.08333vw 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .maps__img {
        padding: 2.34375vw 2.34375vw 2.34375vw 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .maps__img {
        padding: 3.90625vw 3.90625vw 3.90625vw 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .maps__img {
        padding: 6.25vw 6.25vw 6.25vw 6.25vw
    }
}

@media only screen and (max-width:480px) {
    .maps__img {
        width: 100%;
        padding: .52083vw .52083vw .52083vw .52083vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .maps__img {
        padding: .69444vw .69444vw .69444vw .69444vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .maps__img {
        padding: .78125vw .78125vw .78125vw .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .maps__img {
        padding: 1.30208vw 1.30208vw 1.30208vw 1.30208vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .maps__img {
        padding: 2.08333vw 2.08333vw 2.08333vw 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .maps__img iframe {
        width: 100%
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-news-detail__wrapper {
    padding-top: 2.08333vw;
    color: #272d33;
    line-height: 1.4
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-detail__wrapper {
        padding-top: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-detail__wrapper {
        padding-top: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-detail__wrapper {
        padding-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-detail__wrapper {
        padding-top: 8.33333vw
    }
}

.box-news-detail__wrapper #list2 {
    width: 60%
}

@media only screen and (max-width:480px) {
    .box-news-detail__wrapper #list2 {
        width: 90%
    }
}

.box-news-detail__wrapper #list2 ol {
    font-size: 24px;
    color: #272d33
}

.box-news-detail__wrapper #list2 ol li {
    list-style: square
}

.box-news-detail__wrapper #list2 ol li p {
    display: block;
    padding: 8px;
    font-style: normal;
    font-size: 16px;
    color: #272d33;
    border-left: 1px solid grey
}

.box-news-detail__wrapper ol.wsnumber1 {
    display: block;
    counter-reset: wslist1;
    color: #272d33;
    list-style: none
}

.box-news-detail__wrapper ol.wsnumber1>li {
    margin: 0 0 1em 3em;
    position: relative
}

@media only screen and (max-width:480px) {
    .box-news-detail__wrapper ol.wsnumber1>li {
        margin: 0 0 1em 1em
    }
}

.box-news-detail__wrapper ol.wsnumber1>li::before {
    background: #272d33;
    border-radius: 50%;
    color: #fff;
    content: counter(wslist1);
    counter-increment: wslist1;
    display: inline-block;
    height: 30px;
    width: 30px;
    left: -40px;
    line-height: 22px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box-news-detail__wrapper ol.wsnumber1>li>b {
    text-decoration: underline;
    font-size: 18px
}

.box-news-detail__title {
    position: relative;
    display: block;
    border-bottom: 1px solid #eee;
    padding-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-detail__title {
        padding-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-detail__title {
        padding-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-detail__title {
        padding-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-detail__title {
        padding-bottom: 4.16667vw
    }
}

.box-news-detail__title h3.title {
    font-size: 1.97917vw;
    font-weight: 800;
    color: #272d33;
    text-align: left;
    text-transform: inherit;
    margin: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-detail__title h3.title {
        font-size: 2.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-detail__title h3.title {
        font-size: 2.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-detail__title h3.title {
        font-size: 4.94792vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-detail__title h3.title {
        font-size: 7.91667vw
    }
}

.box-news-detail__option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.04167vw 0 1.04167vw 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-detail__option {
        padding: 1.38889vw 0 1.38889vw 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-detail__option {
        padding: 1.5625vw 0 1.5625vw 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-detail__option {
        padding: 2.60417vw 0 2.60417vw 0
    }
}

@media only screen and (max-width:480px) {
    .box-news-detail__option {
        padding: 4.16667vw 0 4.16667vw 0
    }
}

.box-news-detail__option .date {
    font-size: .83333vw;
    font-weight: 700
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-detail__option .date {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-detail__option .date {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-detail__option .date {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-detail__option .date {
        font-size: 3.33333vw
    }
}

.box-news-detail__option .navigate {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px
}

.box-news-detail__option .navigate:before {
    content: '';
    position: absolute;
    top: -2px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-table.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.box-news-detail__option .navigate .nav-pager--back .icon,
.box-news-detail__option .navigate .nav-pager--next .icon {
    stroke: grey;
    stroke-width: 2px
}

.box-news-detail__option .navigate .nav-pager--back {
    margin-left: 0;
    margin-right: auto
}

.box-news-detail__option .navigate .nav-pager--back .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.box-news-detail__option .navigate .nav-pager--next {
    margin-left: auto;
    margin-right: 0
}

.box-news-detail .swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.box-news-detail .swiper-slide {
    background-size: cover;
    background-position: center
}

.box-news-detail .gallery-top {
    height: 100%;
    width: 100%
}

.box-news-detail .gallery-thumbs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    margin-bottom: 1.30208vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-detail .gallery-thumbs {
        margin-bottom: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-detail .gallery-thumbs {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-detail .gallery-thumbs {
        margin-bottom: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-detail .gallery-thumbs {
        margin-bottom: 5.20833vw
    }
}

.box-news-detail .gallery-thumbs img {
    border: 1px solid #eee;
    width: 100%;
    height: auto
}

.box-news-detail .gallery-thumbs .swiper-slide-thumb-active img {
    border: 1px solid #2585fb
}

.box-news-detail .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: .4
}

.box-news-detail .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-news-list-small__title {
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__title {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__title {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__title {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__title {
        margin-bottom: 4.16667vw
    }
}

.box-news-list-small__title h4.title {
    text-align: left;
    font-size: 1.45833vw;
    font-weight: 700;
    color: #272d33;
    margin-top: 2.60417vw;
    margin-bottom: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__title h4.title {
        font-size: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__title h4.title {
        font-size: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__title h4.title {
        font-size: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__title h4.title {
        font-size: 5.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__title h4.title {
        margin-top: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__title h4.title {
        margin-top: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__title h4.title {
        margin-top: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__title h4.title {
        margin-top: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__title h4.title {
        margin-bottom: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__title h4.title {
        margin-bottom: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__title h4.title {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__title h4.title {
        margin-bottom: 0
    }
}

.box-news-list-small__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    padding: .78125vw 1.04167vw .78125vw 1.04167vw;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__items {
        padding: 1.04167vw 1.38889vw 1.04167vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__items {
        padding: 1.17188vw 1.5625vw 1.17188vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__items {
        padding: 1.95313vw 2.60417vw 1.95313vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__items {
        padding: 3.125vw 4.16667vw 3.125vw 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__items {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__items {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__items {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__items {
        margin-bottom: 3.125vw
    }
}

.box-news-list-small__items:hover {
    border-right: 10px solid #272d33;
    -webkit-box-shadow: 0 12px 36px rgba(0, 0, 0, .15);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .15)
}

.box-news-list-small__img {
    min-height: 70px;
    min-width: 100px;
    width: 100px;
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__img {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__img {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__img {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__img {
        margin-right: 4.16667vw
    }
}

.box-news-list-small__img img {
    height: 100%;
    width: 100%
}

.box-news-list-small__content h6.title {
    font-size: .9375vw;
    font-weight: 700;
    line-height: 1.2;
    color: #272d33;
    text-align: left;
    margin: 0;
    padding-right: 5px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__content h6.title {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__content h6.title {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__content h6.title {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__content h6.title {
        font-size: 3.75vw
    }
}

.box-news-list-small__content .btn_arrow {
    display: inline-block;
    font-size: .625vw;
    font-weight: 500;
    height: 20px;
    border-bottom: 1px solid #2585fb;
    text-align: right;
    margin-top: .26042vw;
    padding-right: .52083vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__content .btn_arrow {
        font-size: .83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__content .btn_arrow {
        font-size: .9375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__content .btn_arrow {
        font-size: 1.5625vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__content .btn_arrow {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__content .btn_arrow {
        margin-top: .34722vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__content .btn_arrow {
        margin-top: .39063vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__content .btn_arrow {
        margin-top: .65104vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__content .btn_arrow {
        margin-top: 1.04167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__content .btn_arrow {
        padding-right: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__content .btn_arrow {
        padding-right: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__content .btn_arrow {
        padding-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__content .btn_arrow {
        padding-right: 2.08333vw
    }
}

.box-news-list-small__content .btn_arrow .icon {
    font-size: .72917vw;
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-small__content .btn_arrow .icon {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-small__content .btn_arrow .icon {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-small__content .btn_arrow .icon {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-small__content .btn_arrow .icon {
        font-size: 2.91667vw
    }
}

.box-news-list-small__content .btn_arrow:hover .icon {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px)
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-news-list-price {
    margin-bottom: 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-price {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-price {
        margin-bottom: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-price {
        margin-bottom: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-price {
        margin-bottom: 12.5vw
    }
}

.box-news-list-price__title {
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-price__title {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-price__title {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-price__title {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-price__title {
        margin-bottom: 4.16667vw
    }
}

.box-news-list-price__title h4.title {
    text-align: left;
    font-size: 1.45833vw;
    font-weight: 700;
    color: #272d33;
    margin-top: 2.60417vw;
    margin-bottom: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-price__title h4.title {
        font-size: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-price__title h4.title {
        font-size: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-price__title h4.title {
        font-size: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-price__title h4.title {
        font-size: 5.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-price__title h4.title {
        margin-top: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-price__title h4.title {
        margin-top: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-price__title h4.title {
        margin-top: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-price__title h4.title {
        margin-top: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-price__title h4.title {
        margin-bottom: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-price__title h4.title {
        margin-bottom: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-price__title h4.title {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-price__title h4.title {
        margin-bottom: 0
    }
}

.box-news-list-price__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    padding: .78125vw 1.04167vw .78125vw 1.04167vw;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-price__items {
        padding: 1.04167vw 1.38889vw 1.04167vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-price__items {
        padding: 1.17188vw 1.5625vw 1.17188vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-price__items {
        padding: 1.95313vw 2.60417vw 1.95313vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-price__items {
        padding: 3.125vw 4.16667vw 3.125vw 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-price__items {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-price__items {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-price__items {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-price__items {
        margin-bottom: 3.125vw
    }
}

.box-news-list-price__items:hover {
    border-right: 10px solid #272d33;
    -webkit-box-shadow: 0 12px 36px rgba(0, 0, 0, .15);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .15)
}

.box-news-list-price__img {
    width: auto;
    height: auto;
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-price__img {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-price__img {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-price__img {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-price__img {
        margin-right: 4.16667vw
    }
}

.box-news-list-price__img img {
    height: 100%;
    width: 100%
}

.box-news-list-price__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.box-news-list-price__content h6.title {
    font-size: .9375vw;
    font-weight: 700;
    line-height: 1.2;
    color: #272d33;
    text-align: left;
    margin: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-news-list-price__content h6.title {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-news-list-price__content h6.title {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-news-list-price__content h6.title {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-news-list-price__content h6.title {
        font-size: 3.75vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-form-aside {
    position: relative;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5.20833vw;
    background-color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside {
        margin-top: 6.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside {
        margin-top: 7.8125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside {
        margin-top: 13.02083vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside {
        margin-top: 20.83333vw
    }
}

.box-form-aside__wrapper {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    padding: 2.08333vw 2.08333vw 2.08333vw 2.08333vw;
    z-index: 2
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__wrapper {
        padding: 2.77778vw 2.77778vw 2.77778vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__wrapper {
        padding: 3.125vw 3.125vw 3.125vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__wrapper {
        padding: 5.20833vw 5.20833vw 5.20833vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__wrapper {
        padding: 8.33333vw 8.33333vw 8.33333vw 8.33333vw
    }
}

.box-form-aside__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: #272d33
}

.box-form-aside__title h5.title {
    font-size: 1.04167vw;
    line-height: 1.3;
    font-weight: 700;
    margin: 0;
    margin-right: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title h5.title {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title h5.title {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title h5.title {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__title h5.title {
        font-size: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title h5.title {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title h5.title {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title h5.title {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__title h5.title {
        margin-right: 4.16667vw
    }
}

.box-form-aside__title img {
    min-width: 3.38542vw;
    width: 3.38542vw;
    height: 3.38542vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title img {
        min-width: 4.51389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title img {
        min-width: 5.07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title img {
        min-width: 8.46354vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__title img {
        min-width: 13.54167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title img {
        width: 4.51389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title img {
        width: 5.07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title img {
        width: 8.46354vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__title img {
        width: 13.54167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title img {
        height: 4.51389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title img {
        height: 5.07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title img {
        height: 8.46354vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__title img {
        height: 13.54167vw
    }
}

.box-form-aside__form {
    width: 100%
}

.box-form-aside__input-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    margin-top: 1.30208vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__input-block {
        margin-top: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__input-block {
        margin-top: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__input-block {
        margin-top: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__input-block {
        margin-top: 5.20833vw
    }
    img.w-100 {
        width: 100%;
        height: auto;
    }
}

.box-form-aside__input-tel {
    width: 100%;
    height: 2.60417vw;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    padding-left: 1.5625vw;
    margin-bottom: 1.04167vw;
    display: inline-block;
    font-size: .83333vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__input-tel {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__input-tel {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__input-tel {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__input-tel {
        height: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__input-tel {
        padding-left: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__input-tel {
        padding-left: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__input-tel {
        padding-left: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__input-tel {
        padding-left: 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__input-tel {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__input-tel {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__input-tel {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__input-tel {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__input-tel {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__input-tel {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__input-tel {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__input-tel {
        font-size: 3.33333vw
    }
}

.box-form-aside__input-tel::-webkit-input-placeholder {
    color: #272d33
}

.box-form-aside__input-tel::-moz-placeholder {
    color: #272d33
}

.box-form-aside__input-tel:-ms-input-placeholder {
    color: #272d33
}

.box-form-aside__input-tel::-ms-input-placeholder {
    color: #272d33
}

.box-form-aside__input-tel::placeholder {
    color: #272d33
}

.box-form-aside__checkblock {
    margin-top: .36458vw;
    margin-left: .26042vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__checkblock {
        margin-top: .48611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__checkblock {
        margin-top: .54688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__checkblock {
        margin-top: .91146vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__checkblock {
        margin-top: 1.45833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__checkblock {
        margin-left: .34722vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__checkblock {
        margin-left: .39063vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__checkblock {
        margin-left: .65104vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__checkblock {
        margin-left: 1.04167vw
    }
}

.box-form-aside__checkblock .checkbox-small {
    font-size: .83333vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__checkblock .checkbox-small {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__checkblock .checkbox-small {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__checkblock .checkbox-small {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__checkblock .checkbox-small {
        font-size: 3.33333vw
    }
}

.box-form-aside__checkblock .checkbox-small .personal-date {
    color: #2585fb
}

.box-form-aside__checkblock .checkbox-small .personal-date:hover {
    text-decoration: underline
}

.box-form-aside__checkblock .checkbox-small:before {
    border: 2px solid #272d33
}

.box-form-aside__checkblock .checkbox-style:checked+.checkbox-small:after {
    border-left: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb
}

.box-form-aside__submit {
    width: 10.41667vw;
    height: 2.60417vw;
    border: 0;
    background-color: #2585fb;
    display: inline-block;
    font-size: .83333vw;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__submit {
        width: 13.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__submit {
        width: 15.625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__submit {
        width: 26.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__submit {
        width: 41.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__submit {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__submit {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__submit {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__submit {
        height: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__submit {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__submit {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__submit {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__submit {
        font-size: 3.33333vw
    }
}

.box-form-aside__submit:hover {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__submit:hover {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__submit:hover {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-form-aside__submit:hover {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__submit:hover {
        font-size: 3.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside {
        height: auto;
        margin-top: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside {
        margin-top: 2.77778vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-aside {
        margin-top: 3.125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-aside {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-aside {
        margin-top: 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__wrapper {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5625vw 1.04167vw 1.04167vw 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__wrapper {
        padding: 2.08333vw 1.38889vw 1.38889vw 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__wrapper {
        padding: 2.34375vw 1.5625vw 1.5625vw 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-aside__wrapper {
        padding: 3.90625vw 2.60417vw 2.60417vw 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-aside__wrapper {
        padding: 6.25vw 4.16667vw 4.16667vw 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-right: 0;
        padding-left: 0;
        padding-right: 2.60417vw;
        color: #fff
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-aside__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-aside__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title {
        padding-right: 3.47222vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title {
        padding-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title {
        padding-right: 6.51042vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-aside__title {
        padding-right: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__title .icon {
        opacity: .5;
        min-width: 5.625vw;
        width: 5.625vw;
        height: 4.73958vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title .icon {
        min-width: 7.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title .icon {
        min-width: 8.4375vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title .icon {
        min-width: 14.0625vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-aside__title .icon {
        min-width: 22.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title .icon {
        width: 7.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title .icon {
        width: 8.4375vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title .icon {
        width: 14.0625vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-aside__title .icon {
        width: 22.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__title .icon {
        height: 6.31944vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__title .icon {
        height: 7.10938vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-aside__title .icon {
        height: 11.84896vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-aside__title .icon {
        height: 18.95833vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__form {
        width: 100%
    }
    .box-form-aside__input-block {
        margin-top: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__input-block {
        margin-top: 1.73611vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__input-block {
        margin-top: 1.95313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-aside__input-block {
        margin-top: 3.25521vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-aside__input-block {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-form-aside__checkblock {
        margin-bottom: 1.82292vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-form-aside__checkblock {
        margin-bottom: 2.43056vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-form-aside__checkblock {
        margin-bottom: 2.73438vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-form-aside__checkblock {
        margin-bottom: 4.55729vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-form-aside__checkblock {
        margin-bottom: 7.29167vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

#glightbox-body .plyr [hidden] {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.box-audio-say .plyr .plyr__progress__buffer {
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/_src/audio-buffer.png);
    height: 50px!important
}

.plyr .plyr__controls {
    padding: 0!important
}

.plyr .plyr__control.plyr__tab-focus {
    -webkit-box-shadow: 0 0 0 5px rgba(37, 133, 251, .5)!important;
    box-shadow: 0 0 0 5px rgba(37, 133, 251, .5)!important;
    outline: 0
}

.plyr .plyr__controls__item.plyr__control {
    background-color: #2585fb;
    border-radius: 50px;
    padding: 14px;
    margin-right: 7px
}

.plyr .plyr__controls__item.plyr__control .icon--pressed {
    fill: #fff
}

.plyr .plyr__controls__item.plyr__control .icon--not-pressed {
    position: relative;
    right: -2px;
    fill: #fff
}

.plyr .plyr__controls__item.plyr__control:hover {
    background-color: #2585fb;
    opacity: .8
}

.plyr .plyr__progress__buffer {
    top: -90%!important;
    background-position: center center;
    background-size: cover;
    border-radius: 0!important;
    color: transparent!important
}

.plyr .plyr__controls__item.plyr__menu {
    display: none
}

.plyr .plyr__controls__item.plyr__volume input[type=range] {
    color: #2585fb!important
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-section-detail-hydm__wrapper {
    width: 75vw;
    margin: auto
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__wrapper {
        width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__wrapper {
        width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__wrapper {
        width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__wrapper {
        width: 300vw
    }
}

.box-section-detail-hydm__wrapper .product-item-detail-slider-block {
    padding-top: 100%
}

.box-section-detail-hydm__block-top {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.box-section-detail-hydm__left {
    width: auto;
    margin-right: 1.04167vw;
    padding-top: 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__left {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__left {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__left {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__left {
        margin-right: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__left {
        padding-top: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__left {
        padding-top: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__left {
        padding-top: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__left {
        padding-top: 12.5vw
    }
}

.box-section-detail-hydm__left .gallery .swiper-slide {
    width: 23.4375vw;
    height: auto;
    border: 1px solid #eee;
    border-radius: 3px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__left .gallery .swiper-slide {
        width: 31.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__left .gallery .swiper-slide {
        width: 35.15625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__left .gallery .swiper-slide {
        width: 58.59375vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__left .gallery .swiper-slide {
        width: 93.75vw
    }
}

.box-section-detail-hydm__left .gallery .swiper-slide img {
    margin: auto
}

.box-section-detail-hydm__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    background: #fff
}

.box-section-detail-hydm__right .inform {
    display: block;
    padding: 3.125vw 2.08333vw 2.08333vw 2.08333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform {
        padding: 4.16667vw 2.77778vw 2.77778vw 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform {
        padding: 4.6875vw 3.125vw 3.125vw 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform {
        padding: 7.8125vw 5.20833vw 5.20833vw 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform {
        padding: 12.5vw 8.33333vw 8.33333vw 8.33333vw
    }
}

.box-section-detail-hydm__right .inform__left-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.box-section-detail-hydm__right .inform__price {
    position: relative;
    margin-bottom: 2.60417vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__price {
        margin-bottom: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__price {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__price {
        margin-bottom: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__price {
        margin-bottom: 10.41667vw
    }
}

.box-section-detail-hydm__right .inform__price .price-current {
    background-color: #272d33;
    text-align: center;
    font-size: 1.14583vw;
    font-weight: 700;
    color: #fff;
    padding: .78125vw 3.64583vw .78125vw 3.64583vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__price .price-current {
        font-size: 1.52778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__price .price-current {
        font-size: 1.71875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__price .price-current {
        font-size: 2.86458vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__price .price-current {
        font-size: 4.58333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__price .price-current {
        padding: 1.04167vw 4.86111vw 1.04167vw 4.86111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__price .price-current {
        padding: 1.17188vw 5.46875vw 1.17188vw 5.46875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__price .price-current {
        padding: 1.95313vw 9.11458vw 1.95313vw 9.11458vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__price .price-current {
        padding: 3.125vw 14.58333vw 3.125vw 14.58333vw
    }
}

.box-section-detail-hydm__right .inform__price .price-current span {
    font-size: .83333vw;
    margin-left: .36458vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__price .price-current span {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__price .price-current span {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__price .price-current span {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__price .price-current span {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__price .price-current span {
        margin-left: .48611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__price .price-current span {
        margin-left: .54688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__price .price-current span {
        margin-left: .91146vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__price .price-current span {
        margin-left: 1.45833vw
    }
}

.box-section-detail-hydm__right .inform__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.box-section-detail-hydm__right .inform__options .name {
    font-size: 2.08333vw;
    font-weight: 800;
    color: #272d33;
    text-align: right;
    margin-top: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__options .name {
        font-size: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__options .name {
        font-size: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__options .name {
        font-size: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__options .name {
        font-size: 8.33333vw
    }
}

.box-section-detail-hydm__right .inform__center-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.box-section-detail-hydm__right .inform__center-block .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.125vw;
    border: 1px solid #eee;
    border-radius: 3px;
    background-color: #fff;
    padding-left: .78125vw;
    padding-right: .52083vw;
    border-right: 10px solid #eee;
    margin-right: 1.04167vw;
    margin-bottom: .52083vw;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        height: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        height: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        height: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        height: 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        padding-left: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        padding-left: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        padding-left: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        padding-left: 3.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        padding-right: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        padding-right: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        padding-right: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        padding-right: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        margin-right: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        margin-right: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        margin-right: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__center-block .item {
        margin-bottom: 2.08333vw
    }
}

.box-section-detail-hydm__right .inform__center-block .item .name {
    font-size: .83333vw;
    font-weight: 700;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__center-block .item .name {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__center-block .item .name {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__center-block .item .name {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__center-block .item .name {
        font-size: 3.33333vw
    }
}

.box-section-detail-hydm__right .inform__center-block .item .value {
    background-color: #eee;
    padding: .625vw .78125vw .625vw .78125vw;
    font-size: 1.04167vw;
    font-weight: 800;
    color: #272d33;
    margin-left: .52083vw;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        padding: .83333vw 1.04167vw .83333vw 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        padding: .9375vw 1.17188vw .9375vw 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        padding: 1.5625vw 1.95313vw 1.5625vw 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        padding: 2.5vw 3.125vw 2.5vw 3.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        font-size: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        margin-left: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        margin-left: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        margin-left: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__center-block .item .value {
        margin-left: 2.08333vw
    }
}

.box-section-detail-hydm__right .inform__right-block .btn_order {
    margin-right: auto;
    margin-left: 0;
    font-size: .83333vw;
    text-transform: uppercase;
    outline-offset: 0;
    width: 11.45833vw;
    margin-top: 2.34375vw;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        width: 15.27778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        width: 17.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        width: 28.64583vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        width: 45.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        margin-top: 3.125vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        margin-top: 3.51563vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        margin-top: 5.85938vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        margin-top: 9.375vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm__right .inform__right-block .btn_order {
        margin-bottom: 4.16667vw
    }
}

.box-section-detail-hydm__right .inform__right-block .btn_order:focus,
.box-section-detail-hydm__right .inform__right-block .btn_order:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: #2585fb;
    background-color: #fff;
    font-weight: 500
}

.box-section-detail-hydm .info-nav {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm .info-nav {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm .info-nav {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm .info-nav {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm .info-nav {
        margin-bottom: 4.16667vw
    }
}

.box-section-detail-hydm .info-nav__menu {
    width: 100%
}

.box-section-detail-hydm .info-nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.box-section-detail-hydm .info-nav__list .consultation {
    color: #d80027!important
}

.box-section-detail-hydm .info-nav__list .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .9375vw;
    font-weight: 700;
    padding: .78125vw 3.125vw .78125vw 3.125vw;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    border-radius: 3px;
    color: #272d33;
    margin-right: .26042vw;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm .info-nav__list .link {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm .info-nav__list .link {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm .info-nav__list .link {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm .info-nav__list .link {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm .info-nav__list .link {
        padding: 1.04167vw 4.16667vw 1.04167vw 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm .info-nav__list .link {
        padding: 1.17188vw 4.6875vw 1.17188vw 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm .info-nav__list .link {
        padding: 1.95313vw 7.8125vw 1.95313vw 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm .info-nav__list .link {
        padding: 3.125vw 12.5vw 3.125vw 12.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm .info-nav__list .link {
        margin-right: .34722vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm .info-nav__list .link {
        margin-right: .39063vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm .info-nav__list .link {
        margin-right: .65104vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm .info-nav__list .link {
        margin-right: 1.04167vw
    }
}

.box-section-detail-hydm .info-nav__list .link.active,
.box-section-detail-hydm .info-nav__list .link:hover {
    background-color: #fff;
    color: #272d33;
    border-bottom: 10px solid #272d33;
    -webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 12px 5px rgba(0, 0, 0, .25)
}

.box-section-detail-hydm .box-services-company__title {
    font-size: 1.25vw;
    font-weight: 700;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm .box-services-company__title {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm .box-services-company__title {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm .box-services-company__title {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm .box-services-company__title {
        font-size: 5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm .box-services-company__title {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm .box-services-company__title {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm .box-services-company__title {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm .box-services-company__title {
        margin-bottom: 4.16667vw
    }
}

.box-section-detail-hydm .box-services-company .slider-nav {
    top: 0;
    height: auto
}

.box-section-detail-hydm .box-services-company .button-home-news-prev {
    left: -40px
}

.box-section-detail-hydm .box-services-company .button-home-news-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.box-section-detail-hydm .box-services-company .button-home-news-next,
.box-section-detail-hydm .box-services-company .button-home-news-prev {
    background-color: #272d33;
    border-radius: 50px;
    height: 40px;
    width: 40px
}

.box-section-detail-hydm .box-services-company .button-home-news-next:after,
.box-section-detail-hydm .box-services-company .button-home-news-prev:after {
    content: '';
    color: #fff;
    font-size: .9375vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-long-arrow-wh.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm .box-services-company .button-home-news-next:after,
    .box-section-detail-hydm .box-services-company .button-home-news-prev:after {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm .box-services-company .button-home-news-next:after,
    .box-section-detail-hydm .box-services-company .button-home-news-prev:after {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm .box-services-company .button-home-news-next:after,
    .box-section-detail-hydm .box-services-company .button-home-news-prev:after {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm .box-services-company .button-home-news-next:after,
    .box-section-detail-hydm .box-services-company .button-home-news-prev:after {
        font-size: 3.75vw
    }
}

.box-section-detail-hydm .box-services-company .button-home-news-next:before,
.box-section-detail-hydm .box-services-company .button-home-news-prev:before {
    content: none
}

.box-section-detail-hydm .box-services-company .card-services-company:hover {
    background-color: #fff
}

.box-section-detail-hydm .box-services-company .card-services-company:hover .card-services-company__button {
    border-bottom: 1px solid #2585fb
}

.box-section-detail-hydm .box-services-company .card-services-company:hover .card-services-company__button .btn_arrow {
    text-decoration: none
}

.box-section-detail-hydm .box-services-company .card-services-company:hover .card-services-company__button .btn_arrow span {
    text-decoration: none;
    color: #2585fb
}

.box-section-detail-hydm .box-services-company .card-services-company:hover .card-services-company__button .btn_arrow .icon {
    stroke: #2585fb;
    margin-left: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-section-detail-hydm .box-services-company .card-services-company:hover .card-services-company__button .btn_arrow .icon {
        margin-left: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-section-detail-hydm .box-services-company .card-services-company:hover .card-services-company__button .btn_arrow .icon {
        margin-left: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-section-detail-hydm .box-services-company .card-services-company:hover .card-services-company__button .btn_arrow .icon {
        margin-left: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-section-detail-hydm .box-services-company .card-services-company:hover .card-services-company__button .btn_arrow .icon {
        margin-left: 4.16667vw
    }
}

.box-section-detail-hydm .box-services-company .card-services-company:hover .card-services-company__name {
    color: #272d33;
    text-decoration: none
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-popup-form {
    position: relative;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    background-color: #fff
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form {
        margin-top: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form {
        margin-top: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form {
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form {
        margin-top: 0
    }
}

.box-popup-form__wrapper {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 12px 36px rgba(0, 0, 0, .15);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .15);
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    padding: 1.30208vw 1.30208vw 1.30208vw 1.30208vw;
    z-index: 2
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__wrapper {
        padding: 1.73611vw 1.73611vw 1.73611vw 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__wrapper {
        padding: 1.95313vw 1.95313vw 1.95313vw 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__wrapper {
        padding: 3.25521vw 3.25521vw 3.25521vw 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__wrapper {
        padding: 5.20833vw 5.20833vw 5.20833vw 5.20833vw
    }
}

.box-popup-form__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 1.25vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__title {
        font-size: 5vw
    }
}

.box-popup-form__title .title {
    font-size: 1.45833vw;
    text-transform: uppercase;
    line-height: 1.3;
    font-weight: 700;
    margin-left: .78125vw;
    margin-top: .52083vw;
    margin-bottom: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title .title {
        font-size: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title .title {
        font-size: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title .title {
        font-size: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__title .title {
        font-size: 5.83333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title .title {
        margin-left: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title .title {
        margin-left: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title .title {
        margin-left: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__title .title {
        margin-left: 3.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title .title {
        margin-top: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title .title {
        margin-top: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title .title {
        margin-top: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__title .title {
        margin-top: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title .title {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title .title {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title .title {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__title .title {
        margin-bottom: 4.16667vw
    }
}

.box-popup-form__title img {
    min-width: 3.38542vw;
    width: 3.38542vw;
    height: 3.38542vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title img {
        min-width: 4.51389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title img {
        min-width: 5.07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title img {
        min-width: 8.46354vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__title img {
        min-width: 13.54167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title img {
        width: 4.51389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title img {
        width: 5.07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title img {
        width: 8.46354vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__title img {
        width: 13.54167vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title img {
        height: 4.51389vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title img {
        height: 5.07813vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title img {
        height: 8.46354vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__title img {
        height: 13.54167vw
    }
}

.box-popup-form__form {
    width: 100%
}

.box-popup-form__input-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__input-block {
        margin-top: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__input-block {
        margin-top: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__input-block {
        margin-top: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__input-block {
        margin-top: 4.16667vw
    }
}

.box-popup-form__input-tel {
    width: 10.41667vw;
    height: 2.60417vw;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    padding-left: .78125vw;
    display: inline-block;
    font-size: .83333vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__input-tel {
        width: 13.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__input-tel {
        width: 15.625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__input-tel {
        width: 26.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__input-tel {
        width: 41.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__input-tel {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__input-tel {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__input-tel {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__input-tel {
        height: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__input-tel {
        padding-left: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__input-tel {
        padding-left: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__input-tel {
        padding-left: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__input-tel {
        padding-left: 3.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__input-tel {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__input-tel {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__input-tel {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__input-tel {
        font-size: 3.33333vw
    }
}

.box-popup-form__input-tel::-webkit-input-placeholder {
    color: #272d33
}

.box-popup-form__input-tel::-moz-placeholder {
    color: #272d33
}

.box-popup-form__input-tel:-ms-input-placeholder {
    color: #272d33
}

.box-popup-form__input-tel::-ms-input-placeholder {
    color: #272d33
}

.box-popup-form__input-tel::placeholder {
    color: #272d33
}

.box-popup-form__checkblock {
    margin-top: .36458vw;
    margin-left: .26042vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__checkblock {
        margin-top: .48611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__checkblock {
        margin-top: .54688vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__checkblock {
        margin-top: .91146vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__checkblock {
        margin-top: 1.45833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__checkblock {
        margin-left: .34722vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__checkblock {
        margin-left: .39063vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__checkblock {
        margin-left: .65104vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__checkblock {
        margin-left: 1.04167vw
    }
}

.box-popup-form__checkblock .checkbox-small {
    font-size: .83333vw;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__checkblock .checkbox-small {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__checkblock .checkbox-small {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__checkblock .checkbox-small {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__checkblock .checkbox-small {
        font-size: 3.33333vw
    }
}

.box-popup-form__checkblock .checkbox-small .personal-date {
    color: #2585fb
}

.box-popup-form__checkblock .checkbox-small .personal-date:hover {
    text-decoration: underline
}

.box-popup-form__checkblock .checkbox-small:before {
    border: 2px solid #272d33
}

.box-popup-form__checkblock .checkbox-style:checked+.checkbox-small:after {
    border-left: solid 2px #2585fb;
    border-bottom: solid 2px #2585fb
}

.box-popup-form__submit {
    width: 10.41667vw;
    height: 2.60417vw;
    border: 1px solid #2585fb;
    background-color: #2585fb;
    display: inline-block;
    font-size: .83333vw;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__submit {
        width: 13.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__submit {
        width: 15.625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__submit {
        width: 26.04167vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__submit {
        width: 41.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__submit {
        height: 3.47222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__submit {
        height: 3.90625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__submit {
        height: 6.51042vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__submit {
        height: 10.41667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__submit {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__submit {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__submit {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__submit {
        font-size: 3.33333vw
    }
}

.box-popup-form__submit:hover {
    font-size: .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__submit:hover {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__submit:hover {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-popup-form__submit:hover {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__submit:hover {
        font-size: 3.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form {
        height: auto;
        margin-top: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form {
        margin-top: 2.77778vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-popup-form {
        margin-top: 3.125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-popup-form {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-popup-form {
        margin-top: 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__wrapper {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 1.04167vw 0 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__wrapper {
        padding: 0 1.38889vw 0 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__wrapper {
        padding: 0 1.5625vw 0 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-popup-form__wrapper {
        padding: 0 2.60417vw 0 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-popup-form__wrapper {
        padding: 0 4.16667vw 0 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-right: 0;
        padding-left: 0;
        padding-right: 2.60417vw;
        color: #fff
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-popup-form__title {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-popup-form__title {
        padding-left: 0
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title {
        padding-right: 3.47222vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title {
        padding-right: 3.90625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title {
        padding-right: 6.51042vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-popup-form__title {
        padding-right: 10.41667vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__title .icon {
        opacity: .5;
        min-width: 5.625vw;
        width: 5.625vw;
        height: 4.73958vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title .icon {
        min-width: 7.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title .icon {
        min-width: 8.4375vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title .icon {
        min-width: 14.0625vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-popup-form__title .icon {
        min-width: 22.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title .icon {
        width: 7.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title .icon {
        width: 8.4375vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title .icon {
        width: 14.0625vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-popup-form__title .icon {
        width: 22.5vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__title .icon {
        height: 6.31944vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__title .icon {
        height: 7.10938vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-popup-form__title .icon {
        height: 11.84896vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-popup-form__title .icon {
        height: 18.95833vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__form {
        width: 100%
    }
    .box-popup-form__input-block {
        margin-top: 1.30208vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__input-block {
        margin-top: 1.73611vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__input-block {
        margin-top: 1.95313vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-popup-form__input-block {
        margin-top: 3.25521vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-popup-form__input-block {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .box-popup-form__checkblock {
        margin-bottom: 1.82292vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-popup-form__checkblock {
        margin-bottom: 2.43056vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-popup-form__checkblock {
        margin-bottom: 2.73438vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-popup-form__checkblock {
        margin-bottom: 4.55729vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-popup-form__checkblock {
        margin-bottom: 7.29167vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-price__head .title {
    font-size: 1.66667vw;
    font-weight: 800;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__head .title {
        font-size: 2.22222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__head .title {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__head .title {
        font-size: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__head .title {
        font-size: 6.66667vw
    }
}

.box-price__head .subtitle {
    font-size: 1.04167vw;
    color: #d80027
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__head .subtitle {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__head .subtitle {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__head .subtitle {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__head .subtitle {
        font-size: 4.16667vw
    }
}

.box-price__content {
    display: block
}

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

.box-price__section .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.14583vw;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #272d33;
    width: 100%;
    padding: .78125vw 1.5625vw .78125vw 1.5625vw;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__section .title {
        font-size: 1.52778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__section .title {
        font-size: 1.71875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__section .title {
        font-size: 2.86458vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__section .title {
        font-size: 4.58333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__section .title {
        padding: 1.04167vw 2.08333vw 1.04167vw 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__section .title {
        padding: 1.17188vw 2.34375vw 1.17188vw 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__section .title {
        padding: 1.95313vw 3.90625vw 1.95313vw 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__section .title {
        padding: 3.125vw 6.25vw 3.125vw 6.25vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__section .title {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__section .title {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__section .title {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__section .title {
        margin-bottom: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__section .title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        line-height: 1.6
    }
    .box-price__section .title .right {
        margin-top: 15px
    }
    .box-price__section .title .right .call-btn {
        display: none
    }
}

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

.box-price__section .call-phone {
    color: #fff;
    font-size: 1.14583vw;
    font-weight: 500
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__section .call-phone {
        font-size: 1.52778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__section .call-phone {
        font-size: 1.71875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__section .call-phone {
        font-size: 2.86458vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__section .call-phone {
        font-size: 4.58333vw
    }
}

.box-price__section .call-phone .icon {
    margin-right: 5px
}

.box-price__section .call-btn {
    color: #fff;
    font-size: 1.04167vw;
    font-weight: 400;
    text-transform: lowercase;
    margin-left: 1.04167vw;
    border-bottom: 1px dashed #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__section .call-btn {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__section .call-btn {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__section .call-btn {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__section .call-btn {
        font-size: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__section .call-btn {
        margin-left: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__section .call-btn {
        margin-left: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__section .call-btn {
        margin-left: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__section .call-btn {
        margin-left: 4.16667vw
    }
}

.box-price__section .call-btn:hover {
    border-bottom: 1px dashed #fff
}

@media only screen and (max-width:480px) {
    .box-price__table {
        overflow-x: auto
    }
}

.box-price__table table {
    border-spacing: 10px 10px
}

.box-price__table table th {
    font-size: .83333vw;
    font-weight: 700;
    color: #272d33;
    line-height: 1.3;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: .52083vw 3.125vw .52083vw 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__table table th {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__table table th {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__table table th {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__table table th {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__table table th {
        padding: .69444vw 4.16667vw .69444vw 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__table table th {
        padding: .78125vw 4.6875vw .78125vw 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__table table th {
        padding: 1.30208vw 7.8125vw 1.30208vw 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__table table th {
        padding: 2.08333vw 12.5vw 2.08333vw 12.5vw
    }
}

.box-price__table table td {
    font-size: .83333vw;
    font-weight: 700;
    text-align: center;
    color: #272d33;
    border-bottom: 1px solid #2585fb;
    padding: .83333vw .83333vw .83333vw .83333vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__table table td {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__table table td {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__table table td {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__table table td {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__table table td {
        padding: 1.11111vw 1.11111vw 1.11111vw 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__table table td {
        padding: 1.25vw 1.25vw 1.25vw 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__table table td {
        padding: 2.08333vw 2.08333vw 2.08333vw 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__table table td {
        padding: 3.33333vw 3.33333vw 3.33333vw 3.33333vw
    }
}

.box-price__table .note {
    display: block;
    font-size: .83333vw;
    color: #272d33;
    padding-left: 1.04167vw;
    margin-top: .78125vw;
    margin-bottom: .78125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__table .note {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__table .note {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__table .note {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__table .note {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__table .note {
        padding-left: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__table .note {
        padding-left: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__table .note {
        padding-left: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__table .note {
        padding-left: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__table .note {
        margin-top: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__table .note {
        margin-top: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__table .note {
        margin-top: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__table .note {
        margin-top: 3.125vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__table .note {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__table .note {
        margin-bottom: 1.17188vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__table .note {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__table .note {
        margin-bottom: 3.125vw
    }
}

.box-price__bottom-text p {
    font-size: 1.14583vw;
    font-weight: 700;
    color: #272d33;
    line-height: 1.8;
    padding-left: 1.04167vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__bottom-text p {
        font-size: 1.52778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__bottom-text p {
        font-size: 1.71875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__bottom-text p {
        font-size: 2.86458vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__bottom-text p {
        font-size: 4.58333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-price__bottom-text p {
        padding-left: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-price__bottom-text p {
        padding-left: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-price__bottom-text p {
        padding-left: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-price__bottom-text p {
        padding-left: 4.16667vw
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

#scroll {
    position: fixed;
    right: 15px;
    bottom: 30px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #2585fb;
    text-indent: -9999px;
    display: none;
    border-radius: 60px;
    z-index: 99
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -3px;
    height: 10px;
    width: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

#scroll:hover {
    background-color: #272d33;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.box-advantages-preimusshestva {
    max-width: 75vw;
    width: calc(100% - 30px);
    margin: auto;
    margin-bottom: 3.125vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva {
        max-width: 100vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva {
        max-width: 112.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva {
        max-width: 187.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva {
        max-width: 300vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva {
        margin-bottom: 4.6875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva {
        margin-bottom: 7.8125vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva {
        margin-bottom: 12.5vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva {
        padding-top: 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva {
        padding-top: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva {
        padding-top: 2.34375vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva {
        padding-top: 3.90625vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages-preimusshestva {
        padding-top: 6.25vw
    }
}

.box-advantages-preimusshestva .title {
    font-size: 1.97917vw;
    text-align: left;
    text-transform: inherit;
    font-weight: 800;
    margin-top: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva .title {
        font-size: 2.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva .title {
        font-size: 2.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva .title {
        font-size: 4.94792vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .title {
        font-size: 7.91667vw
    }
}

.box-advantages-preimusshestva .home-items__block {
    width: 100%;
    height: 10.375vw;
    background: #fff;
    color: #272d33;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    padding: 1.04167vw .78125vw 1.04167vw 1.04167vw;
    -webkit-box-shadow: 0 12px 26px rgba(0, 0, 0, .15);
    box-shadow: 0 12px 26px rgba(0, 0, 0, .15)
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva .home-items__block {
        height: 12.5vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva .home-items__block {
        height: 14.0625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva .home-items__block {
        height: 23.4375vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block {
        height: 37.5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva .home-items__block {
        padding: 1.38889vw 1.04167vw 1.38889vw 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva .home-items__block {
        padding: 1.5625vw 1.17188vw 1.5625vw 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva .home-items__block {
        padding: 2.60417vw 1.95313vw 2.60417vw 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block {
        padding: 4.16667vw 3.125vw 4.16667vw 4.16667vw
    }
}

.box-advantages-preimusshestva .home-items__block:after {
    content: '';
    position: absolute;
    bottom: 5%;
    right: 3%;
    width: 50px;
    height: 2px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block {
        padding: .52083vw .78125vw .52083vw .52083vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva .home-items__block {
        padding: .69444vw 1.04167vw .69444vw .69444vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva .home-items__block {
        padding: .78125vw 1.17188vw .78125vw .78125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva .home-items__block {
        padding: 1.30208vw 1.95313vw 1.30208vw 1.30208vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block {
        padding: 2.08333vw 3.125vw 2.08333vw 2.08333vw
    }
}

.box-advantages-preimusshestva .home-items__block .home-items__number {
    font-size: 2.91667vw;
    font-weight: 800;
    color: #2585fb;
    padding-right: 15px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva .home-items__block .home-items__number {
        font-size: 3.88889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva .home-items__block .home-items__number {
        font-size: 4.375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva .home-items__block .home-items__number {
        font-size: 7.29167vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block .home-items__number {
        font-size: 11.66667vw
    }
}

.box-advantages-preimusshestva .home-items__block .home-items__content .title {
    font-size: 1.04167vw;
    font-weight: 800;
    letter-spacing: -.2px;
    color: #272d33;
    text-align: left;
    text-transform: initial;
    margin-bottom: .52083vw;
    margin-top: 0
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        font-size: 1.38889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        font-size: 1.5625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        font-size: 2.60417vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        font-size: 4.16667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        margin-bottom: .69444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        margin-bottom: .78125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        margin-bottom: 1.30208vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        margin-top: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        margin-top: 0
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .title {
        margin-top: 0
    }
}

.box-advantages-preimusshestva .home-items__block .home-items__content .text {
    font-size: .83333vw;
    font-weight: 500;
    color: #272d33;
    line-height: 1.3;
    text-align: left;
    text-transform: initial
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .text {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .text {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .text {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block .home-items__content .text {
        font-size: 3.33333vw
    }
}

.box-advantages-preimusshestva .home-items__block:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15)
}

.box-advantages-preimusshestva .home-items__block:hover:after {
    content: '';
    position: absolute;
    bottom: 5%;
    right: 3%;
    width: 50px;
    height: 6px;
    background-color: #272d33
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva {
        margin-bottom: 2.77778vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva {
        margin-bottom: 3.125vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva {
        margin-bottom: 5.20833vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages-preimusshestva {
        margin-bottom: 8.33333vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block {
        margin-bottom: 1.04167vw
    }
}

@media only screen and (max-width:480px) and (min-width:1281px) and (max-width:1439px) {
    .box-advantages-preimusshestva .home-items__block {
        margin-bottom: 1.38889vw
    }
}

@media only screen and (max-width:480px) and (min-width:769px) and (max-width:1279px) {
    .box-advantages-preimusshestva .home-items__block {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (max-width:480px) and (min-width:481px) and (max-width:767px) {
    .box-advantages-preimusshestva .home-items__block {
        margin-bottom: 2.60417vw
    }
}

@media only screen and (max-width:480px) and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block {
        margin-bottom: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .box-advantages-preimusshestva .home-items__block:before {
        height: calc(100% - 14.80208vw)
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

#Questionnaire .close {
    top: initial;
    right: 7%
}

#Questionnaire .modal-content__title-box {
    padding-top: 7%
}

.form.questionnaire .img-block {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form.questionnaire .img-block .img-wrap {
    width: 25%;
    margin-right: 20px
}

.form.questionnaire img {
    margin-top: 15px;
    margin-bottom: 15px
}

.form.questionnaire .w-50 {
    width: 48%!important
}

.form.questionnaire .w-50:nth-child(1) {
    margin-right: 15px
}

.form.questionnaire .wrapper-block {
    display: inline-block
}

.form.questionnaire .block-top,
.form.questionnaire .block-type-hydro {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.form.questionnaire .type-hydro_full {
    width: 100%
}

@media only screen and (max-width:480px) {
    .form.questionnaire .block-type-hydro {
        height: 80px
    }
}

.form.questionnaire .block-full {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form.questionnaire .block-full h3 {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px
}

.form.questionnaire .block-full .field {
    border: 1px solid #272d33;
    padding: 5px;
    margin: 3px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.form.questionnaire .block-full .field label {
    white-space: nowrap
}

.form.questionnaire .block-full .field input {
    border-bottom: 1px solid #2585fb;
    min-width: 100%
}

.form.questionnaire .block-full .field-questionnaire-braking-pilot-controlled,
.form.questionnaire .block-full .field-questionnaire-working-pressure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:480px) {
    .form.questionnaire .block-full .field-questionnaire-braking-pilot-controlled,
    .form.questionnaire .block-full .field-questionnaire-working-pressure {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.form.questionnaire .block-full .field-questionnaire-braking-pilot-controlled .inp-box,
.form.questionnaire .block-full .field-questionnaire-working-pressure .inp-box {
    margin-right: 10px
}

.form.questionnaire .block-full .field-questionnaire-braking-pilot-controlled input,
.form.questionnaire .block-full .field-questionnaire-working-pressure input {
    min-width: 140px
}

.form.questionnaire .block-full .field-questionnaire-other-type-eyelet {
    margin-top: 30px;
    margin-bottom: 30px
}

.form.questionnaire .block-full .field-questionnaire-additional-information {
    padding-left: 20px;
    padding-bottom: 20px
}

.form.questionnaire .block-full .field-questionnaire-additional-information textarea {
    max-width: calc(100% - 20px);
    display: block;
    margin: 15px 10px!important
}

.form.questionnaire h2.title {
    text-align: center;
    margin-bottom: 20px
}

.form.questionnaire h3 {
    margin-bottom: 15px;
    margin-top: 15px;
    line-height: 1.3
}

.cntr {
    margin: auto
}

.cntr {
    margin: auto;
    height: 20px
}

.cntr .btn-radio {
    cursor: pointer;
    display: inline-block;
    float: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cntr .btn-radio:not(:first-child) {
    margin-left: 20px
}

@media screen and (max-width:480px) {
    .cntr .btn-radio {
        display: block;
        float: none
    }
    .cntr .btn-radio:not(:first-child) {
        margin-left: 0;
        margin-top: 15px
    }
}

.cntr .btn-radio svg {
    fill: none;
    vertical-align: middle;
    margin-right: 10px
}

.cntr .btn-radio svg circle {
    stroke-width: 2;
    stroke: grey
}

.cntr .btn-radio svg path {
    stroke: #2585fb
}

.cntr .btn-radio svg path.inner {
    stroke-width: 6;
    stroke-dasharray: 19;
    stroke-dashoffset: 19
}

.cntr .btn-radio svg path.outer {
    stroke-width: 2;
    stroke-dasharray: 57;
    stroke-dashoffset: 57
}

.cntr .btn-radio input {
    display: none
}

.cntr .btn-radio input:checked+svg path {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.cntr .btn-radio input:checked+svg path.inner {
    stroke-dashoffset: 38;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.cntr .btn-radio input:checked+svg path.outer {
    stroke-dashoffset: 0
}

.cntr .btn-radio span {
    display: inline-block;
    vertical-align: middle
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.sitemap {
    padding: 80px 0
}

.sitemap ul {
    list-style-type: square;
    padding-left: 30px
}

.sitemap ul li {
    margin: 7px
}

.sitemap .btn_map-link {
    position: relative;
    display: inline-block;
    font-size: .72917vw;
    font-weight: 500;
    text-align: center;
    color: #272d33;
    width: auto;
    border: 2px solid #eee;
    padding: .96354vw 1.5625vw .96354vw 1.5625vw;
    margin: auto;
    background-color: #eee;
    background-image: none;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .sitemap .btn_map-link {
        font-size: .97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .sitemap .btn_map-link {
        font-size: 1.09375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .sitemap .btn_map-link {
        font-size: 1.82292vw
    }
}

@media only screen and (max-width:480px) {
    .sitemap .btn_map-link {
        font-size: 2.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .sitemap .btn_map-link {
        padding: 1.28472vw 2.08333vw 1.28472vw 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .sitemap .btn_map-link {
        padding: 1.44531vw 2.34375vw 1.44531vw 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .sitemap .btn_map-link {
        padding: 2.40885vw 3.90625vw 2.40885vw 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .sitemap .btn_map-link {
        padding: 3.85417vw 6.25vw 3.85417vw 6.25vw
    }
}

.sitemap .btn_map-link:hover {
    text-decoration: none;
    color: #eee;
    background-color: #2585fb
}

::-webkit-input-placeholder {
    font-family: Acrom, Open Sans, Helvetica, Arial, sans-serif;
    color: #eee
}

::-moz-placeholder {
    font-family: Acrom, Open Sans, Helvetica, Arial, sans-serif;
    color: #eee
}

:-ms-input-placeholder {
    font-family: Acrom, Open Sans, Helvetica, Arial, sans-serif;
    color: #eee
}

::-ms-input-placeholder {
    font-family: Acrom, Open Sans, Helvetica, Arial, sans-serif;
    color: #eee
}

::placeholder {
    font-family: Acrom, Open Sans, Helvetica, Arial, sans-serif;
    color: #eee
}

input::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input::-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:-ms-input-placeholder {
    opacity: 1;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:focus::-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:focus:-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

input:focus:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease
}

::-moz-selection {
    background-color: #2585fb;
    color: #fff
}

::selection {
    background-color: #2585fb;
    color: #fff
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.style-border {
    border: 1px solid #2585fb;
    outline: 1px solid #fff;
    outline-offset: -2px;
    background-color: #2585fb
}

h3.title {
    text-transform: uppercase;
    font-size: 1.45833vw;
    font-weight: 700;
    letter-spacing: -.2px;
    text-align: center;
    color: #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    h3.title {
        font-size: 1.94444vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    h3.title {
        font-size: 2.1875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    h3.title {
        font-size: 3.64583vw
    }
}

@media only screen and (max-width:480px) {
    h3.title {
        font-size: 5.83333vw
    }
}

a {
    background-color: transparent;
    outline: 0;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    text-decoration: none;
    cursor: pointer
}

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

button {
    position: relative;
    display: inline-block;
    border: 0;
    cursor: pointer;
    font-family: Acrom, Open Sans, Helvetica, Arial, sans-serif
}

button:disabled {
    cursor: initial;
    opacity: .4
}

button:focus {
    outline: 0
}

input,
textarea {
    font-family: Acrom, Open Sans, Helvetica, Arial, sans-serif;
    outline: 0
}

input:focus:required:invalid,
textarea:focus:required:invalid {
    border-color: #ffaa9b
}

input:required:valid,
textarea:required:valid {
    border-color: green
}

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

html[style='overflow: hidden;'] {
    margin-right: 17px
}

body {
    min-width: 320px;
    font-family: Acrom, Open Sans, Helvetica, Arial, sans-serif;
    background-color: #fff;
    overflow-x: hidden
}

.page-main {
    background-color: #fff;
    margin: 0;
    padding: 0
}

.container {
    max-width: 1440px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.example-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 2fr;
    grid-template-columns: 1fr 1fr 1fr 2fr;
    grid-template-areas: "left right"
}

.example-grid>div:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: left
}

.example-grid>div:last-child {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: right
}

@media (max-width:575.98px) {
    .example-grid {
        display: block
    }
    .example-grid>div {
        padding: 10px 0
    }
}

.example-img {
    width: 100%
}

.parent {
    background-image: url(data:image/gif;base64,R0lGODlhCgAIAIABAN3d3f///yH5BAEAAAEALAAAAAAKAAgAAAINjAOnyJv2oJOrVXrzKQA7)
}

.container-price {
    padding: 60px 0
}

.container-price caption strong {
    display: block;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 24px
}

.container-price table {
    border-collapse: collapse
}

.container-price th {
    background: #ccc
}

.container-price td,
.container-price th {
    border: 1px solid #ccc;
    padding: 8px
}

.container-price tr:nth-child(even) {
    background: #efefef
}

.container-price tr:hover {
    background: #d1d1d1
}

.box-header__bottom .menu-aside__list {
    position: absolute
}

.wewowo-news-list-products {
    padding-top: 1.30208vw;
    border-top: 1px solid #272d33
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .wewowo-news-list-products {
        padding-top: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .wewowo-news-list-products {
        padding-top: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .wewowo-news-list-products {
        padding-top: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .wewowo-news-list-products {
        padding-top: 5.20833vw
    }
}

.wewowo-news-list-products .title {
    font-size: 1.25vw;
    font-weight: 700;
    margin-top: 1.30208vw;
    margin-bottom: 1.30208vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .wewowo-news-list-products .title {
        font-size: 1.66667vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .wewowo-news-list-products .title {
        font-size: 1.875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .wewowo-news-list-products .title {
        font-size: 3.125vw
    }
}

@media only screen and (max-width:480px) {
    .wewowo-news-list-products .title {
        font-size: 5vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .wewowo-news-list-products .title {
        margin-top: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .wewowo-news-list-products .title {
        margin-top: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .wewowo-news-list-products .title {
        margin-top: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .wewowo-news-list-products .title {
        margin-top: 5.20833vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .wewowo-news-list-products .title {
        margin-bottom: 1.73611vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .wewowo-news-list-products .title {
        margin-bottom: 1.95313vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .wewowo-news-list-products .title {
        margin-bottom: 3.25521vw
    }
}

@media only screen and (max-width:480px) {
    .wewowo-news-list-products .title {
        margin-bottom: 5.20833vw
    }
}

.wewowo-news-list-products .slider-nav {
    top: 40px;
    height: auto
}

.wewowo-news-list-products .slider-nav .button-home-news-prev {
    left: -40px
}

.wewowo-news-list-products .slider-nav .button-home-news-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wewowo-news-list-products .slider-nav .button-home-news-next,
.wewowo-news-list-products .slider-nav .button-home-news-prev {
    background-color: #272d33;
    border-radius: 50px;
    height: 40px;
    width: 40px
}

.wewowo-news-list-products .slider-nav .button-home-news-next:after,
.wewowo-news-list-products .slider-nav .button-home-news-prev:after {
    content: '';
    color: #fff;
    font-size: .9375vw;
    background-image: url(/local/templates/wewowo_hydm/assets/css/../img/icons/icon-long-arrow-wh.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .wewowo-news-list-products .slider-nav .button-home-news-next:after,
    .wewowo-news-list-products .slider-nav .button-home-news-prev:after {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .wewowo-news-list-products .slider-nav .button-home-news-next:after,
    .wewowo-news-list-products .slider-nav .button-home-news-prev:after {
        font-size: 1.40625vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .wewowo-news-list-products .slider-nav .button-home-news-next:after,
    .wewowo-news-list-products .slider-nav .button-home-news-prev:after {
        font-size: 2.34375vw
    }
}

@media only screen and (max-width:480px) {
    .wewowo-news-list-products .slider-nav .button-home-news-next:after,
    .wewowo-news-list-products .slider-nav .button-home-news-prev:after {
        font-size: 3.75vw
    }
}

.wewowo-news-list-products .slider-nav .button-home-news-next:before,
.wewowo-news-list-products .slider-nav .button-home-news-prev:before {
    content: none
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.no-scroll {
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.section-article-sale {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.08333vw;
    margin-bottom: 5.72917vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale {
        margin-top: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale {
        margin-top: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale {
        margin-top: 8.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale {
        margin-bottom: 7.63889vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale {
        margin-bottom: 8.59375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale {
        margin-bottom: 14.32292vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale {
        margin-bottom: 22.91667vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.section-article-sale__img {
    position: relative;
    width: 50%
}

@media only screen and (max-width:480px) {
    .section-article-sale__img {
        width: 100%
    }
}

.section-article-sale__img img {
    height: 100%;
    width: auto
}

@media only screen and (max-width:480px) {
    .section-article-sale__img img {
        width: 100%;
        height: auto
    }
}

.section-article-sale__img:before {
    content: '';
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 11.97917vw;
    height: 11.97917vw;
    background-color: transparent;
    border-right: 10px solid #eee;
    border-bottom: 10px solid #eee
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__img:before {
        width: 15.97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__img:before {
        width: 17.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__img:before {
        width: 29.94792vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__img:before {
        width: 47.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__img:before {
        height: 15.97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__img:before {
        height: 17.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__img:before {
        height: 29.94792vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__img:before {
        height: 47.91667vw
    }
}

.section-article-sale__img:after {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    width: 11.97917vw;
    height: 11.97917vw;
    background-color: transparent;
    border-left: 10px solid #eee;
    border-top: 10px solid #eee
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__img:after {
        width: 15.97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__img:after {
        width: 17.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__img:after {
        width: 29.94792vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__img:after {
        width: 47.91667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__img:after {
        height: 15.97222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__img:after {
        height: 17.96875vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__img:after {
        height: 29.94792vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__img:after {
        height: 47.91667vw
    }
}

.section-article-sale__content {
    width: 50%
}

@media only screen and (max-width:480px) {
    .section-article-sale__content {
        width: 100%;
        margin-top: 20px
    }
}

.section-article-sale__content .title {
    position: relative;
    left: -100px;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(#cecece));
    background: -o-linear-gradient(right, #fff 0, #cecece 100%);
    background: linear-gradient(-90deg, #fff 0, #cecece 100%);
    font-size: 1.66667vw;
    color: #272d33;
    font-weight: 800;
    padding: .78125vw 1.5625vw .78125vw 1.5625vw
}

@media only screen and (max-width:480px) {
    .section-article-sale__content .title {
        left: 0
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__content .title {
        font-size: 2.22222vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__content .title {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__content .title {
        font-size: 4.16667vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__content .title {
        font-size: 6.66667vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__content .title {
        padding: 1.04167vw 2.08333vw 1.04167vw 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__content .title {
        padding: 1.17188vw 2.34375vw 1.17188vw 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__content .title {
        padding: 1.95313vw 3.90625vw 1.95313vw 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__content .title {
        padding: 3.125vw 6.25vw 3.125vw 6.25vw
    }
}

.section-article-sale__content .text {
    font-size: .83333vw;
    color: #272d33;
    margin-left: 2.34375vw;
    margin-top: 2.08333vw;
    margin-bottom: 1.5625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__content .text {
        font-size: 1.11111vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__content .text {
        font-size: 1.25vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__content .text {
        font-size: 2.08333vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__content .text {
        font-size: 3.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__content .text {
        margin-left: 3.125vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__content .text {
        margin-left: 3.51563vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__content .text {
        margin-left: 5.85938vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__content .text {
        margin-left: 9.375vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__content .text {
        margin-top: 2.77778vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__content .text {
        margin-top: 3.125vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__content .text {
        margin-top: 5.20833vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__content .text {
        margin-top: 8.33333vw
    }
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__content .text {
        margin-bottom: 2.08333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__content .text {
        margin-bottom: 2.34375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__content .text {
        margin-bottom: 3.90625vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__content .text {
        margin-bottom: 6.25vw
    }
}

.section-article-sale__content .btn_normal {
    width: 15.625vw
}

@media only screen and (min-width:1281px) and (max-width:1439px) {
    .section-article-sale__content .btn_normal {
        width: 20.83333vw
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .section-article-sale__content .btn_normal {
        width: 23.4375vw
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .section-article-sale__content .btn_normal {
        width: 39.0625vw
    }
}

@media only screen and (max-width:480px) {
    .section-article-sale__content .btn_normal {
        width: 62.5vw
    }
}

@media only screen and (max-width:480px) {
    .del_br_xs {
        display: none!important
    }
    .order-1-xs {
        -webkit-box-ordinal-group: 2!important;
        -webkit-order: 1!important;
        -ms-flex-order: 1!important;
        order: 1!important
    }
    .order-2-xs {
        -webkit-box-ordinal-group: 3!important;
        -webkit-order: 2!important;
        -ms-flex-order: 2!important;
        order: 2!important
    }
    img.job-scr-img {
        width: 100%;
        padding: 15px;
        text-align: center;
        margin: 0 auto;
    }
}

.testing {
    background-image: url(/img/path.png);
    background-position: 0 0;
    background-repeat: no-repeat
}


/* End */


/* Start:/local/templates/wewowo_hydm/components/bitrix/menu/wewowo_top/style.min.css?1581937544490*/

ul.left-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    position: relative
}

ul.left-menu li {
    padding: 10px 16px;
    background: #f5f5f5 url(/local/templates/wewowo_hydm/components/bitrix/menu/wewowo_top/images/left_menu_bg.gif) top repeat-x
}

ul.left-menu li a {
    font-size: 100%;
    color: #bc262c;
    font-weight: bold;
    text-decoration: none
}

ul.left-menu li a:visited {
    color: #bc262c
}

ul.left-menu li a:hover {
    color: #bc262c
}

ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover {
    color: #fc8d3d
}


/* End */


/* Start:/local/templates/wewowo_hydm/components/bitrix/menu/wewowo_footer_top/style.min.css?1581937544490*/

ul.left-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    position: relative
}

ul.left-menu li {
    padding: 10px 16px;
    background: #f5f5f5 url(/local/templates/wewowo_hydm/components/bitrix/menu/wewowo_footer_top/images/left_menu_bg.gif) top repeat-x
}

ul.left-menu li a {
    font-size: 100%;
    color: #bc262c;
    font-weight: bold;
    text-decoration: none
}

ul.left-menu li a:visited {
    color: #bc262c
}

ul.left-menu li a:hover {
    color: #bc262c
}

ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover {
    color: #fc8d3d
}

@media only screen and (min-width:1000px) and (max-width:1500px) {

.container {
    max-width: 75% !important;
}
.top-home .swiper-container .slider-item {
    height: 32.66667vw;
}
.box-news-detail__title h3.title {
    font-size: 2vw  !important;
}
.box-header-title__wrapper {
    width: calc(100% - -135px) !important;
}
.box-header-title__title .title {
    font-size: 2vw !important;
}
span.suct {
    width: 115% !important;
    top: -68px !important;
    left: -10% !important; 
}
title__title .title {
    font-size: 19px;
}
.box-header-title.container {
    width: 100% !important;
}
div#bx_3218110189_7 {
    width: 32%;
	height: 340px;
}
a.card-services-items__img {
    height: 176px !important;
}
.card-services-list .card-services-items__name {
    font-size: 1.2vw;
}
.card-services-items {
    width: 32% !important;
    height: 335px !important;
}
}

@media only screen and (min-width:320px) and (max-width:480px) {
span.suct {
    position: relative;
    display: block;
    font-size: 4.4vw;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 15px;
    background-color: #2585fb;
    background-image: none;
    width: 124%;
    font-weight: bold;
    top: 95px;
    left: -35px;
}
a.call-phone__link.viber {
    position: relative;
    right: 147px;
    top: 38px;
}

.box-news-detail__title h3.title {
    font-size: 4.91667vw;
}
}


.box-header__wrapper.f-nav {
    display: none;
}
a.call-phone__link.viber img {
    width: 30px;
    height: 30px;
    padding-top: 7px;
}