@import url("https://fonts.googleapis.com/css?family=Roboto:300,400");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400");

.animate-line{position:relative}
.animate-line:after {
    position:absolute;
    content:'';
    display:block;
    left:50%;
    bottom:-25px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:0;
    height:1px;
    background-color:#34302a;
    -webkit-transition:width 0.5s cubic-bezier(1, 0.01, 0.76, 0.84);
    -moz-transition:width 0.5s cubic-bezier(1, 0.01, 0.76, 0.84);
    transition:width 0.5s cubic-bezier(1, 0.01, 0.76, 0.84)}
.animate-line.scroll-active:after{width:65px}
.title-site {
    position:relative;
    font-family:'Futuris';
    font-size:28px;
    color:#34302a;
    line-height:35px;
    max-width:390px;
    font-weight:300;
    text-transform:uppercase;
    padding:20px 0}
.warm-popup {width:auto;background:#fff;padding:20px}
.s_header__wrap-warm {display:none}
.warm-popup {display:none}
.fw-popup li:last-child a{
    font-size:16px!important;
    font-weight:500!important;
    color:#000!important;;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out}
.fw-popup li:last-child a:hover{
    font-size:16px!important;
    font-weight:500!important;
    color:#EF1A09!important}
.fw-popup li {margin-right:0!important}
@media all and (min-width:1000px) {
.warm-hover-popup:hover .warm-popup{
    display:block;
    position:absolute;
    top:100%;
    z-index:101;
    width:230px;
    border:1px solid #ccc;
    box-shadow:0 0 6px 0 rgba(0,0,0,.25)}
}
.typography {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column}

.typography p {padding-bottom:20px}

.typography p:last-child {padding-bottom:0}

.typography img {
    margin:20px auto;
    max-width:100%}

.site_burger {
    display:none;
    border:none;
    background:transparent;
    font-size:12px;
    font-family:Roboto;
    font-weight:300;
    text-transform:uppercase;
    z-index:10;
    position:relative;
    cursor:pointer;
    overflow:hidden;
    -webkit-transition:all 0.2s ease 0.3s;
    -moz-transition:all 0.2s ease 0.3s;
    transition:all 0.2s ease 0.3s}

.site_burger i {
    display:block;
    position:absolute;
    width:50%;
    left:50%;
    top:0;
    -webkit-transform:rotate(45deg) translateX(50%);
    -moz-transform:rotate(45deg) translateX(50%);
    -ms-transform:rotate(45deg) translateX(50%);
    transform:rotate(45deg) translateX(50%)}

.site_burger i::after {
    content:'';
    display:block;
    position:absolute;
    left:-50px;
    top:0;
    width:1px;
    height:15px;
    background:#515151;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition:all 0.2s ease}

.site_burger i::before {
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:-50px;
    width:1px;
    height:15px;
    background:#515151;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:all 0.2s ease 0.1s;
    -moz-transition:all 0.2s ease 0.1s;
    transition:all 0.2s ease 0.1s}

.site_burger--open {
    color:transparent;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition:all 0.2s ease}

.site_burger--open i::after {
    left:0;
    -webkit-transition:all 0.2s ease 0.3s;
    -moz-transition:all 0.2s ease 0.3s;
    transition:all 0.2s ease 0.3s}

.site_burger--open i::before {
    top:0;
    -webkit-transition:all 0.2s ease 0.1s;
    -moz-transition:all 0.2s ease 0.1s;
    transition:all 0.2s ease 0.1s}

@media all and (max-width:768px) {
    .site_burger {
        display:block
    }}

.site-button:hover {background-color:#cd2012}

.site-button--white {
    background-color:transparent;
    color:#EF1A09;
    border:1px solid #EF1A09}

.site-button--white:hover {
    background-color:#EF1A09;
    color:#fff}

.slider-nav {
    text-align:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column}

.slider-nav .slick-dots .slick-active button {
    font-weight:bold;
    color:#000}

.slider-nav .slick-dots li button:hover {
    font-weight:bold;
    color:#000}

.slider-nav .slick-dots button {
    margin:0 auto;
    max-width:none;
    display:block;
    font-size:14px;
    color:#bababa;
    margin-bottom:25px;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition:all 0.2s ease}

.slider-nav .slick-dots button:before {
    content:'0'}

@media all and (max-width:1199px) {
    .slider-nav .slick-dots button {
        margin-bottom:35px;
        font-size:12px
    }}

.slider-nav button {
    display:block;
    border:none;
    background:transparent;
    cursor:pointer;
    max-width:33px;
    width:100%}

@media all and (max-width:1199px) {
    .slider-nav button {
        max-width:22px
    }}

.slider-nav button svg {
    max-width:33px;
    width:100%;
    height:auto}

@media all and (max-width:1199px) {
    .slider-nav button svg {
        max-width:22px
    }}

.slider-nav button path {
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition:all 0.2s ease}

.slider-nav button:hover path {stroke:#949393}

.slick-slider * {outline:none}

.red-text {
    color:#EF1A09;
    font-family:inherit;
    font-size:inherit}

@media all and (max-width:999px) {
    .site-content {
        padding-top:70px
    }}

.container-fluid {
    max-width:100%;
    width:100%;
    position:relative;
    padding:0;
    margin:0 auto}

.container {
    max-width:1230px;
    width:100%;
    position:relative;
    margin:0 auto;
    padding:0 15px}

@media all and (max-width:999px) {
    .container {
        padding:0 25px
    }}

@media all and (max-width:767px) {
    .container {
        padding:0 20px
    }}

@media all and (max-width:639px) {
    .container {
        padding:0 16px
    }}

* {
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    line-height:1;
    font-family:'Roboto'}

h1, h2, h3, h4, h5, h6 {
    font-family:'Montserrat', sans-serif;
    font-weight:300;
    line-height:1em;
    margin:0}

h2, h1.title {font-size:36px}

@media all and (max-width:1359px) {
    h2, h1.title {
        font-size:32px
    }}

@media all and (max-width:1199px) {
    h2, h1.title {
        font-size:28px
    }}

@media all and (max-width:999px) {
    h2, h1.title {
        font-size:24px
    }}

@media all and (max-width:767px) {
    h2, h1.title {
        font-size:24px
    }}

h3 {font-size:30px}

@media all and (max-width:1599px) {
    h3 {
        font-size:32px
    }}

@media all and (max-width:1199px) {
    h3 {
        font-size:28px
    }}

@media all and (max-width:999px) {
    h3 {
        font-size:18px
    }}

h4 {
    font-size:24px}

@media all and (max-width:1599px) {
    h4 {
        font-size:21px
    }}

@media all and (max-width:1199px) {
    h4 {
        font-size:20px
    }}

@media all and (max-width:767px) {
    h4 {
        font-size:18px
    }}

h5 {font-size:20px}

@media all and (max-width:1599px) {
    h5 {
        font-size:18px
    }}

@media all and (max-width:1199px) {
    h5 {
        font-size:15px
    }}

@media all and (max-width:767px) {
    h5 {
        font-size:18px
    }}

h6 {font-size:16px}

p, span, li {
    font-family:"Open sans"}

p, span, li {
    font-size:16px;
    line-height:1.5;
    font-weight:400}

@media all and (max-width:999px) {
    p, span, li {
        font-size:14px
    }}

button, a {outline:none}

a {
    text-decoration:none;
    color:inherit;
    background-color:transparent;
    -webkit-text-decoration-skip:objects}

b, strong {font-weight:inherit}
b, strong {font-weight:bolder}
ul, ol {list-style:none}
i, em {font-family:inherit}
.body-overflow {overflow:hidden}

.fw {
    display:-webkit-flex;
    display:-ms-flex;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -moz-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start}

.js-loupe {cursor:pointer}

label.error {
    position:absolute;
    top:100%;
    right:0;
    color:#ed3713;
    font-size:14px;
    font-weight:400;
    text-align:right;
    font-size:12px}

div.text-danger {
    position:absolute;
    top:100%;
    right:0;
    color:#ed3713;
    font-size:14px;
    font-weight:400;
    text-align:right;
    font-size:12px}

.two-lines {position:relative}

.two-lines::before {
    content:"";
    display:block;
    position:absolute;
    width:0px;
    background:#000407;
    left:0;
    top:0;
    -webkit-transition:width 0.8s cubic-bezier(1, 0.01, 0.76, 0.84);
    -moz-transition:width 0.8s cubic-bezier(1, 0.01, 0.76, 0.84);
    transition:width 0.8s cubic-bezier(1, 0.01, 0.76, 0.84)}

.two-lines::after {
    content:"";
    display:block;
    position:absolute;
    width:0px;
    background:#000407;
    right:0;
    bottom:0;
    -webkit-transition:width 0.8s cubic-bezier(1, 0.01, 0.76, 0.84);
    -moz-transition:width 0.8s cubic-bezier(1, 0.01, 0.76, 0.84);
    transition:width 0.8s cubic-bezier(1, 0.01, 0.76, 0.84)}

.two-lines.scroll-active::before {
    width:130px;
    height:1px}

.two-lines.scroll-active::after {
    width:130px;
    height:1px}

p.articul {
    margin-bottom:10px;
    color:#EF1A09;
    padding:0 15px}

section.js-popup-finish {
    z-index:200}

section.js-popup-finish .s_popup--thank_text {
    margin-bottom:0;
    text-align:center}

.s-list-container {
    max-width:1206px;
    margin:0 auto;
    position:relative;
    padding:0px 20px}

.cube {
    margin-left:15px;
    margin-bottom:10px}

.cube_line {
    background:-webkit-gradient(linear, left top, right top, from(#d9d8d9), color-stop(0%, #d9d8d9), color-stop(0%, #d9d8d9), color-stop(44%, #d9d8d9), to(rgba(217, 216, 217, 0.2)));
    background:-webkit-linear-gradient(left, #d9d8d9 0%, #d9d8d9 0%, #d9d8d9 0%, #d9d8d9 44%, rgba(217, 216, 217, 0.2) 100%);
    background:-moz-linear-gradient(left, #d9d8d9 0%, #d9d8d9 0%, #d9d8d9 0%, #d9d8d9 44%, rgba(217, 216, 217, 0.2) 100%);
    background:linear-gradient(to right, #d9d8d9 0%, #d9d8d9 0%, #d9d8d9 0%, #d9d8d9 44%, rgba(217, 216, 217, 0.2) 100%);
    width:0px;
    height:0px;
    position:relative;
    -webkit-transition:width 1s ease-in-out;
    -moz-transition:width 1s ease-in-out;
    transition:width 1s ease-in-out}

.cube_line::before {
    content:"";
    position:absolute;
    display:block;
    border:1px solid #d9d8d9;
    width:12px;
    height:12px;
    left:-15px;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(45deg);
    -moz-transform:translateY(-50%) rotate(45deg);
    -ms-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg)}

.cube_line.scroll-active {
    width:250px;
    height:1px}

.s_about-cube_line.scroll-active {
    width:250px;
    height:1px}

.line-right, .line-left {position:relative}

.line-right::before, .line-left::before {
    position:absolute;
    content:"";
    display:block;
    background:#000407}

.line-right::before {right:-110px}

.line-right.scroll-active::before {
    width:56px;
    height:1px}

.line-left::before {
    top:10px;
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    transform:translateY(0%);
    left:-100px}

.line-left.scroll-active::before {
    width:56px;
    height:1px}

.price-select-options {
    height:120px;
    overflow-y:auto}

@media screen and (max-width:1199px) {
    .s_about-cube_line.scroll-active {
        width:170px;
        height:1px
    }}

@media screen and (max-width:999px) {
    .s-list-container {
        padding:0px}

    .two-lines.scroll-active::before {
        width:48px;
        height:1px
    }

    .two-lines.scroll-active::after {
        width:48px;
        height:1px
    }}

.nav-btn-up {
    position:fixed;
    bottom:80px;
    right:30px;
    width:40px;
    height:30px;
    display:none;
    opacity:0.3;
    background:url(../img/nav-up.jpg) no-repeat center center;
    background-size:cover;
    -webkit-transition:opacity 0.2s ease-in-out;
    -moz-transition:opacity 0.2s ease-in-out;
    transition:opacity 0.2s ease-in-out;
    cursor:pointer;
    z-index:27}

.nav-btn-up:hover {opacity:0.8}

.nav-btn-up-arrow {
    border:13px solid transparent;
    border-bottom:13px solid #e4e4e2;
    position:absolute;
    left:50%;
    top:29%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)}

.video-doctor {
    max-width:800px}

@media screen and (max-width:999px) {
    .nav-btn-up {
        right:13px
    }}

@media screen and (max-width:639px) {
    .container {
        padding:0 10px
    }

    .two-lines.scroll-active::before {
        left:50%;
        top:0;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%)
    }

    .two-lines.scroll-active::after {
        left:50%;
        bottom:0;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%)
    }

    .line-left::before {
        left:0
    }

    .line-right::before {
        right:0
    }

    .cube_line::before {
        width:8px;
        height:8px;
        left:-12px
    }}

@media screen and (max-width:479px) {
    .nav-btn-up {
        width:30px;
        height:30px;
        right:4px
    }}

.btn-next {
    position:absolute;
    left:50%;
    bottom:30px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    max-width:150px;
    width:100%;
    margin:0 auto}

.btn-next_text {
    font-size:9px;
    color:#34302a;
    font-family:'Roboto';
    font-weight:300;
    text-transform:uppercase;
    margin-bottom:5px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out}

.btn-next_text--max {
    font-size:12px;
    text-transform:none}

.btn-next_arrow {height:auto}

.btn-next_arrow--first {
    -webkit-animation:arrow-move-first 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    -moz-animation:arrow-move-first 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    animation:arrow-move-first 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite}

.btn-next_arrow--second {
    -webkit-animation:arrow-move-second 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    -moz-animation:arrow-move-second 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    animation:arrow-move-second 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    margin-top:-10px}

.btn-next_arrow-wrapp {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center}

.btn-next:hover .btn-next_text {
    letter-spacing:0.16em;
    color:#6a5a57}

@-webkit-keyframes arrow-move-second {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50% {
        -webkit-transform:translateY(60%);
        transform:translateY(60%)
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }}

@-moz-keyframes arrow-move-second {
    0% {
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    50% {
        -moz-transform:translateY(60%);
        transform:translateY(60%)
    }
    100% {
        -moz-transform:translateY(0);
        transform:translateY(0)
    }}

@keyframes arrow-move-second {
    0% {
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    50% {
        -webkit-transform:translateY(60%);
        -moz-transform:translateY(60%);
        transform:translateY(60%)
    }
    100% {
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        transform:translateY(0)
    }}

@-webkit-keyframes arrow-move-first {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50% {
        -webkit-transform:translateY(35%);
        transform:translateY(35%)
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }}

@-moz-keyframes arrow-move-first {
    0% {
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    50% {
        -moz-transform:translateY(35%);
        transform:translateY(35%)
    }
    100% {
        -moz-transform:translateY(0);
        transform:translateY(0)
    }}

@keyframes arrow-move-first {
    0% {
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    50% {
        -webkit-transform:translateY(35%);
        -moz-transform:translateY(35%);
        transform:translateY(35%)
    }
    100% {
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        transform:translateY(0)
    }}

.light-input {
    height:40px;
    outline:none;
    display:inline-block;
    width:100%;
    padding:0 10px;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:2px solid #efefef;
    color:#34302a;
    font-family:'Roboto';
    font-weight:100;
    font-size:13px;
    background-color:transparent;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease}

.light-input:focus {
    background-color:#fafafa;
    border-color:#fafafa}

.light-input::-webkit-input-placeholder {color:#bababa}
.light-input:-moz-placeholder {color:#bababa}
.light-input::-moz-placeholder {color:#bababa}
.light-input:-ms-input-placeholder {color:#bababa}

.site-anim_bg {
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    -o-object-fit:cover;
    object-fit:cover;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1}

@-webkit-keyframes animate-bg {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }}

@-moz-keyframes animate-bg {
    0% {
        -moz-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -moz-transform:scale(1.05);
        transform:scale(1.05)
    }
    100% {
        -moz-transform:scale(1);
        transform:scale(1)
    }}

@keyframes animate-bg {
    0% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.05);
        -moz-transform:scale(1.05);
        transform:scale(1.05)
    }
    100% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        transform:scale(1)
    }}

.play-video_btn {
    max-width:125px;
    width:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    margin:0 auto}

.play-video_btn:hover .play-video_btn-icon svg .play-svg {fill:#3e3f40}

.play-video_btn:hover .play-video_btn-icon svg .circle-svg {
    stroke-width:2px;
    stroke-dashoffset:0;
    stroke-dasharray:200;
    border-radius:100%}

@media all and (max-width:639px) {
    .play-video_btn:hover .play-video_btn-icon svg .play-svg {
        fill:#3e3f40
    }

    .play-video_btn:hover .play-video_btn-icon svg .circle-svg {
        stroke-width:0;
        stroke-dashoffset:0;
        stroke-dasharray:0;
        border-radius:100%
    }}

.play-video_btn-text {
    color:#34302a;
    font-size:14px;
    font-family:'Roboto';
    font-weight:300;
    margin-bottom:20px;
    text-transform:uppercase}

.play-video_btn-icon {
    position:relative;
    color:red;
    max-width:56.5px;
    width:100%;
    height:56.5px;
    border-radius:50%;
    background:url("../img/play-video.png") no-repeat center center;
    background-size:cover;
    overflow:hidden;
    z-index:10}

.play-video_btn-icon svg {
    width:100%;
    height:auto}

.play-video_btn-icon svg .circle-svg {
    stroke-dasharray:0 540;
    stroke-dashoffset:0;
    stroke-width:3px;
    stroke:rgba(62, 63, 64, 0.7);
    border-radius:100%;
    -webkit-transition:stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray .5s;
    -moz-transition:stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray .5s;
    transition:stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray .5s}

.play-video_btn-icon svg .play-svg {
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out;
    fill:rgba(0, 0, 0, 0.22)}

.about-body {
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed}

body {
    font-family:'Roboto'}

.s-footer-about {
    background:transparent}

.s-footer__wrap-menu-about {
    background:transparent}

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

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

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

@-webkit-keyframes loading-left {
    0% {
transform:rotate(0 deg)

{}}
25
%
{
transform:rotate(180deg) {}
}
50
%
{
transform:rotate(180deg) {}
}
75
%
{
transform:rotate(180deg) {}
}
100
%
{
transform:rotate(180deg) {}
}}
@-moz-keyframes loading-left {
    0% {
transform:rotate(0 deg)

{}}
25
%
{
transform:rotate(180deg) {}
}
50
%
{
transform:rotate(180deg) {}
}
75
%
{
transform:rotate(180deg) {}
}
100
%
{
transform:rotate(180deg) {}
}}
@keyframes loading-left {
    0% {
transform:rotate(0 deg)

{}}
25
%
{
transform:rotate(180deg) {}
}
50
%
{
transform:rotate(180deg) {}
}
75
%
{
transform:rotate(180deg) {}
}
100
%
{
transform:rotate(180deg) {}
}}
.canvas-wrapp, .canvas-wrapp_load {
    position:absolute;
    top:450px;
    right:0;
    -webkit-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%);
    max-width:750px;
    width:100%;
    height:936px;
    z-index:30;
    display:block}

.canvas-wrapp__img, .canvas-wrapp__end, .canvas-wrapp_load__img, .canvas-wrapp_load__end {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto}

.s_slider-block-arrow {
    position:absolute;
    bottom:15%}

.s_slider-block__prev-img {
    left:30%}

.s_slider-block__next-img {
    left:40%}

#preloader {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:100;
    background:rgba(0, 0, 0, 0.75)}

#loader {
    display:block;
    position:relative;
    left:50%;
    top:50%;
    width:150px;
    height:150px;
    margin:-75px 0 0 -75px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#9370DB;
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite}

#loader:before {
    content:"";
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#BA55D3;
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite}

#loader:after {
    content:"";
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#FF00FF;
    -webkit-animation:spin 1.5s linear infinite;
    -moz-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite}

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

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

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

.smallUp {
    -webkit-animation-name:smallUp;
    -moz-animation-name:smallUp;
    animation-name:smallUp}

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

.preloader {
    position:fixed;
    z-index:150;
    left:0;
    top:0;
    width:100%;
    background:#fff;
    height:100%}

.outer-circle {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    width:20px;
    height:20px;
    position:absolute;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    top:50%;
    border-radius:50%;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#F07575;
    background-image:-webkit-gradient(linear, left top, right bottom, from(#fce9f1), to(#F07575));
    background-image:-webkit-linear-gradient(top left, #fce9f1, #F07575);
    background-image:-moz-linear-gradient(top left, #fce9f1, #F07575);
    background-image:linear-gradient(to bottom right, #fce9f1, #F07575);
    -webkit-animation:circular .5s infinite ease-out;
    -moz-animation:circular .5s infinite ease-out;
    animation:circular .5s infinite ease-out}

.outer-circle .inner-circle {
    width:60%;
    height:60%;
    border-radius:50%;
    background:#fff;
    z-index:10}

.outer-circle .gap {
    position:absolute;
    top:0;
    left:50%;
    margin:0 0 0 -2px;
    width:4px;
    height:12px;
    background:#fff}

@-webkit-keyframes circular {
    from {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }}

@-moz-keyframes circular {
    from {
        -moz-transform:rotate(0);
        transform:rotate(0)
    }
    to {
        -moz-transform:rotate(360deg);
        transform:rotate(360deg)
    }}

@keyframes circular {
    from {
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0);
        transform:rotate(0)
    }
    to {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        transform:rotate(360deg)
    }}

.site_burger {
    display:none;
    border:none;
    background:transparent;
    font-size:12px;
    font-family:Roboto;
    font-weight:300;
    text-transform:uppercase;
    z-index:10;
    position:relative;
    cursor:pointer;
    overflow:hidden;
    -webkit-transition:all 0.2s ease 0.3s;
    -moz-transition:all 0.2s ease 0.3s;
    transition:all 0.2s ease 0.3s}

.site_burger i {
    display:block;
    position:absolute;
    width:50%;
    left:50%;
    top:0;
    -webkit-transform:rotate(45deg) translateX(50%);
    -moz-transform:rotate(45deg) translateX(50%);
    -ms-transform:rotate(45deg) translateX(50%);
    transform:rotate(45deg) translateX(50%)}

.site_burger i::after {
    content:'';
    display:block;
    position:absolute;
    left:-50px;
    top:0;
    width:1px;
    height:15px;
    background:#515151;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition:all 0.2s ease}

.site_burger i::before {
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:-50px;
    width:1px;
    height:15px;
    background:#515151;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:all 0.2s ease 0.1s;
    -moz-transition:all 0.2s ease 0.1s;
    transition:all 0.2s ease 0.1s}

.site_burger--open {
    color:transparent;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition:all 0.2s ease}

.site_burger--open i::after {
    left:0;
    -webkit-transition:all 0.2s ease 0.3s;
    -moz-transition:all 0.2s ease 0.3s;
    transition:all 0.2s ease 0.3s}

.site_burger--open i::before {
    top:0;
    -webkit-transition:all 0.2s ease 0.1s;
    -moz-transition:all 0.2s ease 0.1s;
    transition:all 0.2s ease 0.1s}

@media all and (max-width:768px) {.site_burger {display:block}}

.s_catalog__show.more-btn{text-align:center;display:none;}
.s_catalog__show.more-btn img{width:50px;cursor:pointer;display:inline-block;position:relative;top:30px}
.loading {-webkit-animation: rotation 2s infinite linear}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
.site-button {
    background:#FF670C;
    border-radius:3px;
    max-width:142px;
    width:100%;
    height:36px;
    line-height:36px;
    outline:none;
    border:none;
    color:#fff;
    font-size:16px;
    text-align:center;
    cursor:pointer;
    margin:0 auto;
    display:block;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s}
.s_catalog__show.more-btn .site-button{
    /*max-width: 155px;*/
    max-width:235px;
    width: 100%;
    height: 55px;
    line-height: 20px;
    display: inline-block;
    color: #FF670C;
    background: transparent;
    background: url(/image/arrow-pr3.png) no-repeat 0 50%;
    background-size: 40px;
    font-size: 20px;
}
.s_catalog__show.more-btn .site-button:hover{
    color: #ef1a09;
    background: url(/image/arrow-pr3h.png) no-repeat 0 50%;
    background-size: 40px;
}

.site-button:hover {
    background-color:#cd2012}

.site-button--white {
    background-color:transparent;
    color:#EF1A09;
    border:1px solid #FF670C}

.site-button--white:hover {
    background-color:#FF670C;
    color:#fff}

.slider-nav {
    text-align:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column}

.slider-nav .slick-dots .slick-active button {
    font-weight:bold;
    color:#000}

.slider-nav .slick-dots li button:hover {
    font-weight:bold;
    color:#000}

.slider-nav .slick-dots button {
    margin:0 auto;
    max-width:none;
    display:block;
    font-size:14px;
    color:#bababa;
    margin-bottom:25px;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition:all 0.2s ease}

.slider-nav .slick-dots button:before {
    content:'0'}

@media all and (max-width:1199px) {
    .slider-nav .slick-dots button {
        margin-bottom:35px;
        font-size:12px
    }}

.slider-nav button {
    display:block;
    border:none;
    background:transparent;
    cursor:pointer;
    max-width:33px;
    width:100%}

@media all and (max-width:1199px) {
    .slider-nav button {
        max-width:22px
    }}

.slider-nav button svg {
    max-width:33px;
    width:100%;
    height:auto}

@media all and (max-width:1199px) {
    .slider-nav button svg {
        max-width:22px
    }}

.slider-nav button path {
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition:all 0.2s ease}

.slider-nav button:hover path {
    stroke:#949393}

.slick-slider * {
    outline:none}

.animate-line {
    position:relative}

.animate-line:after {
    position:absolute;
    content:'';
    display:block;
    left:50%;
    bottom:-25px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:0;
    height:1px;
    background-color:#34302a;
    -webkit-transition:width 0.5s cubic-bezier(1, 0.01, 0.76, 0.84);
    -moz-transition:width 0.5s cubic-bezier(1, 0.01, 0.76, 0.84);
    transition:width 0.5s cubic-bezier(1, 0.01, 0.76, 0.84)}

.animate-line.scroll-active:after {
    width:65px}

.title-site {
    position:relative;
    font-family:'Futuris';
    font-size:28px;
    color:#34302a;
    line-height:35px;
    max-width:390px;
    font-weight:300;
    text-transform:uppercase;
    padding:20px 0}

@media all and (max-width:1199px) {
    .title-site {
        font-size:24px;
        padding:25px 0 15px;
        line-height:30px
    }}

@media all and (max-width:999px) {
    .title-site {
        line-height:22px;
        font-size:20px
    }}

.typography {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column}

.typography p {
    padding-bottom:20px}

.typography p:last-child {
    padding-bottom:0}

.typography img {
    margin:20px auto;
    max-width:100%}

.s_header {
    background:#fff;
    position:relative;
    z-index:10}

.s_header--open .s_header_wrap {
    left:0}

.s_header_fixed {
    display:none}

@media all and (max-width:999px) {
    .s_header_fixed {
        display:block;
        position:fixed;
        left:0;
        top:0;
        height:60px;
        width:100%;
        z-index:50;
        background:#fff
    }}

.s_header_bottom_layer {
    position:fixed;
    left:0;
    top:0;
    z-index:2;
    width:100%;
    background:#fff}

.s_header_line {
    position:absolute;
    top:48px;
    left:0;
    width:100%;
    height:1px;
    display:block;
    background:#e7e7e7}

@media all and (max-width:999px) {
    .s_header_line {
        display:none
    }}

.s_header_wrap {
    width:100%;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center}

@media all and (max-width:999px) {
    .s_header_wrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -webkit-flex-direction:column-reverse;
        -moz-box-orient:vertical;
        -moz-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        position:fixed;
        left:-100%;
        top:0;
        width:100%;
        height:100vh;
        max-width:none;
        -webkit-transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out;
        z-index:50;
        background:#fff;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -moz-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }}

.s_header_top {
    padding:15px 0 15px;
    width:100%;
    position:relative;
    z-index:5}

@media all and (max-width:1365px) {
    .s_header_top {
        padding:15px 30px
    }}

@media all and (max-width:1199px) {
    .s_header_top {
        padding:15px 80px
    }}

@media all and (max-width:999px) {
    .s_header_top {
        padding:15px 36px
    }

    .s_header_top .s_header__center {
        display:none
    }}

.s_header_top .container {
    position:static}

@media all and (max-width:999px) {
    .s_header_top .container {
        padding:0;
        display:block
    }}

.s_header_contacts {
    max-width:540px;
    width:100%}

@media all and (max-width:1199px) {
    .s_header_contacts {
        max-width:380px
    }}

@media all and (max-width:999px) {
    .s_header_contacts {
        display:block;
        max-width:100%;
        text-align:center
    }}

.s_header_tel {
    font-size:16px;
    color:#000;
    font-weight:400;
    font-family:'Open Sans', sans-serif;
    display:block;
    margin-right:5px;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out}

@media all and (max-width:1359px) {
    .s_header_tel {
        font-size:14px
    }}

@media all and (max-width:1199px) {
    .s_header_tel {
        font-size:12px
    }}

@media all and (max-width:999px) {
    .s_header_tel {
        margin-right:0;
        margin-bottom:20px;
        font-size:14px
    }}

.s_header_tel:hover {
    color:#EF1A09}

.s_header_mail {
    font-size:16px;
    color:#000;
    font-weight:400;
    font-family:'Open Sans', sans-serif;
    display:block;
    margin-right:5px;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out}

@media all and (max-width:1359px) {
    .s_header_mail {
        font-size:14px
    }}

@media all and (max-width:1199px) {
    .s_header_mail {
        font-size:12px
    }}

@media all and (max-width:999px) {
    .s_header_mail {
        margin-bottom:20px;
        font-size:14px
    }}

.s_header_mail:hover {
    color:#EF1A09}

.s_header_connect {
    max-width:168px;
    width:100%}

@media all and (max-width:1199px) {
    .s_header_connect {
        max-width:130px
    }}

@media all and (max-width:999px) {
    .s_header_connect {
        max-width:100%
    }}

.s_header_connect_btn {
    color:#EF1A09;
    font-family:'Open Sans', sans-serif;
    display:block;
    font-weight:600;
    font-size:16px;
    max-width:82px;
    width:100%;
    border:none;
    outline:none;
    background:transparent;
    cursor:pointer}

@media all and (max-width:1359px) {
    .s_header_connect_btn {
        font-size:14px
    }}

@media all and (max-width:1199px) {
    .s_header_connect_btn {
        font-size:12px
    }}

@media all and (max-width:999px) {
    .s_header_connect_btn {
        position:absolute;
        bottom:0;
        max-width:380px;
        width:100%;
        left:50%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        background:#EF1A09;
        color:#fff;
        font-size:14px;
        width:100%;
        text-align:center;
        height:40px;
        line-height:40px
    }}

.s_header_lang {
    position:relative;
    font-family:'Open Sans', sans-serif;
    font-size:16px;
    font-weight:400;
    cursor:pointer;
    display:block;
    padding-right:22px}

@media all and (max-width:1359px) {
    .s_header_lang {
        font-size:14px
    }}

@media all and (max-width:1199px) {
    .s_header_lang {
        font-size:12px
    }}

@media all and (max-width:999px) {
    .s_header_lang {
        position:fixed;
        right:80px;
        top:30px;
        font-size:14px;
        z-index:51
    }}

@media all and (max-width:479px) {
    .s_header_lang {
        right:60px
    }}

.s_header_lang::after {
    background:url(../img/arrow-down.png) no-repeat center center;
    width:11px;
    height:7px;
    content:'';
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    right:5px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out}

.s_header_lang:hover::after {
    -webkit-transform:translateY(-50%) rotate(180deg);
    -moz-transform:translateY(-50%) rotate(180deg);
    -ms-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg)}

.s_header_lang:hover .s_header_lang_choose {
    left:-50%;
    opacity:1}

.s_header_lang_choose {
    position:absolute;
    width:150%;
    position:absolute;
    opacity:0;
    left:-100000px;
    top:100%;
    padding-top:15px;
    -webkit-transition:opacity 0.25s ease-in-out;
    -moz-transition:opacity 0.25s ease-in-out;
    transition:opacity 0.25s ease-in-out;
    background:#fff;
    padding-left:50%;
    padding-bottom:10px}

@media all and (max-width:999px) {
    .s_header_lang_choose {
        padding-top:25px
    }}

.s_header_lang_choose a {
    font-size:16px;
    font-family:'Open Sans', sans-serif;
    font-weight:400;
    display:block;
    margin-bottom:15px;
    color:#000;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out}

@media all and (max-width:1359px) {
    .s_header_lang_choose a {
        font-size:14px
    }}

@media all and (max-width:1199px) {
    .s_header_lang_choose a {
        font-size:12px
    }}

@media all and (max-width:999px) {
    .s_header_lang_choose a {
        font-size:14px;
        margin-bottom:25px
    }}

.s_header_lang_choose a:hover {
    color:#EF1A09}

.s_header_bottom {
    width:100%}

.s_header_bottom .container {
    position:static;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start}

@media all and (max-width:999px) {
    .s_header_bottom .container {
        padding:0;
        overflow-y:auto
    }}

@media all and (max-width:1365px) {
    .s_header_bottom {
        padding:0 30px
    }}

@media all and (max-width:1199px) {
    .s_header_bottom {
        padding:0 80px
    }}

@media all and (max-width:999px) {
    .s_header_bottom {
        padding:0 36px;
        max-height:310px;
        overflow-y:auto;
        margin-top:100px
    }}

.s_header_logo {
    max-width:204px;
    width:100%;
    height:auto}

@media all and (max-width:1199px) {
    .s_header_logo {
        max-width:136px
    }}

@media all and (max-width:999px) {
    .s_header_logo {
        position:fixed;
        left:26px;
        top:26px;
        z-index:51
    }}

@media all and (max-width:479px) {
    .s_header_logo {
        max-width:120px;
        left:20px
    }}

.s_header_logo a {
    width:100%;
    max-width:100%;
    display:block;
    height:auto}

@media all and (max-width:1199px) {
    .s_header_logo a {
        max-width:136px
    }}

@media all and (max-width:479px) {
    .s_header_logo a {
        max-width:120px
    }}

.s_header_logo a img {    max-width: unset;display: block;height: auto}

.s_header_menu {
    max-width:560px;
    width:100%}

@media all and (max-width:1199px) {
    .s_header_menu {
        max-width:395px
    }}

@media all and (max-width:999px) {
    .s_header_menu {
        max-width:100%;
        text-align:center
    }}

.s_header_menu_ul {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%}

@media all and (max-width:999px) {
    .s_header_menu_ul {
        display:block;
        padding-bottom:14px;
        border-bottom:1px solid #e7e7e7
    }}

.s_header_menu_ul li {
    display:block}

.s_header_burger {
    display:none}

@media all and (max-width:999px) {
    .s_header_burger {
        display:block;
        position:fixed;
        cursor:pointer;
        width:26px;
        height:16px;
        z-index:51;
        right:26px;
        top:26px
    }

    .s_header_burger_line {
        -webkit-transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out;
        background:#EF1A09;
        display:block;
        position:absolute;
        width:100%;
        height:2px
    }

    .s_header_burger_line--first {
        top:0
    }

    .s_header_burger_line--second {
        top:7px
    }

    .s_header_burger_line--third {
        top:14px
    }}

@media all and (max-width:479px) {
    .s_header_burger {
        right:20px
    }}

.s_header_burger--open .s_header_burger_line--first {
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%) rotate(45deg);
    -moz-transform:translate(-50%, -50%) rotate(45deg);
    -ms-transform:translate(-50%, -50%) rotate(45deg);
    transform:translate(-50%, -50%) rotate(45deg)}

.s_header_burger--open .s_header_burger_line--second {
    -webkit-transform:translate(-50%, -50%) rotate(135deg);
    -moz-transform:translate(-50%, -50%) rotate(135deg);
    -ms-transform:translate(-50%, -50%) rotate(135deg);
    transform:translate(-50%, -50%) rotate(135deg);
    left:50%;
    top:50%}

.s_header_burger--open .s_header_burger_line--third {
    opacity:0}

.s_header__container {
    width:100%;
    height:20px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center}

@media all and (max-width:999px) {
    .s_header__container {
        height:auto
    }}

.s_header__container p, .s_header__container li {
    font-size:16px;
    font-weight:400}

.s_header__left, .s_header__right, .s_header__center {
    width:100%}

.s_header__left, .s_header__right {
    max-width:28%}

@media all and (max-width:1199px) {
    .s_header__left, .s_header__right {
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -moz-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }}

.s_header__center {
    max-width:44%}

@media all and (max-width:1199px) {
    .s_header__center {
        max-width:60%
    }}

@media all and (max-width:999px) {
    .s_header__center {
        max-width:100%
    }}

.s_header__center--bottom {
    max-width:67%}

@media all and (max-width:999px) {
    .s_header__center--bottom {
        max-width:100%
    }}

.s_header__left {
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center}

@media all and (max-width:1199px) {
    .s_header__left {
        max-width:20%
    }}

@media all and (max-width:999px) {
    .s_header__left {
        max-width:100%
    }}

.s_header__right {
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -moz-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end}

@media all and (max-width:1199px) {
    .s_header__right {
        max-width:5%
    }}

@media all and (max-width:999px) {
    .s_header__right {
        max-width:100%;
        display:block
    }}

.s_header__right--bottom {
    max-width:5%}

@media all and (max-width:999px) {
    .s_header__right--bottom {
        display:none
    }}

@media all and (max-width:999px) {
    .s_header__logo {
        max-width:200px
    }}

.s_header__lang {
    position: relative;
	margin-right: 15%;
	cursor: pointer;
	padding: 5px 0
}

.s_header__lang:after {
	content: '';
	position: absolute;
	top: 9px;
	right: -12px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(135deg);
	transition: all 0.2s ease
}

.s_header__lang p {
    width:33px;
    margin-right:30px;
    cursor:pointer;
    position:relative}

.s_header__lang p span {
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    width:6px;
    height:6px;
    position:absolute;
    left: 30px;
    top:50%;
    -webkit-transform:translateY(-70%) rotate(-45deg);
    -moz-transform:translateY(-70%) rotate(-45deg);
    -ms-transform:translateY(-70%) rotate(-45deg);
    transform:translateY(-70%) rotate(-45deg);
    border-bottom:1px solid #000;
    border-left:1px solid #000}

.s_header__lang ul {
    padding-top: 7px;
	padding-bottom: 3px;
	margin-left: 0;
    position: absolute;
    z-index: -1;
    left: -10px;
	display: none;
    top: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background-color: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3)
}

@media all and (max-width:999px) {
    }

.s_header__lang ul li {
    padding:2px 10px;
    margin-bottom:5px}

.s_header__lang:hover p span {
    -webkit-transform:translateY(-30%) rotate(135deg);
    -moz-transform:translateY(-30%) rotate(135deg);
    -ms-transform:translateY(-30%) rotate(135deg);
    transform:translateY(-30%) rotate(135deg)}

.s_header__lang:hover:after {
	transform: rotate(315deg)
}

.s_header__lang:hover ul {
    display: block;
    z-index: 1
}

.s_header__lang p, .s_header__lang li {
    text-transform:uppercase}

.s_header__lang p a, .s_header__lang li a {
    font-size:inherit;
    font-weight:inherit}

.s_header__lang p:hover, .s_header__lang li:hover {
    color:#EF1A09}

.s_header__center li, .s_header__center p {
    font-weight:400;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s}

@media all and (max-width:1199px) {
    .s_header__center li, .s_header__center p {
        font-size:14px
    }}

.s_header__center li a, .s_header__center p a {
    color:inherit}

.s_header__center li:hover, .s_header__center p:hover {
    color:#EF1A09}

.s_header__room {
    cursor:pointer;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s}

@media all and (max-width:999px) {
    .s_header__room {
        text-align:right
    }}

.s_header__room:hover {
    color:#EF1A09}

.s_header__room span {
    text-decoration:underline;
    color:#EF1A09}

.s_header__discount {
    font-weight:600;
    color:#EF1A09;
    cursor:pointer}

.s_header__bottom {
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    z-index:1;
    padding:34px 0}

@media all and (max-width:1199px) {
    .s_header__bottom {
        padding:24px 0;
        padding-top:15px
    }}

@media all and (max-width:999px) {
    .s_header__bottom {
        position:static
    }}

.s_header__basket {
    max-width:27px;
    width:100%;
    height:27px;
    margin-left:auto;
    cursor:pointer;
    position:relative}

.s_header__basket::after {
    content:"";
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    width:70px;
    height:45px;
    border-radius:40px;
    background-color:#EF1A09;
    position:absolute;
    z-index:-1;
    top:50%;
    left:-10px;
    -webkit-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%);
    opacity:0}

.s_header__basket--prods {
    position:relative}

.s_header__basket--prods::after {
    opacity:1}

.s_header__basket--prods svg {
    fill:#fff}

.s_header__basket--numbers {
    position:absolute;
    right:-20px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-weight:bold;
    color:#fff}

.s_header__basket--numbers-mobile {
    left:-15px;
    right:initial}

@media all and (max-width:999px) {
    .s_header__basket {
        display:none
    }}

.s_header__basket--mobile {
    display:none}

.s_header__basket--mobile::after {
    content:"";
    position:absolute;
    width:50px;
    height:30px;
    border-radius:40px;
    background-color:#EF1A09;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    opacity:0;
    top:50%;
    right:-7px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:-1}

@media all and (max-width:999px) {
    .s_header__basket--mobile {
        cursor:pointer;
        display:block;
        position:fixed;
        z-index:50;
        max-width:18px;
        height:18px;
        width:100%;
        top:24px;
        right:70px
    }

    .s_header__basket--mobile svg {
        width:100%;
        height:100%;
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s
    }}

.s_header__basket--mobile-active svg {
    fill:#fff}

.s_header__basket--mobile-active::after {
    opacity:1}

.s_header__wrap {
    position:absolute;
    z-index:2;
    top:-webkit-calc(100% - 34px);
    top:-moz-calc(100% - 34px);
    top:calc(100% - 34px);
    left:-200%;
    width:100%;
    opacity:0;
    background-color:#fff;
    padding:64px 80px 60px;
    -webkit-transition:opacity .2s;
    -moz-transition:opacity .2s;
    transition:opacity .2s}

.s_header__wrap::before {
    position:absolute;
    top:34px;
    left:0;
    content:"";
    width:100%;
    height:1px;
    background-color:#e5e5e5}

.s_header__wrap .slick-slide:hover .s_header__name {
    color:#EF1A09}

.s_header__wrap .slick-arrow {
    position:absolute;
    cursor:pointer;
    top:50%;
    z-index:1;
    font-size:0;
    border:none;
    border-left:2px solid #EF1A09;
    border-bottom:2px solid #EF1A09;
    width:20px;
    height:20px;
    background-color:transparent;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out}

.s_header__wrap .slick-arrow:hover {
    border-color:#ff6506}

.s_header__wrap .slick-prev {
    left:40px;
    -webkit-transform:translateY(-50%) rotate(45deg);
    -moz-transform:translateY(-50%) rotate(45deg);
    -ms-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg)}

.s_header__wrap .slick-next {
    right:40px;
    -webkit-transform:translateY(-50%) rotate(-135deg);
    -moz-transform:translateY(-50%) rotate(-135deg);
    -ms-transform:translateY(-50%) rotate(-135deg);
    transform:translateY(-50%) rotate(-135deg)}

.s_header__wrap .slick-dots {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:30px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s}

@media all and (max-width:1365px) {
    .s_header__wrap .slick-dots {
        bottom:22px
    }}

.s_header__wrap .slick-dots li {
    cursor:pointer;
    margin-right:15px}

.s_header__wrap .slick-dots li:last-child {
    margin-right:0}

@media all and (max-width:767px) {
    .s_header__wrap .slick-dots {
        width:170px;
        bottom:unset;
        top:230px
    }}

@media all and (max-width:639px) {
    .s_header__wrap .slick-dots {
        top:180px
    }}

.s_header__wrap .slick-dots button {
    cursor:pointer;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    font-size:0;
    width:30px;
    height:3px;
    background-color:#d7d7d7;
    border:none}

.s_header__wrap .slick-dots button:hover {
    background-color:#abafaf}

@media all and (max-width:767px) {
    .s_header__wrap .slick-dots button {
        width:27px
    }}

.s_header__wrap .slick-dots .slick-active button {
    background-color:#EF1A09}

.s_header__wrap .slick-dots .slick-active button:hover {
    background-color:#EF1A09}

@media all and (max-width:1199px) {
    .s_header__wrap::before {
        top:30px
    }}

.s_header__menu {
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    height:100%}

@media all and (max-width:1199px) {
    .s_header__menu {
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -moz-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }}

.s_header__menu li {
    margin-right:40px;
    padding:5px 0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s}

.s_header__menu li a, .s_header__menu li p {
    font-size:16px;
    font-weight:500;
    color:#000;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out}

.s_header__menu li a:hover, .s_header__menu li p:hover {
    color:#EF1A09}

.s_header__menu li a.active {
    color:#ff6506}

.s_header__menu li a.active:hover {
    color:#ff6506}

@media all and (max-width:1199px) {
    .s_header__menu li {
        margin-right:15px
    }

    .s_header__menu li a, .s_header__menu li p {
        font-size:14px
    }}

@media all and (max-width:999px) {
    .s_header__menu li {
        margin-right:0;
        margin-bottom:20px
    }}

.s_header__menu li:first-child a:nth-child(1000), .s_header__menu .active_menu a {
    font-weight:700;
    color:#EF1A09}

@media all and (max-width:999px) {
    .s_header__menu li:first-child > p {
        margin:0 auto;
        max-width:150px;
        position:relative
    }

    .s_header__menu li:first-child > p::after {
        position:absolute;
        width:8px;
        height:8px;
        border-left:1px solid #808080;
        border-bottom:1px solid #808080;
        content:"";
        top:4px;
        right:0px;
        -webkit-transform:translateX(-100%) rotate(-45deg);
        -moz-transform:translateX(-100%) rotate(-45deg);
        -ms-transform:translateX(-100%) rotate(-45deg);
        transform:translateX(-100%) rotate(-45deg);
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s
    }}

.s_header__menu li:first-child:hover > P::after {
    -webkit-transform:translate(-100%, 50%) rotate(135deg);
    -moz-transform:translate(-100%, 50%) rotate(135deg);
    -ms-transform:translate(-100%, 50%) rotate(135deg);
    transform:translate(-100%, 50%) rotate(135deg);
    border-left:1px solid #EF1A09;
    border-bottom:1px solid #EF1A09}

.s_header__menu li:first-child:hover .s_header__wrap {
    opacity:1;
    top:-webkit-calc(100% - 34px);
    top:-moz-calc(100% - 34px);
    top:calc(100% - 34px);
    left:0}

@media all and (max-width:1199px) {
    .s_header__menu li:first-child:hover .s_header__wrap {
        top:-webkit-calc(100% - 30px);
        top:-moz-calc(100% - 30px);
        top:calc(100% - 30px)
    }}

@media all and (max-width:999px) {
    .s_header__menu li:first-child:hover .s_header__wrap {
        position:relative;
        top:0;
        padding:0;
        padding-top:45px
    }}

.s_header__slider {
    margin:-10px}

@media all and (max-width:999px) {
    .s_header__slider {
        margin:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -moz-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -moz-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:7px
    }}

.s_header__slide-wr {
    padding:10px}

@media all and (max-width:999px) {
    .s_header__slide-wr {
        padding:0;
        max-width:200px
    }}

.s_header__name {
    margin-bottom:20px;
    color:#EF1A09;
    text-transform:uppercase;
    font-size:18px}

@media all and (max-width:999px) {
    .s_header__name {
        font-size:16px;
        color:#000;
        text-transform:unset;
        margin-bottom:10px
    }}

.s_header__img {
    max-width:245px}

.s_header__img img {
    display:block;
    margin:0 auto;
    max-width:100%;
    max-width:145px;
    -o-object-fit:cover;
    object-fit:cover}

@media all and (max-width:999px) {
    .s_header__img {
        display:none
    }}

.sticky {
    position:fixed;
    top:0;
    width:100%;
    background:#fff;
    z-index:10}

.s_hero {
    padding-bottom:18.3%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat}

@media all and (max-width:1599px) {
    .s_hero {
        padding-bottom:29.1%
    }}

@media all and (max-width:1199px) {
    .s_hero {
        padding-bottom:35%
    }}

@media all and (max-width:999px) {
    .s_hero {
        padding-bottom:37%
    }}

@media all and (max-width:767px) {
    .s_hero {
        padding-bottom:32.3%
    }}

@media all and (max-width:639px) {
    .s_hero {
        padding-bottom:43%
    }}

@media all and (max-width:479px) {
    .s_hero {
        padding-bottom:65.6%
    }}

.s_bg {
    position:relative;
    border-bottom:4px solid #EF1A09;
    padding-bottom:0}

.s_bg .slick-arrow {
    width:30px;
    height:30px;
    background-color:#EF1A09;
    border:none;
    font-size:0;
    border-radius:4px;
    position:absolute;
    top:50%;
    z-index:1;
    left:50px;
    cursor:pointer;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    border:1px solid #EF1A09;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box}

.s_bg .slick-arrow::after {
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border-bottom:2px solid #fff;
    border-left:2px solid #fff;
    top:50%;
    left:40%;
    -webkit-transform:translateY(-50%) rotate(45deg);
    -moz-transform:translateY(-50%) rotate(45deg);
    -ms-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg);
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s}

.s_bg .slick-arrow:focus {
    background-color:#fff}

.s_bg .slick-arrow:focus::after {
    border-bottom:2px solid #EF1A09;
    border-left:2px solid #EF1A09}

@media all and (max-width:1365px) {
    .s_bg .slick-arrow {
        display:none !important
    }}

.s_bg .slick-next {
    left:initial;
    right:50px}

.s_bg .slick-next::after {
    left:23%;
    -webkit-transform:translateY(-50%) rotate(-135deg);
    -moz-transform:translateY(-50%) rotate(-135deg);
    -ms-transform:translateY(-50%) rotate(-135deg);
    transform:translateY(-50%) rotate(-135deg)}

.s_bg__arrows {
    position:absolute;
    top:0;
    left:0;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)}

.s_bg .slick-dots {
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:absolute;
    z-index:1;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:10px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    font-size:0;
    border:0;
    background-color:transparent}

.s_bg .slick-dots li {
    cursor:pointer;
    margin-right:10px}

.s_bg .slick-dots li:last-child {
    margin-right:0}

.s_bg .slick-dots button {
    cursor:pointer;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    width:28px;
    height:3px;
    background-color:#d7d7d7;
    border:0;
    font-size:0}

.s_bg .slick-dots button:hover {
    background-color:#abafaf}

.s_bg .slick-dots .slick-active button {
    background-color:#EF1A09}

.s_bg__slide img {
    height:350px;
    display:block;
    max-width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:left;
    object-position:left}

@media all and (max-width:999px) {
    .s_bg__slide img {
        height:420px
    }}

@media all and (max-width:639px) {
    .s_bg__slide img {
        height:320px
    }}

@media all and (max-width:479px) {
    .s_bg__slide img {
        height:210px
    }}

.s_catalog {
    padding-top:80px;
    padding-bottom:60px}

@media all and (max-width:999px) {
    .s_catalog {
        padding:45px 0
    }}

.s_catalog__header {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:30px;
    position:relative;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center}

.s_catalog__header h2 {
    text-align:center;
    color:#EF1A09}

@media all and (max-width:999px) {
    .s_catalog__header h2 {
        margin-left:60px
    }}

@media all and (max-width:639px) {
    .s_catalog__header h2 {
        margin-left:0
    }}

.s_catalog__filter {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-bottom:30px}

.s_catalog__filter--none input {
    display:none}

.s_catalog__filter--none input:checked + label {
    color:#34302a}

.s_catalog__filter_values {
    max-width:220px;
    width:100%;
    margin-top:-8px}

.s_catalog__filter_values .s_catalog__filter_min {
    margin-left:-12px}

.s_catalog__filter_values .s_catalog__filter_max {
    margin-right:-25px}

.s_catalog__filter_values p {
    border:none;
    color:#EF1A09;
    font-size:14px;
    font-weight:300}

.s_catalog__filter--red input {
    cursor:pointer;
    position:relative;
    z-index:0;
    margin-right:5px;
    outline:none}

.s_catalog__filter--red input::before, .s_catalog__filter--red input::after {
    content:"";
    position:absolute}

.s_catalog__filter--red input::before {
    background-color:#fff;
    content:"";
    opacity:1;
    position:absolute;
    width:15px;
    height:15px;
    border:1px solid #adb4b8}

.s_catalog__filter--red input::after {
    opacity:0;
    top:50%;
    left:50%;
    -webkit-transform:translate(-35%, -40%) rotate(-45deg);
    -moz-transform:translate(-35%, -40%) rotate(-45deg);
    -ms-transform:translate(-35%, -40%) rotate(-45deg);
    transform:translate(-35%, -40%) rotate(-45deg);
    width:10px;
    height:5px;
    border-left:2px solid #EF1A09;
    border-bottom:2px solid #EF1A09;
    background-repeat:no-repeat;
    background-position:60%;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s}

.s_catalog__filter--red input:checked::after {
    opacity:1}

.s_catalog__filter:last-child {
    margin-bottom:0}

.s_catalog__filter h6, .s_catalog__filter label {
    font-family:'Open Sans', sans-serif;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s;
    color:#34302a}

.s_catalog__filter sup {
    color:inherit;
    font-size:inherit}

.s_catalog__filter h6 {
    font-size:16px;
    margin-bottom:15px;
    font-weight:bold;
    position:relative;
    width:100%}

.s_catalog__filter label {
    cursor:pointer;
    font-size:14px;
    margin-bottom:15px;
    font-weight:500;
    margin-bottom:20px}

.s_catalog__filter--checked label {
    color:#34302a}

.s_catalog__filter--mobile {
    display:none}

@media all and (max-width:999px) {
    .s_catalog__filter--mobile {
        display:block;
        margin-left:40px
    }}

@media all and (max-width:639px) {
    .s_catalog__filter--mobile {
        position:absolute;
        margin-left:0;
        right:0;
        top:50%;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%)
    }}

.s_catalog__block {
    width:100%}

.s_catalog__block--filter {
    max-width:230px;
    padding-right:50px;
    position:relative}

@media all and (max-width:1365px) {
    .s_catalog__block--filter {
        max-width:225px;
        padding-right:30px
    }}

@media all and (max-width:999px) {
    .s_catalog__block--filter {
        overflow-y:auto;
        height:100%;
        padding-left:30px;
        padding-top:40px;
        max-width:300px;
        border-right:2px solid #34302a;
        position:fixed;
        z-index:51;
        background-color:#fff;
        left:-100%;
        top:0;
        padding-bottom:40px;
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s
    }}

@media all and (max-width:999px) {
    .s_catalog__block--active {
        left:0;
        display:block
    }}

.s_catalog__block--product {
    max-width:970px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start}

.s_catalog__close {
    display:none;
    width:25px;
    height:25px;
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer}

@media all and (max-width:999px) {
    .s_catalog__close {
        display:block
    }}

.s_catalog__close::before, .s_catalog__close::after {
    content:"";
    position:absolute;
    width:100%;
    height:2px;
    top:47%;
    right:0px;
    background-color:#34302a}

.s_catalog__close::before {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)}

.s_catalog__close::after {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)}

.s_catalog__value {
    width:100%;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around}

.s_catalog__values {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:78px;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    font-size:14px}

.s_catalog__values input {
    outline:none;
    width:100%;
    color:#EF1A09;
    border:none;
    padding-left:5px;
    padding-top:4px;
    position:relative;
    font-size:12px;
    font-weight:500;
    text-align:right}

.s_catalog__values::after {
    position:relative;
    color:#34302a;
    font-size:13px;
    padding-top:2px}

.s_catalog__values--price::after {
    left:3px;
    content:"грн"}

.s_catalog__slider {
    width:100% !important;
    margin-top:10px !important;
    margin-bottom:20px !important;
    height:1px !important;
    max-width:180px}

.s_catalog__slider .noUi-handle {
    cursor:pointer !important;
    top:-9px !important;
    width:17px !important;
    height:17px !important;
    border-radius:50% !important;
    border:1px solid transparent !important;
    background-color:#EF1A09 !important;
    -webkit-box-shadow:unset !important;
    box-shadow:unset !important;
    outline:none !important;
    right:0px !important;
    -webkit-transform:translateX(-9px) !important;
    -moz-transform:translateX(-9px) !important;
    -ms-transform:translateX(-9px) !important;
    transform:translateX(-9px) !important}

.s_catalog__slider .noUi-handle::before, .s_catalog__slider .noUi-handle::after {
    display:none !important}

.s_catalog__slider .noUi-tooltip {
    border:none;
    color:#EF1A09;
    font-size:14px;
    font-weight:300;
    top:120% !important;
    bottom:unset;
    z-index:9;
    -webkit-transform:translate(-50%, 0) !important;
    -moz-transform:translate(-50%, 0) !important;
    -ms-transform:translate(-50%, 0) !important;
    transform:translate(-50%, 0) !important;
    left:50% !important;
    bottom:auto !important;
    padding:5px 10px;
    display:none !important}

.s_catalog__slider .noUi-origin {
    z-index:12;
    font-size:0 !important}

.s_catalog__slider .noUi-origin:last-child {
    z-index:10}

.s_catalog__slider .noUi-origin:last-child .noUi-handle {
    -webkit-transform:translateX(9px) !important;
    -moz-transform:translateX(9px) !important;
    -ms-transform:translateX(9px) !important;
    transform:translateX(9px) !important;
    right:17px !important}

.s_catalog__row {
    margin-bottom:15px}

.s_catalog__row--off label {
    color:#ccc}

.s_catalog__row--off input::before {
    border:1px solid #ccc}

.s_catalog__box {
    max-width:33.33333%;
    padding:0 40px;
    width:100%;
    position:relative;
    margin-bottom:70px;
    display:block}

.s_catalog__box::after {
    content:"";
    position:absolute;
    height:100%;
    width:1px;
    background-color:#ccc;
    right:-1px;
    top:0}

//.s_catalog__box:nth-child(n+10) {display:none}

.s_catalog__box:nth-child(3n)::after, .s_catalog__box:last-child::after {
    display:none}

@media all and (max-width:999px) {
    .s_catalog__box {
        max-width:50%;
        margin-bottom:0;
        padding:25px
    }

    .s_catalog__box::before {
        content:"";
        position:absolute;
        height:1px;
        width:100%;
        background-color:#ccc;
        left:0;
        bottom:0
    }

    .s_catalog__box:nth-child(3n)::after {
        display:block
    }

    .s_catalog__box:nth-child(2n)::after, .s_catalog__box:last-child::after {
        display:none
    }}

@media all and (max-width:639px) {
    .s_catalog__box {
        max-width:100%
    }

    .s_catalog__box:nth-child(n)::after {
        display:none
    }}

.s_catalog__box--img {
    margin-bottom:30px}

.s_catalog__box--img img {
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto}

.s_catalog__box--img-ext {
    margin-bottom:0;
    padding:0 30px;
    margin-right:30px}

@media all and (max-width:1199px) {
    .s_catalog__box--img-ext {
        padding:0
    }}

@media all and (max-width:999px) {
    .s_catalog__box--img-ext {
        margin-right:0;
        margin-bottom:30px
    }}

.s_catalog__box--title {
    margin-bottom:20px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    overflow: hidden
}

.s_catalog__box--title h4 {
    font-weight:500}

.s_catalog__box--title p {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    color:#EF1A09;
    font-size:20px;
    font-weight:bold;
    float: left;
    margin-top: 10px;
}


.s_catalog__box--title button {
    float: right;
    margin: 10px 0 0;
    max-width: 100px;
}

.s_catalog__box--descr {max-height:75px;overflow:hidden}
/*div.s_catalog__box{
 border:1px solid #ccc;
    padding-bottom:30px;
    margin-bottom:-60px;
    position:relative;
    z-index:5;
    background:#fff}*/
/*a.s_catalog__box-anc:hover, */   
.s_catalog__box:hover{
    border:1px solid #ccc;
    padding-bottom:30px;
    margin-bottom:-120px;
    position:relative;
    z-index:5;
    background:#fff}
.s_catalog__box{border:1px solid transparent}
/*.s_catalog__box-anc:hover::after{background:transparent}*/
.s_catalog__box:hover::after{background:transparent}
.s_catalog__box:hover .s_catalog__box--descr{overflow:visible;max-height:none}

@media all and (max-width:1199px) {.s_catalog__box--descr {font-size:14px}}
@media all and (max-width:999px) {.s_catalog__show {margin-top:50px}}

.s_catalog__extended {
    max-width:100%;
    width:100%;
    padding:0}

.s_catalog__extended::after {display:none}
.s_catalog__extended:nth-child(n+10) {display:none}

.breadcrumbs li a:before {
    content: ' > ';
    position: relative;
    left: -7px
}

.breadcrumbs li:first-child a:before {
    display: none;
}

.breadcrumbs li:hover a:before {
    visibility: hidden;
}

@media all and (max-width:999px) {
    .s_catalog__extended {
        padding:25px 25px 0;
        max-width:50%
    }

    .s_catalog__extended::after {
        display:block
    }}

@media all and (max-width:767px) {
    .s_catalog__extended {
        padding:10px 10px 0
    }}

@media all and (max-width:639px) {
    .s_catalog__extended {
        max-width:100%
    }}

.s_catalog__extended--row {margin-bottom:35px}

.s_catalog__extended--row:last-child {
    margin-bottom:0}

.s_catalog__extended--row p.articul {
    color:#EF1A09;
    margin-bottom:10px}

@media all and (max-width:999px) {
    .s_catalog__extended--wrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -moz-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }}

.s_catalog__extended--text {
    max-width:640px;
    width:100%;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -moz-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    padding-bottom:45px;
    position:relative}

.s_catalog__extended--text::after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#ccc;
    display:block}

@media all and (max-width:999px) {
    .s_catalog__extended--text {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        padding-bottom:25px
    }

    .s_catalog__extended--text::after {
        display:none
    }}

.s_catalog__extended--block h4 {
    margin-bottom:25px}

.s_catalog__extended--reason h6 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px}

.s_catalog__extended--reason p {
    font-size:12px;
    font-weight:300}

.s_catalog__extended--block {
    max-width:465px;
    width:100%}

.s_catalog__extended--content {
    padding-right:40px}

@media all and (max-width:999px) {
    .s_catalog__extended--content {
        padding-right:0;
        margin-bottom:25px
    }}

.s_catalog__extended--price {
    max-width:170px;
    text-align:center}

.s_catalog__extended--price .site-button {
    max-width:170px}

.s_catalog__extended--price p {
    color:#EF1A09;
    font-weight:bold;
    font-size:20px;
    font-family:'Montserrat', sans-serif}

.s_catalog__extended--price p:last-of-type {
    margin-bottom:10px}

.s_catalog__extended--price span {
    font-family:inherit;
    color:#9b9898;
    font-size:14px;
    font-weight:inherit;
    position:relative}

.s_catalog__extended--price span::after {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background-color:#9b9898;
    display:block;
    content:""}

@media all and (max-width:999px) {
    .s_catalog__extended--price {
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        max-width:100%
    }}

.s_catalog #button-filter {
    margin-bottom:20px}

.s_catalog .s_catalog_info--block {
    max-width:1000px;
    margin:0 auto;
    margin-bottom:70px}

@media all and (max-width:999px) {
    .s_catalog .s_catalog_info--block {
        margin-bottom:50px
    }}

.s_footer {
    padding-top:60px;
    padding-bottom:75px;
    background-color:#f1f1f1}

@media all and (max-width:999px) {
    .s_footer {
        background-color:#fff;
        padding:0
    }}

.s_footer_copy {
    background:#EF1A09;
    padding:20px 0 14px;
    width:100%}

@media all and (max-width:1359px) {
    .s_footer_copy {
        padding:16px 0 10px
    }}

.s_footer_copy_text {
    opacity:.9;
    text-align:center;
    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-size:18px;
    font-weight:400}

@media all and (max-width:1359px) {
    .s_footer_copy_text {
        font-size:16px
    }}

@media all and (max-width:1199px) {
    .s_footer_copy_text {
        font-size:14px
    }}

.s_footer__button {
    max-width:245px;
    width:100%;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -moz-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end}

@media all and (max-width:1199px) {
    .s_footer__button {
        max-width:187px
    }}

@media all and (max-width:999px) {
    .s_footer__button {
        width:100%;
        max-width:100%;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -moz-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }}

.s_footer__button button {
    max-width:112px;
    width:100%;
    height:33px;
    border:none;
    background-color:#EF1A09;
    color:#fff;
    border-radius:5px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    cursor:pointer}

.s_footer__button button:hover {
    background-color:#D72113}

@media all and (max-width:1199px) {
    .s_footer__button button {
        font-size:12px;
        max-width:85px;
        height:27px
    }}

@media all and (max-width:999px) {
    .s_footer__button button {
        max-width:158px;
        font-size:16px;
        height:43px
    }}

@media all and (max-width:767px) {
    .s_footer__button button {
        max-width:187px
    }}

@media all and (max-width:999px) {
    .s_footer .container {
        padding:0
    }}

@media all and (max-width:999px) {
    .s_footer__container {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }}

.s_footer__block {
    width:25%;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -moz-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch}

.s_footer__block:last-child {
    max-width:190px;
    width:100%;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -moz-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end}

.s_footer__block:last-child li:nth-child(n+2) {
    margin-bottom:35px}

.s_footer__block:last-child li:nth-child(n+2) a, .s_footer__block:last-child li:nth-child(n+2) p {
    font-weight:500;
    line-height:2}

.s_footer__block li {
    font-size:14px;
    margin-bottom:17px;
    line-height:1.5}

.s_footer__block li a, .s_footer__block li p {
    max-width:200px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    font-size:inherit;
    font-weight:inherit;
    display:block;
    line-height:1.5}

.s_footer__block li:first-child {
    margin-bottom:25px;
    font-size:20px;
    color:#EF1A09}

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

.s_footer__block a:hover {
    color:#EF1A09}

.s_footer__block a.active {
    color:#ff6506}

.s_footer__block a.active:hover {
    color:#ff6506}

.s_footer__block h5 {
    color:#EF1A09;
    line-height:1.7em;
    margin-bottom:20px}

@media all and (max-width:999px) {
    .s_footer__block h5 {
        text-align:center;
        font-size:18px
    }}

@media all and (max-width:767px) {
    .s_footer__block h5 {
        font-size:20px
    }}

.s_footer__block input, .s_footer__block textarea {
    outline:none}

@media all and (max-width:999px) {
    .s_footer__block {
        max-width:100%;
        width:100%
    }

    .s_footer__block:nth-child(1), .s_footer__block:nth-child(2) {
        display:none
    }

    .s_footer__block:nth-child(3) ul, .s_footer__block:nth-child(4) ul {
        padding:30px 0;
        margin:0 auto;
        width:100%;
        max-width:300px
    }

    .s_footer__block:nth-child(3) ul li, .s_footer__block:nth-child(4) ul li {
        text-align:center
    }

    .s_footer__block:nth-child(3) {
        background-color:#f1f1f1
    }

    .s_footer__block:nth-child(4) {
        max-width:100%;
        width:100%
    }

    .s_footer__block:nth-child(4) li {
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-justify-content:space-around;
        -ms-flex-pack:distribute;
        justify-content:space-around;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -moz-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:20px !important
    }

    .s_footer__block:nth-child(4) li a {
        display:inline-block
    }

    .s_footer__block:nth-child(4) li p, .s_footer__block:nth-child(4) li a {
        font-weight:600 !important;
        width:100%;
        line-height:1.2 !important
    }}

.s_footer_input-wrap {
    max-width:245px;
    width:100%;
    position:relative;
    margin-bottom:20px}

@media all and (max-width:1199px) {
    .s_footer_input-wrap {
        max-width:187px
    }}

@media all and (max-width:999px) {
    .s_footer_input-wrap {
        max-width:300px
    }}

@media all and (max-width:639px) {
    .s_footer_input-wrap {
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -moz-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }}

.s_footer_input-wrap input {
    width:100%;
    outline:none;
    background:#fff;
    border:2px solid #e5e5e5;
    padding:0 7px;
    height:30px;
    line-height:28px;
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    color:#000;
    font-weight:400}

@media all and (max-width:639px) {
    .s_footer_input-wrap input {
        border-radius:5px;
        max-width:240px
    }}

.s_footer_input-wrap input::-webkit-input-placeholder {
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    color:#000;
    font-weight:400}

.s_footer_input-wrap input:-moz-placeholder {
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    color:#000;
    font-weight:400}

.s_footer_input-wrap input::-moz-placeholder {
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    color:#000;
    font-weight:400}

.s_footer_input-wrap input:-ms-input-placeholder {
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    color:#000;
    font-weight:400}

.s_footer_textarea_wrap {
    max-width:245px;
    width:100%;
    height:90px;
    margin-bottom:25px}

@media all and (max-width:1199px) {
    .s_footer_textarea_wrap {
        max-width:187px
    }}

@media all and (max-width:999px) {
    .s_footer_textarea_wrap {
        max-width:300px;
        width:100%
    }}

@media all and (max-width:639px) {
    .s_footer_textarea_wrap {
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -moz-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }}

.s_footer_textarea_wrap textarea {
    width:100%;
    height:100%;
    border:2px solid #e5e5e5;
    resize:none;
    padding:10px 8px;
    outline:none;
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    color:#000;
    font-weight:400}

@media all and (max-width:639px) {
    .s_footer_textarea_wrap textarea {
        border-radius:5px;
        max-width:240px
    }}

.s_footer_textarea_wrap textarea::-webkit-input-placeholder {
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    color:#000;
    font-weight:400}

.s_footer_textarea_wrap textarea:-moz-placeholder {
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    color:#000;
    font-weight:400}

.s_footer_textarea_wrap textarea::-moz-placeholder {
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    color:#000;
    font-weight:400}

.s_footer_textarea_wrap textarea:-ms-input-placeholder {
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    color:#000;
    font-weight:400}

.s_footer__block--divide {
    margin-bottom:35px}

.s_footer__cards {
    width:100%;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    position:relative}

@media all and (max-width:999px) {
    .s_footer__cards {
        margin:0 auto 40px;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -moz-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }}

.s_footer__cards .zorelit__section {
    width:86px;
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)}

@media all and (max-width:639px) {
    .s_footer__cards .zorelit__section {
        position:relative;
        right:unset;
        top:unset;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        transform:none
    }}

.s_footer__cards a {
    margin-right:15px}

@media all and (max-width:639px) {
    .s_footer__cards a {
        margin-right:0
    }}

.s_footer__cards a:last-of-type {
    margin-right:0}

.s_footer__cards img {
    max-width:100%;
    display:block;
    height:auto}

@media all and (max-width:639px) {
    .s_footer__cards {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }

    .s_footer__cards img {
        margin-bottom:20px
    }}

.s_popup {
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    display:none}

.s_popup__layer {
    width:100%;
    height:100%;
    z-index:1;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.8)}

.s_popup__content {
    z-index:2;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    max-width:950px;
    width:100%;
    background-color:#fff;
    padding:30px}

@media all and (max-width:767px) {
    .s_popup__content {
        padding:30px 15px
    }}

.s_popup__close {
    cursor:pointer;
    position:absolute;
    top:30px;
    right:30px;
    z-index:10;
    width:30px;
    height:30px}

.s_popup__close::before, .s_popup__close::after {
    content:"";
    top:50%;
    position:absolute;
    width:100%;
    height:3px;
    background-color:#b2b2b2;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out}

.s_popup__close::before {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)}

.s_popup__close::after {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)}

.s_popup__close:hover::after, .s_popup__close:hover::before {
    background-color:#EF1A09}

.s_popup__header {
    margin-bottom:55px;
    position:relative}

.s_popup__button {
    margin:0;
    max-width:240px}

.s_popup__button--white {
    border:none;
    font-weight:bold}

.s_popup__button:last-child {
    margin-bottom:0}

@media all and (max-width:767px) {
    .s_popup__button {
        margin-bottom:10px
    }}

.s_popup__footer {
    padding:0 30px}

@media all and (max-width:767px) {
    .s_popup__footer {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -moz-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }}

.s_popup--basket {
    overflow-y:auto}

.s_popup--basket .s_popup__content {
    left:unset;
    top:unset;
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0);
    overflow-y:auto;
    position:relative}

.s_popup--basket .s_popup__conteiner {
    min-height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:20px;
    overflow-y:auto}

.s_popup--login {
    display:block}

.s_basket--wrap {
    margin-bottom:20px}

@media all and (max-width:999px) {
    .s_basket--wrap {
        max-height:400px;
        overflow-y:auto
    }}

.s_basket--line {
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:35px}

.s_basket--line:last-child {
    margin-bottom:0}

@media all and (max-width:999px) {
    .s_basket--line {
        margin-bottom:20px
    }}

.s_basket--close {
    cursor:pointer}

.s_basket--content {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative}

.s_basket--content::after {
    content:"";
    position:absolute;
    width:100%;
    height:1px}

.s_basket--icon {
    width:20px;
    height:20px;
    position:relative}

.s_basket--icon::after, .s_basket--icon::before {
    top:50%;
    position:absolute;
    content:"";
    width:100%;
    height:3px;
    background-color:#ccc;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out}

.s_basket--icon::before {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)}

.s_basket--icon:hover::after, .s_basket--icon:hover::before {
    background-color:#EF1A09}

.s_basket--content {
    width:100%;
    position:relative;
    padding-right:30px}

.s_basket--content::after {
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    bottom:-30px;
    left:0;
    background-color:#ccc}

@media all and (max-width:999px) {
    .s_basket--content {
        padding-right:15px
    }

    .s_basket--content::after {
        width:97%;
        bottom:0px
    }}

@media all and (max-width:767px) {
    .s_basket--content {
        padding-left:15px;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }}

.s_basket--block {
    margin-right:20px}

.s_basket--block:last-child {
    margin-right:0}

@media all and (max-width:999px) {
    .s_basket--block {
        margin-right:0;
        margin-bottom:20px
    }}

.s_basket--container {
    width:100%;
    padding-bottom:30px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center}

@media all and (max-width:999px) {
    .s_basket--container {
        padding-bottom:0
    }}

.s_basket--img {
    max-width:185px;
    padding-left:30px;
    margin-right:50px}

.s_basket--img img {
    max-width:100%;
    height:auto;
    display:block}

@media all and (max-width:999px) {
    .s_basket--img {
        padding-left:15px;
        margin-right:0;
        padding-right:30px
    }}

@media all and (max-width:767px) {
    .s_basket--img {
        max-width:50%;
        width:100%;
        margin:0 auto 30px
    }}

@media all and (max-width:479px) {
    .s_basket--img {
        max-width:100%;
        padding:0
    }}

.s_basket--info {
    max-width:260px;
    width:100%;
    margin-right:20px}

@media all and (max-width:767px) {
    .s_basket--info {
        margin-right:0;
        max-width:50%
    }}

@media all and (max-width:479px) {
    .s_basket--info {
        max-width:100%
    }}

.s_basket--title {
    font-size:24px;
    font-weight:500;
    margin-bottom:15px}

.s_basket--descr {
    position:relative;
    padding-bottom:7px;
    margin-bottom:7px}

.s_basket--descr::after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#EF1A09}

.s_basket--reason p {
    font-size:14px}

.s_basket--reason span {
    font-size:12px;
    color:#EF1A09;
    font-weight:600;
    margin-right:20px}

.s_basket--calc {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center}

@media all and (max-width:999px) {
    .s_basket--calc {
        margin-right:20px
    }}

.s_basket--minus, .s_basket--plus {
    cursor:pointer;
    width:14px;
    height:14px;
    position:relative}

.s_basket--minus::after, .s_basket--plus::after {
    content:"";
    top:50%;
    position:relative;
    width:100%;
    height:2px;
    background-color:#aaa;
    display:block}

.s_basket--minus {
    margin-right:10px}

.s_basket--plus::before {
    content:"";
    position:absolute;
    left:50%;
    width:2px;
    height:100%;
    background-color:#FF670C;
    display:block;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)}

.s_basket--plus::after {
    background-color:#EF1A09;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)}

.s_basket--input {
    border:1px solid #ccc;
    outline:none;
    max-width:35px;
    height:35px;
    font-size:20px;
    text-align:center;
    margin-right:7px}

.s_basket--price p {
    color:#FF670C;
    font-weight:500;
    font-size:22px}

.s_basket--footer {
    max-width:270px;
    width:100%;
    margin-left:auto;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -moz-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end}

.s_basket--footer p {
    color:#FF670C}

.s_basket--total {
    font-size:30px;
    line-height:1;
    font-weight:600}

.s_basket--value {
    font-size:22px;
    font-weight:bold;
    line-height:1.2}

.s_popup--basket .s_popup__footer {
    margin-top:30px}

.s_popup--enter {
    overflow-y:auto}

.s_popup--enter_content {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    max-width:320px;
    width:100%;
    background:#fff;
    padding:44px 24px 45px;
    z-index:2}

.s_popup--enter_close {
    position:absolute;
    right:20px;
    top:20px;
    background:url(../img/close.png) no-repeat center center;
    background-size:cover;
    width:16px;
    height:16px;
    cursor:pointer}

.s_popup--enter_header {
    margin-bottom:19px}

.s_popup--enter_heading {
    color:#cd2012;
    font-weight:200}

.s_popup--enter_inputs {
    margin-bottom:28px}

.s_popup--enter_input {
    border-radius:12px;
    position:relative;
    border:1px solid #e5e5e5;
    margin-bottom:28px}

.s_popup--enter_input:last-of-type {
    margin-bottom:0}

.s_popup--enter_input input {
    border:none;
    outline:none;
    background:transparent;
    height:38px;
    line-height:38px;
    color:#000;
    font-size:16px;
    font-family:'Open Sans', sans-serif;
    font-weight:300;
    padding:0 16px;
    width:100%;
    -ms-input-placeholder-color:rgba(0, 0, 0, 0.5);
    -ms-input-placeholder-font-size:16px}

.s_popup--enter_input input ::-webkit-input-placeholder {
    color:rgba(0, 0, 0, 0.5);
    font-size:16px}

.s_popup--enter_input input :-moz-placeholder {
    color:rgba(0, 0, 0, 0.5);
    font-size:16px}

.s_popup--enter_input input :-ms-input-placeholder {
    color:rgba(0, 0, 0, 0.5);
    font-size:16px}

.s_popup--enter_input input ::placeholder {
    color:rgba(0, 0, 0, 0.5);
    font-size:16px}

.s_popup--enter_input input ::-ms-input-placeholder {
    color:rgba(0, 0, 0, 0.5);
    font-size:16px}

.s_popup--enter_btns {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center}

.s_popup--enter_btns button {
    max-width:115px;
    height:47px;
    width:100%;
    line-height:47px;
    margin:0;
    font-size:18px;
    font-weight:700;
    font-family:'Open Sans', sans-serif;
    margin-right:22px;
    border-right:10px}

.s_popup--enter_forgot {
    cursor:pointer;
    text-decoration:underline;
    color:rgba(0, 0, 0, 0.5);
    font-size:16px;
    font-weight:300;
    font-family:'Open Sans', sans-serif}

.s_popup--thank #button-confirm {
    max-width:201px;
    width:100%;
    margin:0}

.s_popup--thank_content {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    z-index:2;
    background:#fff;
    max-width:320px;
    width:100%;
    padding:40px 58px 42px 23px}

.s_popup--thank_header {
    margin-bottom:22px}

.s_popup--thank_header h2 {
    color:#cd2012}

.s_popup--thank_text {
    margin-bottom:44px}

.s_popup--thank_text p {
    font-size:16px;
    font-weight:300;
    color:#000;
    font-family:'Open Sans', sans-serif;
    line-height:1.4em}

.s_popup--thank_close {
    position:absolute;
    right:20px;
    top:20px;
    cursor:pointer;
    width:20px;
    height:20px}

.s_popup--thank_close::after, .s_popup--thank_close::before {
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:1px;
    background:#EF1A09}

.s_popup--thank_close::after {
    -webkit-transform:translateY(-50%) rotate(45deg);
    -moz-transform:translateY(-50%) rotate(45deg);
    -ms-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg)}

.s_popup--thank_close::before {
    -webkit-transform:translateY(-50%) rotate(-45deg);
    -moz-transform:translateY(-50%) rotate(-45deg);
    -ms-transform:translateY(-50%) rotate(-45deg);
    transform:translateY(-50%) rotate(-45deg)}

.s_popup--thank_btn a {
    margin:0}

.s_popup_gallery {
    background:#fff}

.s_popup_gallery_close {
    position:fixed;
    z-index:200;
    right:40px;
    top:40px;
    background:url(../img/close.png) no-repeat center center;
    background-size:cover;
    width:20px;
    height:20px;
    cursor:pointer}

@media all and (max-width:999px) {
    .s_popup_gallery_close {
        right:20px;
        top:20px
    }}

.s_popup_gallery .s_popup_content {
    position:relative;
    z-index:5}

.s_popup_gallery_item {
    height:100vh;
    position:relative;
    z-index:2;
    padding:50px}

@media all and (max-width:999px) {
    .s_popup_gallery_item {
        padding:15px
    }}

.s_popup_gallery_item--nav {
    position:relative;
    z-index:3;
    height:30vh;
    padding:25px}

@media all and (max-width:999px) {
    .s_popup_gallery_item--nav {
        padding:15px
    }}

.s_popup_gallery_slider .slick-arrow {
    position:absolute;
    z-index:20;
    cursor:pointer;
    font-size:0;
    outline:none;
    background:transparent;
    width:33px;
    height:10px;
    top:50%;
    border:none}
.s_popup_gallery_slider .slick-arrow::after {
    position:absolute;
    width:26px;
    height:2px;
    background:black;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    content:'';
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out}
.s_popup_gallery_slider .slick-arrow::before {
    content:'';
    position:absolute;
    left:0;
    top:50%;
    left:-8px;
    border:5px solid transparent;
    border-right:5px solid black;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out}
.s_popup_gallery_slider .slick-arrow:hover::after {background:#EF1A09}
.s_popup_gallery_slider .slick-arrow:hover::before {border-right-color:#EF1A09}
.s_popup_gallery_slider .slick-arrow.slick-next {
    -webkit-transform:rotate(180deg) translateY(-50%);
    -moz-transform:rotate(180deg) translateY(-50%);
    -ms-transform:rotate(180deg) translateY(-50%);
    transform:rotate(180deg) translateY(-50%);
    right:100px}
.s_popup_gallery_slider .slick-arrow.slick-prev {
    left:100px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)}
.s_popup_gallery_img {
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center}
.s_popup_gallery_img img {margin:auto;max-width:100%;max-height:100%}
.s_popup_gallery_navs .slick-slide {text-align:center;margin:0 auto}
.s_popup_gallery_navs .slick-list, .s_popup_gallery_navs .slick-slider, .s_popup_gallery_navs .slick-track {text-align:center;margin:0 auto}
.s_popup_gallery_navs .slick-slide {
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    opacity:0.3}
.s_popup_gallery_navs .slick-slide.slick-current.slick-active {opacity:1}
span.s_character__item,span.s_character__descr{font-size:14px;font-weight:500;font-family:'Roboto'}
/*span.s_character__item{float:left}*/
span.s_character__descr{float:right}
.ap-sale{position:absolute;right:10px;width:80px}
.ap-sale-url{position:absolute;right:0;top:0;z-index:7}

@media all and (max-width:1199px) {.title-site {font-size:24px;padding:25px 0 15px;line-height:30px}}
@media all and (max-width:999px) {.title-site {line-height:22px;font-size:20px}}

@media all and (max-width:767px) {.s_popup_gallery_slider .slick-arrow {top:50%}}
/*@media all and (max-width:999px) {.ap-sale-url{right:-52%}}
@media all and (max-width:638px) {.ap-sale-url{right:0;width:100%}a.s_catalog__box:hover + a{z-index:4}}*/
@media all and (max-width:999px) {.s_popup_gallery_slider .slick-arrow.slick-next {right:20px}}
@media all and (max-width:999px) {.s_popup_gallery_slider .slick-arrow.slick-prev {left:20px}}
@media all and (max-width:999px) {.warm-hover-popup .warm-popup {display:none!important}}
@media all and (max-width:490px){
    .s_basket--img img{max-width:70%;margin:0 auto}
    .s_basket--title {font-size:20px}
    .s_basket--block {margin-bottom:15px}
    .s_basket--block p,.s_basket--block span,.s_basket--block li{font-size:12px}
}

.s_catalog__box--title h4 {
	font-size: 20px;
}
.table-responsive table {
    margin-top: 20px;
    min-width: 500px;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.table-responsive table thead {
    background: #f9f9f9;
    color: #333;
    border: 1px solid #f2f2f2;
}

.table-responsive table thead tr {
    background: transparent
}

.table-responsive table thead tr td, .table-responsive table thead tr th {
    padding: .5rem .625rem .625rem;
    font-weight: 700 !important;
    text-align: left;
    margin: 0;
}

.table-responsive table thead tr td strong, .table-responsive table thead tr th strong {
    font-weight: 700 !important
}

.table-responsive table tbody {
    border: 1px solid #f2f2f2;
    background-color: #fff;
}

.table-responsive table tbody td {
    padding: .5rem .625rem .625rem;
    margin: 0;
}

.table-responsive table tbody tr:nth-child(2n) {
    background-color: #f2f2f2;
}

.s_character__row:nth-child(n+4) {
    display: none;
}

.s_catalog__box:hover .s_character__row:nth-child(n+4) {
    display: block;
}