.b-action .text P,
.b-action .type {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
A,
ABBR,
ACRONYM,
ADDRESS,
APPLET,
ARTICLE,
ASIDE,
AUDIO,
B,
BIG,
BLOCKQUOTE,
BODY,
CANVAS,
CAPTION,
CENTER,
CITE,
CODE,
DD,
DEL,
DETAILS,
DFN,
DIV,
DL,
DT,
EM,
EMBED,
FIELDSET,
FIGCAPTION,
FIGURE,
FOOTER,
FORM,
H1,
H2,
H3,
H4,
H5,
H6,
HEADER,
HGROUP,
HTML,
I,
IFRAME,
IMG,
INS,
KBD,
LABEL,
LEGEND,
LI,
MAIN,
MARK,
MENU,
NAV,
OBJECT,
OL,
OUTPUT,
P,
PRE,
Q,
RUBY,
S,
SAMP,
SECTION,
SMALL,
SPAN,
STRIKE,
STRONG,
SUB,
SUMMARY,
SUP,
TABLE,
TBODY,
TD,
TFOOT,
TH,
THEAD,
TIME,
TR,
TT,
U,
UL,
VAR,
VIDEO {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
ARTICLE,
ASIDE,
DETAILS,
FIGCAPTION,
FIGURE,
FOOTER,
HEADER,
HGROUP,
MENU,
NAV,
SECTION {
    display: block;
}
BODY {
    line-height: 1;
}
OL,
UL {
    list-style: none;
}
BLOCKQUOTE,
Q {
    quotes: none;
}
BLOCKQUOTE:after,
BLOCKQUOTE:before,
Q:after,
Q:before {
    content: "";
    content: none;
}
TABLE {
    border-collapse: collapse;
    border-spacing: 0;
}
.t-bold, .t-strong {
    font-weight: 700 !important;
}
.t-center {
    text-align: center !important;
    justify-content: center !important;
}
.b-action {
    width: 100%;
}
.b-action .wrap {
    position: relative;
    width: 754px;
    margin: 0 auto;
}
.b-action .con {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}
.b-action .con:after,
.b-action .con:before {
    content: "";
    position: absolute;
    display: block;
    width: 153px;
    height: 288px;
    background: #fdca00;
    transform: rotate(28deg);
}
.b-action .con:before {
    left: 0;
    bottom: 0;
    transform-origin: 0 100%;
}
.b-action .con:after {
    right: 0;
    top: 0;
    transform-origin: 100% 0;
}
.b-action .image,
.b-action .type {
    position: absolute;
    z-index: 3;
    right: -38px;
}
.b-action .type {
    top: -38px;
    display: block;
    width: 76px;
    height: 76px;
    padding: 30px 0;
    border-radius: 38px;
    box-sizing: border-box;
    background: #1e1e1e;
    font-size: 10px;
    line-height: 16px;
    font-weight: 800;
    color: #fff;
    text-align: center;
}
.b-action .text:before,
.b-action .text > DIV {
    display: inline-block;
    vertical-align: middle;
}
.b-action .image {
    top: 38px;
    pointer-events: none;
}
.b-action .image > IMG {
    max-width: 377px;
}
.b-action .text {
    position: relative;
    z-index: 2;
    margin: 0 72px;
    width: 610px;
    height: 132px;
    background: #fdca00;
    text-align: center;
}
.b-action .text:before {
    content: "";
    height: 100%;
    margin-right: -0.25em;
}
.b-action .text > DIV {
    width: 580px;
    text-align: left;
}
.b-action .text P {
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
    color: #1e1e1e;
}
.b-action .text STRONG {
    display: block;
    font-size: 18px;
    font-weight: 800;
}
@media all and (max-width: 980px) {
    .b-main-wrap > .b-action {
        width: auto;
        margin: 0 -20px 60px;
    }
    .b-action .wrap {
        width: 320px;
    }
    .b-action .con {
        margin: 0 -72px;
        padding: 0 72px;
    }
    .b-action .type {
        right: auto;
        left: 15px;
    }
    .b-action .image {
        top: 66px;
        right: auto;
        left: 50%;
        margin-left: 36px;
        transform: scale(0.75);
        transform-origin: 0 0;
    }
    .b-action .image > IMG {
        max-width: 240px;
    }
    .b-action .text {
        width: 100%;
        margin: 0;
    }
    .b-action .text > DIV {
        width: 180px;
    }
    .b-action .text P {
        font-size: 10px;
        line-height: 18px;
    }
    .b-action .text STRONG {
        font-size: 18px;
    }
}
.b-alphabet {
    position: absolute;
    z-index: 30;
    top: 125px;
    left: 50%;
    margin-left: 480px;
    width: 0;
    height: 0;
}
.b-alphabet._brands {
    top: 200px;
    margin-left: 318px;
}
.b-alphabet-toggle {
    position: absolute;
    top: -22px;
    right: -22px;
    width: 45px;
    height: 45px;
    box-sizing: border-box;
    padding: 12px 0;
    background: #1e1e1e;
    border-radius: 23px;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #fff;
    cursor: pointer;
    transform: scale(0);
    transition: transform 0.3s;
}
.b-alphabet._active .b-alphabet-toggle {
    transform: scale(1);
    transition: transform 0.3s, background 0.3s, color 0.3s;
}
.b-alphabet-toggle > .value {
    display: none;
    font-size: 18px;
}
.b-alphabet-toggle._selected {
    background: #fdca00;
    color: #1e1e1e;
}
.b-alphabet-toggle._selected > .placeholder {
    display: none;
}
.b-alphabet-toggle._selected > .value {
    display: inline;
}
.b-alphabet-reset {
    position: absolute;
    top: 0;
    left: 15px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #fdca00;
    cursor: pointer;
}
.b-alphabet-reset > .ico {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 14px;
    height: 16px;
    background-repeat: no-repeat;
}
.b-alphabet-con {
    position: absolute;
    top: -15px;
    right: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.3s, width 0s 0.3s;
}
.b-alphabet._opened .b-alphabet-con {
    width: 420px;
    opacity: 1;
    transition: opacity 0.3s, width 0s 0s;
}
.b-alphabet-list {
    position: relative;
    width: 100%;
    margin-top: 15px;
    background: #fdca00;
}
.b-alphabet-list UL {
    width: 400px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 0;
    letter-spacing: 0;
}
.b-alphabet-list UL + UL {
    border-top: 1px solid rgba(30, 30, 30, 0.5);
}
.b-alphabet-list UL > LI {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 16px;
    padding: 10px 0;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    cursor: pointer;
}
.b-articul-action P,
.b-articul-info P {
    line-height: 15px;
    text-transform: uppercase;
}
.b-alphabet-list UL > LI._disabled {
    opacity: 0.25;
    cursor: default;
}
.b-alphabet-list UL > LI:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #fff;
    transform: scale(0);
    transition: transform 0.3s;
}
.b-alphabet-list UL > LI:hover:before {
    transform: scale(1);
}
.b-alphabet-list UL > LI._disabled:hover:before {
    transform: scale(0);
}
.b-alphabet-list UL > LI._selected:before {
    transform: scale(1);
}
.b-alphabet-list UL > LI > SPAN {
    position: relative;
}
@media all and (max-width: 980px) {
    .b-alphabet._opened,
    .b-alphabet._opened .b-alphabet-con {
        width: 100%;
        height: 100%;
    }
    .b-alphabet {
        top: 90px;
        left: auto;
        right: 0;
        margin-left: 0;
        transition: width 0s 0.3s, height 0s 0.3s;
    }
    .b-alphabet._brands {
        top: 105px;
        margin-left: 318px;
    }
    .b-alphabet._opened {
        transition: width 0s 0s, height 0s 0s;
    }
    .b-alphabet-toggle {
        right: -8px;
    }
    .b-alphabet-reset {
        left: 50%;
        margin-left: -159px;
        background: 0 0;
    }
    .b-alphabet-con {
        top: 0;
        background: #fdca00;
    }
    .b-alphabet-list {
        background: 0 0;
    }
    .b-alphabet-list UL {
        width: 320px;
    }
    .b-alphabet-list UL > LI {
        width: 32px;
    }
}
@media all and (max-width: 320px) {
    .b-alphabet-reset {
        margin-left: -143px;
    }
    .b-alphabet-list UL {
        width: 288px;
    }
}
.b-articles {
    margin: 30px 0;
}
.b-articles-head {
    text-align: center;
}
.b-articles-foot {
    padding: 30px 0;
}
@media all and (max-width: 980px) {
    .b-main-wrap .b-articles {
        margin: 30px -20px;
        width: auto;
    }
    .b-articles-foot {
        padding: 15px 0;
    }
}
.b-articul {
    margin: 45px 0 0;
}
.b-articul .b-incolumns,
.b-articul + .b-heading {
    margin-top: 0;
}
.b-articul-action:before,
.b-articul-info > LI:before {
    margin-right: -0.25em;
    content: "";
}
.b-articul .b-incolumns .col_l,
.b-articul .b-incolumns .col_r {
    box-sizing: border-box;
    padding-bottom: 10px;
}
.b-articul .b-incolumns .col_l._fixed,
.b-articul .b-incolumns .col_r._fixed {
    position: fixed;
    left: auto;
    bottom: 0;
}
.b-articul .b-incolumns .col_r._fixed {
    margin-left: 510px;
}
.b-articul-place {
    opacity: 0;
    transition: opacity 0.5s;
}
.b-articul-place._filled {
    opacity: 1;
}
.b-articul-place._gallery {
    min-height: 450px;
}
.b-articul-place._buy {
    min-height: 120px;
}
.b-articul-info {
    margin-top: 15px;
    margin-left: -1px;
    width: 451px;
    height: 60px;
    box-sizing: border-box;
    font-size: 0;
    letter-spacing: 0;
    border-top: 1px solid rgba(226, 226, 226, 0.75);
    border-left: 1px solid rgba(226, 226, 226, 0.75);
}
.b-articul-info > LI {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 59px;
    box-sizing: border-box;
    padding-left: 19px;
    border-bottom: 1px solid rgba(226, 226, 226, 0.75);
    border-right: 1px solid rgba(226, 226, 226, 0.75);
    background: rgba(255, 255, 255, 0.75);
}
.b-articul-info > LI:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.b-articul-info P {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.05em;
}
.b-articul-info B,
.b-articul-info STRONG {
    font-weight: 800;
}
.b-articul-info STRONG {
    font-size: 12px;
}
.b-articul-params {
    margin-top: 30px;
}
.b-articul-action {
    margin-top: 30px;
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    overflow: hidden;
    background: #1e1e1e;
    text-align: center;
    white-space: nowrap;
}
.b-articul-action:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.b-articul-action:after {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    width: 26px;
    height: 49px;
    background: #fdca00;
    transform-origin: 100% 0;
    transform: rotate(28deg);
}
.b-articul-action P {
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #fff;
    white-space: normal;
}
.b-articul-action P > SPAN {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.b-articul-action:hover P > SPAN {
    border: none;
}
.b-articul-buy {
    margin-top: 30px;
}
.b-articul-buy:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
.b-articul-pricegroup {
    float: left;
    max-width: 225px;
}
.b-articul-pricegroup .price {
    margin-top: -1px;
    height: 36px;
    padding: 0 0 21px;
    border-bottom: 4px solid #fdca00;
    font-size: 24px;
    line-height: 36px;
    font-weight: 800;
    letter-spacing: 0.05em;
}
.b-articul-pricegroup .price .value {
    display: none;
}
.b-articul-pricegroup .price .value > SPAN {
    margin-right: 5px;
}
.b-articul-pricegroup .price .value._rub:after {
    content: "P";
    margin-top: 1px;
    font-family: Rouble;
    font-weight: 400;
}
.b-articul-pricegroup .price .value._eur:after {
    content: "\20AC";
}
.b-articul-pricegroup .price .value._usd:after {
    content: "$";
}
.b-articul-pricegroup .price .value._no {
    font-size: 16px;
    line-height: 24px;
}
.b-articul-pricegroup .price small {
    display: block;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
    opacity: 0.75;
}
.b-articul-pricegroup .price._rub .value._rub {
    display: block;
}
.b-articul-pricegroup .price._rub .value-old._rub {
    display: inline-block;
}
.b-articul-pricegroup .price._eur .value._eur {
    display: block;
}
.b-articul-pricegroup .price._eur .value-old._eur {
    display: inline-block;
}
.b-articul-pricegroup .price._usd .value._usd {
    display: block;
}
.b-articul-pricegroup .price._usd .value-old._usd {
    display: inline-block;
}
.b-articul-pricegroup .price .value._no {
    display: block;
}
.b-articul-pricegroup .price .value-old {
    position: relative;
    top: -16px;
    display: none;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #737373;
}
.b-articul-pricegroup .price .value-old:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;
    right: -2px;
    height: 1px;
    background-color: #737373;
}
.b-articul-pricegroup .price .value-old._rub:after {
    margin-left: 3px;
    content: "P";
    margin-top: 1px;
    font-family: Rouble;
    font-weight: 400;
}
.b-articul-pricegroup .price .value-old._eur:after {
    margin-left: 3px;
    content: "\20AC";
}
.b-articul-pricegroup .price .value-old._usd:after {
    margin-left: 3px;
    content: "$";
}
.b-articul-pricegroup .b-charselector {
    margin-top: 15px;
}
.b-articul-buttongroup {
    position: relative;
    float: right;
    width: 225px;
}
.b-articul-buttongroup .button {
    position: relative;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding: 0 20px 0 60px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 9px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}
.b-articul-buttongroup .button:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.25em;
}
.b-articul-buttongroup .button > .ico {
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    width: 20px;
    height: 18px;
}
.b-articul-buttongroup .button > .chk {
    position: absolute;
    top: 9px;
    left: 31px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 10px;
    background: #fdca00;
    color: #1e1e1e;
    transform: scale(0);
}
.b-articul-buttongroup .button > .chk > svg {
    position: absolute;
    top: 7px;
    left: 5px;
    width: 10px;
    height: 8px;
}
.b-articul-buttongroup .button > SPAN {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.b-articul-buttongroup .button._active > .on,
.b-articul-buttongroup .button > .off {
    display: none;
}
.b-articul-buttongroup .button._cart {
    font-size: 12px;
    font-weight: 800;
    background: #fdca00;
    border-top: none;
}
.b-articul-buttongroup .button._active,
.b-articul-buttongroup .button:hover {
    background: #1e1e1e;
    color: #fff;
}
.b-articul-buttongroup .button._active > .chk {
    transform: scale(1);
    transition: transform 0.3s ease-out 0.3s;
}
.b-articul-buttongroup .button._active > .off {
    display: inline-block;
}
.b-articul-buttongroup .b-comparison-alert {
    bottom: 0;
    right: 0;
}
.b-articul-advantages,
.b-articul-text {
    margin-top: 30px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.b-articul-text b,
.b-articul-text strong {
    font-weight: 700;
}
.b-articul-advantages LI {
    position: relative;
    margin-top: 12px;
    margin-left: 24px;
}
.b-articul-advantages LI:first-child {
    margin-top: 0;
}
.b-articul-advantages LI:after {
    content: "";
    position: absolute;
    top: 11px;
    left: -24px;
    width: 12px;
    height: 2px;
    background: #fdca00;
}
.b-articul-advantages.b-expandable .con,
.b-articul-advantages.b-expandable._collapsed .con {
    height: auto;
}
.b-articul-advantages.b-expandable._active {
    min-height: 192px;
}
.b-articul .b-tabs-nav LI:first-child {
    width: 220px;
}
.b-articul ._onlymobile {
    display: none;
}
@media all and (max-width: 980px) {
    .b-articul {
        margin-top: 20px;
    }
    .b-main-wrap .b-articul {
        margin: 20px -20px 0;
    }
    .b-articul .b-incolumns,
    .b-main-wrap .b-articul .b-incolumns {
        /*width: 320px;*/
        margin: 0 auto;
        padding: 0 35px;
    }
    .b-articul .b-incolumns .col_l,
    .b-articul .b-incolumns .col_r {
        padding-bottom: 0;
    }
    .b-articul + .b-heading {
        margin-top: 45px;
    }
    .b-articul-place._gallery {
        min-height: 320px;
    }
    .b-articul-info {
        margin-right: -1px;
        width: 100%;
    }
    .b-articul-info > LI {
        width: 33%;
    }
    .b-articul-info P {
        width: 87px;
        font-size: 10px;
        line-height: 12px;
    }
    .b-articul-info STRONG {
        font-size: 14px;
        line-height: 15px;
    }
    .b-articul-params {
        margin: 30px 0 0;
    }
    .b-articul-buy {
        margin-top: 20px;
    }
    .b-articul-pricegroup {
        max-width: 240px;
        margin-left: 0;
    }
    .b-articul-buttongroup {
        width: 160px;
    }
    .b-articul-buttongroup .button {
        font-size: 8px;
    }
    .b-articul-buttongroup .button._cart {
        font-size: 10px;
    }
    .b-articul-text {
        margin: 30px 0 0;
    }
    .b-articul-advantages {
        margin: 20px 0 0;
    }
    .b-articul .b-tabs-nav LI:first-child {
        width: auto;
    }
    .b-articul ._onlymobile {
        display: block;
    }
    .b-articul ._onlydesktop {
        display: none;
    }
}
@media all and (max-width: 500px) {
    .b-articul-info {
        height: auto;
    }
    .b-articul-info > LI {
        width: 100%;
        display: block;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .b-articul-info P {
        width: auto;
    }
}
[data-layout="articul"] ~ .b-zoomgallery LI {
    background-color: #fff;
}
[data-layout="articul"] ~ .b-zoomgallery .ttl {
    background-color: #1e1e1e;
}
.zoom-fake-title {
    display: none;
}
.articul-zoom-gallery FIGURE {
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
}
.articul-zoom-gallery FIGURE.left {
    float: left;
    margin-left: -130px;
    margin-right: 30px;
}
.articul-zoom-gallery FIGURE.right {
    float: right;
    margin-right: -90px;
    margin-left: 30px;
}
.articul-zoom-gallery FIGURE FIGCAPTION {
    padding: 5px 0;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #999;
}
.articul-zoom-gallery FIGURE.left FIGCAPTION {
    text-align: right;
}
.articul-zoom-gallery FIGURE .img {
    position: relative;
}
.articul-zoom-gallery FIGURE .zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -30px 0 0 -30px;
    padding: 18px;
    border-radius: 30px;
    background: #1e1e1e;
    color: #fff;
    transform: scale(0);
    transition: transform 0.3s ease-out;
    line-height: 1px;
}
.b-articul-discount-mobile:after,
.b-articul-discount:after {
    left: 0;
    background-color: #1e1e1e;
    opacity: 0.8;
    top: 0;
    content: "";
}
.b-articul-discount,
.b-articul-discount-mobile {
    margin-top: 27px;
    margin-bottom: 0;
    overflow: hidden;
}
.articul-zoom-gallery FIGURE .zoom > svg {
    width: 24px;
    height: 24px;
}
.articul-zoom-gallery FIGURE._active {
    cursor: pointer;
}
.articul-zoom-gallery FIGURE._active:hover .zoom {
    transform: scale(1);
}
.b-articul-discount-mobile {
    position: relative;
    width: 320px;
    height: 204px;
    display: none;
    z-index: 10;
}
.b-articul-discount-mobile:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 15;
}
.b-articul-discount {
    position: relative;
    width: 450px;
    height: 180px;
    display: block;
    z-index: 10;
}
.b-articul-discount:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 15;
}
.b-articul-discount-bg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    max-height: 100%;
    width: auto;
}
.b-articul-discount-btn,
.b-articul-discount-text {
    left: 0;
    right: 0;
    margin: auto;
    font-weight: 700;
    letter-spacing: 0.05em;
    z-index: 20;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
}
.b-articul-discount-text {
    top: 32px;
    width: 80%;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
.b-articul-discount-btn {
    top: auto;
    bottom: 33px;
    width: 170px;
    height: 44px;
    border-radius: 22px;
    background-color: #fdca00;
    font-size: 10px;
    line-height: 44px;
    color: #1e1e1e;
    cursor: pointer;
}
.b-spareparts-item .price._no .value._no {
    position: absolute;
    left: 20px;
    display: inline-block;
}
.b-articul-gallery {
    position: relative;
    margin-top: 30px;
    width: 450px;
}
.b-articul-gallery .main {
    position: relative;
    width: 450px;
    height: 450px;
    overflow: hidden;
}
.b-articul-gallery .main UL {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
    letter-spacing: 0;
}
.b-articul-gallery .main LI {
    position: absolute;
    top: 0;
    left: 0;
    width: 450px;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s linear 0s;
}
.b-articul-gallery .main LI._active {
    z-index: 2;
    opacity: 1;
    transition: opacity 0.3s linear 0.3s;
}
.b-articul-gallery .main .img {
    width: 450px;
    height: 450px;
    line-height: 450px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-drag: none;
}
.b-articul-gallery .main .img > IMG {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.b-articul-gallery .main .ttl {
    margin: 15px auto;
    width: 300px;
    height: 60px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #999;
    text-align: center;
}
@media all and (max-width: 980px) {
    .b-articul-discount-mobile {
        display: block;
    }
    .b-articul-discount {
        display: none;
    }
    .b-articul-gallery {
        margin: 15px auto 0;
        width: 320px;
    }
    .b-articul-gallery .main {
        width: 320px;
        height: 320px;
    }
    .b-articul-gallery .main UL {
        white-space: nowrap;
        transition: transform 0.5s cubic-bezier(0.1, 0.57, 0.1, 1);
    }
    .b-articul-gallery .main LI {
        position: static;
        left: auto;
        display: inline-block;
        vertical-align: top;
        opacity: 1;
        white-space: normal;
        width: 320px;
    }
    .b-articul-gallery .main .img {
        width: 320px;
        height: 320px;
        line-height: 320px;
    }
    .b-articul-gallery .main .ttl {
        margin: 8px auto;
        width: 280px;
        line-height: 18px;
    }
}
.b-brands {
    position: relative;
    width: 690px;
    margin: 0 auto;
    text-align: center;
}
.b-brands .text {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-brands .b-button {
    z-index: 2;
}
.b-brands .filter {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}
.b-brands .main {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 45px 0 30px;
    overflow: hidden;
}
.b-brands .main[scrollable]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}
.b-brands .list {
    position: relative;
    margin: 0 -30px;
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
    transition: transform 0.5s cubic-bezier(0.1, 0.57, 0.1, 1);
}
.b-brands .list LI {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    margin: 0 30px;
}
.b-brands .list LI > A {
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-align: center;
}
.b-brands .list LI > A:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.25em;
}
.b-brands .list LI .img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 80px;
}
.b-brands .list LI .img > .c {
    display: inline-block;
    max-width: 100%;
    opacity: 0;
    transition: opacity 0.3s linear;
}
.b-brands .list LI .img > .b {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.3s linear;
}
.b-brands .list LI > A:hover .img > .c {
    opacity: 1;
}
.b-brands .list LI > A:hover .img > .b {
    opacity: 0;
}
.b-brands .b-dotnav {
    position: absolute;
    top: 0;
    left: 0;
}
.b-brands .scrollbar {
    display: none;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -32px;
    width: 68px;
    height: 5px;
}
.b-brands .scrollbar:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 64px;
    height: 3px;
    border-radius: 2px;
    background: #1e1e1e;
}
.b-brands .scrollbar > SPAN {
    position: absolute;
    top: 0;
    left: 0;
    margin: -2px;
    width: 9px;
    height: 9px;
}
.b-brands .scrollbar > SPAN:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    margin: 2px;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background: #fdca00;
}
@media all and (max-width: 980px) {
    .b-brands {
        width: 100%;
        overflow: hidden;
    }
    .b-main-wrap .b-brands {
        width: auto;
        margin: 0 -20px;
    }
    .b-brands .list {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 45px 50% 30px;
        transition: none;
    }
    .b-brands .list > LI:first-child {
        margin-left: -120px;
    }
    .b-brands .list > LI:last-child {
        margin-right: -120px;
    }
    .b-brands .text {
        width: 250px;
        margin: 0 auto 30px;
    }
    .b-brands .b-dotnav {
        display: none;
    }
    .b-brands .scrollbar {
        display: block;
    }
}
.b-button > :nth-child(2),
.b-button > :nth-child(3) {
    transition: right 0.5s ease-in-out;
    position: absolute;
}
.b-button {
    position: relative;
    display: inline-block;
    height: 45px;
    margin: 0;
    padding: 0;
    background: 0 0;
    box-shadow: none;
    outline: 0;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 30px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}
.b-button::-moz-focus-inner {
    border: 0;
}
.b-button > SPAN {
    display: block;
    text-align: left;
}
.b-button > :nth-child(1),
.b-button > :nth-child(3) {
    height: 15px;
    white-space: nowrap;
    font-size: 10px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-sizing: unset;
}
.b-button > :nth-child(1) {
    position: relative;
    background: #fdca00;
    color: #1e1e1e;
    padding: 15px 30px;
    border-radius: 30px;
    box-sizing: unset;
}
.b-button > :nth-child(3) {
    z-index: 3;
    top: 15px;
    left: 30px;
    right: 100%;
    margin-right: 12px;
    overflow: hidden;
    color: #fff;
}
.b-button > :nth-child(2) {
    z-index: 2;
    top: 0;
    right: 100%;
    margin-right: 24px;
    width: 100%;
    height: 100%;
    background: #1e1e1e;
}
.b-button > :nth-child(2):after {
    content: "";
    position: absolute;
    top: 0;
    right: -24px;
    width: 51px;
    height: 96px;
    background: #1e1e1e;
    transform-origin: 100% 0;
    transform: rotate(28deg);
}
.b-button .arr {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 12px;
    overflow: hidden;
    margin-top: 2px;
}
.b-cart-header .steps:after,
.b-cart-header:after {
    display: block;
    clear: both;
    overflow: hidden;
    content: "";
}
.b-button .arr > svg {
    float: left;
    width: 8px;
    height: 12px;
}
.b-button .arr:last-child > svg {
    float: right;
}
.b-button .arr:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    width: 17px;
    height: 2px;
    background: currentColor;
}
.b-button .arr:last-child:after {
    left: 0;
}
.b-button .ttl {
    margin: 0 15px;
}
.b-button:hover > :nth-child(2),
.b-button:hover > :nth-child(3) {
    right: -24px;
}
.b-button[disabled] {
    background: rgba(255, 255, 255, 0.75);
    border-color: rgba(226, 226, 226, 0.75);
    cursor: default;
}
.b-button[disabled] > :nth-child(1) {
    background: 0 0;
    opacity: 0.33;
}
.b-button[disabled]:hover > :nth-child(2),
.b-button[disabled]:hover > :nth-child(3) {
    right: 100%;
}
.b-button-atbottom {
    margin: 60px 0 0;
    text-align: center;
}
@media all and (max-width: 980px) {
    .b-button-atbottom {
        margin: 60px 0;
    }
}
.b-cart {
    position: relative;
    margin: 30px 0;
}
.b-cart._complete .b-form + .b-message {
    transition-delay: 0.6s;
}
.b-cart-con {
    width: 960px;
    margin: 0 auto;
    min-height: 300px;
}
.b-cart-header {
    position: relative;
    margin: 0 auto;
    width: 750px;
}
.b-cart-header .steps {
    width: 440px;
    margin: 0 auto;
}
.b-cart-header .steps LI:first-child:before,
.b-cart._empty .b-cart-filter {
    display: none;
}
.b-cart-header .steps LI {
    position: relative;
    float: left;
    margin-left: 160px;
    width: 40px;
    height: 40px;
    padding: 9px 10px 0;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.75);
    color: #1e1e1e;
}
.b-cart-header .steps LI:before {
    content: "";
    position: absolute;
    top: 20px;
    left: -145px;
    width: 130px;
    height: 1px;
    background: #e2e2e2;
}
.b-cart-header .steps LI:first-child {
    margin-left: 0;
}
.b-cart-header .steps LI._active {
    background: #1e1e1e;
    border-color: #1e1e1e;
    color: #fff;
}
.b-cart-header .steps LI .ico {
    width: 20px;
    height: 18px;
}
.b-cart-header .steps LI.order .ico {
    margin-top: 3px;
    height: 17px;
}
.b-cart-header .steps LI.fin .ico {
    margin: 3px;
    width: 14px;
    height: 16px;
}
.b-cart-header .steps LI .chk,
.b-cart-header .steps LI .cnt {
    position: absolute;
    top: -15px;
    left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fdca00;
    color: #1e1e1e;
    transform: scale(0);
    transition: transform 0.3s ease-out;
}
.b-cart-item._showmessage .b-catalog-item .button._message,
.b-cart._complete .b-cart-header .steps LI.fin {
    background: #1e1e1e;
    color: #fff;
    border-color: #1e1e1e;
}
.b-cart-header .steps LI .cnt {
    font-size: 10px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: center;
}
.b-cart-header .steps LI .chk > svg {
    position: absolute;
    top: 7px;
    left: 5px;
    width: 10px;
    height: 8px;
}
.b-cart-header .steps LI._active .cnt,
.b-cart._complete .b-cart-header .steps LI.order .chk {
    transform: scale(1);
}
.b-cart-header .text {
    margin-top: 30px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: center;
}
.b-cart-filter:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
.b-cart-item-amount .main > .ico,
.b-cart-item-amount .main > SELECT,
.b-cart._empty .b-cart-footer {
    display: none;
}
.b-cart-filter .b-charselector {
    float: right;
    margin: 15px 0;
}
.b-cart .b-form-wrap {
    padding-bottom: 60px;
}
.b-cart-list {
    padding-top: 1px;
}
.b-cart-item {
    position: relative;
    width: 961px;
    margin-top: -1px;
    margin-left: -1px;
}
.b-cart-item .b-catalog-item {
    margin-left: 0;
}
#app._notouch .b-cart-item .b-catalog-item .con {
    border-bottom: 1px solid transparent;
    transition: border-color 0s 0.3s;
}
#app._notouch .b-cart-item .b-catalog-item .con:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 961px;
    height: 1px;
    background: 0 0;
    transition: background 0.3s;
}
#app._notouch .b-cart-item._showmessage .b-catalog-item .con {
    transition: border-color 0s 0s;
}
.b-cart-item .message,
.b-cart-item._removing {
    overflow: hidden;
    transition: height 0.3s ease-out;
}
#app._notouch .b-cart-item._showmessage .b-catalog-item:hover .con {
    border-bottom-color: #525252;
}
#app._notouch .b-cart-item._showmessage .b-catalog-item:hover .button._message {
    background: #1e1e1e;
    border-top-color: #525252;
    border-bottom-color: #1e1e1e;
}
.b-cart-item .message BUTTON,
.b-cart-item .message TEXTAREA {
    border: none;
    color: #fff;
    line-height: 20px;
    box-shadow: none;
    outline: 0;
    letter-spacing: 0.05em;
}
#app._notouch .b-cart-item._showmessage .b-catalog-item:hover .button._message:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 60px;
    background: #525252;
}
#app._notouch .b-cart-item._showmessage .b-catalog-item:hover .button._message:hover {
    color: #fff;
}
#app._notouch .b-cart-item._showmessage + .b-cart-item .b-catalog-item:hover .con:before {
    background: #525252;
}
.b-cart-item._removing {
    pointer-events: none;
}
.b-cart-item .message {
    position: relative;
    width: 100%;
    height: 0;
    background: #1e1e1e;
}
.b-cart-item .message TEXTAREA {
    width: 700px;
    height: 140px;
    padding: 0;
    background: 0 0;
    margin: 30px 141px 10px 120px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 300;
    overflow: auto;
    resize: none;
}
.b-cart-item .message TEXTAREA::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.2;
}
.b-cart-item .message TEXTAREA::-moz-placeholder {
    color: #fff;
    opacity: 0.2;
}
.b-cart-item .message TEXTAREA:-ms-input-placeholder {
    color: #fff;
    opacity: 0.2;
}
.b-cart-item .message BUTTON {
    display: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 120px;
    height: 40px;
    margin: 0;
    padding: 10px 0;
    background: #313131;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}
.b-cart-item .message BUTTON:hover {
    background: #fdca00;
    color: #1e1e1e;
}
.b-cart-item .message ._filled + BUTTON {
    display: block;
}
.b-cart-item._showmessage .message {
    height: 180px;
}
.b-cart-item-amount {
    position: absolute;
    bottom: 0;
    right: 60px;
}
.b-catalog-item .button._comparison,
.b-catalog-item .button._message {
    bottom: -1px;
}
.b-cart-item-amount > DIV {
    width: 120px;
    height: 40px;
    padding: 10px;
}
.b-cart-item-amount .btn,
.b-cart-item-amount .main {
    float: left;
    width: 40px;
    height: 40px;
    padding: 10px 0;
    border: 1px solid rgba(226, 226, 226, 0.75);
    box-sizing: border-box;
    background: 0 0;
    color: #1e1e1e;
    font-size: 14px;
    line-height: 18px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-align: center;
    transition: background 0.3s, color 0.3s;
}
.b-cart-item-amount .btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.b-comparison-table .buy .price,
.b-gallery .main .img {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.b-cart-item-amount .btn._disabled {
    color: rgba(226, 226, 226, 0.75);
    cursor: default;
}
.b-cart-item-amount .main {
    position: relative;
    border-width: 1px 0;
}
.b-cart-item-amount .main > INPUT,
.b-cart-item-amount .main > SELECT {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: 0 0;
    box-shadow: none;
    border: none;
    outline: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: inherit;
    text-align: center;
}
#app._notouch .b-catalog-item:hover .b-cart-item-amount .btn,
#app._notouch .b-catalog-item:hover .b-cart-item-amount .main {
    color: #fff;
}
#app._notouch .b-catalog-item:hover .b-cart-item-amount .btn {
    background: #313131;
    padding-top: 11px;
    border-width: 0;
}
#app._notouch .b-catalog-item:hover .b-cart-item-amount .btn._disabled {
    color: #1e1e1e;
}
#app._notouch .b-catalog-item:hover .b-cart-item-amount .btn:hover {
    background: #fdca00;
    color: #1e1e1e;
}
#app._notouch .b-catalog-item:hover .b-cart-item-amount .btn._disabled:hover {
    background: #313131;
}
#app._notouch .b-catalog-item:hover .b-cart-item-amount .main {
    border-color: #313131;
}
.b-cart-footer {
    position: relative;
    margin: 30px 0;
    height: 60px;
    text-align: center;
}
.b-cart-footer .total:after,
.b-cart-footer:after {
    display: block;
    content: "";
    overflow: hidden;
    clear: both;
}
.b-cart-footer .total {
    position: absolute;
    top: 20px;
    right: 80px;
    width: 300px;
}
.b-cart-footer .total > SMALL {
    float: right;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #999;
}
.b-cart-footer .total .price {
    float: right;
    width: 130px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-align: right;
}
.b-cart-footer .total .price .value {
    display: none;
}
.b-cart-footer .total .price .value > SPAN {
    margin-right: 3px;
}
.b-cart-footer .total .price .value._rub:after {
    content: "P";
    margin-top: 1px;
    font-family: Rouble;
    font-weight: 400;
}
.b-cart-footer .total .price .value._eur:after {
    content: "\20AC";
}
.b-cart-footer .total .price .value._usd:after {
    content: "$";
}
.b-cart-footer .total .price._eur .value._eur,
.b-cart-footer .total .price._rub .value._rub,
.b-cart-footer .total .price._usd .value._usd {
    display: block;
}
@media all and (max-width: 980px) {
    .b-cart._complete .b-form + .b-message {
        transition-delay: 0.3s;
    }
    .b-main-wrap .b-cart {
        margin: 30px -20px;
    }
    .b-cart-con {
        width: 320px;
    }
    .b-cart-header {
        width: 280px;
    }
    .b-cart-header .steps {
        width: 220px;
    }
    .b-cart-header .steps LI {
        margin-left: 50px;
    }
    .b-cart-header .steps LI:first-child {
        margin-left: 0;
    }
    .b-cart-header .steps LI:before {
        left: -40px;
        width: 30px;
    }
    .b-cart-filter {
        width: 280px;
        margin: 0 auto;
    }
    .b-cart-main {
        width: 320px;
        margin: 0 auto;
    }
    .b-cart .b-form-wrap {
        padding-bottom: 0;
    }
    .b-cart-list {
        width: 100%;
    }
    .b-cart-item {
        width: 322px;
        margin-right: -1px;
    }
    #app._notouch .b-cart-item .b-catalog-item .con:before {
        width: 322px;
    }
    #app._notouch .b-cart-item._showmessage .b-catalog-item:hover .button._message:before {
        height: 61px;
    }
    .b-cart-item .message TEXTAREA {
        width: 291px;
        height: 60px;
        margin: 20px 10px 60px 21px;
        font-size: 16px;
    }
    .b-cart-item._showmessage .message {
        height: 140px;
    }
    .b-cart-item-amount {
        position: absolute;
        bottom: -1px;
        right: 80px;
    }
    .b-cart-item-amount > DIV {
        width: 81px;
        height: 61px;
        padding: 0;
    }
    .b-cart-item-amount .btn,
    .b-cart-item-amount .main {
        float: left;
        width: 40px;
        height: 40px;
        padding: 10px 0;
        border: 1px solid rgba(226, 226, 226, 0.75);
        box-sizing: border-box;
        background: 0 0;
        color: #1e1e1e;
        font-size: 14px;
        line-height: 18px;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-align: center;
        transition: background 0.3s, color 0.3s;
    }
    .b-cart-item-amount .btn {
        display: none;
    }
    .b-cart-item-amount .main {
        width: 81px;
        height: 61px;
        border-width: 1px 0 0 1px;
    }
    .b-cart-item-amount .main > INPUT:disabled {
        color: inherit;
        -webkit-text-fill-color: inherit;
        opacity: 1;
    }
    .b-cart-item-amount .main > SELECT {
        display: block;
        opacity: 0;
        color: #1e1e1e;
        font-size: 16px;
    }
    .b-cart-item-amount .main > .ico {
        display: block;
        position: absolute;
        top: 27px;
        right: 15px;
        width: 12px;
        height: 8px;
    }
    .b-cart-footer {
        height: auto;
    }
    .b-cart-footer .total {
        position: relative;
        top: auto;
        right: auto;
        width: 180px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    .b-cart-footer .price {
        width: 120px;
    }
}
.b-catalog {
    position: relative;
    margin: 30px 0;
}
.b-catalog-filter .b-filgroup {
    z-index: 3;
}
.b-catalog-sort {
    position: relative;
    padding: 15px 0;
}
.b-catalog-sort:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
.b-catalog-sort .b-charselector {
    float: right;
    width: 180px;
    text-align: right;
    padding-right: 15px;
}
.b-catalog-sort .b-sortselector {
    width: 600px;
    margin: 0 auto;
    text-align: center;
}
.b-catalog-main {
    position: relative;
    transition: opacity 0.3s linear;
}
.b-catalog._reloading .b-catalog-main {
    opacity: 0;
}
.b-catalog._reloading .b-catalog-main:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}
.b-catalog-list {
    padding-top: 1px;
}
.b-catalog-list .b-catalog-item {
    margin-top: -1px;
}
.b-catalog .b-pagination {
    margin: 60px auto;
}
@media all and (max-width: 980px) {
    .b-main-wrap .b-catalog {
        margin: 30px -20px;
    }
    .b-catalog-list {
        width: auto;
        margin: 0 auto;
        padding: 0 35px;
    }
    .b-catalog-sort {
        width: 300px;
        margin: 0 auto;
    }
    .b-catalog-sort .b-sortselector {
        width: auto;
        float: left;
    }
    .b-catalog-sort .b-charselector {
        width: auto;
    }
    .b-catalog .b-pagination {
        margin: 40px auto;
    }
}
.b-catalog-item {
    position: relative;
    width: 961px;
    height: 121px;
    box-sizing: border-box;
    border: 1px solid rgba(226, 226, 226, 0.75);
    background: rgba(255, 255, 255, 0.75);
    margin-left: -1px;
}
.b-catalog-item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 59px;
    width: 1px;
    height: 119px;
    background: rgba(226, 226, 226, 0.75);
}
.b-catalog-item .con {
    position: relative;
    display: block;
    margin: -1px 0 -1px -1px;
    width: 901px;
    height: 121px;
    box-sizing: border-box;
    padding: 15px;
    background: 0 0;
    color: #1e1e1e;
    transition: background 0.3s, color 0.3s;
}
.b-catalog-item .con:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
.b-catalog-item .image {
    float: left;
    width: 90px;
    height: 90px;
    overflow: hidden;
    line-height: 90px;
    background: #fff;
    border-radius: 45px;
    text-align: center;
}
.b-catalog-item .image > IMG {
    max-width: 100%;
    vertical-align: middle;
}
.b-catalog-item .title {
    float: left;
    margin-left: 15px;
    width: 235px;
    text-transform: uppercase;
}
.b-catalog-item .title > STRONG {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: 0.05em;
}
.b-catalog-item .title > STRONG > SPAN {
    border-bottom: 1px solid rgba(30, 30, 30, 0.5);
}
.b-catalog-item .title > SMALL {
    display: block;
    margin-top: 5px;
    font-size: 9px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-catalog-item .params {
    float: left;
    width: 400px;
}
.b-catalog-item .params LI {
    float: left;
    margin-left: 15px;
    width: 85px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: center;
}
.b-catalog-item .params SMALL {
    display: block;
    height: 30px;
    opacity: 0.75;
}
.b-catalog-item .params P {
    margin-top: 10px;
    font-weight: 700;
}
.b-catalog-item .params._size5 LI {
    width: 65px;
}
.b-catalog-item .params._size4 LI {
    width: 85px;
}
.b-catalog-item .params._size3 LI {
    width: 118px;
}
.b-catalog-item .price {
    float: right;
    margin-right: 5px;
    width: 110px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-align: right;
}
.b-catalog-item .price .value {
    top: 7px;
    right: 10px;
    position: relative;
    display: none;
}
.b-catalog-item .price .value > SPAN {
    margin-right: 3px;
}
.b-catalog-item .price .value._rub:after {
    content: "P";
    margin-top: 1px;
    font-family: Rouble;
    font-weight: 400;
}
.b-catalog-item .price .value._eur:after {
    content: "\20AC";
}
.b-catalog-item .price .value._usd:after {
    content: "$";
}
.b-catalog-item .price._rub .value._rub {
    display: block;
}
.b-catalog-item .price._rub .value-old._rub {
    display: inline-block;
}
.b-catalog-item .price._eur .value._eur {
    display: block;
}
.b-catalog-item .price._eur .value-old._eur {
    display: inline-block;
}
.b-catalog-item .price._usd .value._usd {
    display: block;
}
.b-catalog-item .price._usd .value-old._usd {
    display: inline-block;
}
.b-catalog-item .price .value._no {
    display: block;
}
.b-catalog-item .price .value-old {
    position: relative;
    top: 11px;
    right: 9px;
    display: none;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #737373;
}
.b-catalog-item .price .value-old:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;
    right: -2px;
    height: 1px;
    background-color: #737373;
}
.b-catalog-item .price .value-old._rub:after {
    margin-left: 3px;
    content: "P";
    margin-top: 1px;
    font-family: Rouble;
    font-weight: 400;
}
.b-catalog-item .price .value-old._eur:after {
    margin-left: 3px;
    content: "\20AC";
}
.b-catalog-item .price .value-old._usd:after {
    margin-left: 3px;
    content: "$";
}
.b-catalog-item .action:after,
.b-catalog-item .action:before {
    content: "";
    position: absolute;
}
.b-catalog-item .action {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 82px;
    overflow: hidden;
}
.b-catalog-item .action:after {
    left: -23px;
    width: 68px;
    height: 109px;
    background: #fdca00;
    transform-origin: 100% 0;
    transform: rotate(28deg);
}
.b-catalog-item .action:before {
    top: 13px;
    left: 11px;
    width: 13px;
    height: 13px;
    background-image: url(../img/percent.svg);
    background-size: 100% 100%;
    z-index: 1000;
}
.b-catalog-item .button {
    position: absolute;
    right: -1px;
    width: 60px;
    height: 121px;
    box-sizing: border-box;
    background: 0 0;
    color: #1e1e1e;
    border: 0 solid rgba(226, 226, 226, 0.75);
    border-width: 1px 0;
    transition: background 0.3s, color 0.3s, border-color 0.3s;
    cursor: pointer;
}
.b-catalog-item .button > .ico {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -9px;
    display: block;
    width: 20px;
    height: 18px;
}
.b-catalog-item .button .chk {
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: 1px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 10px;
    background: #fdca00;
    color: #1e1e1e;
    transform: scale(0);
}
.b-catalog-item .button .chk > svg {
    position: absolute;
    top: 7px;
    left: 5px;
    width: 10px;
    height: 8px;
}
.b-catalog-item .button._cart,
.b-catalog-item .button._remove {
    top: -1px;
}
.b-catalog-item .button._active .chk {
    transform: scale(1);
    transition: transform 0.3s ease-out 0.3s;
}
.b-catalog-item .button._comparison > .ico {
    opacity: 0.3;
}
.b-catalog-item .button._remove > .ico {
    width: 18px;
    margin-left: -9px;
    opacity: 0.3;
}
.b-catalog-item .b-comparison-alert._active ~ .button._comparison > .ico,
.b-catalog-item .button._active._comparison > .ico {
    opacity: 1;
}
.b-catalog-item .button._message > .ico {
    width: 21px;
    height: 21px;
}
.b-catalog-item .b-comparison-alert._active ~ .button._comparison {
    z-index: 3;
    background: #fdca00;
    color: #1e1e1e;
    border-color: #fdca00;
}
.b-catalog-item .button._active {
    background: #1e1e1e;
    color: #fff;
    border-color: #313131;
    cursor: default;
}
#app._notouch .b-catalog-item:hover {
    z-index: 2;
}
#app._notouch .b-catalog-item:hover .action {
    width: 66px;
    height: 121px;
    z-index: 1;
}
#app._notouch .b-catalog-item:hover .action:after {
    left: -12px;
    width: 78px;
    height: 159px;
}
#app._notouch .b-catalog-item:hover .image {
    position: relative;
    z-index: 10;
}
#app._notouch .b-catalog-item:hover .con {
    background: #1e1e1e;
    color: #fff;
    border-color: #1e1e1e;
}
#app._notouch .b-catalog-item:hover .title > STRONG {
    color: #fdca00;
}
#app._notouch .b-catalog-item:hover .title > STRONG > SPAN {
    border: none;
}
#app._notouch .b-catalog-item:hover .button {
    z-index: 2;
    background: #313131;
    color: #fff;
    border-color: #1e1e1e;
}
#app._notouch .b-catalog-item:hover .button._comparison > .ico,
#app._notouch .b-catalog-item:hover .button._remove > .ico {
    opacity: 0.5;
}
#app._notouch .b-catalog-item:hover .b-comparison-alert._active ~ .button._comparison > .ico,
#app._notouch .b-catalog-item:hover .button._active._comparison > .ico,
#app._notouch .b-catalog-item:hover .button:hover._comparison > .ico,
#app._notouch .b-catalog-item:hover .button:hover._remove > .ico {
    opacity: 1;
}
#app._notouch .b-catalog-item:hover .button:hover {
    z-index: 3;
    background: #fdca00;
    color: #1e1e1e;
    border-color: #fdca00;
}
#app._notouch .b-catalog-item:hover .button._active {
    background: #1e1e1e;
    color: #fff;
    border-color: #313131;
    cursor: default;
}
#app._notouch .b-catalog-item:hover .button._active:hover {
    z-index: 2;
    background: #1e1e1e;
    color: #fff;
    border-color: #313131;
}
.b-catalog-item .b-comparison-alert {
    bottom: 0;
    right: 59px;
    padding-bottom: 1px;
    margin-bottom: -1px;
}
@media all and (max-width: 980px) {
    .b-catalog-item,
    .b-catalog-item .con {
        width: auto;
        height: auto;
    }
    .b-catalog-item:before {
        display: none;
    }
    .b-catalog-item .con {
        padding: 15px 20px 75px;
    }
    .b-catalog-item .image {
        width: auto;
        height: auto;
        max-width: 350px;
        border-radius: unset;
        margin: 0 auto;
        float: none;
    }
    .b-catalog-item .title {
        margin: 10px 0 0;
        width: 100% !important;
        max-height: unset !important;
        float: none;
        text-align: center;
    }
    .b-catalog-item .title > SMALL {
        font-size: 11px;
    }
    .b-catalog-item .title > STRONG {
        font-size: 12px;
        line-height: 16px;
    }
    .b-catalog-item .title > STRONG > SPAN {
        border: none;
    }
    .b-catalog-item .params {
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        border: none;
        transition: border-color 0.3s;
    }
    .b-catalog-item .params > LI {
        float: none;
        width: 100%;
        margin: 10px 0 0;
    }
    .b-catalog-item .params SMALL {
        height: auto;
    }
    .b-catalog-item .params P {
        margin-top: 0;
    }
    .b-catalog-item .price {
        float: none;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 120px;
        height: 60px;
        padding: 0;
        text-align: center;
        border-top: 1px solid rgba(226, 226, 226, 0.75);
        border-right: 1px solid rgba(226, 226, 226, 0.75);
        transition: border-color 0.3s;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .b-catalog-item .price .value {
        top: 2px;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
    }
    .b-catalog-item .price .value-old {
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: auto;
    }
    .b-catalog-item .button._comparison,
    .b-catalog-item .button._message {
        bottom: -1px;
    }
    .b-catalog-item .button {
        width: 81px;
        border-width: 1px 0 0 1px;
    }
    .b-catalog-item .button._cart {
        top: auto;
        bottom: -1px;
        right: 0;
        border-bottom-width: 0;
        border-top-width: 1px;
        height: 61px;
        width: 121px;
    }
    .b-catalog-item .button._remove {
        width: 50px;
        height: 50px;
        border-width: 0;
        background: 0 0;
    }
    .b-catalog-item .button._remove > .ico {
        top: 16px;
    }
    .b-catalog-item .button._message > .ico {
        top: 22px;
    }
    #app._notouch .b-catalog-item:hover .params,
    #app._notouch .b-catalog-item:hover .price {
        border-color: #525252;
    }
    #app._notouch .b-catalog-item:hover .button._remove {
        background: 0 0;
    }
    #app._notouch .b-catalog-item:hover .button:hover._remove {
        background: 0 0;
        color: #fff;
    }
    .b-catalog-item .b-comparison-alert {
        right: -1px;
        margin-bottom: 0;
        padding: 0 1px;
    }
}
.b-comparison-arrows > LI.prev > DIV > svg,
.b-countselector {
    float: left;
}
.b-countselector LI {
    margin: 0 3px;
}
.b-countselector LI SPAN {
    border-color: transparent !important;
}
.b-catalog-sort-bottom {
    margin-bottom: -60px;
}
.checkbox-1,
.checkbox-2,
.checkbox-3 {
    position: relative !important;
    float: left;
    background-color: red;
    z-index: 50;
}
.checkbox-1:after,
.checkbox-1:before,
.checkbox-2:after,
.checkbox-2:before,
.checkbox-3:after,
.checkbox-3:before {
    content: none !important;
}
.b-comparison-arrows > LI > DIV:before,
.b-comparison-table .main .action:after,
.b-comparison-table .wrap:before,
.b-comparison-table:after {
    content: "";
}
.b-charselector,
.b-countselector {
    position: relative;
    height: 30px;
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
}
.b-charselector > SMALL,
.b-countselector > SMALL {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-top: 8px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #999;
}
.b-charselector > INPUT,
.b-countselector > INPUT {
    position: absolute;
    top: 0;
    left: -5px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
    opacity: 0;
}
.b-charselector LI,
.b-charselector > UL,
.b-countselector LI,
.b-countselector > UL {
    display: inline-block;
    vertical-align: top;
    height: 30px;
}
.b-charselector LI,
.b-countselector LI {
    width: 30px;
    box-sizing: border-box;
    padding: 8px 0;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
}
.b-charselector LI > SPAN,
.b-countselector LI > SPAN {
    font-size: 12px;
    line-height: 14px;
    font-weight: 800;
    letter-spacing: 0.05em;
    border-bottom: 1px dotted;
}
.b-charselector LI._active > SPAN,
.b-charselector LI:hover > SPAN,
.b-countselector LI._active > SPAN,
.b-countselector LI:hover > SPAN {
    border: none;
}
.b-charselector LI._active,
.b-countselector LI._active {
    background: #e2e2e2;
}
@media all and (max-width: 980px) {
    .b-charselector > SMALL,
    .b-countselector {
        display: none;
    }
    .b-charselector LI {
        margin-left: 7px;
    }
    .b-charselector LI:first-child {
        margin-left: 0;
    }
}
.b-comparison {
    position: relative;
    width: 960px;
    margin: 30px auto 0;
}
.b-comparison-arrows {
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    display: none;
}
.b-comparison-arrows._active {
    display: block;
}
.b-comparison-arrows > LI {
    position: absolute;
    top: 360px;
    width: 40px;
    height: 240px;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
}
.b-comparison-arrows > LI > DIV {
    position: absolute;
    top: 100px;
    left: 0;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    padding: 9px 0;
    overflow: hidden;
}
.b-comparison-arrows > LI > DIV:before {
    position: absolute;
    top: 18px;
    width: 36px;
    height: 4px;
    background: #1e1e1e;
}
.b-comparison-arrows > LI > DIV > svg {
    width: 14px;
    height: 22px;
    color: #1e1e1e;
}
.b-comparison-arrows > LI._disabled {
    opacity: 0;
    cursor: default;
}
.b-comparison-arrows > LI.prev {
    right: 50%;
    margin-right: 450px;
}
.b-comparison-arrows > LI.prev > DIV:before {
    right: 0;
}
.b-comparison-arrows > LI.next {
    left: 50%;
    margin-left: 450px;
}
.b-comparison-arrows > LI.next > DIV:before {
    left: 0;
}
.b-comparison-arrows > LI.next > DIV > svg {
    float: right;
}
.b-comparison-main {
    position: relative;
    width: 900px;
    margin: 30px auto 0;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 94px;
    transition: width 0.3s;
}
.b-comparison._size5 .b-comparison-main {
    width: 750px;
}
.b-comparison._size4 .b-comparison-main {
    width: 600px;
}
.b-comparison._size3 .b-comparison-main {
    width: 450px;
}
.b-comparison._size2 .b-comparison-main {
    width: 300px;
}
.b-comparison._size1 .b-comparison-main {
    width: 150px;
}
.b-comparison-main .fixedtitle {
    position: absolute;
    left: 0;
    right: 1px;
    margin-top: 16px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    color: #1e1e1e;
    pointer-events: none;
    transition: opacity 0.5s;
}
.b-comparison-heading-wrap:after,
.b-comparison-scroller:after {
    right: 0;
}
.b-comparison-main .fixedtitle H4 {
    margin: 15px 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-comparison-main .fixedtitle P {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.b-comparison-main .b-comparison-scroller._disabled ~ .fixedtitle {
    opacity: 0.25;
}
.b-comparison._size0 .b-comparison-main {
    width: 0;
    padding-bottom: 0;
}
.b-comparison-scroller {
    position: relative;
    background: rgba(255, 255, 255, 0.75);
}
.b-comparison-scroller:after,
.b-comparison-scroller:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: #ebebeb;
}
.b-comparison-scroller:before {
    left: 0;
}
.b-comparison-table {
    position: relative;
    z-index: 2;
    transition: transform 0.5s cubic-bezier(0.1, 0.57, 0.1, 1);
}
.b-comparison-table:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    background: rgba(255, 255, 255, 0.75);
    transition: height 0s 0.5s, opacity 0.5s;
}
.b-comparison-scroller._disabled .b-comparison-table:after {
    height: 100%;
    opacity: 1;
    transition: height 0s 0s, opacity 0.5s;
}
.b-comparison-scroller._active .b-comparison-table {
    position: absolute;
}
.b-comparison-table TABLE {
    table-layout: fixed;
    border: none;
}
.b-comparison-table TD {
    position: relative;
    min-width: 0;
    max-width: 149px;
    border-style: solid;
    border-color: rgba(226, 226, 226, 0.75);
    border-width: 0 1px 1px 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    letter-spacing: 0;
}
.b-comparison-table TD._empty {
    border-bottom-width: 0;
}
.b-comparison-table TD._empty:last-child {
    border-right-color: rgba(226, 226, 226, 0.75);
}
.b-comparison-table TR:first-child > TD {
    border-width: 1px 1px 1px 0;
}
.b-comparison-table .wrap {
    position: relative;
    width: 149px;
    margin: 0;
}
.b-comparison-table .wrap:before {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: -1px;
    width: 151px;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
    background: 0 0;
    transition: background 0.3s, border 0.3s;
}
.b-comparison-table .wrap._removing {
    overflow: hidden;
    transition: width 0.3s ease-out;
    width: 0;
}
.b-comparison-table .wrap > DIV {
    position: relative;
    width: 149px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    transition: color 0.3s;
}
.b-comparison-table .wrap._main:before {
    top: -1px;
}
.b-comparison-table .wrap._main > DIV {
    height: 240px;
}
.b-comparison-table .wrap._buy > DIV {
    height: 60px;
}
.b-comparison-table .wrap._ttl {
    width: 100%;
}
.b-comparison._size0 .b-comparison-table .wrap._ttl {
    display: none;
}
.b-comparison-table .wrap._ttlclone {
    position: absolute;
    bottom: 1px;
}
.b-comparison-table .wrap._hover {
    z-index: 3;
}
.b-comparison-table .wrap._hover:before {
    background: #1e1e1e;
    border-color: #313131;
}
.b-comparison-table .wrap._hover > DIV {
    color: #fff;
}
.b-comparison-table .wrap._hover._buy:before {
    background: #fdca00;
    border-color: #fdca00;
}
.b-comparison-table .wrap._hover._buy > DIV {
    color: #1e1e1e;
}
.b-comparison-table .wrap._hover > .remove {
    background: #313131;
}
.b-comparison-table .wrap._hover > .remove:hover {
    background: #fdca00;
}
.b-comparison-table .ttl {
    width: 100%;
    max-width: 899px;
    padding: 0;
}
.b-comparison._size5 .b-comparison-table .ttl {
    max-width: 749px;
}
.b-comparison._size4 .b-comparison-table .ttl {
    max-width: 599px;
}
.b-comparison._size3 .b-comparison-table .ttl {
    max-width: 449px;
}
.b-comparison._size2 .b-comparison-table .ttl {
    max-width: 299px;
}
.b-comparison._size1 .b-comparison-table .ttl {
    max-width: 149px;
}
.b-comparison-table .ttl > DIV {
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    pointer-events: none;
}
.b-comparison-table .ttl H4 {
    margin: 15px 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-comparison-table .ttl P {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.b-comparison-table .wrap > .ttl {
    width: 100%;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    color: transparent;
}
.b-comparison-table .wrap._hover > .ttl {
    visibility: visible;
    color: #fff;
}
.b-comparison-table TD:nth-child(1) .ttl > DIV {
    margin-left: 0;
}
.b-comparison-table TD:nth-child(2) .ttl > DIV {
    margin-left: -150px;
}
.b-comparison-table TD:nth-child(3) .ttl > DIV {
    margin-left: -300px;
}
.b-comparison-table TD:nth-child(4) .ttl > DIV {
    margin-left: -450px;
}
.b-comparison-table TD:nth-child(5) .ttl > DIV {
    margin-left: -600px;
}
.b-comparison-table TD:nth-child(6) .ttl > DIV {
    margin-left: -750px;
}
.b-comparison-table TD:nth-child(7) .ttl > DIV {
    margin-left: -900px;
}
.b-comparison-table TD:nth-child(8) .ttl > DIV {
    margin-left: -1050px;
}
.b-comparison-table TD:nth-child(9) .ttl > DIV {
    margin-left: -1200px;
}
.b-comparison-table TD:nth-child(10) .ttl > DIV {
    margin-left: -1350px;
}
.b-comparison-table .remove {
    position: absolute;
    top: -15px;
    left: 60px;
    width: 10px;
    height: 10px;
    padding: 10px;
    border-radius: 15px;
    background: #1e1e1e;
    color: #fff;
    cursor: pointer;
}
.b-comparison-table .remove:hover {
    background: #fdca00;
    color: #1e1e1e;
}
.b-comparison-table .remove > svg {
    display: block;
    width: 10px;
    height: 10px;
}
.b-comparison-table .wrap._removing > .remove {
    display: none;
}
.b-comparison-table .main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 20px 0 0;
    color: inherit;
}
.b-comparison-table .main .image {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    overflow: hidden;
    line-height: 90px;
    background: #fff;
    border-radius: 45px;
    text-align: center;
}
.b-comparison-table .main .image > IMG {
    max-width: 100%;
    vertical-align: middle;
}
.b-comparison-table .main .image + .title {
    margin-top: 15px;
}
.b-comparison-table .main .title {
    margin-left: 20px;
    height: 120px;
    overflow: hidden;
    text-transform: uppercase;
}
.b-comparison-table .main .title > STRONG {
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    line-height: 15px;
    font-weight: 800;
    letter-spacing: 0.05em;
}
.b-comparison-table .main .title > STRONG > SPAN {
    border-bottom: 1px solid rgba(30, 30, 30, 0.5);
}
.b-comparison-table .main .title > SMALL {
    display: block;
    margin-top: 10px;
    font-size: 9px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-comparison-table .main .action {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 21px;
    height: 41px;
    overflow: hidden;
}
.b-comparison-table .main .action:after {
    position: absolute;
    top: 0;
    left: -5px;
    width: 26px;
    height: 49px;
    background: #fdca00;
    transform-origin: 100% 0;
    transform: rotate(28deg);
}
.b-comparison-table .buy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
}
.b-comparison-table .buy .price {
    float: left;
    max-width: 68px;
    height: 20px;
    margin-left: 20px;
    padding: 20px 0;
    font-size: 11px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: 0.05em;
    user-select: none;
    white-space: nowrap;
}
.b-comparison-table .buy .price .value {
    display: none;
}
.b-comparison-table .buy .price .value > SPAN {
    margin-right: 3px;
}
.b-comparison-table .buy .price .value._rub:after {
    content: "P";
    margin-top: 1px;
    font-family: Rouble;
    font-weight: 400;
}
.b-comparison-table .buy .price .value._eur:after {
    content: "\20AC";
}
.b-comparison-table .buy .price .value._usd:after {
    content: "$";
}
.b-comparison-heading .b-comparison-table .wrap._buy:after,
.b-comparison-indicator._collapsed .con .tri:before,
.b-contacts-block .info > LI:before,
.b-contacts-map-main .zoom._in:after,
.b-contacts-map-main .zoom:before,
.b-contacts-map-route .button:before,
.b-content UL > LI:after,
.js-mapcloudlabel:before {
    content: "";
}
.b-comparison-table .buy .price._eur .value._eur,
.b-comparison-table .buy .price._rub .value._rub,
.b-comparison-table .buy .price._usd .value._usd {
    display: block;
}
.b-comparison-table .buy .button {
    position: relative;
    float: right;
    width: 61px;
    height: 61px;
    margin: 0 -1px -1px 0;
    background: 0 0;
    cursor: pointer;
    transition: background 0.3s;
}
.b-comparison-table .buy .button > .ico {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 20px;
    height: 18px;
    color: inherit;
}
.b-comparison-table .buy .button._cart .chk {
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: 1px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 10px;
    background: #fdca00;
    color: #1e1e1e;
    transform: scale(0);
}
.b-comparison-table .buy .button._cart .chk > svg {
    position: absolute;
    top: 7px;
    left: 5px;
    width: 10px;
    height: 8px;
}
.b-comparison-table .buy .button._cart._active .chk {
    transform: scale(1);
    transition: transform 0.3s ease-out 0.3s;
}
.b-comparison-table .buy .button._active {
    background: #1e1e1e;
    color: #fff;
    cursor: default;
}
.b-comparison-table .wrap._hover .buy .button._active {
    background: #313131;
}
.b-comparison-heading {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(94px);
    transition: transform 0.5s ease-out;
    display: none !important;
}
.b-comparison-heading._active {
    transform: translateY(0);
}
.b-comparison-heading-wrap {
    position: relative;
    width: 900px;
    margin: 0 auto;
    transition: width 0.3s;
}
.b-comparison-heading._size5 .b-comparison-heading-wrap {
    width: 750px;
}
.b-comparison-heading._size4 .b-comparison-heading-wrap {
    width: 600px;
}
.b-comparison-heading._size3 .b-comparison-heading-wrap {
    width: 450px;
}
.b-comparison-heading._size2 .b-comparison-heading-wrap {
    width: 300px;
}
.b-comparison-heading._size1 .b-comparison-heading-wrap {
    width: 150px;
}
.b-comparison-heading._size0 .b-comparison-heading-wrap {
    width: 0;
}
.b-comparison-heading-wrap:after,
.b-comparison-heading-wrap:before {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: 0;
    display: none;
    width: 1px;
    height: 315px;
    background: #ebebeb;
}
.b-comparison-heading._active .b-comparison-heading-wrap:after,
.b-comparison-heading._active .b-comparison-heading-wrap:before {
    display: block;
}
.b-comparison-heading-wrap:before {
    left: 0;
}
.b-comparison-heading-wrap > .con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 318px;
    overflow: hidden;
    pointer-events: none;
}
.b-comparison-heading-wrap .scroller {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 94px;
    box-sizing: border-box;
    background: #fff;
}
.b-comparison-heading-wrap:hover > .con {
    height: 315px;
}
.b-comparison-heading .b-comparison-table {
    position: absolute;
    bottom: 0;
    pointer-events: auto;
}
.b-comparison-heading .b-comparison-table TD,
.b-comparison-heading .b-comparison-table TR:first-child > TD {
    border-width: 0 1px 0 0;
}
.b-comparison-heading .b-comparison-table .wrap > DIV {
    position: absolute;
    bottom: 0;
    left: 0;
}
.b-comparison-heading .b-comparison-table .wrap._main {
    display: none;
}
.b-comparison-heading .b-comparison-table .wrap._main:before {
    top: auto;
    bottom: 60px;
    height: 240px;
}
.b-comparison-heading .b-comparison-table .wrap._main > DIV {
    bottom: 60px;
}
.b-comparison-heading .b-comparison-table .wrap._main .remove {
    top: auto;
    bottom: 285px;
}
.b-comparison-heading .b-comparison-table .wrap._main._hover {
    display: block;
    z-index: 5;
}
.b-comparison-heading .b-comparison-table .wrap._buy {
    z-index: 4;
    opacity: 0;
}
.b-comparison-heading .b-comparison-table .wrap._buy:before {
    top: auto;
    bottom: 0;
    height: 60px;
}
.b-comparison-heading .b-comparison-table .wrap._buy:after {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 34px;
    background: rgba(255, 0, 0, 0.5);
}
.b-comparison-heading .b-comparison-table .wrap._buy._hover {
    opacity: 1;
}
.b-comparison-heading .b-comparison-table .wrap._main._brief {
    display: block;
    height: 94px;
}
.b-comparison-heading .b-comparison-table .wrap._main._brief .main .title > SMALL,
.b-comparison-heading-toggle {
    display: none;
}
.b-comparison-heading .b-comparison-table .wrap._main._brief:before {
    bottom: 0;
    height: 94px;
    border-top: 4px solid #1e1e1e;
    border-bottom: none;
}
.b-comparison-heading .b-comparison-table .wrap._main._brief > DIV {
    bottom: 0;
    height: 94px;
}
.b-comparison-heading .b-comparison-table .wrap._main._brief .main {
    padding-top: 14px;
}
.b-comparison-heading .b-comparison-table .wrap._main._brief .main .title {
    height: 80px;
}
.b-comparison-heading .b-comparison-table .wrap._main._brief .main .action {
    top: 4px;
}
.b-comparison-heading .b-comparison-table .wrap._main._brief._hover {
    z-index: 3;
}
.b-comparison-heading .b-comparison-table .wrap._main._brief._hover:before {
    border-color: #313131;
}
@media all and (max-width: 980px) {
    .b-comparison-arrows,
    .b-comparison-arrows._active,
    .b-comparison-heading-wrap:after,
    .b-comparison-heading-wrap:before,
    .b-comparison-heading._active .b-comparison-heading-wrap:after,
    .b-comparison-heading._active .b-comparison-heading-wrap:before,
    .b-comparison-scroller:after,
    .b-comparison-scroller:before,
    .b-comparison-table .wrap:before {
        display: none;
    }
    .b-comparison {
        width: 280px;
    }
    .b-comparison-main {
        width: 320px;
        padding-bottom: 40px;
        overflow: visible;
    }
    .b-comparison._size2 .b-comparison-main,
    .b-comparison._size3 .b-comparison-main,
    .b-comparison._size4 .b-comparison-main,
    .b-comparison._size5 .b-comparison-main {
        width: 320px;
    }
    .b-comparison._size1 .b-comparison-main {
        width: 170px;
    }
    .b-comparison._size0 .b-comparison-main {
        overflow: hidden;
    }
    .b-main-wrap .b-comparison._size0 .b-comparison-main,
    .b-main-wrap .b-comparison._size1 .b-comparison-main {
        margin: 0 auto;
    }
    .b-comparison-main .fixedtitle {
        left: 11px;
        right: 10px;
    }
    .b-main-wrap .b-comparison-main {
        margin-left: -20px;
        margin-right: -20px;
    }
    .b-comparison-scroller {
        position: relative;
        margin: 0 10px;
        background: 0 0;
    }
    .b-comparison-table {
        z-index: auto;
        background: rgba(255, 255, 255, 0.75);
    }
    .b-comparison-table TD:first-child,
    .b-comparison-table TR:first-child > TD:first-child {
        border-left-width: 1px;
    }
    .b-comparison-table .ttl,
    .b-comparison._size2 .b-comparison-table .ttl,
    .b-comparison._size3 .b-comparison-table .ttl,
    .b-comparison._size4 .b-comparison-table .ttl,
    .b-comparison._size5 .b-comparison-table .ttl {
        max-width: 299px;
    }
    .b-comparison-heading {
        height: 40px;
        overflow: hidden;
        transform: translateY(40px);
        transition: transform 0.5s ease-out;
    }
    .b-comparison-heading._active {
        transform: translateY(0);
        transition: transform 0.5s ease-out, height 0s 0.5s;
    }
    .b-comparison-heading._active._opened {
        height: 357px;
        transition: transform 0.5s ease-out, height 0s 0s;
    }
    .b-comparison-heading-wrap {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 300px;
        transform: translate(-50%, 317px);
        transition: transform 0.5s ease-out;
    }
    .b-comparison-heading._opened .b-comparison-heading-wrap {
        transform: translate(-50%, 0);
    }
    .b-comparison-heading._size2 .b-comparison-heading-wrap,
    .b-comparison-heading._size3 .b-comparison-heading-wrap,
    .b-comparison-heading._size4 .b-comparison-heading-wrap,
    .b-comparison-heading._size5 .b-comparison-heading-wrap {
        width: 300px;
    }
    .b-comparison-heading._size1 .b-comparison-heading-wrap {
        width: 150px;
    }
    .b-comparison-heading._size0 .b-comparison-heading-wrap {
        width: 0;
    }
    .b-comparison-heading-wrap > .con {
        height: auto;
        overflow: visible;
    }
    .b-comparison-heading .b-comparison-table {
        bottom: 40px;
        background: #fff;
        transition: none;
    }
    .b-comparison-heading .b-comparison-table TD {
        border-top-width: 1px;
    }
    .b-comparison-heading .b-comparison-table .wrap > DIV {
        position: relative;
        bottom: auto;
        left: auto;
    }
    .b-comparison-heading .b-comparison-table .wrap._main {
        display: block;
    }
    .b-comparison-heading .b-comparison-table .wrap._buy:after,
    .b-comparison-heading .b-comparison-table .wrap._main._brief {
        display: none;
    }
    .b-comparison-heading .b-comparison-table .wrap._main > DIV {
        bottom: auto;
    }
    .b-comparison-heading .b-comparison-table .wrap._main .remove {
        bottom: 225px;
    }
    .b-comparison-heading .b-comparison-table .wrap._buy {
        opacity: 1;
    }
    .b-comparison-heading-toggle {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background: #1e1e1e;
        cursor: pointer;
    }
    .b-comparison-heading-toggle > DIV {
        padding: 10px 0;
        color: #fff;
        text-align: center;
    }
    .b-comparison-heading-toggle > DIV.off {
        display: none;
    }
    .b-comparison-heading._opened .b-comparison-heading-toggle > DIV.off {
        display: block;
    }
    .b-comparison-heading._opened .b-comparison-heading-toggle > DIV.on {
        display: none;
    }
    .b-comparison-heading-toggle SPAN {
        display: inline-block;
        vertical-align: top;
        font-size: 10px;
        line-height: 20px;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .b-comparison-heading-toggle svg {
        display: inline-block;
        vertical-align: top;
        margin: 6px 0 0 12px;
        width: 12px;
        height: 8px;
    }
}
.b-comparison-indicator {
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -40px;
    right: -80px;
    display: block;
    width: 80px;
    transition: right 0.3s ease-in-out;
}
.b-comparison-indicator._active._visible {
    right: 0;
}
.b-comparison-indicator > .con {
    display: block;
    padding-top: 10px;
    color: #fff;
    opacity: 0;
    transition: opacity 0s linear 0.3s;
}
.b-comparison-indicator .ico > SPAN,
.b-comparison-indicator .ttl {
    position: absolute;
    color: #1e1e1e;
    line-height: 20px;
    letter-spacing: 0.05em;
}
.b-comparison-indicator._visible .con {
    opacity: 1;
    transition: opacity 0s linear 0s;
}
.b-comparison-indicator .tri {
    display: none;
}
.b-comparison-indicator .ico {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #1e1e1e;
}
.b-comparison-indicator .ico > svg {
    position: absolute;
    top: 11px;
    left: 10px;
    width: 20px;
    height: 18px;
}
.b-comparison-indicator .ico > SPAN {
    top: -10px;
    left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fdca00;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    transform: scale(0);
    transition: transform 0.3s ease-out 0s;
}
.b-comparison-indicator .ttl {
    top: 65px;
    right: 50px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    transform-origin: 100% 0;
    transform: rotate(-90deg);
}
.b-comparison-indicator:hover {
    color: #fdca00;
}
.b-comparison-indicator._active .ico > SPAN {
    transform: scale(1);
    transition: transform 0.3s ease-out 0.3s;
}
.b-comparison-indicator._collapsed {
    top: auto;
    bottom: 0;
    right: 0;
    margin-top: 0;
    width: 60px;
    transform: translate(70px, 100px);
    transition: transform 0.3s ease-in-out;
}
.b-comparison-indicator._collapsed._active._visible {
    transform: translate(0, 0);
}
.b-comparison-indicator._collapsed .con {
    position: relative;
    width: 60px;
    height: 60px;
}
.b-comparison-indicator._collapsed .con .tri {
    display: block;
    position: absolute;
    bottom: 0;
    left: -50px;
    width: 125px;
    height: 234px;
    overflow: hidden;
    transform-origin: 0 100%;
    transform: rotate(28deg);
}
.b-comparison-indicator._collapsed .con .tri:before {
    position: absolute;
    left: 1px;
    bottom: 0;
    width: 110px;
    height: 200px;
    transform: rotate(-28deg);
    transform-origin: 0 100%;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20110%20205%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%220%2C205%20110%2C205%20110%200%22/%3E%3C/svg%3E);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.b-comparison-indicator._collapsed .ttl {
    display: none;
}
@media all and (max-width: 980px) {
    .b-comparison-indicator {
        display: none;
    }
}
.b-comparison-alert {
    position: absolute;
    z-index: 4;
    display: block;
    width: 320px;
    height: 0;
    overflow: hidden;
    background: #fdca00;
    color: #1e1e1e;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s, height 0s 0.3s;
}
.b-comparison-alert._active {
    height: 120px;
    opacity: 1;
    transition: opacity 0.3s, height 0s 0s;
}
.b-comparison-alert > P {
    padding: 20px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-comparison-alert > A,
.b-comparison-alert > SPAN {
    font-size: 10px;
    line-height: 15px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-comparison-alert > A {
    float: left;
    margin-left: 50px;
    border-bottom: 1px solid;
    color: inherit;
}
.b-comparison-alert > SPAN {
    float: right;
    margin-right: 50px;
    border-bottom: 1px dotted;
    cursor: pointer;
}
.b-comparison-alert > A:hover,
.b-comparison-alert > SPAN:hover {
    border: none;
}
.b-comparison-count .ico {
    position: relative;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #1e1e1e;
    color: #fff;
}
.b-comparison-count .ico > svg {
    position: absolute;
    top: 11px;
    left: 10px;
    width: 20px;
    height: 18px;
}
.b-comparison-count .ico > SPAN {
    position: absolute;
    top: -10px;
    left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fdca00;
    font-size: 10px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    text-align: center;
}
.b-comparison-selector .ttl,
.b-comparison-selector-nav .ttl {
    line-height: 30px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-comparison-selector {
    margin-top: 20px;
    min-height: 30px;
    text-align: center;
}
.b-comparison-selector .con {
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.b-comparison-selector .ttl {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #1e1e1e;
}
.b-comparison-selector .ttl > SPAN {
    position: relative;
    border-bottom: 1px dotted;
    margin-right: 32px;
}
.b-comparison-selector .ttl:hover > SPAN {
    border: none;
}
.b-comparison-selector .ttl .ico {
    position: absolute;
    bottom: 8px;
    left: 100%;
    margin-left: 20px;
    display: block;
    width: 12px;
    height: 8px;
}
.b-comparison-selector SELECT {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    font-size: 16px;
}
.b-comparison-selector-modal {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(255, 255, 255, 0.95);
    -webkit-overflow-scrolling: touch;
    text-align: center;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.3s linear, height 0s 0.3s linear;
}
.b-comparison-selector-modal._opened {
    height: 100%;
    opacity: 1;
    transition: opacity 0.3s linear, height 0s 0s linear;
}
.b-comparison-selector-modal._visible {
    overflow: auto;
    overflow-y: scroll;
}
.b-comparison-selector-modal .con {
    display: inline-block;
    vertical-align: top;
    margin-top: 110px;
    padding-bottom: 30px;
    max-width: 900px;
}
.b-comparison-selector-modal .ico {
    position: relative;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #1e1e1e;
    color: #fff;
}
.b-comparison-selector-modal .ico > svg {
    position: absolute;
    top: 11px;
    left: 10px;
    width: 20px;
    height: 18px;
}
.b-comparison-selector-nav LI {
    margin-top: 20px;
}
.b-comparison-selector-nav .ttl {
    font-size: 18px;
    color: #1e1e1e;
}
.b-comparison-selector-nav .ttl > SPAN {
    border-bottom: 1px solid rgba(30, 30, 30, 0.5);
}
.b-comparison-selector-nav .ttl:hover > SPAN {
    border: none;
}
.b-comparison-selector-nav .ttl > .cnt {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0 12px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fdca00;
    font-size: 10px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    text-align: center;
}
@media all and (max-width: 980px) {
    .b-comparison-selector .ttl {
        font-size: 11px;
        line-height: 20px;
    }
    .b-comparison-selector .ttl > SPAN {
        margin-right: 22px;
    }
    .b-comparison-selector .ttl .ico {
        bottom: 3px;
        margin-left: 10px;
    }
    .b-comparison-selector SELECT {
        display: block;
    }
}
.b-contacts-block {
    width: 740px;
    margin: 45px auto;
    color: #1e1e1e;
}
.b-contacts-block .title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
}
.b-contacts-block .subtitle {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-align: center;
}
.b-contacts-block .address,
.b-contacts-block .name {
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.05em;
}
.b-contacts-block .address .map {
    font-weight: 300;
    border-bottom: 1px dotted;
    cursor: pointer;
}
.b-contacts-block .address .map:hover {
    border: none;
}
.b-contacts-block .info {
    margin: 10px -40px 0;
    font-size: 0;
    letter-spacing: 0;
}
.b-contacts-block .info > LI {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 5px 40px 0;
    width: 180px;
    padding-left: 23px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.b-contacts-block .info > LI._email {
    white-space: nowrap;
}
.b-contacts-block .info > LI:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 13px;
    height: 13px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.b-contacts-block .info > LI._phone:before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%231E1E1E%22%20d%3D%22M12.541%209.862c-.048-.049-2.574-1.527-2.658-1.567-.083-.04-.165-.061-.246-.061-.115%200-.26.082-.432.247-.174.165-.715.908-.877%201.072-.161.164-.293.246-.397.246l-.194-.043c-.079-.029-.887-.444-2.568-1.921-1.679-1.476-1.899-2.439-1.911-2.708%200-.104.082-.236.247-.397.164-.161.343-.314.536-.458.193-.145.372-.303.536-.476.165-.173.247-.316.247-.433%200-.08-.02-.162-.061-.246-.041-.083-1.574-2.605-1.625-2.657-.117-.115-.565-.062-.791.061-1.827.986-1.978%202.314-1.95%202.843.03.543.373%203.402%203.176%206.062%203.484%203.305%205.908%203.177%206.063%203.177.53%200%202.152-.29%202.844-1.949.1-.238.192-.657.061-.792z%22/%3E%3C/svg%3E);
}
.b-contacts-block .info > LI._email:before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%231E1E1E%22%20d%3D%22M12.328%203.171c-.273-.64-.665-1.196-1.172-1.666s-1.117-.839-1.831-1.106c-.714-.266-1.512-.399-2.395-.399-.638%200-1.245.079-1.823.239-.577.159-1.113.385-1.607.678-.494.292-.942.646-1.345%201.062-.403.416-.745.88-1.027%201.392-.283.513-.5%201.068-.651%201.667-.151.597-.227%201.224-.227%201.877%200%20.952.155%201.804.466%202.557s.761%201.391%201.349%201.913c.588.521%201.304.923%202.148%201.2.844.275%201.803.415%202.874.415.611%200%201.173-.046%201.683-.138.509-.092%201.01-.242%201.501-.45l-.4-.965c-.392.167-.818.294-1.278.381-.459.085-.967.129-1.521.129-.899%200-1.703-.112-2.411-.337-.708-.226-1.308-.553-1.799-.984-.492-.431-.868-.96-1.129-1.584-.263-.624-.393-1.337-.393-2.137%200-.82.138-1.586.416-2.297.276-.711.661-1.33%201.156-1.858.494-.529%201.083-.944%201.768-1.247.685-.303%201.435-.455%202.25-.455.68%200%201.31.105%201.887.317.577.212%201.073.505%201.489.879.415.374.741.816.977%201.329.234.513.353%201.072.353%201.678%200%20.581-.069%201.101-.208%201.564-.138.462-.325.854-.561%201.173-.235.317-.51.563-.823.732-.314.169-.647.255-.997.255-.15%200-.261-.042-.328-.126-.068-.083-.103-.2-.103-.353%200-.12.017-.266.051-.436l.122-.617%201.012-4.526h-1.248l-.149.67c-.251-.272-.536-.466-.854-.607-.32-.141-.693-.205-1.121-.205-.486%200-.947.118-1.38.348-.434.23-.814.549-1.141.955-.327.405-.584.886-.772%201.44-.189.553-.283%201.154-.283%201.802%200%20.439.06.83.18%201.173.12.342.288.633.501.871.215.237.472.418.772.54.301.123.629.185.984.185.418%200%20.815-.097%201.192-.29.376-.193.714-.468%201.012-.823.016.156.059.304.133.439.073.136.172.253.295.352s.266.178.427.235c.163.058.338.086.526.086.554%200%201.067-.109%201.541-.329.473-.219.882-.537%201.227-.953.345-.415.613-.923.808-1.525.193-.601.29-1.282.29-2.046-.001-.742-.137-1.433-.413-2.074zm-4.708%203.744c-.074.319-.177.606-.313.858-.137.255-.295.471-.475.652s-.38.319-.6.415c-.219.097-.446.144-.682.144-.899%200-1.349-.566-1.349-1.701%200-.465.062-.904.184-1.317.123-.413.286-.773.49-1.082.204-.308.44-.553.709-.733.269-.18.55-.27.843-.27.397%200%20.734.073%201.011.219.276.146.507.324.69.533l-.508%202.282z%22/%3E%3C/svg%3E);
}
.b-contacts-block .info > LI._schedule:before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%231E1E1E%22%20d%3D%22M9.479%206.028h-2.446v-2.409c0-.271-.22-.489-.49-.489-.271%200-.49.219-.49.489v2.896c0%20.27.219.489.49.489h2.935c.266%200%20.48-.219.48-.487.001-.27-.214-.489-.479-.489zm-2.935-5.878c-3.514%200-6.362%202.849-6.362%206.362%200%203.515%202.848%206.362%206.362%206.362%203.513%200%206.362-2.848%206.362-6.362%200-3.513-2.848-6.362-6.362-6.362zm0%2011.682c-2.938%200-5.318-2.381-5.318-5.319s2.381-5.319%205.318-5.319%205.318%202.382%205.318%205.319c0%202.938-2.381%205.319-5.318%205.319z%22/%3E%3C/svg%3E);
}
.b-contacts-block .info A {
    color: inherit;
}
.b-contacts-block.b-expandable .title .off,
.b-contacts-block.b-expandable .title .on {
    display: none;
}
.b-contacts-block.b-expandable .con {
    height: auto;
}
.b-contacts-cols {
    width: 960px;
    margin: 45px auto;
    font-size: 0;
    letter-spacing: 0;
}
.b-contacts-cols .b-contacts-block {
    display: inline-block;
    vertical-align: top;
    padding: 15px 60px;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
}
.b-contacts-cols .b-contacts-block .info > LI {
    width: 200px;
}
.b-contacts-map {
    position: relative;
    width: 100%;
}
.b-contacts-map-con {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    transition: height 0.5s ease-out;
}
.b-contacts-map._expanded {
    height: 750px;
}
.b-contacts-map-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 52px;
    background: #e2e2e2;
    transition: bottom 0.5s ease-out;
}
.b-contacts-map-con._expanded .b-contacts-map-main {
    bottom: 0;
}
.b-contacts-map-main .googlemap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.b-contacts-map-main .zoom {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
}
.b-contacts-map-main .zoom:hover {
    background: #fdca00;
}
.b-contacts-map-main .zoom:before {
    position: absolute;
    top: 19px;
    left: 14px;
    width: 12px;
    height: 2px;
    background: #1e1e1e;
}
.b-contacts-map-main .zoom._in:after {
    position: absolute;
    top: 14px;
    left: 19px;
    width: 2px;
    height: 12px;
    background: #1e1e1e;
}
.b-contacts-map-main .zoom._out {
    margin-top: 50px;
}
.b-contacts-map-expander {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -105px;
    width: 210px;
    height: 45px;
    text-align: center;
}
.b-contacts-map-expander._active {
    display: block;
}
.b-contacts-map-expander .b-button .wrap {
    display: inline-block;
    width: 150px;
    text-align: center;
}
.b-contacts-map-expander .b-button .on {
    display: inline;
}
.b-contacts-map-con._expanded .b-contacts-map-expander .b-button .on,
.b-contacts-map-expander .b-button .off {
    display: none;
}
.b-contacts-map-con._expanded .b-contacts-map-expander .b-button .off {
    display: inline;
}
.b-contacts-map-route {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
}
.b-contacts-map-route .con {
    width: 480px;
    margin: 0 auto;
    height: 54px;
    background: #1e1e1e;
    transform: translateY(-54px);
    transition: transform 0.3s ease-out;
}
.b-contacts-map-route .button,
.b-contacts-map-route .field {
    top: 0;
    margin: 0;
    background: 0 0;
    box-shadow: none;
    border: none;
    position: absolute;
    outline: 0;
}
.b-contacts-map-route._active .con {
    transform: translateY(0);
}
.b-contacts-map-route .field {
    left: 0;
    width: 300px;
    height: 14px;
    padding: 20px 30px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
.b-contacts-map-route .field::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}
.b-contacts-map-route .field::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.b-contacts-map-route .field:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}
.b-contacts-map-route .button {
    right: 0;
    width: 150px;
    height: 54px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
}
.b-contacts-map-route .button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.b-contacts-map-route .button:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 120px;
    background: #fdca00;
    transform: rotate(28deg);
    transform-origin: 0 100%;
}
.b-contacts-map-route .button > SPAN {
    position: relative;
    height: 14px;
    margin-left: 30px;
    padding: 20px 10px 20px 0;
    background: #fdca00;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    text-transform: uppercase;
    text-align: center;
}
.b-contacts-map-route .button > SPAN.on {
    display: block;
}
.b-contacts-map-route .button > SPAN.off,
.b-contacts-map-route._created .button > SPAN.on {
    display: none;
}
.b-contacts-map-route .button:hover:before,
.b-contacts-map-route .button:hover > SPAN {
    background: #fff;
}
.b-contacts-map-route._created .button > SPAN.off {
    display: block;
}
.b-contacts-map-route .error {
    position: absolute;
    top: 6px;
    right: 150px;
    display: none;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #ff4040;
    pointer-events: none;
}
.b-contacts-map-route._error .error {
    display: block;
}
.b-contacts-map-toggle,
.b-contacts-modal-layer._map,
.b-contacts-modal-switch {
    display: none;
}
.b-contacts-map-route .toggle {
    display: none;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    padding: 12px 9px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #1e1e1e;
    color: #fff;
    cursor: pointer;
}
.b-contacts-map-route .toggle > .ico {
    width: 21px;
    height: 16px;
}
.b-contacts-modal .b-modal-wrap {
    width: 900px;
}
.js-mapcloudlabel {
    position: absolute;
    margin-top: -120px;
    margin-left: 13px;
    width: 75px;
    height: 75px;
    text-align: center;
}
.js-mapcloudlabel:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.25em;
}
.js-mapcloudlabel > SPAN {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 10px;
    line-height: 15px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
@media all and (max-width: 980px) {
    .b-contacts-map-toggle > DIV > SPAN,
    .b-contacts-modal-switch .con > SPAN {
        font-size: 11px;
        line-height: 15px;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .b-contacts-block {
        width: 260px;
        margin: 30px auto;
    }
    .b-contacts-block .address,
    .b-contacts-block .name {
        margin-top: 10px;
        text-align: center;
    }
    .b-contacts-block .info {
        margin: 10px 0 0;
    }
    .b-contacts-block .info > LI {
        margin: 10px 0 0 40px;
        width: 220px;
    }
    .b-contacts-block.b-expandable._active {
        min-height: 24px;
    }
    .b-contacts-block.b-expandable .title {
        cursor: pointer;
    }
    .b-contacts-block.b-expandable .title SPAN {
        position: relative;
        border-bottom: 1px dotted;
        margin-right: 22px;
    }
    .b-contacts-block.b-expandable .title .off,
    .b-contacts-block.b-expandable .title .on {
        position: absolute;
        bottom: 5px;
        left: 100%;
        margin-left: 10px;
        display: none;
        width: 12px;
        height: 8px;
    }
    .b-contacts-block.b-expandable .con,
    .b-contacts-block.b-expandable._collapsed .con {
        height: 0;
    }
    .b-contacts-block.b-expandable .con > :first-child {
        margin-top: 0;
        padding-top: 5px;
    }
    .b-contacts-block.b-expandable._active .title .off,
    .b-contacts-block.b-expandable._active .title .on {
        display: none;
    }
    .b-contacts-block.b-expandable._active .con {
        -webkit-mask: none;
        mask: none;
        -webkit-mask-image: none;
    }
    .b-contacts-block.b-expandable._collapsed .title .on {
        display: block;
    }
    .b-contacts-block.b-expandable._collapsed .title .off {
        display: none;
    }
    .b-contacts-cols {
        width: 260px;
        margin: 30px auto;
    }
    .b-contacts-cols .b-contacts-block {
        display: block;
        margin: 30px auto;
        width: 260px;
    }
    .b-contacts-map {
        height: 70px;
        overflow: hidden;
        background: #1e1e1e;
    }
    .b-contacts-map-toggle {
        position: relative;
        display: block;
        width: 100%;
        height: 70px;
        background-repeat: no-repeat;
        background-position: 50% 0;
        cursor: pointer;
    }
    .b-contacts-map-toggle > DIV {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 20px;
        padding: 25px 0;
        background: rgba(30, 30, 30, 0.75);
        text-align: center;
        color: #fff;
    }
    .b-contacts-map-toggle > DIV > .ico {
        display: inline-block;
        vertical-align: top;
        margin-top: 2px;
        width: 13px;
        height: 17px;
    }
    .b-contacts-map-toggle > DIV > SPAN {
        display: inline-block;
        margin: 5px 0 0 10px;
        vertical-align: top;
        border-bottom: 1px dotted;
    }
    .b-contacts-modal .b-modal-wrap {
        width: 100%;
        overflow: hidden;
    }
    .b-contacts-modal .b-modal-con {
        width: 100%;
    }
    .b-contacts-modal-layer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
    .b-contacts-modal-layer._scheme {
        transition: opacity 0.5s, height 0s 0.5s;
    }
    .b-contacts-modal-layer._map,
    .b-contacts-modal._showscheme .b-contacts-modal-layer._scheme {
        opacity: 1;
        height: 100%;
        transition: opacity 0.5s 0.5s, height 0s 0.5s;
    }
    .b-contacts-modal-layer._map {
        display: block;
    }
    .b-contacts-modal._showscheme .b-contacts-modal-layer._map {
        opacity: 0;
        height: 0;
        transition: opacity 0.5s, height 0s 0.5s;
    }
    .b-contacts-modal._instant .b-contacts-modal-layer._map,
    .b-contacts-modal._instant .b-contacts-modal-layer._scheme,
    .b-contacts-modal._showscheme._instant .b-contacts-modal-layer._map,
    .b-contacts-modal._showscheme._instant .b-contacts-modal-layer._scheme {
        transition: none;
    }
    .b-contacts-modal-layer .b-contacts-map-con {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: none;
    }
    .b-contacts-modal-layer .b-contacts-map-main {
        bottom: auto;
        height: 100%;
        transition: none;
    }
    .b-contacts-modal-layer .b-contacts-map-expander,
    .b-contacts-modal-layer .b-contacts-map-main .zoom {
        display: none;
    }
    .b-contacts-modal-layer .b-contacts-map-route {
        top: auto;
        bottom: 0;
    }
    .b-contacts-modal-layer .b-contacts-map-route .con {
        width: 320px;
        transform: translateY(0);
    }
    .b-contacts-modal-layer .b-contacts-map-route._active .con {
        transform: translateY(0);
    }
    .b-contacts-modal-layer .b-contacts-map-route._active._opened .con {
        transform: translateY(-54px);
    }
    .b-contacts-modal-layer .b-contacts-map-route._active .toggle {
        display: block;
        transition: transform 0.3s;
    }
    .b-contacts-modal-layer .b-contacts-map-route._active._opened .toggle {
        transform: scale(0);
    }
    .b-contacts-modal-layer .b-contacts-map-route .field {
        width: 200px;
        padding: 20px 15px;
    }
    .b-contacts-modal-layer .b-contacts-map-route .button {
        width: 120px;
    }
    .b-contacts-modal-switch {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 80px;
        cursor: pointer;
        transition: opacity 0.5s 0.5s;
    }
    .b-contacts-modal-switch._disabled {
        opacity: 0;
        transition: opacity 0s 0s;
    }
    .b-contacts-modal._showscheme .b-contacts-modal-switch {
        animation: contactsmodalswitchscheme 1s 1;
    }
    .b-contacts-modal._showmap .b-contacts-modal-switch {
        animation: contactsmodalswitchmap 1s 1;
    }
    .b-contacts-modal-switch .back {
        position: absolute;
        top: 0;
        right: 0;
        width: 113.263%;
        padding-top: 212.993%;
        background: #1e1e1e;
        transform-origin: 100% 0;
        transform: rotate(28deg);
        overflow: hidden;
        box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    }
    .b-contacts-modal-switch .back > IMG {
        position: absolute;
        top: 0;
        right: 0;
        transform-origin: 100% 0;
        transform: rotate(-28deg);
        opacity: 0.25;
    }
    .b-contacts-modal-switch .con {
        position: absolute;
        top: 20px;
        left: 10px;
        width: 40px;
        color: #fff;
        text-align: center;
    }
    .b-contacts-modal-switch .con > svg {
        display: block;
        margin: 10px auto 0;
        width: 12px;
        height: 8px;
    }
    .b-contacts-modal-switch ._scheme {
        display: none;
    }
    .b-contacts-modal-switch ._map,
    .b-contacts-modal._showscheme .b-contacts-modal-switch ._scheme {
        display: block;
    }
    .b-contacts-modal._showscheme .b-contacts-modal-switch ._map {
        display: none;
    }
    .b-contacts-modal .scroller {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .b-contacts-modal .scroller > IMG {
        height: 100%;
        width: auto;
    }
}
@keyframes contactsmodalswitchscheme {
    0%,
    100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-50px, -70px);
    }
}
@keyframes contactsmodalswitchmap {
    0%,
    100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-50px, -70px);
    }
}
.b-content {
    position: relative;
    width: 100%;
    margin: 30px auto 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #1e1e1e;
}
.b-content H1,
.b-content H2,
.b-content H3 {
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}
.b-heading + .b-content:p:first-child {
    font-size: 16px;
    line-height: 30px;
}
.b-content H1 {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.05em;
}
.b-content H2 {
    margin-top: 36px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.05em;
}
.b-content H3 {
    margin-top: 48px;
}
.b-content H4 {
    margin-top: 24px;
    font-weight: 700;
}
.b-content BLOCKQUOTE {
    width: 860px;
    margin: 30px -90px 0 -130px;
    padding: 24px 0;
    border-style: solid;
    border-width: 3px 0;
    font-size: 18px;
    line-height: 32px;
}
.b-content BLOCKQUOTE > P {
    margin-top: 0;
}
.b-content BLOCKQUOTE > P + P,
.b-content P {
    margin-top: 24px;
}
.b-content P B,
.b-content P STRONG {
    font-weight: 700;
}
.b-content UL > LI {
    position: relative;
    margin-top: 12px;
    margin-left: 36px;
}
.b-content UL > LI:after {
    position: absolute;
    top: 11px;
    left: -22px;
    width: 12px;
    height: 2px;
    background: #fdca00;
}
.b-content OL {
    counter-reset: list1;
}
.b-content OL OL {
    counter-reset: list2;
}
.b-content OL > LI {
    position: relative;
    margin-top: 12px;
    margin-left: 36px;
}
.b-content OL > LI:before {
    counter-increment: list1;
    content: counter(list1) ".";
    position: absolute;
    top: 0;
    left: -36px;
    width: 26px;
    text-align: right;
    font-weight: 700;
}
.b-content OL OL LI {
    margin-left: 20px;
}
.b-content OL OL LI:before {
    counter-increment: list2;
    content: counter(list1) "." counter(list2) ".";
}
.b-doc-item .con:after,
.b-dotnav > LI:after,
.b-facts DT:after,
.b-file .main:after,
.b-filgroup-nav:after,
.b-filter._checkbox._action .b-filter-main .checkbox:after,
.b-filter._checkbox._action .b-filter-main .checkbox:before,
.b-filter._range .b-filter-main .fields:after,
.b-filter._range .b-filter-main .fields:before,
.b-filter._range .b-filter-main .slider LI:after,
.b-filter:after {
    content: "";
}
.b-content A {
    color: #1e1e1e;
    border-bottom: 1px solid rgba(30, 30, 30, 0.5);
}
.b-content A:hover {
    color: #999;
    border-color: rgba(153, 153, 153, 0.5);
}
.b-content .table {
    margin: 30px -90px 0 -130px;
    width: 860px;
}
.b-content .table TABLE {
    width: 100%;
    border: 1px solid rgba(226, 226, 226, 0.75);
    border-top: none;
    background: rgba(255, 255, 255, 0.75);
}
.b-content .table TD,
.b-content .table TH {
    border-top: 1px solid rgba(226, 226, 226, 0.75);
    border-left: 1px solid rgba(226, 226, 226, 0.75);
}
.b-content .table TD:first-child,
.b-content .table TH:first-child {
    border-left: 0;
}
.b-content .table TH {
    padding: 20px;
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: left;
}
.b-content .table TD {
    padding: 10px 20px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-content FIGURE {
    width: 360px;
    margin: 30px auto 0;
    font-size: 0;
    line-height: 0;
}
.b-content FIGURE.left {
    float: left;
    margin-left: -130px;
    margin-right: 30px;
}
.b-content FIGURE.right {
    float: right;
    margin-right: -90px;
    margin-left: 30px;
}
.b-content FIGURE IMG {
    width: 100%;
}
.b-content FIGURE FIGCAPTION {
    padding: 5px 0;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #999;
}
.b-content FIGURE.left FIGCAPTION {
    text-align: right;
}
.b-content FIGURE .img {
    position: relative;
}
.b-content FIGURE .zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -30px 0 0 -30px;
    padding: 18px;
    border-radius: 30px;
    background: #1e1e1e;
    color: #fff;
    transform: scale(0);
    transition: transform 0.3s ease-out;
}
.b-content .b-file:hover,
.b-doc-item {
    color: #1e1e1e;
}
.b-content FIGURE .zoom > svg {
    width: 24px;
    height: 24px;
}
.b-content FIGURE._active {
    cursor: pointer;
}
.b-content FIGURE._active:hover .zoom {
    transform: scale(1);
}
.b-content .b-file {
    border: none;
}
@media all and (max-width: 980px) {
    .b-content {
        width: 280px;
    }
    .b-content H1 {
        font-size: 20px;
        line-height: 30px;
    }
    .b-content H2 {
        margin-top: 60px;
        font-size: 18px;
        line-height: 24px;
    }
    .b-content BLOCKQUOTE {
        width: 280px;
        margin: 30px 0 0;
    }
    .b-content OL OL LI {
        margin-left: 12px;
    }
    .b-content FIGURE {
        width: 320px;
        margin: 30px -20px;
    }
    .b-content FIGURE.left,
    .b-content FIGURE.right {
        float: none;
        margin-left: -20px;
        margin-right: -20px;
    }
    .b-content FIGURE FIGCAPTION {
        padding: 5px 10px 5px 20px;
    }
    .b-content FIGURE.left FIGCAPTION {
        text-align: left;
    }
    .b-content FIGURE._active {
        cursor: default;
    }
    .b-content FIGURE._active:hover .zoom {
        transform: scale(0);
    }
    .b-content .table {
        margin: 30px -20px 0;
        width: 320px;
        overflow: hidden;
    }
    .b-content .table TH {
        min-width: 150px;
    }
    .b-content .table TABLE {
        width: auto;
    }
    .b-content .table .scroller {
        position: relative;
        margin: 0 20px;
    }
    .b-content .table .scroller > TABLE {
        position: absolute;
    }
}
.b-doc {
    width: 960px;
    margin: 30px auto;
}
.b-doc-title {
    padding: 30px 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-doc-item + .b-doc-title {
    margin-top: 30px;
}
.b-doc-list {
    margin: 30px 0;
}
.b-doc-item {
    position: relative;
    display: block;
    width: 960px;
    height: 120px;
    box-sizing: border-box;
    padding: 19px 9px 19px 19px;
    border: 1px solid rgba(226, 226, 226, 0.75);
    background: rgba(255, 255, 255, 0.75);
    margin-top: -1px;
    transition: background 0.3s, border-color 0.3s;
}
.b-doc-item .con:after {
    display: block;
    clear: both;
    overflow: hidden;
}
.b-doc-item .b-file {
    position: relative;
    float: left;
    width: 400px;
    height: 80px;
    padding-left: 80px;
}
.b-doc-item .b-file .main {
    position: absolute;
    top: 0;
    left: 0;
}
.b-doc-item .b-file .title {
    font-size: 12px;
}
.b-doc-item .b-file .subtitle,
.b-doc-item .b-file .title,
.b-doc-item .b-file .type {
    margin-top: 0;
}
.b-doc-item .params {
    float: left;
    width: 450px;
}
.b-doc-item .params LI {
    float: left;
    margin-left: 20px;
    width: 130px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-doc-item .params SMALL {
    display: block;
    height: 30px;
    opacity: 0.75;
}
.b-doc-item .params P {
    font-weight: 700;
}
.b-doc-item .text {
    display: none;
}
#app._notouch .b-doc-item:hover {
    background: #1e1e1e;
    border-color: #1e1e1e;
    color: #fff;
}
#app._notouch .b-doc-item:hover .b-file .main .pic {
    color: #fff;
}
#app._notouch .b-doc-item:hover .b-file .title {
    color: #fdca00;
}
#app._notouch .b-doc-item:hover .b-file .subtitle,
#app._notouch .b-doc-item:hover .b-file .type {
    color: #fff;
}
@media all and (max-width: 980px) {
    .b-doc {
        width: auto;
    }
    .b-main-wrap .b-doc {
        margin: 30px -20px;
    }
    .b-doc-title {
        padding: 20px 0 20px 10px;
    }
    .b-doc-item + .b-doc-title {
        margin-top: 20px;
    }
    .b-doc-filter .b-filgroup-main {
        height: auto;
        overflow: visible;
        opacity: 1;
        transition: none;
    }
    .b-doc-list {
        width: 320px;
        margin: 30px auto;
    }
    .b-doc-item {
        width: 320px;
        height: auto;
        padding: 14px 9px 14px 19px;
    }
    .b-doc-item .con {
        position: relative;
    }
    .b-doc-item .con:before {
        content: "";
        position: absolute;
        top: 0;
        left: 140px;
        width: 1px;
        height: 100%;
        background: 1px rgba(226, 226, 226, 0.75);
        transition: background 0.3s;
    }
    .b-doc-item .b-file {
        width: 120px;
        height: auto;
        padding: 10px 0 0;
    }
    .b-doc-item .b-file .main {
        position: relative;
        top: auto;
        left: auto;
    }
    .b-doc-item .b-file .title {
        margin-top: 15px;
        font-size: 10px;
        line-height: 15px;
    }
    .b-doc-item .b-file .subtitle {
        display: none;
    }
    .b-doc-item .b-file .type {
        margin: 5px 0;
    }
    .b-doc-item .params {
        width: 150px;
        margin-left: 20px;
        padding-bottom: 10px;
    }
    .b-doc-item .params LI {
        float: none;
        margin-top: 10px;
    }
    .b-doc-item .params LI SMALL {
        height: auto;
    }
    .b-doc-item .text {
        display: block;
        padding-top: 15px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 300;
        letter-spacing: 0.05em;
    }
    #app._notouch .b-doc-item:hover .con:before {
        background: #525252;
    }
}
.b-dotnav {
    width: 100%;
    height: 35px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}
.b-dotnav:empty {
    display: none;
}
.b-dotnav > LI {
    display: inline-block;
    vertical-align: top;
    width: 5px;
    height: 5px;
    padding: 15px;
    cursor: pointer;
}
.b-dotnav > LI:after {
    display: block;
    width: 5px;
    height: 5px;
    background: #1e1e1e;
    border-radius: 3px;
}
.b-dotnav > LI._active:after,
.b-facts DT:after {
    background: #fdca00;
}
.b-expandable .con {
    position: relative;
    width: 100%;
    height: 96px;
    overflow: hidden;
}
.b-expandable .toggle {
    display: none;
}
.b-expandable._active {
    position: relative;
    min-height: 120px;
}
.b-expandable._active .con {
    -webkit-mask: url(/assets/img/mask.svg#expandable);
    mask: url(/assets/img/mask.svg#expandable);
    -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 75%, rgba(0, 0, 0, 0) 100%);
    transition: height 0.3s ease-in-out;
}
.b-expandable._active .toggle {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    margin-left: -150px;
    width: 300px;
    height: 24px;
    font-size: 10px;
    line-height: 24px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
}
.b-expandable._active .toggle > DIV {
    display: none;
    padding: 0 24px;
    cursor: pointer;
}
.b-expandable._active .toggle > .on {
    display: none;
}
.b-expandable._active .toggle > .off {
    display: inline-block;
}
.b-expandable._active .toggle SPAN {
    position: relative;
    border-bottom: 1px dotted;
    margin-right: 22px;
}
.b-expandable._active .toggle .ico {
    position: absolute;
    bottom: 2px;
    left: 100%;
    margin-left: 10px;
    display: block;
    width: 12px;
    height: 8px;
}
.b-facts,
.b-facts DT {
    position: relative;
}
.b-expandable._active .toggle:hover SPAN {
    border: none;
}
.b-file .main > SPAN,
.b-file .title > SPAN {
    border-bottom: 1px solid rgba(30, 30, 30, 0.5);
}
.b-expandable._collapsed .con {
    height: 120px;
}
.b-expandable._collapsed .con:after {
    opacity: 1;
}
.b-expandable._collapsed .toggle > .on {
    display: inline-block;
}
.b-expandable._collapsed .toggle > .off,
[data-layout="catalog-group"] .b-expandable:not(._collapsed) .expandable-text-1 {
    display: none;
}
[data-layout="catalog-group"] .b-expandable._active .con {
    padding-bottom: 24px;
}
[data-layout="catalog-group"] .b-expandable._collapsed .con {
    padding-bottom: 0;
}
[data-layout="catalog-group"] .b-expandable:not(._collapsed) .con {
    -webkit-mask: none;
    mask: none;
    -webkit-mask-image: none;
}
[data-layout="catalog-group"] .b-expandable:not(._collapsed) .expandable-text-2 {
    display: inline;
}
.toggle-bothways .on {
    display: inline-block !important;
}
.expandable-text-2 {
    display: none;
}
.expandable-text-2 .ico {
    transform: scaleY(-1);
}
.b-facts {
    width: 520px;
    padding: 0 0 0 80px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #1e1e1e;
}
.b-facts DT,
.b-file .main > SPAN,
.b-file .title {
    font-weight: 800;
    text-transform: uppercase;
}
.b-facts DT:after {
    position: absolute;
    top: 10px;
    left: -50px;
    width: 20px;
    height: 4px;
}
.b-facts DT A {
    color: inherit;
    text-decoration: underline;
}
.b-facts DD + DT {
    margin-top: 30px;
}
@media all and (max-width: 980px) {
    .b-facts {
        width: 230px;
        padding-left: 70px;
    }
    .b-facts DT {
        font-size: 11px;
    }
    .b-facts DT:after {
        left: -40px;
    }
}
.b-file {
    display: block;
    width: 130px;
    color: #1e1e1e;
}
.b-file .main {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 80px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 30px 0;
    text-align: center;
}
.b-file .main > .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #1e1e1e;
}
.b-file .main > SPAN {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
    transition: transform 0.3s 0.3s;
}
.b-file .main:after {
    position: absolute;
    top: 30px;
    left: 23px;
    width: 17px;
    height: 26px;
    overflow: hidden;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2017%2026%22%3E%3Cpath%20fill%3D%22%231E1E1E%22%20d%3D%22M7.458%2019.95l.105.096.051.039.062.045.063.038.058.033.065.032.062.029.065.022.068.024.065.017.071.017.076.012.063.01h.284l.063-.01.076-.012.071-.017.066-.017.068-.024.064-.022.063-.029.065-.032.058-.033.063-.038.062-.045.051-.039.152-.146.051-.044%206.498-6.47c.563-.562.563-1.47%200-2.03-.562-.561-1.474-.561-2.035%200l-4.137%204.116v-13.536c0-.793-.646-1.436-1.44-1.436-.795%200-1.439.643-1.439%201.436v13.536l-4.042-4.02c-.562-.561-1.473-.561-2.035%200-.563.561-.563%201.469%200%202.029l6.499%206.469zm-7.482%203.045v3.004h17.038v-3.004h-17.038z%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    pointer-events: none;
    transform: scale(0);
    transition: transform 0.3s;
}
.b-filgroup,
.b-filgroup-nav > LI {
    position: relative;
    box-sizing: border-box;
}
.b-file .title {
    margin-top: 20px;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.05em;
}
.b-file .subtitle,
.b-file .type {
    margin-top: 10px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #999;
}
.b-file .subtitle {
    font-size: 12px;
}
.b-file .type {
    font-size: 10px;
}
.b-filelist,
.b-filgroup,
.b-filgroup-nav {
    font-size: 0;
    letter-spacing: 0;
}
.b-file:hover .main > SPAN,
A:hover > .b-file .main > SPAN {
    transform: scale(0);
    transition: transform 0.3s 0s;
}
.b-file:hover .main:after,
A:hover > .b-file .main:after {
    transform: scale(1);
    transition: transform 0.3s 0.3s;
}
.b-file:hover .title > SPAN,
A:hover > .b-file .title > SPAN {
    border: none;
}
.b-filelist {
    margin: 40px -15px 0;
}
.b-incolumns .b-filelist {
    margin-top: 0;
}
.b-filelist .b-file {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 45px;
}
.b-filelist._short {
    margin: 40px 0 0;
    text-align: center;
}
.b-filelist._short .b-file {
    width: 210px;
}
.b-tabs-main .b-filelist {
    margin-top: 0;
}
@media all and (max-width: 980px) {
    .b-filelist,
    .b-filelist._short {
        margin: 30px auto 0;
        width: 300px;
        text-align: left;
    }
    .b-filelist .b-file,
    .b-filelist._short .b-file {
        width: 130px;
        margin: 0 10px 30px;
    }
    .b-tabs-main .b-filelist {
        margin-top: 0;
    }
}
.b-filgroup {
    width: 960px;
    margin: 0 auto;
    padding-top: 1px;
}
.b-filgroup-nav {
    display: none;
    white-space: nowrap;
}
.b-filgroup-nav > LI,
.b-filgroup-reset {
    font-size: 9px;
    text-transform: uppercase;
}
.b-filgroup-nav:after {
    display: block;
    clear: both;
    overflow: hidden;
}
.b-filgroup-nav > LI {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 62px;
    margin-left: -1px;
    white-space: normal;
    padding: 15px 55px 15px 20px;
    border: 1px solid #e2e2e2;
    background: #1e1e1e;
    color: #fff;
    cursor: pointer;
    line-height: 15px;
    font-weight: 800;
    letter-spacing: 0.05em;
}
.b-filgroup-nav > LI:after {
    content: "";
    display: none;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: transparent transparent #fff;
}
.b-filgroup-nav > LI > .ico {
    position: absolute;
    top: 22px;
    right: 20px;
    color: #fdca00;
}
.b-filgroup-nav > LI[data-item="search"] > .ico {
    width: 16px;
    height: 16px;
}
.b-filgroup-nav > LI[data-item="main"] > .ico {
    width: 14px;
    height: 17px;
}
.b-filgroup-reset {
    position: absolute;
    top: 9px;
    right: 0;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    cursor: pointer;
}
.b-filgroup-reset > svg {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0 10px;
    width: 8px;
    height: 8px;
}
.b-filgroup-reset > SPAN {
    border-bottom: 1px dotted;
}
.b-filgroup-reset:hover > SPAN {
    border: none;
}
.b-filgroup-search .b-searchbox {
    margin: 0 auto;
}
.b-filgroup-main {
    margin-top: 15px;
}
.b-filgroup-main:first-child {
    margin-top: 0;
}
.b-filgroup-main .b-filter {
    display: inline-block;
    vertical-align: top;
    width: 241px;
    margin: -1px 0 0 -1px;
}
@media all and (max-width: 980px) {
    .b-filgroup {
        width: 300px;
        margin: 0 auto;
    }
    .b-filgroup-main,
    .b-filgroup-search {
        width: 100%;
        height: 0;
        overflow: hidden;
        opacity: 0;
        transition: height 0s 0.3s, opacity 0.3s;
    }
    .b-filgroup-search .b-searchbox {
        margin: 15px auto;
    }
    .b-filgroup-main {
        margin: 0;
    }
    .b-filgroup-main .b-filter:first-child {
        margin-top: 10px;
    }
    .b-filgroup-nav {
        display: block;
        width: 323px;
        margin: 0 -12px 0 -11px;
    }
    .b-filgroup-nav[data-selected="main"] ~ .b-filgroup-main,
    .b-filgroup-nav[data-selected="search"] ~ .b-filgroup-search {
        height: auto;
        opacity: 1;
        transition: height 0s 0.3s, opacity 0.3s 0.3s;
    }
    .b-filgroup-nav[data-selected="main"][data-firstselection] ~ .b-filgroup-main,
    .b-filgroup-nav[data-selected="search"][data-firstselection] ~ .b-filgroup-search {
        transition: height 0s 0s, opacity 0.3s 0s;
    }
    .b-filgroup-nav[data-selected="main"] > [data-item="main"]:after,
    .b-filgroup-nav[data-selected="search"] > [data-item="search"]:after {
        display: block;
    }
    .b-filgroup-reset {
        display: none;
    }
    .b-filgroup .b-filter {
        width: 100%;
        margin: -1px 0 0;
    }
}
.b-filter {
    position: relative;
    width: 240px;
    height: 60px;
    box-sizing: border-box;
    border: 1px solid;
    background: rgba(255, 255, 255, 0.75);
    color: rgba(226, 226, 226, 0.75);
    transition: background 0.3s, color 0.3s, z-index 0s linear 0.3s;
}
.b-filter._filled,
.b-filter._opened {
    transition: background 0.3s, color 0.3s, z-index 0s linear 0s;
}
.b-filter:after {
    position: absolute;
    top: 9px;
    display: none;
    width: 1px;
    height: 40px;
    background: currentColor;
    pointer-events: none;
}
.b-filter-main {
    display: block;
    width: 100%;
    height: 58px;
    box-sizing: border-box;
    padding: 8px 20px;
    font-size: 10px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    cursor: pointer;
    transition: color 0.3s;
}
.b-filter-main SPAN {
    display: none;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.b-filter-main .label {
    display: block;
    opacity: 0.65;
}
.b-filter-main .placeholder,
.b-filter-main .title {
    font-weight: 800;
    text-transform: uppercase;
}
.b-filter-main .values {
    opacity: 0.65;
}
.b-filter._disabled .b-filter-main {
    cursor: default;
    color: #999;
}
.b-filter-popup {
    position: absolute;
    top: 58px;
    left: -1px;
    right: -1px;
    max-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #525252;
    border-top: none;
    background: #313131;
    opacity: 0;
    transition: max-height 0s linear 0.3s, opacity linear 0.3s;
}
.b-filter._opened .b-filter-popup {
    max-height: 380px;
    opacity: 1;
    transition: max-height 0s linear 0s, opacity linear 0.3s;
}
.b-filter-popup-main {
    position: relative;
    width: 100%;
    max-height: 340px;
}
.b-filter-popup-main UL {
    padding: 20px 33px 20px 20px;
}
.b-filter-popup-main LI + LI {
    margin-top: 16px;
}
.b-filter-popup-main LABEL {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #fff;
    cursor: pointer;
}
.b-filter-popup-main .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    color: transparent;
}
.b-filter-popup-main .checkbox > INPUT {
    position: absolute;
    top: 0;
    left: -5px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
    opacity: 0;
}
.b-filter-popup-main .checkbox > svg {
    width: 100%;
    height: 100%;
}
.b-filter-popup-main LABEL:hover .checkbox {
    color: rgba(255, 255, 255, 0.15);
}
.b-filter-popup-main LABEL._checked {
    font-weight: 700;
}
.b-filter-popup-main LABEL._checked .checkbox {
    background: #fdca00;
    border-color: #fdca00;
    color: #1e1e1e;
}
.b-filter-popup-main LABEL._disabled {
    color: #999;
    cursor: default;
}
.b-filter-popup-main LABEL._disabled:hover .checkbox {
    color: transparent;
}
.b-filter-popup-main LABEL._checked._disabled .checkbox {
    background: #999;
    border-color: #999;
}
.b-filter-popup-main LABEL._checked._disabled:hover .checkbox {
    color: #1e1e1e;
}
.b-filter-popup-footer {
    background: #1e1e1e;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 12px 20px;
    font-size: 9px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
}
.b-filter-popup-footer .reset {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.b-filter-popup-footer .reset > svg {
    display: inline-block;
    vertical-align: top;
    margin: 4px 10px 0 4px;
    width: 8px;
    height: 8px;
}
.b-filter-popup-footer .reset > SPAN {
    border-bottom: 1px dotted;
}
.b-filter-popup-footer .reset:hover > SPAN {
    border: none;
}
.b-filter._checkbox:after {
    display: block;
    left: 55px;
}
.b-filter._checkbox .b-filter-main {
    padding-left: 64px;
}
.b-filter._checkbox .b-filter-main .title {
    display: block;
}
.b-filter._checkbox .b-filter-main .checkbox {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 55px;
    height: 60px;
    color: #e2e2e2;
}
.b-filter._checkbox .b-filter-main .checkbox > INPUT {
    position: absolute;
    top: 0;
    left: -5px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
    opacity: 0;
}
.b-filter._checkbox .b-filter-main .checkbox > .ico {
    position: absolute;
    top: 23px;
    left: 23px;
    width: 14px;
    height: 12px;
}
.b-filter._checkbox._action .b-filter-main .checkbox {
    overflow: hidden;
}
.b-filter._checkbox._action .b-filter-main .checkbox:after {
    position: absolute;
    left: -13px;
    width: 68px;
    height: 109px;
    background: #fdca00;
    transform-origin: 100% 0;
    transform: rotate(28deg);
}
.b-filter._checkbox._action .b-filter-main .checkbox:before {
    position: absolute;
    top: 21px;
    left: 13px;
    width: 13px;
    height: 13px;
    background-image: url(../img/percent.svg);
    background-size: 100% 100%;
    z-index: 1000;
}
.b-filter._select:after {
    display: block;
    right: 55px;
}
.b-filter._select .b-filter-main {
    padding-right: 55px;
}
.b-filter._select .b-filter-main .placeholder {
    display: block;
}
.b-filter._select .b-filter-main .toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 58px;
}
.b-filter._select .b-filter-main .toggle > .ico {
    position: absolute;
    top: 25px;
    left: 21px;
    display: block;
    width: 12px;
    height: 8px;
}
.b-filter._select .b-filter-main .toggle > .ico._off,
.b-filter._select._opened .b-filter-main .toggle > .ico._on {
    display: none;
}
.b-filter._select._opened {
    z-index: 3;
    background: #1e1e1e;
    color: #525252;
}
.b-filter._select._opened .b-filter-main {
    color: #fff;
}
.b-filter._select._opened .b-filter-main .toggle > .ico._off {
    display: block;
}
.b-filter._range .b-filter-main .fields {
    position: absolute;
    top: 14px;
    left: 20px;
    right: 20px;
    height: 30px;
}
.b-filter._range .b-filter-main .fields:before {
    position: absolute;
    top: 14px;
    left: 50%;
    width: 10px;
    height: 2px;
    margin-left: -5px;
    background: currentColor;
}
.b-filter._range .b-filter-main .fields:after {
    display: block;
    clear: both;
    overflow: hidden;
}
.b-filter._range .b-filter-main .fields > LABEL {
    position: relative;
    display: block;
    width: 80px;
    height: 30px;
    padding: 9px 0 5px;
    box-sizing: border-box;
    cursor: text;
}
.b-filter._range .b-filter-main .fields > LABEL._from {
    float: left;
    text-align: left;
}
.b-filter._range .b-filter-main .fields > LABEL._to {
    float: right;
    text-align: right;
}
.b-filter._range .b-filter-main .fields > LABEL > SPAN {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    font-size: 10px;
    line-height: 16px;
    font-weight: 800;
    letter-spacing: 0.05em;
    pointer-events: none;
}
.b-filter._range .b-filter-main .fields > LABEL > INPUT {
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    height: 16px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    outline: 0;
    background: rgba(0, 0, 0, 0);
    font-size: 10px;
    font-weight: 800;
    color: currentColor;
    text-align: inherit;
    opacity: 0;
}
.b-filter._range .b-filter-main .fields > LABEL > INPUT:focus {
    opacity: 1;
}
.b-filter._range .b-filter-main .fields > LABEL > INPUT:focus ~ SPAN {
    display: none;
}
.b-filter._range .b-filter-main .fields > LABEL .cur {
    margin-left: 3px;
}
.b-filter._range .b-filter-main .fields > LABEL .ttl {
    display: none;
    text-transform: uppercase;
    margin-right: 3px;
}
.b-filter._range .b-filter-main .slider {
    display: none;
    position: absolute;
    left: 19px;
    right: 19px;
    bottom: -1px;
    height: 15px;
    background-image: linear-gradient(90deg, #e2e2e2 0, #e2e2e2 1px, rgba(226, 226, 226, 0) 1px, rgba(226, 226, 226, 0) 20px);
    background-size: 20px 6px;
    background-position: 0 100%;
    background-repeat: repeat-x;
}
#app._notouch .b-filter._range .b-filter-main .slider {
    display: block;
}
.b-filter._range .b-filter-main .slider UL {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 15px;
}
.b-filter._range .b-filter-main .slider LI {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 15px;
    opacity: 0;
}
.b-filter._range .b-filter-main .slider LI._active {
    opacity: 1;
}
.b-filter._range .b-filter-main .slider LI:after {
    position: absolute;
    top: 0;
    width: 17px;
    height: 15px;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2017%2015%22%3E%3Cpolygon%20fill%3D%22%231E1E1E%22%20points%3D%228.5%2C0%200%2C15%2017%2C15%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
}
.b-filter._range .b-filter-main .slider LI._from:after {
    left: -8px;
}
.b-filter._range .b-filter-main .slider LI._to:after {
    right: -8px;
}
.b-filter._range .b-filter-main .slider LI.is-dragging {
    z-index: 2;
}
.b-filter._range._rub .b-filter-main .cur:before {
    content: "P";
    margin-top: 1px;
    font-family: Rouble;
    font-weight: 400;
}
.b-filter._range._eur .b-filter-main .cur:before {
    content: "\20AC";
}
.b-filter._range._usd .b-filter-main .cur:before {
    content: "$";
}
.b-footer-main .social A:before,
.b-form:after {
    content: "";
}
.b-filter._filled {
    z-index: 2;
    background: #1e1e1e;
    color: #525252;
}
.b-filter._filled .b-filter-main {
    color: #fff;
}
.b-filter._filled._disabled .b-filter-main {
    color: #999;
}
.b-filter._filled._checkbox .b-filter-main .checkbox {
    color: #fff;
}
.b-filter._filled._checkbox._disabled .b-filter-main .checkbox {
    color: #999;
}
.b-filter._filled._select .b-filter-main .placeholder {
    display: none;
}
.b-filter._filled._select .b-filter-main .title,
.b-filter._filled._select .b-filter-main .values {
    display: block;
}
.b-filter._filled._select .b-filter-main .values:empty {
    display: none;
}
.b-filter._filled._range .b-filter-main .slider {
    background-image: linear-gradient(90deg, #999 0, #999 1px, rgba(153, 153, 153, 0) 1px, rgba(153, 153, 153, 0) 20px);
}
.b-filter._filled._range .b-filter-main .slider LI:after {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2017%2015%22%3E%3Cpolygon%20fill%3D%22%23FDCA00%22%20points%3D%228.5%2C0%200%2C15%2017%2C15%22/%3E%3C/svg%3E);
}
@media all and (max-width: 980px) {
    .b-filter {
        min-height: 60px;
        height: auto;
    }
    .b-filter-popup {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin: 0 -1px;
        border-bottom: none;
    }
    .b-filter-popup-main {
        max-height: 180px;
    }
    .b-filter._range .b-filter-main .fields {
        top: 9px;
        height: 40px;
    }
    .b-filter._range .b-filter-main .fields:before {
        top: 0;
        left: 50%;
        margin: 0;
        width: 1px;
        height: 40px;
        background: #e2e2e2;
    }
    .b-filter._range .b-filter-main .fields > LABEL {
        width: 105px;
        height: 40px;
        padding: 14px 0 10px;
    }
    .b-filter._range .b-filter-main .fields > LABEL._to {
        text-align: left;
    }
    .b-filter._range .b-filter-main .fields > LABEL .ttl {
        display: inline-block;
    }
    .b-filter._range .b-filter-main .fields > LABEL > INPUT {
        top: 14px;
        font-size: 16px;
    }
    #app._notouch .b-filter._range .b-filter-main .slider,
    .b-filter._range .b-filter-main .slider {
        display: none;
    }
    .b-filter._filled._range .b-filter-main .fields:before {
        background: #525252;
    }
}
.b-footer-main .social > LI,
.b-footer-nav > UL > LI {
    display: inline-block;
    vertical-align: top;
}
.b-footer {
    position: relative;
    width: 100%;
    min-width: 320px;
    height: 580px;
    margin-top: -580px;
    color: #1e1e1e;
}
.b-layout._lite .b-footer {
    height: 84px;
    margin-top: -84px;
}
.b-footer-nav {
    position: relative;
    padding-top: 80px;
}
.b-footer-nav > UL {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}
.b-footer-nav > UL > LI {
    width: 160px;
    margin-right: 80px;
    text-align: left;
}
.b-footer-nav > UL > LI .title {
    padding: 5px 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-footer-nav > UL > LI .list {
    padding-top: 10px;
}
.b-footer-nav > UL > LI .list > LI {
    margin-top: 10px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
}
.b-footer-nav > UL > LI .list A {
    background: linear-gradient(to top, currentColor, currentColor 0.09em, transparent 0.09em, transparent) no-repeat;
    background-size: 0 100%;
    transition: background-size 0.15s linear;
}
.b-footer-nav > UL > LI .list A:hover {
    background-size: 100% 100%;
}
.b-footer-nav A {
    color: inherit;
}
.b-footer-main {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 110px;
}
.b-footer-main .copyright {
    float: left;
    margin: 35px 0 0 30px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-footer-main .social {
    float: left;
    margin: 24px 0 0 48px;
    font-size: 0;
    letter-spacing: 0;
}
.b-footer-main .social > LI + LI {
    margin-left: 20px;
}
.b-footer-main .social A {
    display: block;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid;
    color: #fff;
    text-align: center;
    transition: background 0.3s, color 0.3s;
}
.b-footer-main .social .ico,
.b-footer-main .social A:before {
    display: inline-block;
    vertical-align: middle;
}
.b-footer-main .social A:before {
    height: 100%;
    margin-right: -0.25em;
}
.b-footer-main .social .max i {
    background: url(../img/icon_MAX.svg) center no-repeat;
    background-size: contain;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.b-layout._lite .b-footer-main .b-icolist,
.b-layout._lite .b-footer-main .corner {
    display: none;
}
.b-footer-main .social .facebook {
    background: #1949a1;
    border-color: #1949a1;
}
.b-footer-main .social .facebook > .ico {
    width: 8px;
    height: 18px;
}
.b-footer-main .social .twitter {
    background: #00b3e0;
    border-color: #00b3e0;
}
.b-footer-main .social .twitter > .ico {
    width: 18px;
    height: 14px;
}
.b-footer-main .social .facebook:hover {
    background: 0 0;
    color: #1949a1;
}
.b-footer-main .social .twitter:hover {
    background: 0 0;
    color: #00b3e0;
}
.b-footer-main .b-icolist {
    margin: 20px 320px;
    text-align: center;
}
.b-footer-main .b-icolist > LI {
    text-align: left;
    cursor: pointer;
}
.b-footer-main .cpeople {
    position: relative;
    float: right;
    margin: 30px 30px 0 0;
    padding-right: 66px;
    font-size: 10px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: inherit;
    text-transform: uppercase;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2022%22%3E%3Cpath%20fill%3D%22%23FDCA00%22%20d%3D%22M12.181%209.467c.124.094.233.145.341.163l.432%201.927%201.185-1.744-.244-.153-.048-.026c.229-.568.401-1.164.231-1.405-.203-.296-1.034-1.181-1.095-1.248-.299-.331-.703-.193-.921.12-.098.146-.219.277-.288.414%200%20.001-.651%201.183.407%201.952zm-9.452%2012.091c-.356-.741.197-1.942.213-1.938l.158.028.096.275.056.009c1.651.316%203.507.235%203.865-.03.879-.655%201.754-2.345%202.026-3.178%200%200%201.68-1.014%203.005-.858.967.111%201.358.982%201.358%202.265l.416.036-.035.207-.143.288c.11.499.335%201.048.843%201.288%201.739-.431%203.411-2.12%203.411-2.12l-.657-.584c-.512.433-1.306.8-1.829.858%200%200%20.51-3.981-.036-4.511-.677-.659-1.917-.964-2.498-.874l.62%201.807-7.281%201.829s-.413-1.102-.536-1.478c.016.91-.587%202.365-.83%202.657-.607.731-1.695.734-2.417.569l-.645-.163s-.551.786-.747%201.237c-.883%202.044.836%202.834.836%202.834h14.421c-.293-.11-.623-.201-.971-.283-2.877-1.012-9.424-.968-12.699-.17zm1.771-7.57c.035.002%201.503-.08%201.894-.443.003-.002.652-1.161.059-1.606-.184-.156-.456-.1-1.342-.061l-1.193-.104.705-.549-.594-2.45%206.185-1.471.016-.009c-.752-.702-1.885-1.245-3.735-1.043l-.378-.369c.217-.12.328-.135.52-.326-.594-1.237-.864-2.578-.877-3.312.432-.125%202.141-.287%202.497-2.233%200%200-1.22.863-2.166.37-1.603-.836-2.718.693-2.718.693s-1.079.054-1.053.72c.077%201.996.706%203.458%201.919%205.156-1.471.671-2.203%201.326-2.889%202.359-.911%201.373-1.359%203.204-1.359%203.204s1.289%201.588%204.276%201.916c.062-.246.179-.307.233-.442z%22/%3E%3C/svg%3E);
    background-size: 18px 22px;
}
.b-footer-main .corner,
.b-footer-main .corner > DIV {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
.b-layout._lite .b-footer-main .cpeople {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2022%22%3E%3Cpath%20fill%3D%22%231E1E1E%22%20d%3D%22M12.181%209.467c.124.094.233.145.341.163l.432%201.927%201.185-1.744-.244-.153-.048-.026c.229-.568.401-1.164.231-1.405-.203-.296-1.034-1.181-1.095-1.248-.299-.331-.703-.193-.921.12-.098.146-.219.277-.288.414%200%20.001-.651%201.183.407%201.952zm-9.452%2012.091c-.356-.741.197-1.942.213-1.938l.158.028.096.275.056.009c1.651.316%203.507.235%203.865-.03.879-.655%201.754-2.345%202.026-3.178%200%200%201.68-1.014%203.005-.858.967.111%201.358.982%201.358%202.265l.416.036-.035.207-.143.288c.11.499.335%201.048.843%201.288%201.739-.431%203.411-2.12%203.411-2.12l-.657-.584c-.512.433-1.306.8-1.829.858%200%200%20.51-3.981-.036-4.511-.677-.659-1.917-.964-2.498-.874l.62%201.807-7.281%201.829s-.413-1.102-.536-1.478c.016.91-.587%202.365-.83%202.657-.607.731-1.695.734-2.417.569l-.645-.163s-.551.786-.747%201.237c-.883%202.044.836%202.834.836%202.834h14.421c-.293-.11-.623-.201-.971-.283-2.877-1.012-9.424-.968-12.699-.17zm1.771-7.57c.035.002%201.503-.08%201.894-.443.003-.002.652-1.161.059-1.606-.184-.156-.456-.1-1.342-.061l-1.193-.104.705-.549-.594-2.45%206.185-1.471.016-.009c-.752-.702-1.885-1.245-3.735-1.043l-.378-.369c.217-.12.328-.135.52-.326-.594-1.237-.864-2.578-.877-3.312.432-.125%202.141-.287%202.497-2.233%200%200-1.22.863-2.166.37-1.603-.836-2.718.693-2.718.693s-1.079.054-1.053.72c.077%201.996.706%203.458%201.919%205.156-1.471.671-2.203%201.326-2.889%202.359-.911%201.373-1.359%203.204-1.359%203.204s1.289%201.588%204.276%201.916c.062-.246.179-.307.233-.442z%22/%3E%3C/svg%3E);
}
.b-footer-main .corner {
    width: 250px;
    height: 470px;
    background-position: 100% 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.b-footer-main .corner > DIV {
    width: 228px;
    height: 84px;
}
.b-footer-main .corner .cpeople {
    color: #fff;
    white-space: nowrap;
}
.b-footer-up {
    position: fixed;
    bottom: 265px;
    right: 32px;
    width: 50px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s, z-index 0.15s;
}
.b-footer-up > .ico {
    width: 40px;
    height: 40px;
    padding-top: 16px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #fdca00;
    color: #1e1e1e;
}
.b-footer-up > .ico > svg {
    display: block;
    width: 12px;
    height: 8px;
    margin: 0 auto;
}
.b-footer-up > .ttl {
    padding-top: 5px;
    font-size: 10px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1e1e1e;
    transition: color 0.15s;
}
.b-footer-up:hover > .ico {
    background: #1e1e1e;
    color: #fff;
}
@media all and (max-width: 1460px) {
    .b-footer {
        height: auto;
        margin-top: 0;
        min-height: 580px;
    }
    .b-footer-nav > UL {
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        justify-content: space-around;
    }
    .b-footer-nav > UL > LI {
        width: auto;
        margin-right: 0;
    }
}
@media all and (max-width: 980px) {
    .b-footer-main .b-icolist-item .ttl > SPAN,
    .b-footer-nav {
        display: none;
    }
    .b-footer-main .cpeople,
    .b-footer-main .social {
        position: absolute;
        float: none;
        text-align: center;
    }
    .b-footer,
    .b-layout._lite .b-footer {
        height: 290px;
        margin-top: -290px;
        min-height: unset;
    }
    .b-footer-main {
        width: 100%;
        height: 290px;
        overflow: hidden;
    }
    .b-footer-main .copyright {
        float: none;
        margin: 0;
        padding-top: 20px;
        text-align: center;
        font-size: 12px;
    }
    .b-footer-main .social {
        bottom: 96px;
        left: 0;
        width: 100%;
        margin: 0;
    }
    .b-footer-main .b-icolist {
        margin: 20px 0 0;
    }
    .b-footer-main .b-icolist-item {
        width: 160px;
        padding-bottom: 15px;
        box-sizing: border-box;
    }
    .b-footer-main .b-icolist-item + .b-icolist-item {
        margin-left: 0;
        border-left: 1px solid #e2e2e2;
    }
    .b-footer-main .b-icolist-item .ico {
        float: none;
        margin: 0 auto;
    }
    .b-footer-main .b-icolist-item .ttl {
        float: none;
        margin: 10px 0 0;
        text-align: center;
        font-size: 12px;
    }
    .b-layout._lite .b-footer-main .b-icolist,
    .b-layout._lite .b-footer-main .corner {
        display: block;
    }
    .b-footer-main .cpeople {
        bottom: 0;
        right: 0;
        width: 100vw;
        min-width: 320px;
        margin: 0;
        padding: 36px 0;
        background: 0 0;
    }
    .b-layout._lite .b-footer-main .cpeople {
        background: 0 0;
    }
    .b-footer-main .corner {
        width: 101px;
        height: 190px;
    }
    .b-footer-main .corner > DIV {
        width: 74px;
    }
    .b-footer-up {
        display: none;
    }
}
.b-form,
.b-form-wrap {
    position: relative;
    margin: 30px auto;
    width: 400px;
}
._b-footer .b-footer-up {
    opacity: 1;
    pointer-events: auto;
}
._page-end .b-footer-up .ttl {
    color: #fff;
}
.b-form:after {
    display: block;
    clear: both;
    overflow: hidden;
}
.b-form-wrap._double {
    width: 800px;
}
.b-form-wrap .b-form {
    width: 100%;
    margin: 0;
    transition: opacity 0.3s;
}
.b-form-wrap .b-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    opacity: 0;
    transition: opacity 0.3s 0.3s, height 0s 0.3s;
}
.b-form-wrap .b-message .title {
    padding-top: 60px;
}
.b-form-wrap .b-form._complete {
    opacity: 0;
}
.b-form-wrap .b-form._complete + .b-message {
    height: 100%;
    opacity: 1;
}
.b-form-wrap.b-form-wrap-is-ajax .b-form._complete + .b-message {
    position: static;
}
.b-form-text {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: center;
}
.b-form-text + .b-form-item {
    border-top-width: 1px;
}
.b-form-text ._required:after {
    content: "*";
    margin: -3px 0 0 3px;
    font-size: 18px;
    color: #ff4040;
}
.b-form-item {
    position: relative;
    float: left;
    width: 399px;
    min-height: 60px;
    background: rgba(255, 255, 255, 0.75);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(226, 226, 226, 0.75);
    margin-top: -1px;
    transition: background 0.3s, border-color 0.3s;
}
.b-form-item._double {
    width: 799px;
}
.b-form-wrap._double .b-form-item {
    margin: -1px 0 0 -1px;
}
.b-form-item .field {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    margin: 0;
    background: 0 0;
    box-shadow: none;
    border: none;
    outline: 0;
    padding: 20px 30px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #1e1e1e;
}
.b-form-item .error,
.b-form-item .label {
    line-height: 14px;
    font-weight: 400;
    position: absolute;
    font-size: 10px;
    letter-spacing: 0.05em;
    pointer-events: none;
}
.b-form-item .field:-webkit-autofill {
    box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: #1e1e1e;
}
.b-form-item .field[data-type="select"] {
    padding-right: 60px;
}
.b-form-item TEXTAREA.field {
    height: 140px;
    margin: 20px 0;
    padding: 0 30px;
    overflow: auto;
    resize: none;
}
.b-form-item .label {
    top: 20px;
    left: 30px;
    display: block;
    color: #999;
    transition: transform 0.3s ease-out;
}
.b-form-item .error {
    top: 8px;
    right: 30px;
    display: none;
    color: #ff4040;
}
.b-form-item .value {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.b-form-item .toggle {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 60px;
    height: 61px;
    border-left: 1px solid transparent;
    cursor: pointer;
    transition: background 0.3s, border-color 0.3s;
}
.b-form-item .toggle > .ico {
    position: absolute;
    top: 26px;
    left: 24px;
    display: block;
    width: 12px;
    height: 8px;
}
.b-form-item .toggle > .ico._off {
    display: none;
}
.b-form-item .popup {
    position: absolute;
    top: 60px;
    left: -1px;
    right: -1px;
    max-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #000;
    background: #fff;
    opacity: 0;
    transition: max-height 0s linear 0.3s, opacity linear 0.3s;
}
.b-form-item._filled,
.b-form-item._opened {
}
.b-form-item .popup .optgroup {
    position: relative;
    width: 100%;
    max-height: 340px;
}
.b-form-item .popup .optgroup UL {
    padding: 12px 0;
}
.b-form-item .popup .optgroup LI {
    width: 100%;
    overflow: hidden;
}
.b-form-item .popup .optgroup LABEL {
    position: relative;
    display: block;
    padding: 12px 60px;
    font-size: 10px;
    line-height: 16px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1e1e1e;
    cursor: pointer;
}
.b-form-item .popup .optgroup INPUT {
    position: absolute;
    top: 0;
    left: -5px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
    opacity: 0;
}
.b-form-item .popup .optgroup .chk {
    position: absolute;
    top: 13px;
    left: 23px;
    width: 14px;
    height: 14px;
    opacity: 0.1;
}
.b-form-item .popup .optgroup INPUT:checked + .chk {
    opacity: 1;
}
.b-form-item .popup .optgroup .ttl {
    border-bottom: 1px dotted;
}
.b-form-item .popup .optgroup LABEL:hover .ttl {
    border: none;
}
.b-form-item .field[required] + .label:after {
    content: "*";
    margin: -3px 0 0 3px;
    font-size: 14px;
    color: #ff4040;
}
.b-form-is-ajax ._hidden {
    display: none;
}
.b-form-is-ajax .b-form-result {
    text-align: center;
    width: 100%;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #1e1e1e;
    box-sizing: border-box;
}
.b-form-is-ajax .b-form-result {
    text-align: center;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #1e1e1e;
    box-sizing: border-box;
}
.b-form-is-ajax .b-form-result._success {
    color: #22bb33;
}
.b-form-is-ajax .b-form-result._errors {
    color: #bb2124;
}
.b-gallery .main .img:after,
.b-gallery .nav LI:after,
.b-header .wrap:after,
.b-header-nav-item._haspopup .title:after,
.b-header-nav-item._haspopup:after,
.b-heading-path A:after,
.b-incolumns:after {
    content: "";
}
.b-form-item._filled .field,
.b-form-item._filled .toggle {
}
.b-form-item .field:focus + .label {
    transform: translateY(-15px);
}
.b-form-item._filled .label {
    transform: translateY(-15px);
}
.b-form-item._filled._error .field {
    color: #ff4040;
    -webkit-text-fill-color: #ff4040;
}
.b-form-item._filled._error .error {
    display: block;
}
.b-form-item._opened {
    z-index: 3;
}
.b-form-item._opened .field {
    color: #fff;
}
.b-form-item._opened .label {
    transform: translateY(-15px);
}
.b-form-item._opened .toggle {
    background: #313131;
    color: #fff;
    border-color: #000;
}
.b-form-item._opened .toggle > .ico._on {
    display: none;
}
.b-form-item._opened .toggle > .ico._off {
    display: block;
}
.b-form-item._opened .popup {
    max-height: 340px;
    opacity: 1;
    transition: max-height 0s linear 0s, opacity linear 0.3s;
}
.b-form-button {
    clear: left;
    padding-top: 30px;
    text-align: center;
}
.b-form-button .b-button > :nth-child(1) {
    padding-left: 60px;
    padding-right: 60px;
}
.b-form-button .b-button > :nth-child(3) {
    left: 60px;
}
@media all and (max-width: 980px) {
    .b-form,
    .b-form-wrap,
    .b-form-wrap._double {
        width: 300px;
    }
    .b-form-wrap .b-message .title {
        padding-top: 0;
    }
    .b-form-item,
    .b-form-item._double {
        width: 298px;
    }
    .b-form-wrap._double .b-form-item {
        margin: -1px 0 0;
    }
    .b-form-item .field {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.08em;
    }
    .b-form-item .popup .optgroup {
        max-height: 180px;
    }
}
.b-gallery {
    position: relative;
    width: 860px;
    margin: 30px auto;
}
.b-content .b-gallery {
    margin-left: -130px;
    margin-right: -90px;
}
.b-gallery .arr {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    width: 42px;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: width 0s 0s, opacity 0.5s;
}
.b-gallery .arr > DIV {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding: 22px 0;
    background: #1e1e1e;
    color: #fff;
}
.b-gallery .arr > DIV > svg {
    display: block;
    width: 10px;
    height: 16px;
    margin: 0 auto;
}
.b-gallery .arr._prev {
    left: 0;
}
.b-gallery .arr._next {
    right: 0;
}
.b-gallery .arr:hover > DIV {
    background: #fdca00;
    color: #1e1e1e;
}
.b-gallery .arr._disabled {
    width: 0;
    opacity: 0;
    transition: width 0s 0.5s, opacity 0.5s;
}
.b-gallery._hasarr .arr {
    display: block;
}
.b-gallery .main {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}
.b-gallery .main LI,
.b-gallery .main UL {
    width: 100%;
    height: 100%;
    background: #e2e2e2;
    position: absolute;
}
.b-gallery .main UL {
    font-size: 0;
    letter-spacing: 0;
}
.b-gallery .main LI {
    top: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s 0s;
}
.b-gallery .main LI:after {
    display: none;
}
.b-gallery .main LI._active {
    z-index: 2;
    opacity: 1;
    transition: opacity 0.3s linear 0.3s;
}
.b-gallery .main .img {
    width: 860px;
    height: 500px;
    line-height: 500px;
    text-align: center;
    user-select: none;
    user-drag: none;
}
.b-gallery .main .img:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 100%);
}
.b-gallery .main .img > IMG {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.b-gallery .main .ttl {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 30px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.05em;
}
.b-gallery .main .ttl > P {
    margin: 0;
}
.b-gallery .nav {
    position: relative;
    width: 100%;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0s, opacity 0.5s 0.5s;
}
.b-gallery .nav UL {
    padding: 5px 0;
    margin-left: -5px;
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
    transition: transform 0.5s cubic-bezier(0.1, 0.57, 0.1, 1);
}
.b-gallery .nav LI {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 5px;
    width: 168px;
    height: 100px;
    overflow: hidden;
    background: #e2e2e2;
}
.b-gallery .nav LI:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1e1e1e;
    opacity: 0;
    transition: opacity 0.5s;
}
.b-gallery .nav LI._active:after {
    opacity: 0.75;
}
.b-gallery .nav .img {
    width: 174px;
    height: 100px;
    line-height: 100px;
    margin: 0 -1px;
}
.b-gallery .nav .img > IMG {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.b-gallery .nav .arr {
    width: 28px;
}
.b-gallery .nav .arr > DIV {
    height: 40px;
    margin-top: -20px;
    padding: 14px 0;
}
.b-gallery .nav .arr > DIV > svg {
    width: 8px;
    height: 12px;
}
.b-gallery._hasnav .nav {
    height: 110px;
    opacity: 1;
}
.b-gallery .info {
    display: none;
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 20px;
    width: 60px;
    height: 30px;
    background: rgba(30, 30, 30, 0.8);
    font-size: 12px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
    pointer-events: none;
}
@media all and (max-width: 980px) {
    .b-gallery .main,
    .b-gallery .main LI {
        height: 276px;
        width: 320px;
    }
    .b-gallery {
        width: 320px;
    }
    .b-content .b-gallery {
        margin: 30px -20px;
    }
    .b-gallery .main UL {
        white-space: nowrap;
        transition: transform 0.5s cubic-bezier(0.1, 0.57, 0.1, 1);
    }
    .b-gallery .main LI {
        position: relative;
        left: auto;
        display: inline-block;
        vertical-align: top;
        opacity: 1;
        white-space: normal;
    }
    .b-gallery .main .img {
        width: 320px;
        height: 186px;
        line-height: 186px;
    }
    .b-gallery .main .ttl {
        height: 90px;
        padding: 0 20px;
        background: #1e1e1e;
        white-space: nowrap;
    }
    .b-gallery .main .ttl:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        margin-right: -0.25em;
    }
    .b-gallery .main .ttl > P {
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
    }
    .b-gallery .main .arr,
    .b-gallery .nav {
        display: none;
    }
    .b-gallery._hasarr .info {
        display: block;
    }
}
.b-header {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    height: 80px;
}
.b-header .wrap {
    margin: 0 30px;
    height: 80px;
    border-bottom: 1px solid rgba(226, 226, 226, 0.75);
}
.b-header .wrap:after {
    display: block;
    clear: both;
    overflow: hidden;
}
.b-header-nav {
    float: left;
}
.b-header-nav-item {
    position: relative;
    float: left;
    margin-top: 30px;
    margin-right: 30px;
}
.b-header-nav-item._haspopup:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: height 0s 0.5s;
}
#app._notouch .b-header-nav-item._haspopup:after {
    height: 0;
}
.b-header-nav-item .title {
    display: block;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #1e1e1e;
}
.b-header-nav-item .title > SPAN {
    background: linear-gradient(to top, currentColor, currentColor 0.09em, transparent 0.09em, transparent) no-repeat;
    background-size: 0 100%;
    transition: background-size 0.15s linear;
}
.b-header-nav-item .title > SPAN:hover {
    background-size: 100% 100%;
}
.b-header-nav-item._haspopup .title:after {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -6px;
    margin-left: -6px;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent transparent #1e1e1e;
    opacity: 0;
    transition: opacity 0.25s;
}
.b-header-nav-item .popup {
    position: absolute;
    top: 50px;
    margin-top: -6px;
    left: -35px;
    width: 220px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0s 0.25s, opacity 0.25s;
    z-index: 9;
}
.b-header-nav-item .popup UL {
    margin-top: 6px;
    width: 120px;
    padding: 30px 50px;
    background: #1e1e1e;
    box-sizing: unset;
}
.b-icolist-item .ico._phone,
.b-icolist-item .ico._quest {
    padding-top: 7px;
}
.b-header-nav-item .popup LI {
    margin: 10px 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
}
.b-header .logo > SPAN,
.b-heading-path {
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-header-nav-item .popup LI A {
    color: inherit;
    background: linear-gradient(to top, currentColor, currentColor 0.09em, transparent 0.09em, transparent) no-repeat;
    background-size: 0 100%;
    transition: background-size 0.15s linear;
}
#app._notouch .b-header-nav-item:hover .title > SPAN,
.b-header-nav-item .popup LI A:hover,
.b-header-nav-item._hover .title > SPAN {
    background-size: 100% 100%;
}
#app._notouch .b-header-nav-item:hover:after,
.b-header-nav-item._hover:after {
    height: 0;
}
#app._notouch .b-header-nav-item:hover .title:after,
.b-header-nav-item._hover .title:after {
    opacity: 1;
}
#app._notouch .b-header-nav-item:hover .popup,
.b-header-nav-item._hover .popup {
    max-height: 760px;
    opacity: 1;
    transition: max-height 0s 0s, opacity 0.25s;
}
#app._notouch .b-header-nav-item:hover .popup + .title,
.b-header-nav-item._hover .popup + .title {
    padding-bottom: 30px;
}
.b-header .b-icolist {
    float: right;
    margin: 13px 55px 0 40px;
}
.b-header .b-icolist > LI {
    cursor: pointer;
}
.b-header .logo {
    display: none;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -42px;
    color: inherit;
}
.b-header .logo > IMG {
    display: block;
}
.b-header .logo > SPAN {
    float: right;
    margin: 7px 10px 0 0;
    font-family: Arial, sans-serif;
    font-size: 8px;
    line-height: 1;
    text-transform: uppercase;
    cursor: default;
}
.header__col--soc {
    display: inline-block;
    color: #000;
    text-align: center !important;
    position: relative;
    top: 9px;
    margin-left: 10px;
    font-size: 26px;
    vertical-align: unset !important;
}
.header__col--soc.whatsapp {
    font-size: 30px;
    top: 10px;
}
.b-icolist .b-icolist-item.phone {
    margin-left: 10px;
    vertical-align: unset;
    top: 12px;
}
.header__col--soc.telegram {
    color: #25A3E1;
}
.header__col--soc.whatsapp {
    color: #65CF72;
}
.header__col--soc.max {
    top: 12px;
}
.header__col--soc.email {
    background: #1e1e1e;
    color: #fdca00;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    font-size: 15px;
    line-height: 25px;
    top: 4px;
}
.fa.fa-max,
.header__col--soc.max i {
    display: inline-block;
    background: url(../img/icon_MAX.svg) center no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    overflow: hidden;
}
@media all and (max-width: 980px) {
    .b-header .b-icolist .ttl,
    .b-header-nav {
        display: none;
    }
    .b-header {
        width: 100%;
        min-width: 320px;
        height: 60px;
        z-index: 18;
    }
    .b-header .wrap {
        margin: 0 15px;
        height: 60px;
        border: none;
    }
    .b-header .b-icolist {
        float: right;
        margin: 15px 0 0;
    }
    .b-header .b-icolist-item + .b-icolist-item {
        margin-left: 15px;
    }
    .b-header .logo {
        display: block;
    }
}
@media all and (max-width: 500px) {
    .b-header .logo {
        left: 110px;
        margin-left: 0;
    }
}
@media all and (max-width: 400px) {
    .b-header .logo {
        left: 70px;
    }
}
.b-heading {
    width: 950px;
    margin: 60px auto 15px;
    color: #1e1e1e;
    text-align: center;
}
.b-heading._top {
    margin-top: 45px;
}
.b-heading-path {
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 16px;
    color: #999;
}
.b-heading-path A {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 27px;
    color: inherit;
    background: linear-gradient(to top, currentColor, currentColor 0.09em, transparent 0.09em, transparent) no-repeat;
    background-size: 0 100%;
    transition: background-size 0.15s linear;
}
.b-heading-path A:hover {
    background-size: 100% 100%;
}
.b-heading-path A:after {
    position: absolute;
    top: 5px;
    left: 100%;
    margin-left: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #1e1e1e;
}
.b-heading-path A:last-child {
    margin-right: 0;
}
.b-heading-path A:last-child:after {
    display: none;
}
.b-heading-title {
    margin: 0 auto;
    width: 600px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-heading-subtitle,
.b-heading-text {
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-heading._top .b-heading-title {
    font-size: 24px;
    line-height: 36px;
}
.b-heading-subtitle {
    margin-top: 10px;
    font-size: 11px;
    line-height: 16px;
    color: #999;
}
.b-heading-text {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
}
.b-heading-text.b-expandable .con {
    height: 96px;
}
.b-heading-text.b-expandable._active {
    min-height: 120px;
}
.b-heading-text.b-expandable._collapsed .con {
    height: 120px;
}
.b-heading-text B {
    font-weight: 700;
}
.b-heading-text A {
    color: #1e1e1e;
    border-bottom: 1px solid rgba(30, 30, 30, 0.5);
}
.b-heading-text A:hover {
    border: none;
}
.b-incolumns .b-heading {
    margin-left: 0;
    margin-right: 0;
    width: 420px;
    text-align: left;
    margin-top: 0;
}
.b-incolumns .b-heading-title {
    width: 100%;
}
.b-incolumns .b-heading._top {
    margin: 0 0 15px;
}
.b-incolumns .b-heading._right {
    margin-left: 30px;
    text-align: right;
}
@media all and (max-width: 980px) {
    .b-heading {
        width: auto;
        margin: 45px 0 15px;
        padding: 0 20px;
    }
    .b-heading._top {
        margin-top: 30px;
    }
    .b-heading-title {
        width: 100%;
        font-size: 18px;
        line-height: 24px;
    }
    .b-heading._top .b-heading-title {
        font-size: 20px;
        line-height: 30px;
    }
    .b-heading-text._onlydesktop {
        display: none;
    }
    .b-incolumns .b-heading {
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
        text-align: center;
        margin-top: 20px;
        width: auto;
    }
    .b-incolumns .b-heading._top {
        margin: 30px auto 0px;
        width: auto;
        padding: 0 10px;
    }
    .b-incolumns .b-heading._right {
        margin-left: auto;
        text-align: center;
    }
    .b-heading-path {
        font-size: 12px;
    }
    .b-catalog-item .params LI {
        font-size: 12px;
    }
}
.b-icolist {
    font-size: 0;
    letter-spacing: 0;
}
.b-icolist-item {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    color: inherit;
}
.b-icolist .phone-block {
    padding-left: 10px;
}
.b-main > .image,
.b-message,
.b-modal {
    text-align: center;
}
.b-icolist-item + .b-icolist-item {
    margin-left: 20px;
}
.b-icolist-item._onlymobile {
    display: none;
}
.b-icolist-item .ico {
    float: left;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    box-sizing: border-box;
    background: #1e1e1e;
    color: #fdca00;
}
.b-icolist-item .ico > svg {
    display: block;
    margin: 0 auto;
}
.b-icolist-item .ico._phone > svg {
    width: 12px;
    height: 12px;
}
.b-icolist-item .ico._quest > svg {
    width: 8px;
    height: 11px;
}
.b-icolist-item .ttl {
    float: left;
    margin: 5px 0 0 5px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    text-transform: uppercase;
}
.b-icolist-item .ttl > SPAN {
    display: block;
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
    opacity: 0.5;
    letter-spacing: 0;
    text-transform: none;
}
.b-icolist-item._hashover {
    cursor: pointer;
}
.b-icolist-item._hashover:hover .ico {
    background: #fdca00;
    color: #1e1e1e;
}
.b-icolist A[href^="tel"] {
    cursor: pointer;
}
@media all and (max-width: 980px) {
    .b-icolist-item._onlymobile {
        display: inline-block;
    }
    .b-icolist-item._onlydesktop {
        display: none;
    }
}
.b-incolumns {
    margin-top: 60px;
}
.b-incolumns:after {
    display: block;
    clear: both;
    overflow: hidden;
}
.b-incolumns > .col_l {
    float: left;
    width: 450px;
}
.b-incolumns > .col_r {
    float: right;
    width: 450px;
}
@media all and (max-width: 980px) {
    .b-incolumns {
        margin-top: 45px;
    }
    .b-main-wrap .b-incolumns {
        margin: 45px -20px 0;
    }
    .b-incolumns > .col_l,
    .b-incolumns > .col_r {
        float: none;
        width: 100%;
        margin-top: 30px;
    }
}
.b-layout {
    position: relative;
    background: #fff;
    /*width: 100%;
    height: 100%;
    overflow: auto;
    overflow-y: scroll;*/
    -webkit-overflow-scrolling: touch;
}

@media all and (min-width: 1400px) {
    .b-layout {
        max-width: 1400px;
        margin: 0 auto;
    }
}

.b-linkselector {
    position: relative;
    width: 960px;
    height: 30px;
    margin: 0 auto;
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
}
.b-linkselector LI,
.b-linkselector SMALL {
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    letter-spacing: 0.05em;
    line-height: 14px;
}
.b-linkselector SMALL {
    margin-right: 30px;
    margin-top: 8px;
    font-weight: 400;
    color: #999;
}
.b-linkselector UL {
    display: inline-block;
    vertical-align: top;
    height: 30px;
}
.b-linkselector LI {
    height: 30px;
    box-sizing: border-box;
    padding: 8px 15px;
    border-radius: 15px;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
}
.b-linkselector LI > A {
    color: #1e1e1e;
    border-bottom: 1px solid rgba(30, 30, 30, 0.5);
}
.b-linkselector LI._active > A,
.b-linkselector LI > A:hover {
    border: none;
}
.b-linkselector LI._active {
    background: #e2e2e2;
}
@media all and (max-width: 980px) {
    .b-linkselector {
        width: 100%;
    }
    .b-linkselector .con {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 50%;
    }
    .b-linkselector SMALL {
        display: none;
    }
    .b-linkselector UL {
        margin: 0 -150px;
    }
    .b-linkselector LI {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}
.b-main:after,
.b-main:before {
    display: block;
    width: 100%;
    content: "";
}
.b-nav-xtoggle,
.b-zoomgallery LI .img {
    -moz-user-select: none;
    -ms-user-select: none;
}
.b-main {
    position: relative;
    width: 100%;
    min-width: 320px;
    min-height: 100%;
    overflow: hidden;
    background: #f6f9f9;
}
.b-main:before {
    height: 80px;
}
.b-main:after {
    height: 530px;
}
.b-layout._lite .b-main:after {
    height: 84px;
}
.b-main > .line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 980px;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.b-main > .line._fixed {
    position: fixed;
}
.b-main > .image,
.b-main > .line:after {
    position: absolute;
    transition: transform 0.6s ease-out;
}
.b-main > .line:after {
    content: "";
    top: -95px;
    right: 50%;
    margin-right: -50px;
    width: 100%;
    padding-top: 212.993%;
    background: #fff;
    transform-origin: 100% 800px;
    transform: rotate(28deg);
}
.b-layout._shiftline .b-main > .line:after {
    transform: rotate(28deg) translateX(-200px);
}
.b-main > .b-promo + .line {
    top: 1250px;
}
.b-main > .b-promo + .line:after {
    right: 40%;
}
.b-main > .image {
    top: 520px;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    opacity: 0;
    transform: translateX(-300px);
}
.b-layout._shiftline .b-main > .image {
    opacity: 1;
    transform: translateX(0);
}
.b-main-wrap {
    position: relative;
    margin: 0 auto;
    width: 960px;
    z-index: 2;
}
@media all and (max-width: 1460px) {
    .b-main:after {
        height: 0;
    }
}
@media all and (max-width: 980px) {
    .b-main:before {
        height: 60px;
    }
    .b-layout._lite .b-main:after,
    .b-main:after {
        height: 290px;
    }
    .b-main > .line {
        left: 0;
        width: 980px;
        max-height: 2087px;
    }
    .b-main > .line._fixed {
        position: absolute;
    }
    .b-layout._shiftline .b-main > .line:after {
        right: 0;
    }
    .b-main > .b-promo + .line {
        top: 650px;
    }
    .b-main > .b-promo + .line:after {
        right: 50%;
    }
    .b-main > .image {
        display: none;
    }
    .b-main-wrap {
        margin: 0 20px;
        width: auto;
        min-height: 0;
    }
    .b-wrapout {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.b-modal-wrap,
.b-modal:before {
    display: inline-block;
    vertical-align: middle;
}
.b-message {
    margin: 30px auto;
    width: 480px;
}
.b-message .title {
    margin: 0 auto;
    max-width: 400px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-message .text,
.b-nav-logo > SPAN {
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-message .text {
    margin: 30px auto 0;
    max-width: 480px;
    font-size: 14px;
    line-height: 24px;
}
.b-message .b-button {
    margin-top: 30px;
}
@media all and (max-width: 980px) {
    .b-message {
        width: 280px;
    }
    .b-message .title {
        max-width: 230px;
    }
    .b-message .text {
        max-width: 280px;
    }
}
.b-modal {
    position: absolute;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(30, 30, 30, 0.9);
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.3s linear, height 0s 0.3s linear;
}
.b-modal:before {
    content: "";
    height: 100%;
    margin-right: -0.25em;
}
.b-modal._opened {
    height: 100%;
    opacity: 1;
    transition: opacity 0.3s linear, height 0s 0s linear;
}
.b-modal._visible {
    overflow: auto;
}
.b-modal-wrap {
    position: relative;
    width: 960px;
    padding: 20px;
    white-space: normal;
    text-align: left;
}
.b-modal-con {
    position: relative;
    width: 100%;
}
.b-modal-close,
.b-modal-close > svg {
    width: 14px;
    height: 14px;
}
.b-modal-close {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    padding: 13px;
    border-radius: 20px;
    background: #1e1e1e;
    color: #fff;
    cursor: pointer;
}
.b-modal-close:hover {
    background: #fdca00;
    color: #1e1e1e;
}
@media all and (max-width: 980px) {
    .b-modal {
        background: #1e1e1e;
    }
    .b-modal:before {
        display: none;
    }
    .b-modal-wrap {
        display: block;
        width: 100%;
        padding: 0;
    }
    .b-modal-close {
        top: 10px;
        right: 10px;
    }
}

.b-nav {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 230px;
}

.b-nav-lang,
.b-nav-logo,
.b-nav-xtoggle {
    left: 30px;
    position: absolute;
}
.b-nav-logo {
    top: 65px;
    display: block;
    height: 45px;
    color: inherit;
}
.b-nav-logo > IMG {
    display: block;
    width: 118px;
    height: 25px;
}
.b-nav-logo > SPAN {
    float: right;
    margin: 10px 15px 0 0;
    font-family: Arial, sans-serif;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    cursor: default;
}
.b-nav-lang {
    top: 0;
    height: 30px;
    font-size: 0;
    letter-spacing: 0;
}
.b-nav-lang > LI,
.b-nav-xtoggle > DIV > .ttl {
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 10px;
}
.b-nav-lang > LI {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 30px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
}
.b-nav-lang > LI > A,
.b-nav-lang > LI > SPAN {
    display: block;
    height: 16px;
    padding: 7px 0;
}
.b-nav-lang > LI + LI {
    margin-left: 3px;
}
.b-nav-lang > LI > A {
    color: #1e1e1e;
}
.b-nav-lang > LI > SPAN {
    background: #1e1e1e;
    color: #fff;
    cursor: default;
}
.b-nav-xtoggle {
    top: 130px;
    height: 19px;
    -webkit-user-select: none;
    user-select: none;
}
.b-nav-xtoggle > DIV {
    float: left;
    color: #1e1e1e;
    cursor: pointer;
}
.b-nav-xtoggle > DIV > .ico {
    float: left;
}
.b-nav-xtoggle > DIV > .ttl {
    float: left;
    margin-left: 10px;
    line-height: 19px;
    font-weight: 800;
}
.b-nav-xtoggle > DIV.on > .ico {
    width: 28px;
    height: 15px;
    margin-top: 2px;
}
.b-nav-xtoggle > DIV.off > .ico {
    width: 18px;
    height: 19px;
    margin-top: 2px;
}
.b-nav-xtoggle > DIV.off,
.b-nav._expanded .b-nav-xtoggle > DIV.on {
    display: none;
}
.b-nav._expanded .b-nav-xtoggle > DIV.off {
    display: block;
}
.b-nav-cart {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 40px;
    height: 40px;
    color: #fff;
    transition: top 0.15s ease-in-out;
}
.b-nav-cart:hover {
    color: #fdca00;
}
.b-nav-cart > .con {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    padding: 11px 10px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #1e1e1e;
    color: inherit;
}
.b-nav-cart .ico {
    width: 20px;
    height: 18px;
}
.b-nav-cart .cnt {
    position: absolute;
    top: -15px;
    left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fff;
    font-size: 10px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    text-align: center;
    transform: scale(0);
    transition: transform 0.3s ease-out;
}
.b-nav-cart .label,
.b-nav-search .label {
    display: none;
    line-height: 16px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    margin: 0;
    font-size: 13px;
    text-transform: uppercase;
}
.b-nav-cart .label {
    position: absolute;
    top: 0;
    left: 15px;
    height: 16px;
    padding: 7px 0 7px 30px;
}
.b-nav-cart._active .cnt {
    transform: scale(1);
}
.b-nav-search {
    position: absolute;
    top: 60px;
    left: 210px;
    height: 36px;
}
.b-nav-search:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -21px;
    width: 0;
    height: 26px;
    background: rgba(30, 30, 30, 0.2);
    transition: width 0s 0s linear;
}
.b-nav-search .wrap {
    position: relative;
    max-width: 0;
    height: 36px;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
    transition: max-width 0s 0s linear, opacity 0s 0s linear;
}
.b-nav-search .label {
    position: absolute;
    top: 0;
    right: 15px;
    height: 16px;
    padding: 10px 0 10px 40px;
    cursor: text;
}
.b-nav-search .back {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 0;
    height: 36px;
}
.b-nav-search .ico,
.b-nav-search .ico > svg {
    width: 16px;
    height: 16px;
}
.b-nav-search .ico {
    position: absolute;
    z-index: 3;
    top: 10px;
    left: 10px;
    color: #1e1e1e;
    cursor: pointer;
}
.b-nav-search .field {
    position: relative;
    z-index: 4;
    width: 0;
    height: 16px;
    margin: 0;
    background: 0 0;
    box-shadow: none;
    border: none;
    outline: 0;
    padding: 10px 10px 10px 40px;
    font-size: 13px;
    color: #fff;
}
.b-nav-search .field:focus {
    width: 210px;
}
.b-nav-search .field:focus ~ .back {
    width: 100%;
    background: #1e1e1e;
}
.b-nav-search .field:focus ~ .ico {
    color: #fff;
}
.b-nav-search .field::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}
.b-nav-search .field::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.b-nav-search .field:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}
.b-nav-primary {
    position: absolute;
    top: 0;
    right: 0;
    width: 385px;
    height: 724px;
    background: #fdca00;
    box-shadow: 0 0 1px rgba(253, 202, 0, 0.5);
    transform-origin: 100% 0;
    transform: rotate(28deg);
}
.b-nav-primary .con {
    position: absolute;
    top: 0;
    right: 0;
    width: 340px;
    height: 0;
    transform-origin: 100% 0;
    transform: rotate(-28deg);
}
.b-nav-primary .main {
    width: 340px;
    height: 0;
    overflow: hidden;
    transition: height 0s linear;
}
.b-nav-primary .main > UL {
    float: left;
    margin-top: 165px;
}
.b-nav-primary .main > UL > LI {
    float: left;
    clear: left;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
}
.b-nav-primary .main .title {
    position: relative;
    display: block;
    padding: 8px 0 8px 30px;
    color: inherit;
    cursor: pointer;
}
.b-nav-primary .main .title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 340px;
    height: 100%;
    background: #1e1e1e;
    opacity: 0;
    pointer-events: none;
}
.b-nav-primary .main .title > SPAN {
    position: relative;
    display: inline-block;
    max-width: 100px;
    pointer-events: none;
}
.b-nav-primary .main LI:nth-child(1) .title {
    min-width: 200px;
}
.b-nav-primary .main LI:nth-child(2) .title {
    min-width: 180px;
}
.b-nav-primary .main LI:nth-child(3) .title {
    min-width: 160px;
}
.b-nav-primary .main LI:nth-child(4) .title {
    min-width: 100px;
}
.b-nav-primary .main LI:nth-child(5) .title {
    min-width: 120px;
}
.b-nav-primary .main LI:nth-child(6) .title {
    min-width: 100px;
}
.b-nav-primary .main LI:nth-child(7) .title {
    min-width: 80px;
}
.b-nav-primary .main .popup {
    display: none;
    position: absolute;
    top: 0;
    left: 340px;
    width: 265px;
    min-height: 639px;
    color: #fff;
    transform-origin: 0 0;
    transform: rotate(28deg);
}
.b-nav-primary .main .popup > H2 {
    margin: 75px 0 0 40px;
    padding: 10px 40px 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transform-origin: 0 0;
    transform: rotate(-28deg);
    backface-visibility: hidden;
    font-size: 14px;
    line-height: 18px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-nav-primary .extra,
.b-nav-primary .main .popup > UL > LI {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-nav-primary .main .popup > UL {
    padding-top: 40px;
}
.b-nav-primary .main .popup > UL > LI {
    padding: 8px 40px;
    transform-origin: 0 0;
    transform: rotate(-28deg);
    backface-visibility: hidden;
}
.b-nav-primary .main .popup > UL A {
    color: inherit;
}
.b-nav-primary .main .popup > UL A:hover {
    color: #fdca00;
}
.b-nav-primary .extra {
    display: none;
    margin-top: 15px;
    border-top: 1px solid rgba(30, 30, 30, 0.2);
    padding-top: 15px;
    color: #1e1e1e;
    text-align: center;
}
.b-nav-primary .extra LI {
    position: relative;
}
.b-nav-primary .extra LI > A {
    display: inline-block;
    padding: 15px;
    color: inherit;
}
.b-nav-primary .extra LI .title {
    display: inline-block;
    padding: 15px;
    font-weight: 700;
}
.b-nav-primary .extra LI .title > SPAN {
    display: inline-block;
    vertical-align: top;
}
.b-nav-primary .extra LI .title > svg {
    display: inline-block;
    vertical-align: top;
    margin: 6px 0 0 10px;
    width: 12px;
    height: 8px;
}
.b-nav-primary .extra LI UL {
    display: none;
}
.b-nav-primary .extra LI > INPUT {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}
.b-nav-primary .extra LI INPUT:checked + .title > svg {
    transform: rotate(180deg);
}
.b-nav-primary .extra LI INPUT:checked ~ UL {
    display: block;
}
.b-nav-secondary {
    position: absolute;
    top: 0;
    right: 1px;
    width: 640px;
    opacity: 0;
}
.b-nav-secondary .con {
    position: absolute;
    top: 0;
    right: 0;
    width: 725px;
    height: 1363px;
    background: #1e1e1e;
    box-shadow: 0 0 1px rgba(30, 30, 30, 0.5);
    transform-origin: 100% 0;
    transform: rotate(28deg);
    overflow: hidden;
    color: #fff;
}
.b-nav-close,
.b-nav-close > svg {
    width: 18px;
    height: 18px;
}
.b-nav-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    color: #1e1e1e;
    cursor: pointer;
}
.b-nav-toggle,
.b-nav-toggle .con {
    width: 80px;
    top: 0;
    left: 0;
    position: absolute;
}
.b-nav-toggle {
}
.b-nav-toggle .con {
    height: 150px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
    clip-path: polygon(0 0, 0 100%, 100% 0);
    overflow: hidden;
}
.b-nav-toggle .back {
    position: absolute;
    top: 0;
    right: 0;
    width: 113.263%;
    padding-top: 212.993%;
    background: #fdca00;
    transform-origin: 100% 0;
    transform: rotate(28deg);
}
.b-nav-toggle .icon,
.b-nav-toggle .icon > svg {
    width: 22px;
    height: 16px;
}
.b-nav-toggle .icon {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    cursor: pointer;
}
.b-nav-toggle .cart {
    position: absolute;
    top: 75px;
    left: 15px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 8px 7px;
    box-sizing: border-box;
    border-radius: 15px;
    background: #1e1e1e;
    color: #fff;
}
.b-nav-toggle .cart:hover {
    color: #fdca00;
}
.b-nav-toggle .cart > .ico {
    width: 16px;
    height: 14px;
}
.b-nav-toggle .cart > .cnt {
    position: absolute;
    top: -15px;
    left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fff;
    font-size: 10px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    text-align: center;
    transform: scale(0);
    transition: transform 0.3s ease-out;
}
.b-nav-toggle .cart._active .cnt {
    transform: scale(1);
}
@media all and (min-width: 981px) {
    .b-nav {
        transition: width 0.15s ease-in-out, z-index 0s linear 0.15s;
    }
    .b-nav._frozen {
        transition: none;
    }
    .b-nav._expanded {
        width: 340px;
    }
    .b-nav._expanded .b-nav-cart {
        top: 207px;
    }
    .b-nav._expanded .b-nav-search:before {
        width: 1px;
        transition: width 0s 0.3s linear;
    }
    .b-nav._expanded .b-nav-search .wrap {
        max-width: 260px;
        opacity: 1;
        transition: max-width 0s 0.3s linear, opacity 0s 0.3s linear;
    }
    .b-nav._expanded .b-nav-primary .main {
        height: 639px;
        transition: height 0s linear 0.15s;
    }
    .b-nav-primary .main > UL > LI._active,
    .b-nav-primary .main > UL > LI:hover {
        color: #fff;
    }
    .b-nav-primary .main > UL > LI._active .title:before,
    .b-nav-primary .main > UL > LI:hover .title:before {
        opacity: 1;
        pointer-events: auto;
    }
    .b-nav-primary .main > UL > LI._active .popup,
    .b-nav-primary .main > UL > LI:hover .popup {
        display: block;
        z-index: 2;
    }
    .b-nav._haspopup .b-nav-secondary {
        right: -300px;
        opacity: 1;
    }
}
@media all and (max-width: 980px) {
    .b-nav._closed + .b-nav-toggle .con,
    .b-nav._opened + .b-nav-toggle .con {
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
    .b-nav {
        width: 100%;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        transform: translateX(-100%);
        opacity: 0;
        transition: transform 0s linear 1s, opacity 0.5s linear 0s;
    }
    .b-nav._frozen {
        display: none;
    }
    .b-nav._opened {
        transform: translateX(0);
        opacity: 1;
        transition: transform 0s linear 0.5s, opacity 0.5s linear 0.5s;
    }
    .b-nav > .con {
        position: relative;
        width: 100%;
        min-height: 100%;
    }
    .b-nav > .con:after {
        content: "";
        display: block;
        width: 100%;
        height: 75px;
    }
    .b-nav-logo {
        top: 15px;
        left: 50%;
        margin-left: -42px;
    }
    .b-nav-logo > IMG {
        width: 85px;
        height: 18px;
    }
    .b-nav-logo > SPAN {
        margin: 7px 10px 0 0;
        font-size: 8px;
    }
    .b-nav-lang {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 30px;
        width: 100%;
        height: 40px;
        text-align: center;
    }
    .b-nav-lang > LI {
        width: 40px;
        height: 40px;
    }
    .b-nav-lang > LI + LI {
        margin-left: 0;
    }
    .b-nav-lang > LI > A,
    .b-nav-lang > LI > SPAN {
        padding: 12px 0;
    }
    .b-nav-xtoggle {
        display: none;
    }
    .b-nav-cart .label,
    .b-nav-search .label {
        display: block;
    }
    .b-nav-cart {
        top: 0;
        left: 15px;
        margin-top: 75px;
        width: 145px;
        height: 30px;
    }
    .b-nav-cart .con {
        width: 30px;
        height: 30px;
        padding: 8px 7px;
        border-radius: 15px;
    }
    .b-nav-cart .ico {
        width: 16px;
        height: 14px;
    }
    .b-nav-cart .cnt {
        left: 5px;
    }
    .b-nav-search {
        top: 72px;
        left: 50%;
        width: 50%;
    }
    .b-nav-search:before {
        left: 0;
        width: 1px;
    }
    .b-nav-search .wrap {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 260px;
        opacity: 1;
    }
    .b-nav-primary,
    .b-nav-primary .con {
        position: relative;
        top: auto;
        right: auto;
        transform: rotate(0);
        height: auto;
    }
    .b-nav-search .field {
        margin-right: 55px;
        font-size: 16px;
    }
    .b-nav-search .field:focus {
        margin-right: 0;
        width: 210px;
    }
    .b-nav-search .field::-webkit-input-placeholder {
        opacity: 0;
    }
    .b-nav-search .field::-moz-placeholder {
        opacity: 0;
    }
    .b-nav-search .field:-ms-input-placeholder {
        opacity: 0;
    }
    .b-nav-search .field:focus::-webkit-input-placeholder {
        opacity: 1;
    }
    .b-nav-search .field:focus::-moz-placeholder {
        opacity: 1;
    }
    .b-nav-search .field:focus:-ms-input-placeholder {
        opacity: 1;
    }
    .b-nav-primary {
        margin: 0 auto;
        width: 220px;
        background: 0 0;
        padding-top: 125px;
    }
    .b-nav-primary .con {
        width: 100%;
    }
    .b-nav-primary .main {
        width: 100%;
        height: auto;
        overflow: visible;
    }
    .b-nav-primary .main > UL {
        float: none;
        margin-top: 0;
    }
    .b-nav-primary .main > UL > LI {
        float: none;
        text-align: center;
    }
    .b-nav-primary .main .title {
        display: inline-block;
        padding: 15px;
    }
    .b-nav-primary .main .title:before {
        display: none;
    }
    .b-nav-primary .main .title > SPAN {
        display: inline;
        max-width: 100%;
    }
    .b-nav-primary .main .popup {
        display: none;
    }
    .b-nav-primary .extra {
        display: block;
    }
    .b-nav-secondary {
        display: none;
    }
    .b-nav-close {
        display: block;
    }
    .b-nav-toggle {
        z-index: 19;
        transition: width 0.5s linear 0.5s;
    }
    .b-nav._opened + .b-nav-toggle {
        width: 200%;
        transition: width 0.5s linear 0s;
    }
    .b-nav._opened + .b-nav-toggle .con {
        transition: opacity 0.25s linear 1s;
        animation-name: navclipopen;
    }
    .b-nav._closed + .b-nav-toggle .con {
        -webkit-clip-path: polygon(0 0, 0 120%, 120% 0);
        clip-path: polygon(0 0, 0 120%, 120% 0);
        animation-name: navclipclose;
        animation-delay: 0.5s;
    }
    .b-nav-toggle .icon {
        transition: opacity 0.5s linear 0.5s;
    }
    .b-nav._opened + .b-nav-toggle .icon {
        opacity: 0;
        transition: opacity 0.5s linear 0s;
    }
    .b-nav-toggle .cart {
        transition: opacity 0s linear 0s;
    }
    .b-nav._opened + .b-nav-toggle .cart {
        opacity: 0;
        transition: opacity 0s linear 1s;
    }
}
@keyframes navclipopen {
    0% {
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 100% 0);
    }
    100%,
    20% {
        -webkit-clip-path: polygon(0 0, 0 120%, 120% 0);
        clip-path: polygon(0 0, 0 120%, 120% 0);
    }
}
@keyframes navclipclose {
    0%,
    80% {
        -webkit-clip-path: polygon(0 0, 0 120%, 120% 0);
        clip-path: polygon(0 0, 0 120%, 120% 0);
    }
    100% {
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 100% 0);
    }
}
.b-pagination {
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
    text-align: center;
}
.b-pagination .next,
.b-pagination .prev {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    padding: 9px 0;
    overflow: hidden;
    color: #1e1e1e;
    transition: opacity 0.3s ease-in-out;
}
.b-pagination .next:before,
.b-pagination .prev:before {
    content: "";
    position: absolute;
    top: 18px;
    width: 36px;
    height: 4px;
    background: #1e1e1e;
}
.b-pagination .list,
.b-pagination .list LI {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.b-pagination .next > svg,
.b-pagination .prev > svg {
    width: 14px;
    height: 22px;
}
.b-pagination .next:hover,
.b-pagination .prev:hover {
    color: #fdca00;
}
.b-pagination .next:hover:before,
.b-pagination .prev:hover:before {
    background: #fdca00;
}
.b-pagination .next._disabled,
.b-pagination .prev._disabled {
    opacity: 0;
    cursor: default;
}
.b-pagination .prev:before {
    right: 0;
}
.b-pagination .prev > svg {
    float: left;
}
.b-pagination .next:before {
    left: 0;
}
.b-pagination .next > svg {
    float: right;
}
.b-pagination .list {
    margin: 0 24px;
}
.b-pagination .list._disabled {
    visibility: hidden;
}
.b-pagination .list._disabled A {
    cursor: default;
}
.b-pagination .list LI {
    margin: 0 8px;
    width: 40px;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #1e1e1e;
    text-align: center;
}
.b-pagination .list LI:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fdca00;
    transform: scale(0);
    transition: transform 0.3s ease-out;
}
.b-pagination .list LI:hover:before {
    transform: scale(0.8);
}
.b-pagination .list LI._active {
    color: #fff;
}
.b-pagination .list LI._active:before {
    background: #1e1e1e;
    transform: scale(1);
}
.b-pagination .list LI.dots {
    margin: 0;
    cursor: default;
}
.b-pagination .list LI.dots:before,
.b-pagination .list LI[data-hid] {
    display: none;
}
.b-pagination .list LI[data-hid] + LI {
    margin-left: 48px;
}
.b-pagination .list LI[data-hid] + LI:after {
    content: "...";
    position: absolute;
    top: 0;
    left: -48px;
    width: 40px;
}
.b-pagination .list A {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    color: inherit;
}
@media all and (max-width: 980px) {
    .b-pagination .list LI._active:before,
    .b-pagination .list LI:hover:before {
        transform: scale(0);
    }
    .b-pagination {
        width: 280px;
        margin: 0 auto;
    }
    .b-pagination .list {
        margin: 0 15px;
        width: 170px;
        height: 40px;
        overflow: hidden;
        background: #1e1e1e;
        border-radius: 20px;
    }
    .b-pagination .list:before {
        display: none;
    }
    .b-pagination .list UL {
        position: absolute;
        min-width: 100%;
    }
    .b-pagination .list LI {
        margin: 0;
        width: 34px;
        color: #999;
    }
    .b-pagination .list LI._active {
        color: #fff;
        font-size: 16px;
    }
}
.b-params .title {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-params .title + DL {
    margin-top: 20px;
}
.b-params DL {
    font-size: 0;
    letter-spacing: 0;
}
.b-params DL + .title {
    margin-top: 40px;
}
.b-params DD,
.b-params DT {
    display: inline-block;
    vertical-align: bottom;
    margin-top: 15px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.b-params DT:first-child,
.b-params DT:first-child + DD {
    margin-top: 0;
}
.b-params DT {
    width: 240px;
    overflow: hidden;
}
.b-params DT > SPAN {
    position: relative;
    color: #1e1e1e;
}
.b-params DT > SPAN:before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 100%;
    margin-left: 10px;
    width: 200px;
    height: 1px;
    background-image: linear-gradient(90deg, #aaa 0, #aaa 1px, rgba(170, 170, 170, 0) 1px, rgba(170, 170, 170, 0) 40px);
    background-size: 4px 1px;
    background-repeat: repeat-x;
}
.b-params DD {
    width: 200px;
    margin-left: 10px;
    font-weight: 700;
}
@media all and (max-width: 980px) {
    .b-params {
        margin: 0;
    }
    .b-params DD,
    .b-params DT {
        margin-top: 10px;
    }
    .b-params DT:first-child,
    .b-params DT:first-child + DD {
        margin-top: 0;
    }
    .b-params DT {
        width: 50%;
    }
    .b-params DT > SPAN:before {
        margin-left: 0;
        width: 100px;
    }
    .b-params DD {
        width: calc(50% - 20px);
    }
}
.b-promo {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 1250px;
    background: #fff;
    overflow: hidden;
    margin-top: -80px;
    margin-bottom: -300px;
    opacity: 1;
    transition: opacity 1s;
}
.b-promo._active {
    opacity: 1;
    transform: translateZ(0);
}
.b-promo-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.b-promo-item {
    position: absolute;
    z-index: 1;
    top: -5%;
    left: -15%;
    width: 130%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translate(15%, 5%);
}
.b-promo._backwards .b-promo-item {
    transform: translate(-15%, -5%);
}
.b-promo._active .b-promo-item {
    transition: opacity 0.5s linear 0s, transform 0s ease-in-out, height 0s 1s;
}
.b-promo-item._visible {
    z-index: 2;
    opacity: 1;
    height: 110%;
}
.b-promo._active .b-promo-item._visible {
    transition: opacity 0.5s linear 0.5s, transform 1s ease-in-out, height 0s 0s;
}
.b-promo-item._active,
.b-promo._backwards .b-promo-item._active {
    transform: translate(0, 0);
}
.b-promo-item._prev {
    transform: translate(-15%, -5%);
}
.b-promo._backwards .b-promo-item._prev {
    transform: translate(15%, 5%);
}
.b-promo-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.5s;
    display: none;
}
.b-promo-item._active .b-promo-item-bg {
    display: block;
}
.b-promo-item-bg._loaded {
    opacity: 1;
}
.b-promo-item-bg._mobile,
.b-promo-item._active .b-promo-item-bg._mobile {
    display: none;
}
.b-promo-item-hovers {
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    height: 500px;
    background: url(/assets/img/preloader.gif) 50% 40% no-repeat;
}
.b-promo-item._loaded .b-promo-item-hovers {
    background: 0 0;
}
.b-promo-item-hovers .point {
    position: absolute;
    cursor: pointer;
    display: none;
    transform: scale(0);
    animation: promo-point 1s forwards;
    color: #1e1e1e;
}
.b-promo-item._loaded .b-promo-item-hovers .point {
    display: block;
}
.b-promo-item-hovers .point A {
    color: inherit;
}
.b-promo-item-hovers .point > .lbl {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 15px;
    min-width: 10px;
    min-height: 30px;
}
.b-promo-item-hovers .point > .lbl:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    right: -24px;
    width: 29px;
    height: 100%;
    padding-top: 15px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2255%22%3E%3Cpolygon%20fill%3D%22%23FDCA00%22%20points%3D%220%200%2C%2029%200%2C%200%2055%22/%3E%3C/svg%3E%0A%0A);
}
.b-promo-item-hovers .point > .lbl:after {
    content: "+";
    position: absolute;
    top: 0;
    left: 17px;
    display: block;
    width: 10px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    visibility: visible;
    transition: visibility 0s 0.3s;
}
.b-promo-content .desc:before,
.b-promo-item-hovers .point > .lbl > DIV:before,
.b-promo-line:before,
.b-promo-nav .arrow:before,
.b-promo-nav .list LI:before,
.promo-slider-b:after,
.promo-slider-b:before {
    content: "";
}
.b-promo-item-hovers .point > .lbl > DIV {
    position: relative;
    max-width: 27px;
    height: 30px;
    overflow: hidden;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2255%22%3E%3Cpolygon%20fill%3D%22%23FDCA00%22%20points%3D%2229%200%2C%200%2055%2C%2030%2055%22/%3E%3C/svg%3E%0A%0A%0A),
    linear-gradient(to right, #fdca00 0, #fdca00 100%);
    background-position: 0 100%, 22px 0;
    background-repeat: no-repeat;
    text-align: center;
    white-space: nowrap;
    transition: max-width 0.3s ease-out, height 0.3s;
}
.b-promo-item-hovers .point._hover > .lbl:after,
.b-promo-item-hovers .point:hover > .lbl:after,
.b-promo-item-hovers .point > .lbl > DIV > SPAN {
    visibility: hidden;
    transition: visibility 0s 0s;
}
.b-promo-item-hovers .point > .lbl > DIV:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.25em;
}
.b-promo-item-hovers .point > .lbl > DIV > SPAN {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 32px;
    font-size: 10px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-promo-item-hovers .point._invert > .lbl {
    bottom: auto;
    top: 0;
    right: auto;
    left: 0;
    margin-bottom: 0;
    margin-top: 15px;
}
.b-promo-item-hovers .point._invert > .lbl:before {
    top: auto;
    bottom: 0;
    right: auto;
    left: -24px;
    padding-top: 0;
    padding-bottom: 15px;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2255%22%3E%3Cpolygon%20fill%3D%22%23FDCA00%22%20points%3D%2229%200%2C%200%2055%2C%2030%2055%22/%3E%3C/svg%3E%0A%0A%0A);
    background-position: 0 0;
}
.b-promo-item-hovers .point._invert > .lbl:after {
    left: auto;
    right: 17px;
}
.b-promo-item-hovers .point._invert > .lbl > DIV {
    position: relative;
    max-width: 27px;
    height: 30px;
    overflow: hidden;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2255%22%3E%3Cpolygon%20fill%3D%22%23FDCA00%22%20points%3D%220%200%2C%2029%200%2C%200%2055%22/%3E%3C/svg%3E%0A%0A),
    linear-gradient(to right, #fdca00 0, #fdca00 100%);
    background-position: 100% 0, -22px 0;
}
.b-promo-item-hovers .point._invert > .lbl > DIV > SPAN {
    margin: 0 32px 0 5px;
}
.b-promo-item-hovers .point._hover > .lbl > DIV,
.b-promo-item-hovers .point:hover > .lbl > DIV {
    max-width: 200px;
    height: 40px;
}
.b-promo-item-hovers .point._hover > .lbl > DIV > SPAN,
.b-promo-item-hovers .point:hover > .lbl > DIV > SPAN {
    visibility: visible;
    transition: visibility 0s 0.3s;
}
.b-promo-nav {
    position: absolute;
    z-index: 5;
    top: 175px;
    left: 0;
    width: 100%;
    height: 60px;
}
.b-promo-nav .arrow {
    position: absolute;
    top: 0;
    width: 480px;
    height: 0;
    box-sizing: border-box;
    padding: 19px 0;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out;
    color: #1e1e1e;
    opacity: 0;
}
.b-promo-nav .arrow:before {
    position: absolute;
    top: 28px;
    width: 36px;
    height: 4px;
    background: #1e1e1e;
}
.b-promo-nav .arrow > svg {
    width: 14px;
    height: 22px;
}
.b-promo-nav .arrow:hover {
    color: #fdca00;
}
.b-promo-nav .arrow:hover:before {
    background: #fdca00;
}
.b-promo-nav .arrow._prev {
    right: 50%;
    margin-right: 240px;
}
.b-promo-nav .arrow._prev:before {
    right: 0;
}
.b-promo-nav .arrow._prev > svg {
    float: right;
    margin-right: 26px;
}
.b-promo-nav .arrow._next {
    left: 50%;
    margin-left: 240px;
}
.b-promo-nav .arrow._next:before {
    left: 0;
}
.b-promo-nav .arrow._next > svg {
    float: left;
    margin-left: 26px;
}
.b-promo-nav .b-dotnav {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 30px 0 0 -240px;
    width: 480px;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.b-promo-nav .list {
    position: absolute;
    top: 0;
    left: 50%;
    width: 480px;
    margin-left: -240px;
    height: 60px;
    pointer-events: none;
}
.b-promo-nav .list LI {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    font-size: 20px;
    line-height: 30px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    opacity: 0;
}
.b-promo-nav .list LI:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.25em;
}
.b-promo-nav .list LI > SPAN {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.b-promo-nav .list LI._prev {
    transform: translateX(-100%);
}
.b-promo-nav .list LI._next {
    transform: translateX(100%);
}
.b-promo-nav .list LI._next,
.b-promo-nav .list LI._prev {
    opacity: 0.25;
}
.b-promo-nav .list LI._active {
    opacity: 1;
    font-size: 24px;
}
.b-promo-nav._active .arrow {
    height: 60px;
    opacity: 1;
    transition: opacity 0.5s;
    cursor: pointer;
}
.b-promo-nav._active .b-dotnav {
    height: 35px;
    opacity: 1;
    transition: opacity 0.5s;
}
.b-promo-nav._active .list {
    opacity: 0;
    transition: opacity 0.5s;
}
.b-promo-nav._active .list._visible {
    opacity: 1;
}
.b-promo-content {
    position: absolute;
    z-index: 5;
    top: 750px;
    height: 500px;
    left: 50%;
    width: 960px;
    margin-left: -480px;
}
.b-promo-content .desc {
    position: relative;
    margin-top: 60px;
    width: 540px;
    height: 120px;
    padding: 30px 0 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-promo-content .desc:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 74px;
    height: 4px;
    background: #1e1e1e;
}
.b-promo-content .desc B {
    font-weight: 700;
}
.b-promo-content .b-action {
    width: 100%;
    margin-top: 60px;
}
.b-promo-line {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.b-promo-line:before {
    position: absolute;
    bottom: 0;
    left: 60%;
    margin-left: 425px;
    width: 50%;
    height: 1416px;
    transform-origin: 0 100%;
    transform: rotate(28deg);
    background: #f6f9f9;
}
.b-promo-button {
    position: absolute;
    z-index: 5;
    top: 625px;
    left: 50%;
    width: 290px;
    margin-left: -145px;
    text-align: center;
}
.b-promo-all-link,
.promo-slider-cont {
    margin: 0 auto;
    z-index: 10;
    left: 0;
    right: 0;
}
.b-action {
    position: relative;
}
.b-promo-all-link {
    position: absolute;
    bottom: -22px;
    width: 190px;
    height: 44px;
    line-height: 44px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 22px;
    background-color: #1e1e1e;
    transition: color 0.15s;
}
.promo-slider-b {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
    display: block;
}
.promo-slider-b:after,
.promo-slider-b:before {
    position: absolute;
    display: block;
    width: 153px;
    height: 288px;
    background: #fdca00;
    transform: rotate(28deg);
}
.promo-slider-b:before {
    bottom: 0;
    left: 0;
    transform-origin: 0 100%;
}
.promo-slider-b:after {
    top: 0;
    right: 0;
    transform-origin: 100% 0;
}
.promo-slider-cont {
    position: absolute;
    top: 0;
    height: 100%;
    width: 590px;
    overflow: hidden;
    direction: ltr;
    backface-visibility: hidden;
    background-color: #fdca00;
}
.promo-slider-cont:after,
.promo-slider-cont:before {
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 20;
    bottom: 0;
    content: "";
}
.promo-slider-cont:before {
    left: 0;
    background: #fdca00;
    background: -webkit-gradient(left top, right top, color-stop(0, #fdca00), color-stop(100%, rgba(253, 202, 0, 0)));
    background: linear-gradient(to right, #fdca00 0, rgba(253, 202, 0, 0) 100%);
}
.promo-slider-cont:after {
    right: 0;
    background: rgba(253, 202, 0, 0);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(253, 202, 0, 0)), color-stop(100%, #fdca00));
    background: linear-gradient(to right, rgba(253, 202, 0, 0) 0, #fdca00 100%);
}
.promo-slider-btn,
.promo-slider-item {
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.promo-slider-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    box-sizing: content-box;
    z-index: 1;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0, 0, 0);
    transition-timing-function: ease;
}
.promo-slider-item {
    height: 80px;
    width: 100%;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: table;
    margin: 46px 0 0;
    text-align: left;
    text-decoration: none;
    background-color: transparent;
    background-size: cover;
    transition: opacity 0.3s;
}
.promo-slider-paging {
    position: absolute;
    top: 29px;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.swiper-pagination-bullet {
    position: relative;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 8px 0 9px;
    box-sizing: border-box;
    background-color: transparent;
    opacity: 1;
    cursor: pointer;
}
.swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #000 !important;
    transition: background-color 0.15s;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after,
.swiper-pagination-bullet:hover:after {
    background-color: #fff !important;
}
.promo-slider-btn {
    position: absolute;
    top: 50%;
    width: 16px;
    height: 28px;
    z-index: 100;
    margin-top: -14px;
    background-color: transparent;
    background-size: 9px 14px;
    background-image: url(../img/ar_left.svg);
    cursor: pointer;
    transition: background-image 0.15s;
}
.promo-slider-btn._prev {
    left: 5px;
}
.promo-slider-btn._next {
    right: 5px;
    transform: scaleX(-1);
}
.promo-slider-item-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    color: #1e1e1e;
    text-transform: uppercase;
    text-align: center;
    padding: 0 30px;
}
._notouch .b-promo-all-link:hover {
    color: #fdca00;
}
._notouch .promo-slider-btn:hover {
    background-image: url(../img/ar_left_white.svg);
}
@media all and (max-width: 980px) {
    .promo-slider-b {
        height: 190px;
        margin: 0 -105px;
        padding: 0 105px;
    }
    .promo-slider-b:after,
    .promo-slider-b:before {
        height: 215px;
    }
    .b-action .type {
        top: -33px;
        left: 9px;
        width: 68px;
        height: 68px;
        z-index: 20;
        padding: 26px 0;
    }
    .promo-slider-cont {
        width: calc(100% - 202px);
    }
    .promo-slider-item {
        margin-top: 60px;
        padding: 0 55px;
        box-sizing: border-box;
    }
    .promo-slider-paging {
        top: 27px;
    }
    .swiper-pagination-bullet {
        margin: 0 1px;
    }
    .promo-slider-btn._prev {
        left: 15px;
    }
    .promo-slider-btn._next {
        right: 15px;
    }
    .promo-slider-item-text {
        font-size: 14px;
    }
    .b-promo {
        margin-top: -60px;
        height: 1112px;
    }
    .b-promo-main {
        height: 545px;
    }
    .b-promo-item {
        top: 0;
        transform: translate(15%, 0);
    }
    .b-promo._backwards .b-promo-item {
        transform: translate(-15%, 0);
    }
    .b-promo._backwards .b-promo-item._active {
        transform: translate(0, 0);
    }
    .b-promo-item._visible {
        height: 100%;
    }
    .b-promo-item._prev {
        transform: translate(-15%, 0);
    }
    .b-promo._backwards .b-promo-item._prev {
        transform: translate(15%, 0);
    }
    .b-promo-item-bg._desktop,
    .b-promo-item-bg._mobile,
    .b-promo-item._active .b-promo-item-bg._desktop {
        display: none;
    }
    .b-promo-item._active .b-promo-item-bg._mobile {
        display: block;
    }
    .b-promo-item-hovers > .point,
    .b-promo-item._loaded .b-promo-item-hovers > .point,
    .b-promo-nav .arrow {
        display: none;
    }
    .b-promo-item-hovers {
        width: 320px;
        margin-left: -160px;
        height: 120px;
    }
    .b-promo-nav {
        top: 115px;
        left: 20px;
        right: 20px;
        width: auto;
    }
    .b-promo-nav .b-dotnav {
        top: auto;
        bottom: 100%;
        left: 0;
        width: 100%;
        margin: 0;
    }
    .b-promo-content,
    .b-promo-nav .list {
        left: 0;
        width: 100%;
        margin-left: 0;
    }
    .b-promo-nav .list LI._next,
    .b-promo-nav .list LI._prev {
        display: none;
        transform: none;
    }
    .b-promo-nav .list LI._active {
        font-size: 20px;
    }
    .b-promo-content {
        top: 500px;
    }
    .b-promo-content .desc {
        width: 290px;
        height: auto;
        margin: 45px auto 0;
        text-align: center;
    }
    .b-promo-content .desc:before {
        left: 50%;
        margin-left: -37px;
    }
    .b-promo-line:before {
        left: 480px;
        margin-left: 225px;
    }
    .b-promo-button {
        top: 425px;
    }
}
.b-sharer .con,
.b-sharer LI,
.b-sharer STRONG,
.b-sharer UL {
    display: inline-block;
}
@keyframes promo-point {
    0%,
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
.b-search {
    position: relative;
    width: 600px;
    margin: 0 auto;
}
.b-search-main {
    margin: 45px 0;
}
.b-search-main LI {
    position: relative;
    font-size: 13px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #1e1e1e;
}
.b-search-main LI B {
    font-weight: 800;
}
.b-search-main .pos {
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 8px;
    font-weight: 400;
}
.b-search-main LI + LI {
    margin-top: 30px;
}
.b-search-main .title {
    font-weight: 400;
    text-transform: uppercase;
    color: inherit;
    border-bottom: 1px solid;
}
.b-search-main .category {
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid;
}
.b-search-main P {
    margin: 8px 0;
}
.b-search-main A:hover {
    border-color: transparent;
}
@media all and (max-width: 980px) {
    .b-search {
        width: 260px;
        margin: 0 0 0 20px;
    }
}
.b-searchbox {
    position: relative;
    width: 300px;
    margin: 30px auto;
}
.b-searchbox .wrap {
    position: relative;
    height: 34px;
}
.b-searchbox .button,
.b-searchbox .field {
    position: absolute;
    top: 0;
    margin: 0;
    box-shadow: none;
    color: #1e1e1e;
    outline: 0;
}
.b-searchbox .field {
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 17px;
    padding: 0 30px 1px 15px;
    font-size: 12px;
}
.b-searchbox .field::-webkit-input-placeholder {
    color: #1e1e1e;
    opacity: 0.5;
}
.b-searchbox .field::-moz-placeholder {
    color: #1e1e1e;
    opacity: 0.5;
}
.b-searchbox .field:-ms-input-placeholder {
    color: #1e1e1e;
    opacity: 0.5;
}
.b-searchbox .button {
    right: 0;
    width: 34px;
    height: 34px;
    background: 0 0;
    border: none;
    padding: 9px 10px 9px 8px;
    cursor: pointer;
}
.b-servererror .error > SPAN,
.b-servererror:before {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.b-searchbox .button:hover {
    color: #fdca00;
}
.b-searchbox .button > svg {
    width: 16px;
    height: 16px;
}
.b-searchbox .text {
    margin: 12px 0 0 16px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.b-searchbox .text B {
    font-weight: 600;
}
@media all and (max-width: 980px) {
    .b-searchbox {
        width: 260px;
        margin: 20px auto;
    }
    .b-searchbox .wrap {
        height: 30px;
    }
    .b-searchbox .field {
        height: 30px;
        border-radius: 15px;
        font-size: 16px;
    }
    .b-searchbox .button {
        width: 30px;
        height: 30px;
        padding: 7px 10px 7px 4px;
    }
}
.b-servererror {
    position: relative;
    width: 100%;
    padding: 300px 0 30px;
    min-height: 135px;
}
.b-servererror:before {
    content: "";
    position: absolute;
    top: -75px;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    height: 700px;
    background-image: url(/assets/img/servererror.png);
}
.b-servererror .error {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -153px;
    width: 306px;
    height: 160px;
}
.b-servererror .error > SPAN {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.b-servererror .error > SPAN:nth-child(1) {
    z-index: 3;
    opacity: 1;
    margin: 3px 0 0 3px;
}
.b-servererror .error > SPAN:nth-child(2) {
    z-index: 2;
    margin: 0 0 0 10px;
}
.b-servererror .error > SPAN:nth-child(3) {
    z-index: 1;
    margin: -3px 0 0 17px;
}
.b-servererror .error._404 > SPAN {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20306%20160%22%3E%3Cpath%20fill%3D%22%235B5F61%22%20d%3D%22M76.855%207.087l-29.698-6.742-46.648%2043.259v27.299l45.898%2010.419v22.649l30.448%206.912v-22.65l13.649%203.099v-24.6l-13.649-3.098v-56.547zm-29.398%2030.225v19.798l-15-3.404c-2.999-.681-4.8-.939-9.299-1.661l24.749-24.23-.45%209.497zm105.6-14.127c-26.849-6.095-44.548%2010.887-44.548%2042.985%200%2027.449%2014.249%2056.482%2044.548%2063.36s44.248-15.155%2044.248-43.354c0-27.298-14.1-56.148-44.248-62.991zm0%2082.796c-10.949-2.486-16.199-12.978-16.199-32.177%200-11.549.6-30.612%2016.199-27.071%2010.949%202.485%2016.05%2012.943%2016.05%2033.042-.001%2019.799-5.401%2028.623-16.05%2026.206zm139.199%206.549v-56.548l-29.699-6.741-46.649%2043.259v27.299l45.898%2010.419v22.648l30.449%206.912v-22.649l13.649%203.099v-24.599l-13.648-3.099zm-29.4-26.323v19.8l-14.999-3.405c-3-.681-4.8-.939-9.3-1.661l24.749-24.23-.45%209.496z%22/%3E%3C/svg%3E);
}
.b-servererror .button {
    margin: 45px 0;
    text-align: center;
}
@media all and (max-width: 980px) {
    .b-servererror {
        padding: 150px 0 30px;
    }
    .b-servererror:before {
        top: -15px;
        width: 600px;
        height: 350px;
        margin-left: -300px;
    }
    .b-servererror .error {
        position: absolute;
        top: 60px;
        margin-left: -77px;
        width: 153px;
        height: 80px;
    }
    .b-servererror .error > SPAN:nth-child(1) {
        margin: 2px 0 0 2px;
    }
    .b-servererror .error > SPAN:nth-child(2) {
        margin: 0 0 0 6px;
    }
    .b-servererror .error > SPAN:nth-child(3) {
        margin: -2px 0 0 10px;
    }
}
.b-sharer {
    margin-top: 30px;
    text-align: center;
}
.b-sharer .con {
    vertical-align: top;
    padding: 15px;
    font-size: 0;
    letter-spacing: 0;
    border-top: 1px solid rgba(226, 226, 226, 0.75);
}
.b-sharer STRONG {
    vertical-align: top;
    margin: 5px 0 0 5px;
    font-size: 10px;
    line-height: 20px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.b-sharer UL {
    vertical-align: top;
    margin-left: 25px;
}
.b-sharer LI {
    vertical-align: top;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: 0 0;
    text-align: center;
    transition: background 0.3s, color 0.3s;
    cursor: pointer;
}
.b-sharer .ico,
.b-sharer LI:before {
    display: inline-block;
    vertical-align: middle;
}
.b-sharer LI:before {
    content: "";
    height: 100%;
    margin-right: -0.25em;
}
.b-sharer LI + LI {
    margin-left: 10px;
}
.b-sharer .facebook {
    color: #1949a1;
}
.b-sharer .facebook > .ico {
    width: 6px;
    height: 14px;
}
.b-sharer .twitter {
    color: #00b3e0;
}
.b-sharer .twitter > .ico {
    width: 14px;
    height: 11px;
}
.b-sharer .facebook:hover {
    background: #1949a1;
    color: #fff;
}
.b-sharer .twitter:hover {
    background: #00b3e0;
    color: #fff;
}
.b-sharer._fixed {
    position: absolute;
    z-index: 10;
    top: 215px;
    left: 50%;
    margin-left: 500px;
    width: 40px;
    min-height: 40px;
    text-align: center;
}
.b-sharer._fixed .toggle {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 11px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #1e1e1e;
    color: #fff;
    cursor: pointer;
}
.b-sharer._fixed .con,
.b-sharer._fixed LI,
.b-sharer._fixed STRONG {
    display: block;
}
.b-sharer._fixed .toggle > svg {
    display: block;
    width: 16px;
    height: 18px;
}
.b-sharer._fixed .toggle:hover {
    background: #fdca00;
}
.b-sharer._fixed .con {
    width: 40px;
    padding: 0;
    border: none;
}
.b-sharer._fixed UL {
    margin-top: 10px;
    margin-left: 5px;
}
.b-sharer._fixed LI + LI {
    margin-top: 10px;
    margin-left: 0;
}
@media all and (max-width: 1040px) {
    .b-sharer._fixed {
        left: auto;
        right: 30px;
        margin-left: 0;
    }
    .b-sharer._fixed .toggle {
        display: block;
    }
    .b-sharer._fixed .con {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 160px;
        height: 160px;
        margin: -80px 0 0 -80px;
        border-radius: 80px;
        transform: scale(0);
        transition: transform 0s linear 0.3s, background 0.3s;
    }
    .b-sharer._fixed STRONG {
        display: none;
    }
    .b-sharer._fixed UL {
        margin: 0;
    }
    .b-sharer._fixed LI,
    .b-sharer._fixed LI + LI {
        margin: -15px 0 0 -15px;
    }
    .b-sharer._fixed LI {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        transition: transform 0.3s ease-out;
    }
    .b-sharer._fixed .facebook {
        background: #1949a1;
        color: #fff;
    }
    .b-sharer._fixed .twitter {
        background: #00b3e0;
        color: #fff;
    }
    .b-sharer._fixed._opened .toggle {
        background: #fdca00;
    }
    .b-sharer._fixed._opened .con {
        background: rgba(255, 255, 255, 0.75);
        transform: scale(1);
        transition: transform 0s linear 0s, background 0.3s;
    }
    .b-sharer._fixed._opened .con LI:nth-child(1) {
        transform: translate(-27px, -46px);
    }
    .b-sharer._fixed._opened .con LI:nth-child(2) {
        transform: translate(-54px, 0);
    }
    .b-sharer._fixed._opened .con LI:nth-child(3) {
        transform: translate(-27px, 46px);
    }
}
@media all and (max-width: 980px) {
    .b-sharer._fixed {
        top: 170px;
        right: -10px;
    }
}
.b-sortselector {
    position: relative;
    height: 30px;
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
}
.b-sortselector > SMALL {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-top: 8px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #999;
}
.b-sortselector > UL {
    display: inline-block;
    vertical-align: top;
    height: 30px;
}
.b-sortselector > SELECT {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    font-size: 16px;
}
.b-sortselector LI {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    box-sizing: border-box;
    padding: 8px 15px;
    border-radius: 15px;
    cursor: pointer;
}
.b-sortselector LI > .ttl {
    font-size: 9px;
    line-height: 14px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-bottom: 1px dotted;
}
.b-sortselector LI > .arr {
    display: none;
    position: relative;
    vertical-align: top;
    margin: 1px 0 0 10px;
    width: 6px;
    height: 10px;
}
.b-sortselector LI > .arr:after,
.b-sortselector LI > .arr:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3px;
    border-color: transparent;
    opacity: 0.3;
}
.b-sortselector LI > .arr:before {
    top: 0;
    border-bottom-width: 3px;
    border-bottom-color: #1e1e1e;
}
.b-sortselector LI > .arr:after {
    bottom: 0;
    border-top-width: 3px;
    border-top-color: #1e1e1e;
}
.b-sortselector LI:hover > .ttl {
    border: none;
}
.b-sortselector LI._active {
    background: #e2e2e2;
}
.b-sortselector LI._active > .arr {
    display: inline-block;
}
.b-sortselector[data-order="asc"] LI._active > .arr:after,
.b-sortselector[data-order="desc"] LI._active > .arr:before {
    opacity: 1;
}
@media all and (max-width: 980px) {
    .b-sortselector > SMALL {
        display: none;
    }
    .b-sortselector > SELECT {
        display: block;
    }
    .b-sortselector LI {
        display: none;
        padding: 8px 10px;
    }
    .b-sortselector LI._active {
        display: inline-block;
        background: 0 0;
    }
}
.b-spareparts-list {
    font-size: 0;
    letter-spacing: 0;
}
.b-spareparts-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 151px;
    box-sizing: border-box;
    border: 1px solid rgba(226, 226, 226, 0.75);
    background: rgba(255, 255, 255, 0.75);
    margin: -1px 0 0 -1px;
    transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.b-spareparts-item:before {
    content: "";
    position: absolute;
    bottom: 59px;
    left: 0;
    width: 149px;
    height: 1px;
    background: rgba(226, 226, 226, 0.75);
}
.b-spareparts-item .con {
    display: block;
    padding: 20px 0 0;
    color: inherit;
}
.b-spareparts-item .image {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    overflow: hidden;
    line-height: 90px;
    background: #fff;
    border-radius: 45px;
    text-align: center;
}
.b-spareparts-item .image > IMG {
    max-width: 100%;
    vertical-align: middle;
}
.b-spareparts-item .image + .title {
    margin-top: 20px;
}
.b-spareparts-item .title {
    margin-left: 20px;
    height: 120px;
    text-transform: uppercase;
}
.b-spareparts-item .title > STRONG {
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    line-height: 15px;
    font-weight: 800;
    letter-spacing: 0.05em;
}
.b-spareparts-item .title > STRONG > SPAN {
    border-bottom: 1px solid rgba(30, 30, 30, 0.5);
}
.b-spareparts-item .title > SMALL {
    display: block;
    margin-top: 10px;
    font-size: 9px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.b-spareparts-item .bot {
    position: relative;
    width: 151px;
    height: 61px;
    margin: 0 0 -1px -1px;
    background: 0 0;
    transition: background 0.3s;
}
.b-spareparts-item .bot:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
.b-spareparts-item .price {
    float: left;
    max-width: 89px;
    height: 20px;
    margin-left: 20px;
    padding: 20px 0;
    font-size: 11px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: 0.05em;
}
.b-spareparts-item .price .value {
    display: none;
}
.b-spareparts-item .price._eur .value._eur,
.b-spareparts-item .price._rub .value._rub,
.b-spareparts-item .price._usd .value._usd,
.b-spareparts-item .price._rub .value._req,
.b-tabs:after {
    display: block;
}
.b-spareparts-item .price .value > SPAN {
    margin-right: 3px;
}
.b-spareparts-item .price .value._rub:after {
    content: "P";
    margin-top: 1px;
    font-family: Rouble;
    font-weight: 400;
}

.b-spareparts-list__catalog .b-spareparts-item {
    width: 25%;
}
.b-spareparts-list__catalog .b-spareparts-item .title {
    margin: 0;
    padding: 10px 20px;
}
.b-spareparts-list__catalog .b-spareparts-item .title > STRONG {
    font-size: 13px !important;
    line-height: 1.6;
}
.b-spareparts-list__catalog .b-spareparts-item .image {
    width: 150px;
    height: 150px;
    border-radius: 0;
}
.b-spareparts-list__catalog .b-spareparts-item:hover .image {
    border-radius: 100%;
}
.b-spareparts-list__catalog .b-spareparts-item .bot {
    width: 100%;
}
.b-spareparts-list__catalog .b-spareparts-item .price .value > SPAN {
    font-size: 15px;
}
.b-spareparts-list__catalog .b-spareparts-item:before {
    width: auto;
    right: 0;
}
.b-spareparts-list__catalog .b-spareparts-item .price {
    max-width: none;
}
.b-spareparts-list__catalog .b-spareparts-item .price .value:after {
    font-size: 12px;
}

@media all and (max-width: 980px) {
    .b-spareparts-list__catalog .b-spareparts-item {
        width: 33.3333%;
    }
}

@media all and (max-width: 660px) {
    .b-spareparts-list__catalog .b-spareparts-item {
        width: 50%;
    }
}

@media all and (max-width: 550px) {
    .b-spareparts-list__catalog .b-spareparts-item {
        width: 100%;
        max-width: 350px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

HTML BODY,
HTML INPUT,
HTML SELECT,
HTML TEXTAREA {
    font-family: "Open Sans", Arial, sans-serif;
}
.b-spareparts-item .price .value._eur:after {
    content: "\20AC";
}
.b-spareparts-item .price .value._usd:after {
    content: "$";
}
.b-spareparts-item .action:after,
.b-tabs:after,
.b-tilearticles .item .link:before,
.b-zoomgallery LI .ttl:before,
.ps-container > .ps-scrollbar-x-rail:before {
    content: "";
}
.b-spareparts-item .action {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 21px;
    height: 41px;
    overflow: hidden;
}
.b-spareparts-item .action:after {
    position: absolute;
    top: 0;
    left: -5px;
    width: 26px;
    height: 49px;
    background: #fdca00;
    transform-origin: 100% 0;
    transform: rotate(28deg);
}
.b-spareparts-item .button {
    position: relative;
    float: right;
    width: 61px;
    height: 61px;
    background: 0 0;
    color: #1e1e1e;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}
.b-spareparts-item .button > .ico {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 20px;
    height: 18px;
}
.b-spareparts-item .button._cart .chk {
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: 1px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 10px;
    background: #fdca00;
    color: #1e1e1e;
    transform: scale(0);
}
.b-spareparts-item .button._cart .chk > svg {
    position: absolute;
    top: 7px;
    left: 5px;
    width: 10px;
    height: 8px;
}
.b-spareparts-item .button._cart._active .chk {
    transform: scale(1);
    transition: transform 0.3s ease-out 0.3s;
}
.b-spareparts-item .button._active {
    background: #1e1e1e;
    color: #fff;
    border-color: #525252;
    cursor: default;
}
.b-spareparts-item:hover {
    z-index: 2;
    background: #1e1e1e;
    color: #fff;
    border-color: #1e1e1e;
}
.b-spareparts-item:hover .bot {
    background: #313131;
}
.b-spareparts-item:hover .title > STRONG > SPAN {
    border: none;
}
.b-spareparts-item:hover .button {
    color: #fff;
}
.b-spareparts-item:hover .button:hover {
    z-index: 3;
    background: #fdca00;
    color: #1e1e1e;
}
.b-spareparts-item:hover .button._active {
    background: #1e1e1e;
    color: #fff;
    cursor: default;
}
.b-spareparts-item:hover .button._active:hover {
    background: #1e1e1e;
    color: #fff;
}
.b-tabs {
    position: relative;
    width: 100%;
    margin: 60px 0 0;
}
.b-tabs:after {
    clear: both;
    overflow: hidden;
}
.b-tabs-nav {
    float: left;
    width: 240px;
}
.b-tabs-nav UL {
    font-size: 0;
    line-height: 0;
}
.b-tabs-nav LI {
    font-size: 14px;
    line-height: 24px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #aaa;
    cursor: pointer;
}
.b-tabs-nav LI + LI {
    margin-top: 30px;
}
.b-tabs-nav LI > SPAN {
    border-bottom: 1px dotted;
}
.b-tabs-nav LI._active > SPAN,
.b-tabs-nav LI:hover > SPAN {
    border: none;
}
.b-tabs-nav LI._active {
    color: #1e1e1e;
}
.b-tabs-main {
    float: right;
    width: 640px;
}
.b-tabs-main UL {
    position: relative;
    width: 100%;
    /*height: 0;
    overflow: hidden;*/
    transition: height 0.5s ease-in-out;
}
.b-tabs-main LI {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s linear 0s;
}
.b-tabs-main LI._active {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.5s linear 0.5s;
}
.ps-container.ps-in-scrolling,
.ps-container:hover.ps-in-scrolling {
    pointer-events: none;
}
.b-incolumns .b-tabs {
    margin: 30px 0 0;
}
.b-incolumns .b-tabs-nav {
    float: none;
    width: 100%;
}
.b-incolumns .b-tabs-nav UL {
    margin-left: -15px;
}
.b-incolumns .b-tabs-nav LI {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
}
.b-incolumns .b-tabs-main {
    float: none;
    width: 100%;
    margin-top: 30px;
}
@media all and (max-width: 980px) {
    .b-tabs {
        margin: 60px 0 0;
    }
    .b-main-wrap .b-tabs {
        width: auto;
        margin: 60px -20px 0;
    }
    .b-main-wrap .b-incolumns .b-tabs {
        margin: 60px 0 0;
    }
    .b-tabs-nav {
        position: relative;
        float: none;
        width: 170px;
        height: 48px;
        margin: 0 auto;
    }
    .b-tabs-nav UL {
        font-size: 0;
        line-height: 0;
        white-space: nowrap;
        transition: transform 0.5s cubic-bezier(0.1, 0.57, 0.1, 1);
    }
    .b-tabs-nav LI {
        display: inline-block;
        vertical-align: top;
        margin: 0 15px;
        width: 140px;
        height: 48px;
        white-space: normal;
        font-size: 16px;
        text-align: center;
    }
    .b-tabs-nav LI + LI {
        margin-top: 0;
    }
    .b-tabs-nav LI > SPAN {
        border: none;
    }
    .b-tabs-main {
        float: none;
        width: 320px;
        margin: 30px auto 0;
    }
    .b-incolumns .b-tabs-nav {
        width: 170px;
    }
    .b-incolumns .b-tabs-nav UL {
        margin-left: 0;
    }
    .b-incolumns .b-tabs-nav LI {
        margin: 0 15px;
    }
}
.b-tilearticles {
    position: relative;
    margin: 30px auto;
    width: 960px;
}
.b-tilearticles .list {
    padding-left: 1px;
    font-size: 0;
    letter-spacing: 0;
}
.b-tilearticles .item {
    position: relative;
    display: inline-block;
    width: 478px;
    height: 240px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    border: 1px solid rgba(226, 226, 226, 0.75);
}
.b-tilearticles .item .con,
.b-tilearticles .item .img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.b-tilearticles .item .img {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.b-tilearticles .item .con {
    display: block;
    padding: 20px 30px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.75);
    color: #1e1e1e;
    font-size: 11px;
    line-height: 24px;
    font-weight: 800;
    letter-spacing: 0.05em;
}
.b-tilearticles .item .img + .con {
    background: rgba(30, 30, 30, 0.75);
    color: #fff;
}
.b-tilearticles .item .type {
    color: #fdca00;
    font-weight: 400;
}
.b-tilearticles .item .title {
    text-transform: uppercase;
}
.b-tilearticles .item .text {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
}
.b-tilearticles .item .date {
    position: absolute;
    bottom: 20px;
    left: 30px;
    font-size: 10px;
    color: #fdca00;
    text-transform: uppercase;
}
.b-tilearticles .item .link {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 140px;
    overflow: hidden;
    transition: width 0.25s ease-in-out;
}
.b-tilearticles .item .link:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 82px;
    height: 153px;
    background: #fdca00;
    transform-origin: 0 100%;
    transform: rotate(28deg);
}
.b-tilearticles .item .link > .ico {
    position: absolute;
    right: 20px;
    bottom: 30px;
    width: 10px;
    height: 16px;
    color: #1e1e1e;
    opacity: 0;
    transition: opacity 0s linear 0s;
}
.b-tilearticles .item .img + .con .link:before {
    opacity: 0.85;
}
.b-tilearticles .item:hover .link {
    width: 72px;
}
.b-tilearticles .item:hover .link > .ico {
    opacity: 1;
    transition: opacity 0s linear 0.25s;
}
.b-tilearticles._oneline {
    height: 220px;
}
.b-tilearticles._oneline .list {
    white-space: nowrap;
}
.b-tilearticles._oneline .item {
    width: 318px;
    height: 220px;
    white-space: normal;
}
@media all and (max-width: 1160px) {
    .b-tilearticles {
        width: 800px;
    }
    .b-tilearticles .item {
        width: 398px;
    }
    .b-tilearticles._oneline {
        width: 960px;
    }
    .b-tilearticles._oneline .item {
        width: 318px;
    }
}
@media all and (max-width: 980px) {
    .b-tilearticles {
        margin: 30px 0;
        width: 100%;
    }
    .b-tilearticles .list {
        margin: 0 auto;
    }
    .b-tilearticles .item {
        width: 298px;
        height: auto;
    }
    .b-tilearticles .item .con {
        position: relative;
        height: auto;
        min-height: 72px;
        padding-bottom: 64px;
    }
    .b-tilearticles._oneline {
        width: 100%;
    }
    .b-tilearticles._oneline .list {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 50%;
    }
    .b-tilearticles._oneline .item {
        height: 220px;
    }
    .b-tilearticles._oneline .item:first-child {
        margin-left: -150px;
    }
    .b-tilearticles._oneline .item:last-child {
        margin-right: -150px;
    }
    .b-tilearticles._oneline .item .con {
        position: absolute;
        height: 100%;
        padding-bottom: 0;
    }
}
.b-tilebrands {
    position: relative;
    width: 600px;
    margin: 0 auto;
}
.b-tilebrands-list {
    position: relative;
    width: 100%;
}
.b-tilebrands-list LI {
    position: relative;
    width: 300px;
    height: 260px;
    margin: 0 auto;
    transition: top 0.3s, left 0.3s, transform 0.3s;
}
.b-tilebrands-list LI._hidden {
    transform: scale(0);
}
.b-tilebrands-list LI .con {
    position: absolute;
    top: 30px;
    left: 0;
    width: 300px;
    height: 100px;
    box-sizing: border-box;
    padding: 100px 20px 0;
    color: #1e1e1e;
    text-align: center;
}
.b-tilebrands-list LI .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 90px;
    line-height: 90px;
}
.b-tilebrands-list LI .subtitle,
.b-tilebrands-list LI .title {
    margin: 0 20px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.b-tilebrands-list LI .image > IMG {
    max-width: 100%;
    vertical-align: middle;
}
.b-tilebrands-list LI .title {
    padding-top: 20px;
    border-top: 1px solid rgba(226, 226, 226, 0.75);
    font-size: 13px;
    font-weight: 800;
}
.b-tilebrands-list LI .title > SPAN {
    border-bottom: 1px solid rgba(30, 30, 30, 0.5);
}
.b-tilebrands-list LI .subtitle {
    font-size: 10px;
    font-weight: 400;
}
.b-tilebrands-list LI .text {
    padding-top: 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.b-tilebrands-list._tiled LI {
    position: absolute;
    height: 120px;
}
#app._notouch .b-tilebrands-list._tiled LI .text {
    opacity: 0;
    transition: opacity 0.3s;
}
#app._notouch .b-tilebrands-list._tiled LI .con:hover .title {
    color: #999;
}
#app._notouch .b-tilebrands-list._tiled LI .con:hover .title > SPAN {
    border-color: rgba(153, 153, 153, 0.5);
}
#app._notouch .b-tilebrands-list._tiled LI .con:hover .text {
    opacity: 1;
}
@media all and (max-width: 980px) {
    .b-tilebrands {
        width: 100%;
    }
    .b-main-wrap .b-tilebrands {
        width: auto;
        margin: 0 -10px;
    }
    .b-tilebrands-list {
        width: 300px;
        margin: 0 auto;
    }
    .b-tilebrands-list LI {
        height: 260px;
        overflow: hidden;
        transition: height 0.3s;
    }
    .b-tilebrands-list LI._hidden {
        height: 0;
    }
    .b-tilebrands-list LI .con {
        height: 230px;
    }
    #app._notouch .b-tilebrands-list LI .text,
    .b-tilebrands-list LI .text {
        opacity: 1;
    }
}
.b-tilecategories {
    width: 960px;
    margin: 45px auto;
}
.b-tilecategories-list {
    display: inline-block;
    margin-left: -1px;
    font-size: 0;
    letter-spacing: 0;
    border-top: 1px solid rgba(226, 226, 226, 0.75);
    border-left: 1px solid rgba(226, 226, 226, 0.75);
}
.b-tilecategories-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 240px;
    height: 300px;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(226, 226, 226, 0.75);
    border-right: 1px solid rgba(226, 226, 226, 0.75);
    background: rgba(255, 255, 255, 0.75);
}
.b-tilecategories-item .back {
    position: absolute;
    top: 0;
    right: 100%;
    width: 113.263%;
    padding-right: 34%;
    padding-top: 212.993%;
    background: #1e1e1e;
    transform-origin: 100% 0;
    transform: rotate(28deg);
    transition: right 0.3s ease-in-out;
}
.b-tilecategories-item .con {
    position: relative;
    display: block;
}
.b-tilecategories-item .image {
    position: relative;
    margin: -1px -1px 0 0;
    width: 240px;
    height: 210px;
    line-height: 210px;
    text-align: center;
}
.b-tilecategories-item .image > IMG {
    max-width: 100%;
    vertical-align: middle;
}
.b-tilecategories-item .title {
    margin: 0 30px;
    height: 90px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1e1e1e;
    transition: color 0.3s ease-in-out;
}
.b-tilecategories-item:hover .back {
    right: -67%;
}
.b-tilecategories-item:hover .title {
    color: #fff;
}
@media all and (max-width: 980px) {
    .b-tilecategories {
        margin: 20px auto;
    }
}
@media all and (max-width: 1000px) {
    .b-tilecategories {
        width: 720px;
    }
}
@media all and (max-width: 760px) {
    .b-tilecategories {
        width: 480px;
    }
}
@media all and (max-width: 520px) {
    .b-tilecategories {
        width: auto;
        margin: 20px 0;
        overflow: hidden;
    }
    .b-main-wrap .b-tilecategories {
        margin: 20px -20px;
    }
    .b-tilecategories-list {
        display: block;
        margin-left: 0;
        margin-right: -1px;
        border-left: none;
    }
    .b-tilecategories-item {
        width: 50%;
        height: 230px;
    }
    .b-tilecategories-item .image {
        margin: 0 auto;
        width: 160px;
        height: 140px;
        line-height: 140px;
    }
    .b-tilecategories-item .title {
        margin: 0 auto;
        padding-left: 10px;
        width: 150px;
        height: 90px;
        font-size: 12px;
        line-height: 17px;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-align: center;
    }
    .b-tilecategories-item .title > SPAN {
        border-bottom: 1px solid rgba(30, 30, 30, 0.33);
    }
}
.b-video {
    position: relative;
    width: 640px;
    height: 400px;
    margin: 30px auto 0;
    font-size: 0;
    letter-spacing: 0;
    background: #e2e2e2;
}
.b-video .player {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #1e1e1e;
}
.b-video._embed .player {
    display: block;
}
@media all and (max-width: 980px) {
    .b-video {
        width: 320px;
        height: 200px;
    }
    .b-content .b-video {
        margin: 30px -20px 0;
    }
}
.b-zoomgallery .b-modal-wrap {
    width: 960px;
}
.b-zoomgallery .b-modal-con {
    height: 700px;
}
.b-zoomgallery LI,
.b-zoomgallery UL {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}
.b-zoomgallery LI {
    top: 0;
    left: 0;
    margin: 0;
    background: #1e1e1e;
    opacity: 0;
    transition: opacity 0.3s 0s;
}
.b-zoomgallery LI._active {
    z-index: 2;
    opacity: 1;
    transition: opacity 0.3s linear 0.3s;
}
.b-zoomgallery LI .img {
    width: 960px;
    height: 640px;
    line-height: 640px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    user-drag: none;
}
.b-zoomgallery LI .img > IMG {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.b-zoomgallery LI .ttl {
    width: 100%;
    height: 60px;
    text-align: center;
}
.b-zoomgallery LI .ttl:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.25em;
}
.b-zoomgallery LI .ttl > P {
    display: inline-block;
    vertical-align: middle;
    width: 900px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: left;
}
.b-zoomgallery .arr {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    width: 42px;
    height: 640px;
    overflow: hidden;
    cursor: pointer;
    transition: width 0s 0s, opacity 0.3s;
}
.b-zoomgallery .arr > DIV {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding: 22px 0;
    background: #1e1e1e;
    color: #fff;
}
.b-zoomgallery .arr > DIV > svg {
    display: block;
    width: 10px;
    height: 16px;
    margin: 0 auto;
}
.b-zoomgallery .arr._prev {
    left: 0;
}
.b-zoomgallery .arr._next {
    right: 0;
}
.b-zoomgallery .arr:hover > DIV {
    background: #fdca00;
    color: #1e1e1e;
}
.b-zoomgallery .arr._disabled {
    width: 0;
    opacity: 0;
    transition: width 0s 0.3s, opacity 0.3s;
}
.b-zoomgallery._hasarr .arr {
    display: block;
}
@media all and (max-width: 980px) {
    .b-zoomgallery {
        display: none;
    }
    BODY._notouch {
        overflow: hidden;
    }
}
.ps-container {
    -ms-touch-action: none;
    overflow: hidden;
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x:before,
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y:before {
    background: rgba(255, 255, 255, 0.6);
}
.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    bottom: 5px;
    height: 23px;
}
.ps-container > .ps-scrollbar-x-rail:before {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: rgba(255, 255, 255, 0.15);
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    bottom: 0;
    height: 23px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x:before,
.ps-container > .ps-scrollbar-y-rail:before,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x:before {
    right: 10px;
    background: rgba(255, 255, 255, 0.3);
}
.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    right: 5px;
    width: 23px;
}
.ps-container > .ps-scrollbar-y-rail:before {
    right: 10px;
    background: rgba(255, 255, 255, 0.15);
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 23px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y:before {
    right: 10px;
    background: rgba(255, 255, 255, 0.3);
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x:before,
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y:before,
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x:before,
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y:before {
    background: rgba(255, 255, 255, 0.6);
}
HTML,
HTML BODY {
    min-height: 100%;
    width: 100%;
    background: #f6f9f9;
}
HTML {
    font-size: 62.5%;
    background: #f6f9f9;
    overflow-x: hidden;
}
HTML BODY {
    /*position: relative;*/
    min-width: 320px;
    color: #1e1e1e;
    letter-spacing: 0.05em;
    -webkit-tap-highlight-color: transparent;
}
HTML A {
    text-decoration: none;
    outline: 0;
}
HTML INPUT,
HTML SELECT,
HTML TEXTAREA {
    color: #1e1e1e;
    letter-spacing: 0.05em;
}
SUB,
SUP {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
SUP {
    top: -0.5em;
}
SUB {
    bottom: -0.25em;
}
.b-hidden {
    display: none;
}
.b-padding {
    width: 100%;
    height: 30px;
}
.b-padding.x2 {
    height: 60px;
}
@font-face {
    font-family: Rouble;
    src: url(font/Rouble.woff) format("woff"), url(font/Rouble.ttf) format("truetype");
    font-weight: 400;
}
#app .rouble {
    font-family: Rouble;
    font-weight: 400;
}

/*
 * Callback Modal
 */
.b-header__modal-callback {
    position: absolute;
    right: 320px;
    top: 90px;
}
.b-button.b-button__modal-callback {
    height: 29px;
}
.b-button.b-button__modal-callback > :nth-child(1) {
    padding: 6px 18px;
}
.b-button.b-button__modal-callback > :nth-child(3) {
    top: 6px;
    left: 18px;
}
.b-button.b-button__modal-callback > :nth-child(4) {
    display: none;
    position: relative;
    background: #fdca00;
    color: #1e1e1e;
    padding: 5px 7px;
    border-radius: 30px;
    box-sizing: unset;
}
.b-button.b-button__modal-callback i {
    color: #fff;
    font-size: 18px;
}
.jquery-modal.blocker.current {
    z-index: 999999;
}
#modal_callback .b-message {
    display: none;
    width: auto;
}
#modal_callback .b-form._complete .b-message {
    display: block;
}
@media ( max-width:980px ) {
    .b-header__modal-callback {
        right: 20px;
        top: 60px;
    }
    /*.b-button.b-button__modal-callback span {
        display: none;
    }
    .b-button.b-button__modal-callback > :nth-child(4) {
        display: block;
    }*/
}