/* CSS Reset section */
html { width: 100%; height: 100%; margin: 0; padding: 0; font-size: 100.01%; min-width: 320px; }

body { height: 100%; margin: 0; padding: 0; font-size: 12px; line-height: 1.2; font-family: 'Roboto', sans-serif; background-repeat: no-repeat; background-position: 50% 0; opacity: 1 !important; min-height: 500px; position: relative; }

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

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

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

img { border: 0; }

a, a img, a { border: 0 none; outline: 0 none; }

*:focus { outline: 0 none; }

a, a img, textarea, input { outline: 0 none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

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

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }

p { margin: 0; }

dl, dt, dd { margin: 0; }

textarea { overflow: auto; }

label { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

/* mixins */
.clearfix:before { content: ""; display: table; }

.clearfix:after { content: ""; display: table; clear: both; }

.hidden { display: none; }

@media print { * { background: none !important; color: black !important; text-shadow: none !important; /* Images, vectors and such */ }
  a { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  a[href="#"], a[href="javascript:"] { content: ""; }
  .aside, .js-print, .header { display: none !important; }
  .content { margin: 0 !important; height: auto !important; }
  .mCustomScrollBox { height: auto !important; max-height: 100% !important; overflow: visible !important; }
  .mCSB_container { position: static !important; }
  .catalog-favorite__table-item { page-break-inside: avoid !important; } }

/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.welcome-poster { z-index: 9999; background: #fff; font-size: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }

.welcome-poster:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.welcome-poster__img { display: inline-block; vertical-align: middle; }

.welcome-poster__img img { max-height: 100vh; max-width: 100%; min-height: 500px; }

@media (min-width: 0) and (max-width: 1019px) { .nm { display: none; } }

@media (min-width: 1020px) { .om { display: none; } }

.btn { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; position: relative; }

.fl-l { float: left; }

.fl-r { float: right; text-align: right; }

.slick-list { height: 100%; }

.slick-track { height: 100%; }

.slick-arrow { position: absolute; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 35px; height: 35px; background: #d7d7d7; border: none; color: transparent; top: 50%; margin-top: -18px; z-index: 2; cursor: pointer; display: none !important; }

@media (min-width: 1020px) { .slick-arrow { display: block !important; } }

.slick-arrow:before { content: ''; border: 6px solid transparent; position: absolute; top: 50%; margin-top: -6px; display: block; }

.slick-prev { left: 0; }

@media (min-width: 1020px) { .slick-prev { left: 20px; } }

.slick-prev:before { border-right: 9px solid #fff; right: 15px; }

.slick-next { right: 0; }

@media (min-width: 1020px) { .slick-next { right: 20px; } }

.slick-next:before { border-left: 9px solid #fff; left: 15px; }

.slick-dots { text-align: center; position: absolute; bottom: 16px; left: 0; width: 100%; }

.slick-dots li { display: inline-block; margin: 0 3px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 6px; height: 6px; background: transparent; border: 1px solid #7d7d7d; color: transparent; z-index: 2; position: relative; }

.slick-dots li.slick-active { background: #7d7d7d; }

.slick-dots li button { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; }

.wrapper { width: 100%; height: 100%; min-height: 500px; position: relative; background-color: #ebebeb; }

.wrapper_product { background: #fff; }

@media (min-width: 600px) { .bp_only-mobile { display: none; } }

.scrollup { position: absolute; background: #fff; border-bottom: 1px solid #c2c2c2; text-align: center; height: 39px; top: 80px; left: 0; right: 0; z-index: 1; cursor: pointer; color: #8d8d8d; display: none; }

.scrollup span { display: inline-block; font-size: 10px; text-transform: uppercase; line-height: 40px; }

.scrollup span:before { content: ''; display: inline-block; width: 13px; height: 8px; background: url("/img/scrollup.svg") no-repeat 50% 50%; background-size: 100% 100%; margin-right: 5px; }

@media (min-width: 600px) { .scrollup { left: 260px; } }

@media (min-width: 1020px) { .scrollup { left: auto; right: 2%; width: 34px; height: 34px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #8d8d8d; color: transparent; top: 50%; margin-top: -18px; background: url("/img/scrollup.svg") no-repeat 50% 45%; background-size: 17px 10px; }
  .scrollup span { display: none; } }

.content { height: 100%; margin-left: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-top: -80px; padding-top: 80px; }

@media (min-width: 600px) { .content { margin-left: 260px; } }

@media (min-width: 1020px) { .content { margin-top: -50px; padding-top: 50px; } }

@media (min-width: 1600px) { .content { margin-top: -60px; padding-top: 60px; } }

@media (min-width: 600px) and (max-width: 1299px) { .wrapper_compact .content { margin-left: 60px; width: calc(100% - 60px); } }

.content-inner { min-height: 100%; }

.catalog { padding: 0; }

.catalog-list { opacity: 0; width: 308px; margin: 5px auto; opacity: 0; position: relative; min-height: 80px; -webkit-transition: opacity 0.5s ease; -khtml-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; margin-bottom: 60px; }

.catalog-list.m-complete { opacity: 1; }

@media (min-width: 500px) { .catalog-list { width: 462px; } }

@media (min-width: 600px) { .catalog-list { width: 308px; } }

@media (min-width: 754px) { .catalog-list { width: 462px; } }

@media (min-width: 1020px) { .catalog-list { width: 630px; margin: 40px auto; } }

@media (min-width: 1300px) { .catalog-list { width: 945px; } }

@media (min-width: 1600px) { .catalog-list { width: 1260px; } }

.catalog-item { width: 154px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; opacity: 0; }

.m-complete .catalog-item { opacity: 1; }

@media (min-width: 1020px) { .catalog-item { width: 315px; } }

.catalog-item:not(.catalog-item_info) .catalog-inner:hover { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -khtml-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); }

.catalog-item_info { font-size: 0; height: 181px; }

@media (min-width: 1020px) { .catalog-item_info { height: 364px; } }

.catalog-item_info:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.catalog-item_info .catalog-inner { display: inline-block; vertical-align: middle; font-size: 14px; overflow: hidden; margin: 0; background: none; }

.catalog-item_info .catalog-title { font-weight: 600; font-size: 16px; margin-bottom: 0px; }

@media (min-width: 1020px) { .catalog-item_info .catalog-title { font-size: 24px; } }

.catalog-item_info .catalog-subtitle { font-weight: 600; font-size: 10px; margin-bottom: 10px; }

@media (min-width: 1020px) { .catalog-item_info .catalog-subtitle { font-size: 14px; margin-bottom: 15px; } }

.catalog-item_info .catalog-text { display: block; }

.catalog-item_series { height: 181px; }

@media (min-width: 1020px) { .catalog-item_series { height: 364px; } }

.catalog-item_series .catalog-img { height: 115px; }

.catalog-item_series .catalog-img img { max-height: 100%; }

@media (min-width: 1020px) { .catalog-item_series .catalog-img { height: 240px; } }

.catalog-item_series .catalog-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.catalog-item_series .catalog-text { height: 28px; overflow: hidden; }

.catalog-inner { position: relative; padding: 8px; background: #fff; margin: 5px; font-size: 8px; -webkit-box-shadow: 0 2px 8px transparent; -khtml-box-shadow: 0 2px 8px transparent; -moz-box-shadow: 0 2px 8px transparent; -ms-box-shadow: 0 2px 8px transparent; -o-box-shadow: 0 2px 8px transparent; box-shadow: 0 2px 8px transparent; -webkit-transition: box-shadow 0.3s ease; -khtml-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; }

@media (min-width: 1020px) { .catalog-inner { margin: 10px; font-size: 12px; padding: 10px 13px 15px; } }

.catalog-label { position: absolute; top: 0; left: 0; color: #fff; overflow: hidden; text-transform: uppercase; font-size: 8px; padding: 9px 35px 13px 7px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: default; }

.catalog-label:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: top left; -khtml-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: skew(-35deg, -8deg); -khtml-transform: skew(-35deg, -8deg); -moz-transform: skew(-35deg, -8deg); -ms-transform: skew(-35deg, -8deg); -o-transform: skew(-35deg, -8deg); transform: skew(-35deg, -8deg); background: #aaa; }

@media (min-width: 1020px) { .catalog-label { font-size: 10px; padding: 9px 37px 17px 13px; } }

.catalog-label span { display: inline-block; position: relative; }

.catalog-label_nov:before { background: #d98a00; }

.catalog-label_hit:before { background: #0087ba; }

.catalog-label_act:before { background: #ab143a; }

.catalog-code { text-align: right; font-weight: 600; }

.catalog-img { margin: 5px 0 10px; font-size: 0; text-align: center; overflow: hidden; }

.catalog-img:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.catalog-img img { display: inline-block !important; vertical-align: middle; max-width: 100%; margin: 0 auto; max-height: 400px; }

.catalog-title { font-weight: 600; font-size: 10px; margin-bottom: 5px; }

@media (min-width: 1020px) { .catalog-title { font-size: 14px; } }

.catalog-text { color: #7e7e7e; font-weight: 300; font-size: 8px; display: none; }

@media (min-width: 1020px) { .catalog-text { display: block; font-size: 12px; } }

.catalog-link { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; }

.catalog .loader { margin: -40px auto 20px; width: 40px; height: 40px; display: block; background: url("/img/loader.svg") no-repeat 50% 50%; -webkit-background-size: contain; background-size: contain; position: relative; z-index: 2; }

.catalog-preview { background: #fff; position: relative; min-height: 20vw; }

.catalog-preview__inner { width: 300px; margin: 0 auto; }

@media (min-width: 500px) { .catalog-preview__inner { width: 450px; } }

@media (min-width: 600px) { .catalog-preview__inner { width: 300px; } }

@media (min-width: 754px) { .catalog-preview__inner { width: 450px; } }

@media (min-width: 1020px) { .catalog-preview__inner { width: 610px; } }

@media (min-width: 1300px) { .catalog-preview__inner { width: 925px; } }

@media (min-width: 1600px) { .catalog-preview__inner { width: 1240px; } }

.catalog-preview__info { padding: 20px 0 20px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 1020px) { .catalog-preview__info { padding: 70px 0 50px; width: 295px; } }

.catalog-preview__info .info-title { font-weight: bold; font-size: 24px; text-transform: uppercase; }

.catalog-preview__info .info-subtitle { font-weight: bold; font-size: 14px; text-transform: uppercase; }

.catalog-preview__info .info-text { font-size: 12px; color: #7e7e7e; margin-top: 15px; }

.catalog-preview__img { background-position: 0 50%; background-repeat: no-repeat; position: absolute; left: 50%; top: 0; bottom: 0; right: 0; background-size: cover; display: none; }

@media (min-width: 1020px) { .catalog-preview__img { display: block; } }

@media (min-width: 1300px) { .catalog-preview__img { margin-left: -140px; } }

@media (min-width: 1600px) { .catalog-preview__img { margin-left: -295px; } }

.catalog-message { text-align: center; font-size: 0; height: calc(100vh - 90px); min-height: 400px; }

@media (min-width: 1020px) { .catalog-message { height: calc(100vh - 130px); } }

.catalog-message:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

.catalog-message__inner { font-size: 14px; display: inline-block; vertical-align: middle; max-width: 100%; }

.catalog-message__title { font-weight: 600; font-size: 16px; margin: 15px 0; }

.catalog-message__btn { margin: 35px 0; position: relative; }

.catalog-message__btn .btn { background-color: #868686; display: inline-block; line-height: 1; padding: 16px; color: #fff; }

.catalog-favorite { max-width: 750px; margin: 0 auto; padding: 15px 30px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.catalog-favorite__title { font-size: 30px; font-weight: 600; margin: 30px 0 20px; }

.catalog-favorite__table { width: calc( 100% + 30px); margin: 0 -15px; }

@media (min-width: 1020px) { .catalog-favorite__table { display: table; } }

.catalog-favorite__table-head { color: #7e7e7e; display: none; }

@media (min-width: 1020px) { .catalog-favorite__table-head { display: table-row; padding: 0; } }

.catalog-favorite__table-item { padding: 7px 15px; position: relative; display: block; overflow: hidden; }

.catalog-favorite__table-item:hover { background: #fff; }

.catalog-favorite__table-item:hover .catalog-favorite__table-close { opacity: 1; }

@media (min-width: 1020px) { .catalog-favorite__table-item { display: table-row; padding: 0; } }

@media (min-width: 1020px) { .catalog-favorite__table-c { display: table-cell; vertical-align: middle; padding: 7px 15px; position: relative; } }

@media (min-width: 1020px) { .catalog-favorite__table-i { display: table-cell; vertical-align: middle; padding: 0 15px 0 0; } }

.catalog-favorite__table-close { position: absolute; background: url("/img/close.svg") no-repeat 50% 50%; background-size: 15px; width: 20px; height: 20px; top: 10px; right: 10px; cursor: pointer; opacity: 0; }

.catalog-favorite__name { font-weight: 600; text-transform: uppercase; }

@media (min-width: 0) and (max-width: 1019px) { .catalog-favorite__name { margin-left: 90px; margin-bottom: 5px; margin-right: 30px; } }

@media (min-width: 0) and (max-width: 1019px) { .catalog-favorite__text { margin-left: 90px; margin-bottom: 5px; margin-right: 30px; } }

.catalog-favorite__art { white-space: nowrap; }

@media (min-width: 0) and (max-width: 1019px) { .catalog-favorite__art { margin-left: 90px; margin-bottom: 5px; margin-right: 30px; } }

.catalog-favorite__code { white-space: nowrap; }

@media (min-width: 0) and (max-width: 1019px) { .catalog-favorite__code { margin-left: 90px; margin-bottom: 5px; margin-right: 30px; } }

@media (min-width: 1020px) { .catalog-favorite__code { padding-right: 40px; } }

.catalog-favorite__img { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 77px; height: 77px; border: 2px solid #7d7d7d; font-size: 0; text-align: center; background: #fff; float: left; display: block; }

.catalog-favorite__img:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

.catalog-favorite__img img { max-width: 100%; display: inline-block; max-height: 100%; vertical-align: middle; }

.catalog-favorite__print { text-align: right; margin: 20px 0; font-size: 14px; }

.catalog-favorite__print .btn { background: #868686; color: #fff; border: 1px solid #868686; font: inherit; cursor: pointer; line-height: 49px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; height: 49px; margin: 0; display: inline-block; }

.catalog-favorite__print .btn:active { position: relative; top: 2px; }

.catalog-favorite__print .btn:hover { background-color: #fff; color: #868686; }

@media (min-width: 1020px) { .breadcrumbs { margin-bottom: 10px; } }

.breadcrumbs-item { font-size: 12px; }

@media (min-width: 0) and (max-width: 1019px) { .breadcrumbs-item { padding: 10px 30px 10px 10px; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; margin-bottom: -1px; position: relative; color: #8b8b8b; text-transform: uppercase; font-weight: bold; background: #fff; display: block; }
  .breadcrumbs-item:after { content: ''; width: 8px; height: 14px; background: url("/img/breadcrumb.svg") no-repeat 50% 50%; position: absolute; top: 50%; margin-top: -7px; right: 11px; } }

@media (min-width: 1020px) { .breadcrumbs-item { color: #7e7e7e; font-size: 12px; display: inline-block; margin-right: 20px; }
  .breadcrumbs-item:hover { text-decoration: underline; }
  .breadcrumbs-item:after { content: '/'; position: absolute; display: inline-block; }
  .breadcrumbs-item:last-child:after { display: none; } }

@media (min-width: 1020px) { .product .breadcrumbs { margin: 10px; } }

@media (min-width: 1020px) { .product { width: 945px; margin: 0 auto; padding-bottom: 50px; } }

@media (min-width: 1600px) { .product { width: 1160px; } }

.product-item { margin: 10px; }

.product-img { height: 370px; position: relative; }

@media (min-width: 1020px) { .product-img { width: 610px; height: 500px; float: left; overflow: hidden; } }

@media (min-width: 1600px) { .product-img { width: 820px; } }

.product-img__preview { font-size: 0; height: 100%; max-height: 465px; overflow: hidden; display: none; }

.product-img__preview:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

@media (min-width: 1020px) { .product-img__preview { display: inline-block; float: left; width: 87px; padding-left: 1px; } }

.product-img__preview-center { display: inline-block; vertical-align: middle; }

.product-img__preview-item { width: 85px; height: 85px; border: 1px solid #c7c7c7; cursor: pointer; margin: 26px 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 0; text-align: center; }

.product-img__preview-item.active { border-color: #868686; outline: 1px solid #868686; }

.product-img__preview-item:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.product-img__preview-pic { display: inline-block; vertical-align: middle; height: 100%; width: 100%; }

.product-img__preview img { display: inline-block !important; max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-img__view { height: 100%; overflow: hidden; padding-bottom: 40px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 1020px) { .product-img__view { padding-bottom: 0; margin-left: 110px; } }

@media (min-width: 0) and (max-width: 1019px) { .product-img__view .slick-arrow { margin-top: -38px; } }

.product-img__view-item { height: 100%; font-size: 0; }

.product-img__view-pic { display: block; width: 100%; height: 100%; font-size: 0; padding: 5px; text-align: center; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.product-img__view-pic:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.product-img__view-pic img { display: inline-block !important; vertical-align: middle; max-width: 100%; max-height: 100%; }

.product-img__label { position: absolute; top: -10px; left: -10px; color: #fff; overflow: hidden; text-transform: uppercase; font-size: 8px; padding: 15px 63px 30px 20px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: default; }

@media (min-width: 1020px) { .product-img__label { top: 5px; left: 115px; } }

.product-img__label:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: top left; -khtml-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: skew(-31deg, -8deg); -khtml-transform: skew(-31deg, -8deg); -moz-transform: skew(-31deg, -8deg); -ms-transform: skew(-31deg, -8deg); -o-transform: skew(-31deg, -8deg); transform: skew(-31deg, -8deg); background: #a31933; }

.product-img__label span { display: inline-block; position: relative; font-size: 8px; text-transform: uppercase; }

.product-img__label span img { display: block; margin-top: 5px; width: 101px; }

.product-info { color: #7e7e7e; font-size: 12px; }

@media (min-width: 1020px) { .product-info { float: right; position: relative; width: 295px; } }

@media (min-width: 1600px) { .product-info { width: 300px; } }

.product-info__title { font-size: 14px; text-transform: uppercase; color: #000; font-weight: bold; }

.product-info__name { font-size: 24px; text-transform: uppercase; color: #000; font-weight: bold; margin-bottom: 15px; }

.product-info__code { margin-bottom: 10px; }

.product-info__code-name { display: inline-block; min-width: 105px; }

.product-info__code-val { display: inline-block; color: #000; font-weight: 600; }

.product-info__favorite { margin-top: 25px; margin-bottom: 20px; font-size: 0; }

.product-info__favorite .btn { height: 36px; color: #7e7e7e; max-height: 36px; line-height: 36px; font-size: 11px; font-weight: 300; display: inline-block; text-align: center; padding: 0 50px 0 15px; cursor: pointer; background: #ebebeb url("/img/ico/ico-favorite_d.svg") no-repeat top 50% right 15px; }

.product-info__favorite .btn.active { color: #fff; background: #a1a1a1 url("/img/ico/ico-favorite_w.svg") no-repeat top 50% right 15px; }

.product-info__favorite .btn.loading { background-image: url("/img/ico/favload.svg"); }

.product-info__favorite .wherebuy { position: relative; display: inline-block; font-size: 11px; margin-left: 4px; }

.product-info__favorite .wherebuy.active .wherebuy__link { color: #fff; background: #a1a1a1; }

.product-info__favorite .wherebuy.active .wherebuy__link:after { border-top-color: #fff; }

.product-info__favorite .wherebuy.active .wherebuy__list { display: block; }

.product-info__favorite .wherebuy__link { height: 36px; color: #7e7e7e; max-height: 36px; line-height: 36px; font-size: 11px; font-weight: 300; text-align: center; padding: 0 50px 0 15px; cursor: pointer; background: #ebebeb; position: relative; }

.product-info__favorite .wherebuy__link:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: 9px solid transparent; border-top: 12px solid #7e7e7e; top: 12px; right: 11px; }

.product-info__favorite .wherebuy__list { position: absolute; width: 100%; top: 34px; border: 1px solid #a4a4a4; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: #fff; display: none; }

.product-info__favorite .wherebuy__item { display: block; text-align: center; font-size: 0; line-height: 36px; position: relative; }

.product-info__favorite .wherebuy__item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.product-info__favorite .wherebuy__item:hover:after { content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #7e7e7e; opacity: 0.15; }

.product-info__favorite .wherebuy__item img { display: inline-block; vertical-align: middle; max-width: 90%; max-height: 28px; }

.product-info__subtitle { font-size: 12px; text-transform: uppercase; color: #000; font-weight: bold; margin-bottom: 5px; }

.product-info__learn { margin: 30px 0 20px; }

.product-info__learn .btn { height: 36px; color: #000; font-weight: 600; line-height: 36px; font-size: 11px; text-transform: uppercase; min-width: 120px; display: inline-block; text-align: center; padding: 0 15px; cursor: pointer; background: #0f0; }

.product-info__text { line-height: 1.35; }

.product-info__list { margin: 20px 0 20px; }

.product-info__list li { margin-bottom: 5px; }

.product-info__list li span { color: #000; }

.product-info__legend { text-align: center; margin: 15px 0; font-size: 0; }

@media (min-width: 1020px) { .product-info__legend { text-align: left; } }

.product-info__legend-item { display: inline-block; width: 61px; height: 61px; vertical-align: top; margin: 0 9px 18px; position: relative; }

.product-info__legend-item img { display: block; width: 100%; height: 100%; }

.product-info__legend-item img:hover ~ .tooltip { opacity: 1; }

.product-info__legend-item .tooltip { opacity: 0; position: absolute; width: 120px; margin-left: -60px; bottom: 100%; font-size: 11px; left: 50%; color: #000; -webkit-transition: opacity 0.3s ease; -khtml-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; text-align: center; }

.product-info__legend-item .tooltip span { display: inline-block; text-align: left; position: relative; background: #fff; border-radius: 5px; padding: 5px 10px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -khtml-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); }

.product-info__legend-item .tooltip span:after { content: ''; display: block; position: absolute; border: 8px solid transparent; border-top-color: #fff; left: 50%; margin-left: -8px; bottom: -16px; }

@media (min-width: 1020px) { .product-info__legend-item { width: 83px; height: 83px; margin: 0 20px 20px 0; }
  .product-info__legend-item:nth-of-type(3n) { margin-right: 0; } }

.product-more { margin: 0 -10px; background: #ebebeb; padding: 10px 0; }

@media (min-width: 1020px) { .product-more { background: none; width: 630px; } }

@media (min-width: 1600px) { .product-more { width: 860px; } }

.product-assets { padding: 10px; width: 310px; margin: 0 auto; }

@media (min-width: 600px) { .product-assets { width: 465px; } }

@media (min-width: 1020px) { .product-assets { width: 630px; margin: 0; } }

@media (min-width: 1600px) { .product-assets { width: 840px; } }

.product-assets__title { font-size: 14px; text-transform: uppercase; font-weight: 600; color: #000; margin: 0 5px; }

@media (min-width: 1020px) { .product-assets__title { margin: 0 10px; } }

.product-assets__list { height: 155px; overflow: hidden; }

@media (min-width: 1020px) { .product-assets__list { height: 210px; } }

.product-assets__list .assets-inner { background: #fff; height: 145px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 5px; position: relative; margin: 5px; }

@media (min-width: 1020px) { .product-assets__list .assets-inner { height: 190px; margin: 10px; padding: 10px; border: 1px solid #bebebe; } }

.product-assets__list .assets-item { width: 155px; }

@media (min-width: 1020px) { .product-assets__list .assets-item { width: 210px; } }

.product-assets__list .assets-img { height: 95px; font-size: 0; margin-top: 15px; }

@media (min-width: 1020px) { .product-assets__list .assets-img { height: 120px; } }

.product-assets__list .assets-img:before { content: ''; height: 100%; vertical-align: middle; display: inline-block; }

.product-assets__list .assets-img span { vertical-align: middle; display: inline-block; max-height: 100%; width: 100%; }

.product-assets__list .assets-img img { display: block; margin: 0 auto; max-width: 100%; max-height: 95px; }

@media (min-width: 1020px) { .product-assets__list .assets-img img { max-height: 120px; } }

.product-assets__list .assets-code { font-size: 8px; font-weight: 600; color: #000; text-transform: uppercase; position: absolute; top: 10px; right: 10px; }

@media (min-width: 1020px) { .product-assets__list .assets-code { font-size: 12px; } }

.product-assets__list .assets-title { font-size: 8px; font-weight: 600; color: #000; }

@media (min-width: 1020px) { .product-assets__list .assets-title { font-size: 14px; } }

.product-assets__list .assets-text { font-size: 8px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

@media (min-width: 1020px) { .product-assets__list .assets-text { font-size: 12px; } }

.product-assets__list .assets-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }

.product-copy { color: #7e7e7e; font-size: 10px; padding: 0 20px; }

.form { font-size: 14px; text-align: left; margin-bottom: 40px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.form textarea, .form select, .form input[type=text], .form input[type=password] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: 1px solid #868686; font: inherit; padding: 0 15px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.15s ease 0s; -khtml-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; margin: 0; line-height: 48px; height: 48px; width: 270px; -webkit-box-shadow: inset 0 0 0 #fff; -khtml-box-shadow: inset 0 0 0 #fff; -moz-box-shadow: inset 0 0 0 #fff; -ms-box-shadow: inset 0 0 0 #fff; -o-box-shadow: inset 0 0 0 #fff; box-shadow: inset 0 0 0 #fff; }

.form textarea:focus, .form select:focus, .form input[type=text]:focus, .form input[type=password]:focus { border-color: #1498ff; }

.form textarea { resize: none; height: 150px; }

.form select { color: #868686; }

.form input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #868686; color: #fff; border: 1px solid #868686; font: inherit; cursor: pointer; line-height: 48px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; height: 48px; margin: 0; width: 100%; }

.form input[type=submit]:active { position: relative; top: 2px; }

.form input[type=submit]:hover { background-color: #fff; color: #868686; }

.form-title { font-size: 30px; font-weight: 600; }

.form-message { position: absolute; border: 2px solid #f06eaa; font-size: 11px; padding: 10px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; left: 50px; right: -30px; background: #fff; z-index: -1; opacity: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.form-message:before, .form-message:after { content: ''; border: 10px solid transparent; position: absolute; left: 20px; bottom: -20px; }

.form-message:before { border-top-color: #f06eaa; }

.form-message:after { border-top-color: #fff; bottom: -17px; }

.form_error .form-message { z-index: 1; opacity: 1; margin-top: -30px; }

.form-field { position: relative; margin: 15px 0; }

.form-field__label { margin: 8px 0 4px; }

.form-field__input { margin: 0; }

.form-field__message { position: absolute; border: 2px solid #f06eaa; font-size: 11px; padding: 10px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; left: 50px; right: -30px; background: #fff; z-index: -1; opacity: 0; bottom: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.form-field__message:before, .form-field__message:after { content: ''; border: 10px solid transparent; position: absolute; left: 20px; bottom: -20px; }

.form-field__message:before { border-top-color: #f06eaa; }

.form-field__message:after { border-top-color: #fff; bottom: -17px; }

.form-field.error .form-field__message { z-index: 3; opacity: 1; bottom: 30px; }

.form-field.success select { color: #000; }

.form-field_checkbox { margin: 25px 0; }

.form-field_checkbox .form-field__input { position: absolute; }

.form-field_checkbox .form-field__input input { opacity: 0; width: 20px; height: 20px; position: absolute; top: -5px; left: 0; z-index: 1; cursor: pointer; }

.form-field_checkbox .form-field__input input:checked + .checkbox-item:before { content: ''; position: absolute; display: block; width: 9px; height: 9px; background: #868686; top: 3px; left: 3px; }

.form-field_checkbox .form-field__input .checkbox-item { display: block; background: #fff; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.25s ease; -khtml-transition: border-color 0.25s ease; -moz-transition: border-color 0.25s ease; -ms-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; border: 1px solid #868686; width: 17px; height: 17px; position: absolute; top: -1px; left: 0; }

.form-field_checkbox .form-field__label { padding-left: 30px; }

.form-field_checkbox .form-field__label label { cursor: pointer; }

.form-submit { margin-top: 24px; }

.form-submit_link input[type=submit] { width: auto; min-width: 120px; margin-right: 25px; }

.form-link { text-align: center; padding: 30px 0 0; }

.form.loading input[type=submit] { color: transparent; background: #afafaf url("/img/loader.svg") no-repeat 50% 50%; background-size: 30px 30px; }

.form a { text-decoration: underline; }

.form a:hover { text-decoration: none; }

.user { margin: 40px auto 0; width: 270px; }

@media (min-width: 1020px) { .user { width: 420px; } }

.user .form-field__label { color: #888; margin: 15px 0; }

@media (min-width: 1020px) { .user .form-field__label { width: 140px; float: left; } }

.user .form-field__input input, .user .form-field__input select { text-align: center; }

@media (min-width: 1020px) { .user .form-field__input { margin-left: 155px; } }

@media (min-width: 1020px) { .user .form-field__message { margin-left: 155px; } }

.user .form-submit input { min-width: 120px; }

@media (min-width: 1020px) { .user .form-submit { text-align: right; }
  .user .form-submit input { width: auto; } }

.page404 { height: calc(100vh - 80px); min-height: 420px; color: #fff; text-align: center; background: url("/img/404m.jpg") no-repeat 85% 50%; font-size: 0; background-size: cover; }

@media (min-width: 1020px) { .page404 { height: calc(100vh - 50px); min-height: 450px; background-image: url("/img/404.jpg"); background-position: 50% 50%; } }

@media (min-width: 1600px) { .page404 { height: calc(100vh - 60px); min-height: 440px; } }

.page404:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.page404-inner { font-size: 14px; display: inline-block; max-width: 100%; vertical-align: middle; margin-bottom: 90px; }

.page404-title { font-size: 160px; font-weight: 600; line-height: 0.9; }

.page404-text { font-size: 11px; text-transform: uppercase; margin-bottom: 40px; }

.page404-btn .btn { line-height: 46px; height: 46px; padding: 0 20px; border: 1px solid #fff; display: inline-block; }

.about { height: calc(100vh - 80px); min-height: 420px; text-align: center; font-size: 0; background-size: cover; }

@media (min-width: 1020px) { .about { height: calc(100vh - 50px); min-height: 450px; }
  .about:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } }

@media (min-width: 1600px) { .about { height: calc(100vh - 60px); min-height: 440px; } }

.about-brief { padding: 20px 15px; font-size: 12px; position: relative; }

@media (min-width: 1020px) { .about-brief { font-size: 14px; display: inline-block; vertical-align: middle; width: 500px; height: 500px; padding: 0; }
  .about-brief:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } }

@media (min-width: 1020px) { .about-brief__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .about-brief__bg:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -250px; width: 100%; height: 100%; background: #fff; z-index: 3; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -khtml-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); }
  .about-brief__bg:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-top: -375px; margin-left: -375px; width: 750px; height: 750px; z-index: 1; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -khtml-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); background: #ecedee url("/img/about-0.jpg") no-repeat 50% 50%; background-size: cover; } }

@media (min-width: 1300px) { .about-brief__bg:after { width: 840px; height: 840px; margin-top: -420px; margin-left: -420px; }
  .about-brief__bg:before { width: 1120px; height: 1120px; margin-top: -560px; margin-left: -560px; } }

@media (min-width: 1020px) { .about-brief__inner { width: 375px; display: inline-block; vertical-align: middle; /*&:before{ content: ''; position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; margin-left: -250px; margin-top: -250px; background: #f00; }*/ } }

@media (min-width: 1300px) { .about-brief__inner { color: #fff; }
  .about-brief__inner:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #a31933; z-index: 3; border-radius: 50%; opacity: 1; -webkit-transition: opacity 0.3s ease; -khtml-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
  .about-brief__inner:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 830px; height: 830px; margin-left: -415px; margin-top: -415px; background: url("/img/about-misc.png") no-repeat 50% 50%; background-size: contain; z-index: 3; border-radius: 50%; opacity: 1; -webkit-transition: opacity 0.3s ease; -khtml-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
  .about-brief__inner .about-brief__logo { background-position: 0 100%; }
  .about-brief__inner:hover { color: #000; }
  .about-brief__inner:hover .about-brief__logo { background-position: 0 0; }
  .about-brief__inner:hover .about-brief__scroll i { border-top-color: #a31933; }
  .about-brief__inner:hover:before { opacity: 0; } }

.about-brief__logo { width: 146px; height: 45px; margin: 0 auto 20px; position: relative; z-index: 5; background: url("/img/logo_about-s.png") no-repeat 0 0; background-size: cover; }

@media (min-width: 1020px) { .about-brief__logo { width: 182px; height: 56px; } }

.about-brief__logo img { display: block; max-width: 100%; max-height: 100%; }

.about-brief__text { text-align: justify; position: relative; z-index: 5; }

.about-brief__text p { margin: 10px 0; }

@media (min-width: 1020px) { .about-brief__text p { margin: 10px 20px; } }

@media (min-width: 1020px) { .about-brief__text { height: 140px; overflow: hidden; cursor: pointer; -webkit-transition: height 0.3s ease; -khtml-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease; }
  .about-brief__text .mCSB_scrollTools { opacity: 0 !important; } }

.about-brief__siblings { position: absolute; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -khtml-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); box-shadow: 0 0 25px rgba(0, 0, 0, 0.7); width: 185px; height: 185px; z-index: 0; display: none; background: #fff no-repeat 50% 50%; background-size: cover; }

@media (min-width: 1020px) { .about-brief__siblings { display: block; } }

.about-brief__siblings_1 { left: -200px; top: -60px; background-image: url("/img/about-1.jpg"); }

@media (min-width: 1300px) { .about-brief__siblings_1 { left: -370px; top: -136px; z-index: 1; } }

@media (min-width: 1600px) { .about-brief__siblings_1 { width: 206px; height: 206px; left: -440px; top: -70px; z-index: 0; } }

.about-brief__siblings_2 { top: -60px; right: -220px; background-image: url("/img/about-2.jpg"); }

@media (min-width: 1300px) { .about-brief__siblings_2 { top: -139px; right: -371px; z-index: 1; } }

@media (min-width: 1600px) { .about-brief__siblings_2 { width: 250px; height: 250px; top: -139px; right: -480px; z-index: 0; } }

.about-brief__siblings_3 { width: 300px; height: 300px; bottom: -170px; left: -220px; z-index: 2; background-image: url("/img/about-3.jpg"); }

@media (min-width: 1300px) { .about-brief__siblings_3 { bottom: -151px; left: -381px; } }

@media (min-width: 1600px) { .about-brief__siblings_3 { width: 410px; height: 410px; bottom: -243px; left: -481px; z-index: 2; } }

.about-brief__siblings_4 { bottom: -115px; right: -175px; z-index: 2; background-image: url("/img/about-4.jpg"); }

@media (min-width: 1300px) { .about-brief__siblings_4 { bottom: -56px; right: -353px; } }

@media (min-width: 1600px) { .about-brief__siblings_4 { width: 360px; height: 360px; bottom: -192px; right: -528px; } }

.about-brief__scroll { text-align: center; position: relative; z-index: 5; margin: 15px auto 0; width: 40px; cursor: pointer; }

.about-brief__scroll i { display: inline-block; width: 0; height: 0; border: 17px solid transparent; border-top-color: #a31933; display: none; }

@media (min-width: 1020px) { .about-brief__scroll i { display: block; } }

@media (min-width: 1300px) { .about-brief__scroll i { border-top-color: #fff; } }

.about-brief.is-open .about-brief__inner { color: #000; }

.about-brief.is-open .about-brief__inner .about-brief__logo { background-position: 0 0; }

.about-brief.is-open .about-brief__inner:before, .about-brief.is-open .about-brief__inner:after { opacity: 0; }

.about-brief.is-open .about-brief__scroll i { border-top-color: #a31933; -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

@media (min-width: 1020px) { .about-brief.is-open .about-brief__text { height: 250px; } }

@media (min-width: 1300px) { .about-brief.is-open .about-brief__text { height: 350px; } }

.header { background: #d7d7d7; margin-left: 0; position: relative; z-index: 9; }

@media (min-width: 600px) { .header { margin-left: 260px; width: calc(100% - 260px); } }

@media (min-width: 1020px) { .header { display: table; border-collapse: collapse; } }

.header-nav { font-size: 0; width: 100%; position: relative; text-align: right; margin-bottom: 40px; }

@media (min-width: 1020px) { .header-nav { display: table-cell; margin-bottom: 0; vertical-align: top; } }

.header-nav__item { display: inline-block; height: 40px; width: 40px; vertical-align: top; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; white-space: nowrap; font-size: 0; overflow: hidden; -webkit-transition: width 0.25s ease; -khtml-transition: width 0.25s ease; -moz-transition: width 0.25s ease; -ms-transition: width 0.25s ease; -o-transition: width 0.25s ease; transition: width 0.25s ease; }

@media (min-width: 1020px) { .header-nav__item { height: 50px; width: 50px; } }

@media (min-width: 1600px) { .header-nav__item { height: 60px; width: 60px; } }

.header-nav__item .info { display: inline-block; vertical-align: top; font-size: 14px; width: 0; min-height: 100%; background: #fff; text-align: left; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; white-space: normal; }

@media (min-width: 1020px) { .header-nav__item .info { height: 50px; } }

@media (min-width: 1600px) { .header-nav__item .info { height: 60px; } }

.header-nav__item .info:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.header-nav__item .info__text { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 12px; display: inline-block; vertical-align: middle; font-size: 0; width: 97%; }

@media (min-width: 1020px) { .header-nav__item .info__text { padding: 0 6px; } }

.header-nav__item .info__text-item { overflow: hidden; margin: 0; font-size: 10px; }

@media (min-width: 1300px) { .header-nav__item .info__text-item { font-size: 12px; } }

@media (min-width: 1600px) { .header-nav__item .info__text-item { font-size: 14px; } }

.header-nav__item .info__text-item .fl-r { float: none; display: block; margin-left: 90px; }

@media (min-width: 1300px) { .header-nav__item .info__text-item { display: inline-block; vertical-align: baseline; margin-right: 10px; }
  .header-nav__item .info__text-item .fl-l, .header-nav__item .info__text-item .fl-r { display: inline-block; vertical-align: baseline; float: none; text-align: left; margin: 0; } }

.header-nav__item .info__search input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; border: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding: 10px; font: inherit; }

@media (min-width: 1020px) { .header-nav__item .info__search input { height: 50px; } }

@media (min-width: 1600px) { .header-nav__item .info__search input { height: 60px; } }

@media (min-width: 1020px) { .header-nav__item .info { width: calc(100% - 50px); } }

@media (min-width: 1600px) { .header-nav__item .info { width: calc(100% - 60px); } }

.header-nav__item .ico { width: 40px; height: 100%; display: inline-block; vertical-align: top; background-color: #d7d7d7; -webkit-transition: all 0.15s ease 0s; -khtml-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; background-repeat: no-repeat; background-position: 50% 50%; position: relative; }

.header-nav__item .ico:hover { background-color: #ededed; }

@media (min-width: 1020px) { .header-nav__item .ico { width: 50px; } }

@media (min-width: 1600px) { .header-nav__item .ico { width: 60px; } }

.header-nav__item.active .ico { background: #7d7e7e; }

.header-nav__item.active .info { width: 100%; top: 100%; position: absolute; left: 0; }

@media (min-width: 1020px) { .header-nav__item.active .info { position: static; width: calc(100% - 50px); } }

@media (min-width: 1600px) { .header-nav__item.active .info { width: calc(100% - 60px); } }

@media (min-width: 1020px) { .header-nav__item.active { width: calc(100% - 153px); } }

@media (min-width: 1600px) { .header-nav__item.active { width: calc(100% - 183px); } }

.header-nav__item_handler { border-right: 1px solid #fff; }

@media (min-width: 600px) { .header-nav__item_handler { display: none; } }

.header-nav__item_handler .ico i { width: 14px; height: 2px; background: #000; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -7px; -webkit-transition: all 0.15s ease 0s; -khtml-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; }

.header-nav__item_handler .ico i:before, .header-nav__item_handler .ico i:after { content: ''; display: block; width: 14px; height: 2px; background: #000; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; position: absolute; margin-top: -1px; left: 50%; margin-left: -7px; -webkit-transition: all 0.15s ease 0s; -khtml-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; }

.header-nav__item_handler .ico i:before { top: -3px; }

.header-nav__item_handler .ico i:after { bottom: -4px; }

._show-aside .header-nav__item_handler .ico i { width: 2px; margin-left: -1px; }

._show-aside .header-nav__item_handler .ico i:before, ._show-aside .header-nav__item_handler .ico i:after { width: 18px; margin-left: -9px; }

._show-aside .header-nav__item_handler .ico i:before { top: 1px; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

._show-aside .header-nav__item_handler .ico i:after { bottom: 0; -webkit-transform: rotate(135deg); -khtml-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.header-nav__item_logo { width: calc(100% - 206px); margin-right: 1px; }

@media (min-width: 600px) { .header-nav__item_logo { width: calc(100% - 165px); } }

@media (min-width: 1020px) { .header-nav__item_logo { width: calc(100% - 205px); } }

@media (min-width: 1600px) { .header-nav__item_logo { width: 130px; border-left: none; border-right: 1px solid #fff; }
  .header-nav__item_logo .ico { background-size: auto 30px !important; } }

.header-nav__item_logo .ico { width: 100%; background-image: url("/img/logo_b.svg"); background-size: auto 18px; }

.header-nav__item_phone { display: none; border-left: 1px solid #fff; margin-left: -1px; }

.header-nav__item_phone .ico:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-position: 0 0; }

.header-nav__item_phone.active .ico:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-position: 0 -16px; }

@media (min-width: 600px) { .header-nav__item_phone { display: inline-block; } }

@media (min-width: 1600px) { .header-nav__item_phone { width: auto !important; border: 0; float: left; padding-left: 50px; }
  .header-nav__item_phone .info { background: none; width: auto !important; white-space: nowrap; }
  .header-nav__item_phone .info__text:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-position: 0 0; position: relative; top: 2px; left: -6px; }
  .header-nav__item_phone .ico { display: none !important; } }

.header-nav__item_location { border-left: 1px solid #fff; margin-left: -1px; }

.header-nav__item_location .ico:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 10px; height: 16px; margin-left: -5px; margin-top: -8px; background-position: -16px 0; }

.header-nav__item_location.active .ico:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 10px; height: 16px; margin-left: -5px; margin-top: -8px; background-position: -16px -16px; }

@media (min-width: 1600px) { .header-nav__item_location { border: 0; } }

.header-nav__item_search { border-left: 1px solid #fff; }

.header-nav__item_search .info:before { display: none; }

.header-nav__item_search .ico:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-position: -26px 0; }

.header-nav__item_search.active .ico:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-position: -26px -16px; }

@media (min-width: 1600px) { .header-nav__item_search.active { width: 390px !important; border: 0; } }

.header-nav__item_fav { border-left: 1px solid #fff; }

.header-nav__item_fav .ico:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 18px; height: 16px; margin-left: -9px; margin-top: -8px; background-position: -42px 0; }

.header-nav__item_fav.active { width: 40px; }

@media (min-width: 1020px) { .header-nav__item_fav.active { width: 50px; } }

@media (min-width: 1600px) { .header-nav__item_fav.active { width: 60px; } }

.header-nav__item_fav.active .ico:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 18px; height: 16px; margin-left: -9px; margin-top: -8px; background-position: -42px -16px; }

.header-nav__item_user { border-left: 1px solid #fff; }

.header-nav__item_user .ico:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 20px; height: 16px; margin-left: -10px; margin-top: -8px; background-position: -60px 0; }

.header-nav__item_user.active { width: 40px; }

@media (min-width: 1020px) { .header-nav__item_user.active { width: 50px; } }

@media (min-width: 1600px) { .header-nav__item_user.active { width: 60px; } }

.header-nav__item_user.active .ico:before { content: ''; background: url("/img/ico/menu-sprite.svg") no-repeat 0 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 20px; height: 16px; margin-left: -10px; margin-top: -8px; background-position: -60px -16px; }

@media (min-width: 1020px) { .header-nav.is-opened .header-nav__item_logo { display: none; } }

.header-menu { font-size: 0; /*overflow: hidden;*/ width: 100%; white-space: nowrap; position: absolute; top: 40px; border-bottom: 1px solid #d7d7d7; }

@media (min-width: 1020px) { .header-menu { width: 100px; display: table-cell; position: static; vertical-align: top; border-bottom: 0; } }

.header-menu__item { display: inline-block; background-color: #fff; font-size: 10px; width: 25%; /*width: 33.33333%;*/ line-height: 40px; height: 40px; padding: 0 10px; color: #000; text-decoration: none !important; text-transform: uppercase; text-align: center; -webkit-transition: all 0.15s ease 0s; -khtml-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #d7d7d7; }

@media (min-width: 1020px) { .header-menu__item { width: auto; background-color: #d7d7d7; line-height: 50px; height: 50px; font-size: 14px; padding: 0 18px; } }

@media (min-width: 1600px) { .header-menu__item { line-height: 60px; height: 60px; padding: 0 20px; } }

.header-menu__item._active, .header-menu__item.active, .header-menu__item:hover { color: #fff; }

.header-menu__item_hit._active, .header-menu__item_hit.active, .header-menu__item_hit:hover { background-color: #0087ba; }

.header-menu__item_nov { border-right: 1px solid #d7d7d7; }

.header-menu__item_nov._active, .header-menu__item_nov.active, .header-menu__item_nov:hover { background-color: #d98a00; }

.header-menu__item_act { border-right-color: transparent; }

.header-menu__item_act._active, .header-menu__item_act.active, .header-menu__item_act:hover, .header-menu__item_shop:hover { background-color: #ab143a; }

.header-menu__item_act { border-right: 1px solid #d7d7d7; }

.header-menu__item_shop { position: relative; cursor: pointer; }

.header-menu__submenu {
  position: absolute;
  background: #fff;
  width: 100%;
  top: 100%;
  padding: 0;
  margin: 0;
  z-index: 10;
  display: none;
  left: 0;
}
.header-menu__item_shop:hover .header-menu__submenu{
  display: block;
}
.header-menu__submenu_item{
  margin: 0;
  padding: 5px;
  display: block;
  border-bottom: 1px solid #ccc;
}
.header-menu__submenu_item:last-child{
  border-bottom: none;
}
.header-menu__submenu_item:hover{
  background-color: #ab143a;
}
.header-menu__submenu_item a{
  height: 25px;
  display: block;
  outline: none;
  border:none;
  font-size: 0px;
  line-height: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 70% 50%;
}
.header-menu__submenu_item-wb a{
  background-image: url("/img/shops/wb.svg");
}
.header-menu__submenu_item-ozon a{
  background-image: url("/img/shops/ozon.svg");
}
.header-menu__submenu_item-ya a{
  background-image: url("/img/shops/ya.svg");
}
.header-menu__submenu_item-sber a{
  background-image: url("/img/shops/sber.svg");
}
.header-menu__submenu_item:hover.header-menu__submenu_item-wb a{
  background-image: url("/img/shops/wb_hover.svg");
}
.header-menu__submenu_item:hover.header-menu__submenu_item-ozon a{
  background-image: url("/img/shops/ozon_hover.svg");
}
.header-menu__submenu_item:hover.header-menu__submenu_item-ya a{
  background-image: url("/img/shops/ya_hover.svg");
}
.header-menu__submenu_item:hover.header-menu__submenu_item-sber a{
  background-image: url("/img/shops/sber_hover.svg");
}

@media (min-width: 1020px) { .header-menu__item_act { border-right-color: #fff; /*margin-right: -1px;*/ } }

@media (min-width: 1020px) { .header-menu__item { border-right-color: #fff; } }

@media (min-width: 600px) and (max-width: 1299px) { .wrapper_compact .header { margin-left: 60px; width: calc(100% - 60px); } }

.aside { position: absolute; width: 100%; top: 40px; left: -100%; bottom: 0; background: #fff; -webkit-transition: left 0.3s ease; -khtml-transition: left 0.3s ease; -moz-transition: left 0.3s ease; -ms-transition: left 0.3s ease; -o-transition: left 0.3s ease; transition: left 0.3s ease; overflow: hidden; font-size: 0; padding-bottom: 100px; z-index: 10; }

._show-aside .aside { left: 0; }

@media (min-width: 600px) { .aside { width: 260px; left: 0; top: 0; }
  .aside:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } }

.aside-middle { font-size: 14px; display: inline-block; width: 100%; vertical-align: top; }

@media (min-width: 600px) { .aside-middle { vertical-align: middle; } }

.aside-logo { text-align: center; display: none; width: 100%; -webkit-transition: width 0.4s ease; -khtml-transition: width 0.4s ease; -moz-transition: width 0.4s ease; -ms-transition: width 0.4s ease; -o-transition: width 0.4s ease; transition: width 0.4s ease; }

@media (min-width: 600px) { .aside-logo { display: block; } }

.aside-logo .logo { width: 120px; height: 40px; margin-bottom: 40px; margin-top: 100px; display: inline-block; background: url("/img/logo.svg") no-repeat 0 50%; background-size: 118px 36px; -webkit-transition: width 0.4s ease; -khtml-transition: width 0.4s ease; -moz-transition: width 0.4s ease; -ms-transition: width 0.4s ease; -o-transition: width 0.4s ease; transition: width 0.4s ease; }

@media screen and (max-height: 560px) { .aside-logo .logo { margin-top: 20px; } }

.aside-nav__item_knives { color: #2c3780; }

.aside-nav__item_cutlery { color: #d34536; }

.aside-nav__item_kettles { color: #b3a000; }

.aside-nav__item_kitchen { color: #006f83; }

.aside-nav__item_accessories { color: #37b27a; }

.aside-nav__item_children { color: #8560a8; }

.aside-nav__item_dishes { color: #822562; }

.aside-nav__item_cleaning { color: #463546; }

.aside-nav__item_bakery { color: #e7a900; }

.aside-nav__item_about { margin: 15px 0; color: #d7d7d7; }

.aside-nav__item-inner { cursor: pointer; position: relative; display: block; padding: 13px 15px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.4s ease; -khtml-transition: background-color 0.4s ease; -moz-transition: background-color 0.4s ease; -ms-transition: background-color 0.4s ease; -o-transition: background-color 0.4s ease; transition: background-color 0.4s ease; }

.aside-nav__item-inner .ico { opacity: 0; width: 32px; height: 32px; display: block; position: absolute; top: 50%; margin-top: -16px; left: 20px; margin-left: -16px; -webkit-transition: opacity 0.4s ease; -khtml-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }

@media (min-width: 600px) { .aside-nav__item-inner .ico { left: 30px; } }

.aside-nav__item-inner .name { color: #000; white-space: nowrap; text-transform: uppercase; -webkit-transition: opacity 0.25s ease; -khtml-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -ms-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }

.aside-nav__item-inner._active, .aside-nav__item-inner:hover { background-color: currentColor; }

.aside-nav__item-inner._active .name, .aside-nav__item-inner:hover .name { color: #fff; }

.aside-nav__item-submenu { position: absolute; top: 0; left: 100%; bottom: 0; background-color: transparent; width: 100%; -webkit-transition: left 0.4s ease, background-color 0.4s ease, opacity 0.4s ease; -khtml-transition: left 0.4s ease, background-color 0.4s ease, opacity 0.4s ease; -moz-transition: left 0.4s ease, background-color 0.4s ease, opacity 0.4s ease; -ms-transition: left 0.4s ease, background-color 0.4s ease, opacity 0.4s ease; -o-transition: left 0.4s ease, background-color 0.4s ease, opacity 0.4s ease; transition: left 0.4s ease, background-color 0.4s ease, opacity 0.4s ease; z-index: 1; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 0; }

@media (min-width: 600px) { .aside-nav__item-submenu { width: 200px; } }

.aside-nav__item-submenu:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.aside-nav__item.hover, .aside-nav__item.active { background-color: currentColor; }

.aside-nav__item.hover .name, .aside-nav__item.active .name { color: #fff; }

.aside-parts { white-space: nowrap; font-size: 0; text-align: center; position: absolute; bottom: 65px; left: 0; width: 100%; }

.aside-parts__item { display: inline-block; vertical-align: top; margin: 0 5px; width: 65px; height: 33px; }

.aside-parts__item img { width: 100%; height: 100%; }

.aside-soc { position: absolute; bottom: 0; left: 0; width: 100%; background: #d7d7d7; font-size: 0; padding: 10px 0 20px; text-align: center; -webkit-transition: width 0.4s ease; -khtml-transition: width 0.4s ease; -moz-transition: width 0.4s ease; -ms-transition: width 0.4s ease; -o-transition: width 0.4s ease; transition: width 0.4s ease; }

.aside-soc__item { width: 18px; height: 18px; margin: 4px; display: inline-block; opacity: 0.4; background: no-repeat 50% 50%; background-size: contain; }

.aside-soc__item:hover { opacity: .8; }

.aside-soc__item_fb { background-image: url("/img/ico/ico-facebook.svg"); }

.aside-soc__item_vk { background-image: url("/img/ico/ico-vk.svg"); }

.aside-soc__item_ig { background-image: url("/img/ico/ico-instagram.svg"); }

.aside.aside_open .aside-logo, .aside.compact .aside-logo { width: 40px; }

.aside.aside_open .aside-logo .logo, .aside.compact .aside-logo .logo { width: 35px; }

@media (min-width: 600px) { .aside.aside_open .aside-logo, .aside.compact .aside-logo { width: 60px; } }

.aside.aside_open .aside-nav__item-submenu, .aside.compact .aside-nav__item-submenu { left: 40px; }

@media (min-width: 600px) { .aside.aside_open .aside-nav__item-submenu, .aside.compact .aside-nav__item-submenu { left: 60px; } }

.aside.aside_open .aside-nav__item .name, .aside.compact .aside-nav__item .name { opacity: 0; }

.aside.aside_open .aside-nav__item .ico, .aside.compact .aside-nav__item .ico { opacity: 1; }

.aside.aside_open .aside-nav__item .ico_b, .aside.compact .aside-nav__item .ico_b { opacity: 0.5; }

.aside.aside_open .aside-nav__item .ico_w, .aside.compact .aside-nav__item .ico_w { opacity: 0; }

.aside.aside_open .aside-nav__item_about .ico_b, .aside.compact .aside-nav__item_about .ico_b { opacity: 1; }

.aside.aside_open .aside-nav__item-inner._active .ico_b, .aside.aside_open .aside-nav__item:hover .ico_b, .aside.aside_open .aside-nav__item.active .ico_b, .aside.aside_open .aside-nav__item.hover .ico_b, .aside.compact .aside-nav__item-inner._active .ico_b, .aside.compact .aside-nav__item:hover .ico_b, .aside.compact .aside-nav__item.active .ico_b, .aside.compact .aside-nav__item.hover .ico_b { opacity: 0; }

.aside.aside_open .aside-nav__item-inner._active .ico_w, .aside.aside_open .aside-nav__item:hover .ico_w, .aside.aside_open .aside-nav__item.active .ico_w, .aside.aside_open .aside-nav__item.hover .ico_w, .aside.compact .aside-nav__item-inner._active .ico_w, .aside.compact .aside-nav__item:hover .ico_w, .aside.compact .aside-nav__item.active .ico_w, .aside.compact .aside-nav__item.hover .ico_w { opacity: 1; }

.aside.aside_open .aside-nav__item.active .aside-nav__item-submenu, .aside.compact .aside-nav__item.active .aside-nav__item-submenu { z-index: 2; background-color: currentColor; }

.aside.aside_open .aside-nav__item.active .aside-nav__item-submenu .submenu, .aside.compact .aside-nav__item.active .aside-nav__item-submenu .submenu { opacity: 1; -webkit-transition: opacity 0.4s ease; -khtml-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }

.aside.aside_open .aside-nav__item.hover .aside-nav__item-submenu, .aside.compact .aside-nav__item.hover .aside-nav__item-submenu { z-index: 3 !important; background-color: currentColor; }

.aside.aside_open .aside-nav__item.hover .aside-nav__item-submenu .submenu, .aside.compact .aside-nav__item.hover .aside-nav__item-submenu .submenu { opacity: 1; -webkit-transition: opacity 0.4s ease; -khtml-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }

.aside.aside_open .aside-parts, .aside.compact .aside-parts { opacity: 0; }

.aside.aside_open .aside-soc, .aside.compact .aside-soc { width: 40px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 600px) { .aside.aside_open .aside-soc, .aside.compact .aside-soc { width: 60px; padding-right: 10px; padding-left: 10px; } }

@media (min-width: 600px) and (max-width: 1299px) { .wrapper_compact .aside { width: 60px; }
  .wrapper_compact .aside.compact { width: 260px; }
  .wrapper_compact .aside .aside-logo { width: 60px; }
  .wrapper_compact .aside .aside-logo .logo { width: 35px; }
  .wrapper_compact .aside .aside-nav__item-submenu { left: 40px; } }

@media (min-width: 600px) and (max-width: 1299px) and (min-width: 600px) { .wrapper_compact .aside .aside-nav__item-submenu { left: 60px; } }

@media (min-width: 600px) and (max-width: 1299px) { .wrapper_compact .aside .aside-nav__item .name { opacity: 0; }
  .wrapper_compact .aside .aside-nav__item .ico { opacity: 1; }
  .wrapper_compact .aside .aside-nav__item .ico_b { opacity: 0.5; }
  .wrapper_compact .aside .aside-nav__item .ico_w { opacity: 0; }
  .wrapper_compact .aside .aside-nav__item_about .ico_b { opacity: 1; }
  .wrapper_compact .aside .aside-nav__item-inner._active .ico_b, .wrapper_compact .aside .aside-nav__item:hover .ico_b, .wrapper_compact .aside .aside-nav__item.active .ico_b, .wrapper_compact .aside .aside-nav__item.hover .ico_b { opacity: 0; }
  .wrapper_compact .aside .aside-nav__item-inner._active .ico_w, .wrapper_compact .aside .aside-nav__item:hover .ico_w, .wrapper_compact .aside .aside-nav__item.active .ico_w, .wrapper_compact .aside .aside-nav__item.hover .ico_w { opacity: 1; }
  .wrapper_compact .aside .aside-nav__item.hover .aside-nav__item-submenu, .wrapper_compact .aside .aside-nav__item.active .aside-nav__item-submenu { z-index: 2; background-color: currentColor; }
  .wrapper_compact .aside .aside-soc { width: 60px; padding-right: 10px; padding-left: 10px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } }

.aside.hovering .aside-nav__item.active .aside-nav__item-submenu { opacity: 0 !important; }

.aside.hovering .aside-nav__item.hover .aside-nav__item-submenu { opacity: 1 !important; }

.submenu { width: 100%; font-size: 14px; text-transform: uppercase; display: inline-block; vertical-align: middle; color: #fff; position: relative; padding: 25px 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; max-height: 100%; opacity: 0; -webkit-transition: opacity 0.4s ease; -khtml-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }

.submenu-close { position: absolute; height: 20px; width: 20px; background-color: #f00; top: 15px; right: 15px; cursor: pointer; }

.submenu-group.open { display: block; }

.submenu-group.open .submenu-title:after { -webkit-transform: rotate(90deg); -khtml-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; margin: 1px 7px; }

.submenu-group.open .submenu-list { display: block; }

.submenu-title { cursor: pointer; padding: 13px 32px 13px 25px; display: block; color: #fff; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; font-weight: 500; position: relative; -webkit-transition: color 0.2s ease; -khtml-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; }

.submenu-title:after { content: ''; display: inline-block; border: 4px solid transparent; border-left: 5px solid #fff; margin: 3px 7px; vertical-align: middle; opacity: 1; -webkit-transition: all 0.15s ease 0s; -khtml-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; position: absolute; bottom: 14px; display: none; }

.submenu-title:hover, .submenu-title._active { background: rgba(0, 0, 0, 0.3); }

.submenu-list { display: none; padding: 25px 0; }

.submenu-item { display: block; padding: 7px 15px 7px 25px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; overflow: hidden; text-overflow: ellipsis; }

.submenu-item:hover, .submenu-item._active { background: rgba(0, 0, 0, 0.3); }

.submenu-input { display: block; position: relative; padding: 7px 15px 7px 25px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }

.submenu-input input { opacity: 0; width: 10px; height: 10px; top: 0; left: 0; position: absolute; cursor: pointer; }

.submenu-input input:checked ~ span:after { opacity: 1; }

.submenu-input input:checked ~ i { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }

.submenu-input span { display: block; position: relative; padding-left: 20px; z-index: 1; }

.submenu-input span:before { content: ''; display: block; width: 11px; height: 11px; border: 2px solid white; position: absolute; top: 0; left: 0; }

.submenu-input span:after { content: ''; display: block; position: absolute; width: 11px; height: 11px; top: 2px; left: 2px; background: url("/img/nav/checkbox.svg") no-repeat 50% 50%; background-size: 90%; opacity: 0; }

.submenu-input:hover span:after { opacity: 0.5; }

.submenu_inner .submenu-title:after { border-left: 5px solid #fff; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }

.mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; min-height: 100%; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 5px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }

.mCSB_outside + .mCSB_scrollTools { right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 5px; height: 100%; margin: 0 auto; }

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; height: 100%; margin: 0 auto; text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 5px; top: auto; right: 0; bottom: 0; left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/*  ---------------------------------------- 6.1 THEMES  ---------------------------------------- */
/* default theme ("light") */
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #cccccc; opacity: 0.2; -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -webkit-transition: opacity 0.3s ease; -khtml-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar:before { background-color: #cccccc; opacity: 1; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar:before, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar:before { background-color: #cccccc; opacity: 1; }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -webkit-opacity: 0.4; -khtml-opacity: 0.4; -moz-opacity: 0.4; -ms-opacity: 0.4; -o-opacity: 0.4; opacity: 0.4; }

.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /*  sprites locations  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ }

.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /*  sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ }

.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /*  sprites locations  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ }

.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /*  sprites locations  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ }

.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { filter: alpha(opacity=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -webkit-opacity: 0.75; -khtml-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; }

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; -webkit-opacity: 0.9; -khtml-opacity: 0.9; -moz-opacity: 0.9; -ms-opacity: 0.9; -o-opacity: 0.9; opacity: 0.9; }

.popup { display: none; color: #343434; font-size: 0; }

.popup-inner { height: 100%; left: 0; overflow: auto; position: fixed; text-align: center; top: 0; white-space: nowrap; width: 100%; z-index: 102; }

.popup-inner:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.popup-layout { background-color: white; box-sizing: border-box; display: inline-block; margin: 0 auto; padding: 35px 0; position: relative; vertical-align: middle; white-space: normal; width: 100%; max-width: 400px; z-index: 102; }

.popup-close { width: 35px; height: 35px; position: absolute; cursor: pointer; background: #ddd; top: 10px; right: 10px; background: url("/img/close.svg") no-repeat 50% 50%; }

.popup-close:hover { filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -webkit-opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; -ms-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; }

.popup-overlay { background-color: #727272; background-color: rgba(0, 0, 0, 0.7); display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 101; }

.popup-form { width: 270px; margin: 0 auto; position: relative; padding: 20px 0; }

.popup_browser { font-size: 14px; }

.popup_browser .popup-layout { padding: 30px; }

.popup_browser .browser-detect__subtitle { font-size: 20px; font-weight: 600; margin-bottom: 15px; }

.popup_browser .browser-detect__message { margin-bottom: 10px; }

.popup_browser .browser-detect__browsers a { display: inline-block; width: 20%; vertical-align: top; }

.popup_browser .browser-detect__browsers a img { display: block; max-width: 100%; }

.xdsoft_autocomplete, .xdsoft_autocomplete div, .xdsoft_autocomplete span { /*	-moz-box-sizing: border-box !important; box-sizing: border-box !important;*/ }

.xdsoft_autocomplete { display: inline; position: relative; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; text-align: start; }

.xdsoft_autocomplete_dropdown { position: absolute; border: 1px solid #ccc; border-top-color: #d9d9d9; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); cursor: default; display: none; z-index: 1001; margin-top: -1px; background-color: #fff; min-width: 100%; overflow: auto; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; max-height: 250px !important; }

.xdsoft_autocomplete_dropdown > .xdsoft_autocomplete_copyright { color: #ddd; font-size: 10px; text-decoration: none; right: 5px; position: absolute; margin-top: -15px; z-index: 1002; }

.xdsoft_autocomplete_dropdown > div { background: #fff; white-space: nowrap; cursor: pointer; line-height: 1.5em; padding: 12px 0; }

.xdsoft_autocomplete_dropdown > div.active { background: #0097CF; color: #FFFFFF; }

.xdsoft_autocomplete_hint { position: absolute; z-index: 1; color: #ccc !important; -webkit-text-fill-color: #ccc !important; text-fill-color: #ccc  !important; overflow: hidden !important; white-space: pre  !important; }

.xdsoft_autocomplete_hint span { color: transparent; opacity: 0.0; }

.xdsoft_input { position: relative; z-index: 2; }

/*# sourceMappingURL=style.css.map */