@charset "UTF-8";
@font-face {
  font-family: "svgicons";
  src: url("../fonts/svgicons/svgicons.eot?ts=1627545572628");
  src: url("../fonts/svgicons/svgicons.eot?ts=1627545572628#iefix") format("eot"), url("../fonts/svgicons/svgicons.woff2?ts=1627545572628") format("woff2"), url("../fonts/svgicons/svgicons.woff?ts=1627545572628") format("woff"), url("../fonts/svgicons/svgicons.ttf?ts=1627545572628") format("truetype"), url("../fonts/svgicons/svgicons.svg?ts=1627545572628#svgicons") format("svg"); }

.sif, .sif-arrow_down, .sif-arrow_right, .sif-arrow_up, .sif-calculator, .sif-caret_left, .sif-caret_right, .sif-cash-register-solid, .sif-check, .sif-close, .sif-credit_card, .sif-download, .sif-facebook, .sif-hidden, .sif-history-solid, .sif-instagram, .sif-list, .sif-menu, .sif-minus, .sif-o-facebook, .sif-o-instagram, .sif-o-ok, .sif-o-telegram, .sif-o-twitter, .sif-o-vk, .sif-o-youtube, .sif-odnoklassniki, .sif-order, .sif-phone, .sif-pin, .sif-plate, .sif-play-circle, .sif-play, .sif-plus, .sif-question, .sif-search, .sif-shopping_cart, .sif-sign-out-alt-solid, .sif-skype, .sif-suitcase-solid, .sif-trash, .sif-truck, .sif-twitter, .sif-undo, .sif-user, .sif-visible, .sif-vk, .sif-youtube {
  font-family: "svgicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal; }

.sif, .sif-arrow_down, .sif-arrow_right, .sif-arrow_up, .sif-calculator, .sif-caret_left, .sif-caret_right, .sif-cash-register-solid, .sif-check, .sif-close, .sif-credit_card, .sif-download, .sif-facebook, .sif-hidden, .sif-history-solid, .sif-instagram, .sif-list, .sif-menu, .sif-minus, .sif-o-facebook, .sif-o-instagram, .sif-o-ok, .sif-o-telegram, .sif-o-twitter, .sif-o-vk, .sif-o-youtube, .sif-odnoklassniki, .sif-order, .sif-phone, .sif-pin, .sif-plate, .sif-play-circle, .sif-play, .sif-plus, .sif-question, .sif-search, .sif-shopping_cart, .sif-sign-out-alt-solid, .sif-skype, .sif-suitcase-solid, .sif-trash, .sif-truck, .sif-twitter, .sif-undo, .sif-user, .sif-visible, .sif-vk, .sif-youtube, .sif-bottom {
  vertical-align: bottom; }

.sif-top {
  vertical-align: top; }

.sif-arrow_down:before, .sif-arrow_right:before, .sif-arrow_up:before, .sif-calculator:before, .sif-caret_left:before, .sif-caret_right:before, .sif-cash-register-solid:before, .sif-check:before, .sif-close:before, .sif-credit_card:before, .sif-download:before, .sif-facebook:before, .sif-hidden:before, .sif-history-solid:before, .sif-instagram:before, .sif-list:before, .sif-menu:before, .sif-minus:before, .sif-o-facebook:before, .sif-o-instagram:before, .sif-o-ok:before, .sif-o-telegram:before, .sif-o-twitter:before, .sif-o-vk:before, .sif-o-youtube:before, .sif-odnoklassniki:before, .sif-order:before, .sif-phone:before, .sif-pin:before, .sif-plate:before, .sif-play-circle:before, .sif-play:before, .sif-plus:before, .sif-question:before, .sif-search:before, .sif-shopping_cart:before, .sif-sign-out-alt-solid:before, .sif-skype:before, .sif-suitcase-solid:before, .sif-trash:before, .sif-truck:before, .sif-twitter:before, .sif-undo:before, .sif-user:before, .sif-visible:before, .sif-vk:before, .sif-youtube:before {
  font-family: "svgicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none; }

.sif-arrow_down:before {
  content: ""; }

.sif-arrow_right:before {
  content: ""; }

.sif-arrow_up:before {
  content: ""; }

.sif-calculator:before {
  content: ""; }

.sif-caret_left:before {
  content: ""; }

.sif-caret_right:before {
  content: ""; }

.sif-cash-register-solid:before {
  content: ""; }

.sif-check:before {
  content: ""; }

.sif-close:before {
  content: ""; }

.sif-credit_card:before {
  content: ""; }

.sif-download:before {
  content: ""; }

.sif-facebook:before {
  content: ""; }

.sif-hidden:before {
  content: ""; }

.sif-history-solid:before {
  content: ""; }

.sif-instagram:before {
  content: ""; }

.sif-list:before {
  content: ""; }

.sif-menu:before {
  content: ""; }

.sif-minus:before {
  content: ""; }

.sif-o-facebook:before {
  content: ""; }

.sif-o-instagram:before {
  content: ""; }

.sif-o-ok:before {
  content: ""; }

.sif-o-telegram:before {
  content: ""; }

.sif-o-twitter:before {
  content: ""; }

.sif-o-vk:before {
  content: ""; }

.sif-o-youtube:before {
  content: ""; }

.sif-odnoklassniki:before {
  content: ""; }

.sif-order:before {
  content: ""; }

.sif-phone:before {
  content: ""; }

.sif-pin:before {
  content: ""; }

.sif-plate:before {
  content: ""; }

.sif-play-circle:before {
  content: ""; }

.sif-play:before {
  content: ""; }

.sif-plus:before {
  content: ""; }

.sif-question:before {
  content: ""; }

.sif-search:before {
  content: ""; }

.sif-shopping_cart:before {
  content: ""; }

.sif-sign-out-alt-solid:before {
  content: ""; }

.sif-skype:before {
  content: ""; }

.sif-suitcase-solid:before {
  content: ""; }

.sif-trash:before {
  content: ""; }

.sif-truck:before {
  content: ""; }

.sif-twitter:before {
  content: ""; }

.sif-undo:before {
  content: ""; }

.sif-user:before {
  content: ""; }

.sif-visible:before {
  content: ""; }

.sif-vk:before {
  content: ""; }

.sif-youtube:before {
  content: ""; }

.root {
  width: 100%;
  overflow: hidden;
  max-width: 100%;
  min-height: 100vh;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .root__header {
    z-index: 900;
    position: relative; }
  .root__main {
    -ms-flex-positive: 1;
        flex-grow: 1; }

.white-section {
  background: #fff;
  position: relative; }
  .white-section:after, .white-section:before {
    left: calc(50% - 450px);
    z-index: 1;
    content: '';
    width: 901px;
    height: 554px;
    position: absolute;
    background: url("../images/index_bg.svg") 50% 50% no-repeat;
    background-size: cover; }
  .white-section:before {
    top: 0; }
  .white-section:after {
    display: none; }
  .white-section .container {
    z-index: 10;
    position: relative; }
  @media (min-width: 992px) {
    .white-section:after, .white-section:before {
      width: 1920px;
      height: 1181px;
      background-size: auto auto;
      background-position: 50% 0; }
    .white-section:before {
      top: -200px; }
    .white-section:after {
      display: block;
      bottom: 0;
      height: 750px; } }

.gray-section {
  padding-top: 48px;
  padding-bottom: 28px;
  background: #F8F8F8; }
  @media (min-width: 768px) {
    .gray-section {
      padding-bottom: 78px; } }

.slider-box {
  z-index: 30;
  width: 100%;
  min-height: 1px;
  position: relative; }
  .slider-box:after, .slider-box:before {
    top: 0;
    bottom: 0;
    z-index: 20;
    content: '';
    width: 2000px;
    background: #fff;
    position: absolute; }
  .slider-box:after {
    left: 100%; }
  .slider-box:before {
    right: 100%; }
  .slider-box .swiper-slide {
    width: 128px; }
  .slider-box .swiper-container {
    overflow: visible; }
  @media (min-width: 768px) {
    .slider-box .swiper-slide {
      width: 218px; } }

.slider-nav {
  z-index: 50;
  display: none;
  padding-top: 10px;
  position: relative;
  font-size: 1rem;
  line-height: 1.25rem; }
  .slider-nav__button {
    color: #325998;
    outline: none;
    cursor: pointer;
    margin-right: 20px;
    display: inline-block; }
    .slider-nav__button.swiper-button-disabled {
      color: #F8F8F8; }
  .slider-nav__link {
    color: #325998;
    white-space: nowrap;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.25rem; }
    .slider-nav__link:hover {
      color: #EC6828; }
  @media (min-width: 992px) {
    .slider-nav {
      display: block; } }

.root-main {
  z-index: 1;
  overflow: hidden;
  position: relative; }
  .root-main-top:before {
    left: 0;
    width: 100%;
    top: -120px;
    z-index: 1;
    content: '';
    opacity: 0.5;
    height: 600px;
    position: absolute;
    background-image: url("../images/page_bg__top.svg");
    background-position: 30% 0;
    background-size: auto 100%; }
  .root-main__content {
    z-index: 10;
    position: relative;
    padding-top: 16px;
    padding-bottom: 40px; }
  .root-main__header {
    margin-bottom: 22px; }
    .root-main__header_content {
      padding-top: 22px; }
  .root-main__centered {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .root-main__centered__content {
      margin: auto 0; }
  @media (min-width: 768px) {
    .root-main-top:before {
      top: -35px;
      background-position: 50% 0; }
    .root-main__content {
      padding-top: 5px; }
    .root-main__header {
      margin-bottom: 32px; } }
  @media (min-width: 992px) {
    .root-main-top:before {
      width: 2756px;
      height: 1180px;
      top: -455px;
      left: calc(50% - 1380px);
      background-position: 50% 50%;
      background-size: cover; }
    .root-main__header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .root-main__header_content {
        padding-top: 0; }
    .root-main__content {
      padding-top: 24px; }
    .root-main__row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .root-main__aside {
      z-index: 100;
      width: 184px;
      display: block;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      min-height: 1px;
      position: relative; }
    .root-main__major {
      min-height: 1px;
      width: calc(100% - 208px); } }
  @media (min-width: 1260px) {
    .root-main__content {
      padding-bottom: 48px; }
    .root-main__header {
      margin-bottom: 48px; }
    .root-main__major {
      width: calc(100% - 208px); } }

.root-main-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .root-main-centered__content {
    z-index: 20;
    margin: auto 0;
    position: relative; }

.show-nav__toggle {
  width: 100%;
  padding: 13px 36px;
  border-radius: 27px; }

.show-nav__sort {
  display: none; }

.show-nav__select {
  min-width: 170px;
  margin-left: 24px; }

.show-nav__btn {
  width: 24px;
  height: 24px;
  padding: 4px;
  font-size: 16px;
  line-height: 16px;
  border: none;
  outline: none;
  margin-left: 18px;
  color: #D0D0D0;
  background: transparent; }
  .show-nav__btn:first-child {
    margin-left: 0; }
  .show-nav__btn:hover {
    color: #222734; }
  .show-nav__btn:focus {
    border: none;
    outline: none; }
  .show-nav__btn--active {
    border: none;
    outline: none;
    color: #EC6828; }

.show-nav__mode {
  display: none; }

@media (min-width: 576px) {
  .show-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .show-nav__toggle {
      width: auto;
      padding: 8px 36px; }
    .show-nav__sort {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; } }

@media (min-width: 768px) {
  .show-nav__mode {
    display: block;
    min-width: 70px; } }

@media (min-width: 992px) {
  .show-nav__toggle {
    display: none; } }

@media (min-width: 1260px) {
  .show-nav__select {
    margin-left: 48px; } }

.layout-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1500;
  position: fixed;
  background: rgba(56, 56, 56, 0.5); }
  @media (min-width: 768px) {
    .layout-backdrop.filter-toggle {
      display: block; } }
  @media (min-width: 992px) {
    .layout-backdrop {
      display: none !important; }
      .layout-backdrop.filter-toggle {
        display: none !important; } }

.text-block {
  margin-bottom: 32px; }
  @media (min-width: 768px) {
    .text-block {
      margin-bottom: 48px; } }

.product-tag {
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 12px;
  display: inline-block;
  margin-right: 8px;
  font-size: 0.75rem;
  line-height: 0.875rem; }
  .product-tag:last-child {
    margin-right: 0; }
  .product-tag--green {
    background: #27AE60; }
  .product-tag--blue {
    background: #2D9CDB; }
  .product-tag--orange {
    background: #EC6828; }

.file-link {
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  padding: 14px 12px;
  color: #325998;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
  border: 1px solid #E4E4E4; }
  .file-link:hover {
    color: #EC6828;
    text-decoration: none;
    border-color: #EC6828; }
  .file-link__icon {
    width: 32px;
    height: 32px;
    padding: 6px;
    font-size: 20px;
    line-height: 20px;
    display: block;
    color: #222734; }
  .file-link__name {
    display: block;
    padding-left: 12px; }

.error-page {
  color: #222734;
  padding: 52px 0;
  text-align: center; }
  .error-page__header {
    margin-bottom: 32px; }
  .error-page__text {
    max-width: 700px;
    margin: 0 auto 48px auto; }
  .error-page__buttons .btn {
    width: 100%;
    max-width: 380px; }
  .error-page__btn {
    margin-bottom: 16px; }
    .error-page__btn:last-child {
      margin-bottom: 0; }
  @media (min-width: 768px) {
    .error-page__buttons {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
    .error-page__btn {
      margin: 0 8px; } }
  @media (min-width: 1260px) {
    .error-page__header {
      margin-bottom: 48px; }
    .error-page__text {
      max-width: inherit; } }

.content-group {
  padding-bottom: 24px; }

.help-box {
  display: block;
  font-size: 1rem;
  line-height: 1.375rem; }
  .help-box__image {
    width: 120px;
    margin-bottom: 24px; }
  .help-box__title {
    font-weight: 700;
    margin-bottom: 24px; }
  .help-box__text p {
    margin-bottom: 24px; }

.contact-card {
  margin-bottom: 24px;
  padding-bottom: 24px;
  font-size: 1rem;
  line-height: 1.375rem;
  border-bottom: 1px solid #F2F2F2; }
  .contact-card:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  .contact-card__title {
    font-weight: 700;
    margin-bottom: 8px; }
  .contact-card__item {
    margin-bottom: 8px; }
    .contact-card__item:last-child {
      margin-bottom: 0; }

.tel {
  color: #222734;
  white-space: nowrap; }

.email {
  color: #222734;
  white-space: nowrap; }

.form-wrapper {
  max-width: 894px; }

.view-bar {
  margin-bottom: 16px; }
  .view-bar__item {
    width: 100%;
    margin-bottom: 16px; }
  @media (min-width: 576px) {
    .view-bar {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
      .view-bar__item {
        width: 180px;
        margin: 0 0 0 16px; } }
  @media (min-width: 768px) {
    .view-bar {
      margin-bottom: 36px; } }

.video-box {
  margin: 0 auto 50px auto;
  width: 288px;
  position: relative; }
  .video-box:before {
    top: -26px;
    left: -40px;
    z-index: 1;
    content: '';
    width: 391px;
    height: 252px;
    display: block;
    position: absolute;
    background: url("../images/video_pattern.svg") 50% 50% no-repeat;
    background-size: cover; }
  .video-box__image {
    z-index: 10;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 14px;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.15); }
    .video-box__image:before {
      top: calc(50% - 50px);
      left: calc(50% - 50px);
      z-index: 20;
      content: '';
      width: 100px;
      height: 100px;
      position: absolute;
      background: #325998 url("../images/icon_play_blue.svg") 50% 50% no-repeat;
      transition: .2s;
      border-radius: 50%; }
    .video-box__image:hover:before {
      transition: .2s;
      background-color: #EC6828; }

.contact-block {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.625rem; }
  .contact-block__group {
    margin-bottom: 24px; }
  .contact-block__item {
    color: #222734;
    text-decoration: none; }
    .contact-block__item:hover {
      color: #222734;
      text-decoration: none; }
  @media (min-width: 768px) {
    .contact-block {
      margin-left: -12px;
      margin-right: -12px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .contact-block__group {
        padding: 0 12px;
        margin-bottom: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: calc(33.33%); } }
  @media (min-width: 992px) {
    .contact-block__group {
      width: 314px; }
      .contact-block__group:first-child {
        width: auto;
        -ms-flex-positive: 1;
            flex-grow: 1;
        padding-right: 40px; } }

.video-embed {
  overflow: hidden;
  margin-bottom: 32px; }
  @media (min-width: 768px) {
    .video-embed {
      margin-top: 48px;
      margin-bottom: 48px; } }

.feature-block {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1rem;
  line-height: 1.375rem; }
  .feature-block__item {
    margin-bottom: 24px; }
  .feature-block__icon {
    width: 121px;
    margin-bottom: 28px; }
  @media (min-width: 768px) {
    .feature-block {
      padding-top: 24px;
      padding-bottom: 24px; } }

.content-box {
  margin-bottom: 32px; }
  .content-box img[align="left"] {
    margin: 0 15px 15px 0;
    max-width: 100%; }
  .content-box img[align="right"] {
    margin: 0 0 15px 15px;
    max-width: 100%; }
  .content-box img[align="center"] {
    margin: 0 auto 15px;
    max-width: 100%; }
  .content-box .img {
    margin: 0 0 20px; }
    .content-box .img img {
      max-width: 100%; }
  @media (min-width: 768px) {
    .content-box {
      margin-bottom: 48px; } }

.content-media {
  margin-bottom: 32px; }
  @media (min-width: 768px) {
    .content-media {
      margin-bottom: 48px;
      margin-top: 48px; } }

.share__header {
  font-weight: 600;
  margin-bottom: 12px;
  font-size: 1.25rem;
  line-height: 1.625rem; }

.side-panel {
  display: none; }
  .side-panel__wrap {
    max-width: 218px; }
  .side-panel__block {
    margin-bottom: 60px; }
  @media (min-width: 992px) {
    .side-panel {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; } }


@font-face {
  font-family: "raty";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/raty/raty.eot");
  src: url("../fonts/raty/raty.eot?#iefix") format("eot"), url("../fonts/raty/raty.woff2") format("woff2"), url("../fonts/raty/raty.woff") format("woff"), url("../fonts/raty/raty.ttf") format("truetype"); }

body {
  font-weight: 500; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 1.5rem;
  font-weight: 600;
  line-height: 1.2; }

h1, .h1 {
  margin: 0;
  padding: 0;
  font-size: 1.75rem;
  line-height: 1.875rem; }
  @media (min-width: 768px) {
    h1, .h1 {
      font-size: 2.5rem;
      line-height: 2.75rem; } }
  @media (min-width: 1260px) {
    h1, .h1 {
      font-size: 3.375rem;
      line-height: 3.5rem; } }

h2, .h2 {
  font-size: 1.75rem;
  line-height: 1.875rem; }
  @media (min-width: 768px) {
    h2, .h2 {
      font-size: 2.5rem;
      line-height: 2.75rem; } }
  @media (min-width: 1260px) {
    h2, .h2 {
      font-size: 2.5rem;
      line-height: 2.75rem; } }

h3,
.h3 {
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.875rem; }
  @media (min-width: 768px) {
    h3,
    .h3 {
      font-size: 1.75rem;
      line-height: 1.875rem; } }
  @media (min-width: 1260px) {
    h3,
    .h3 {
      font-size: 1.75rem;
      line-height: 1.875rem; } }

h4,
.h4 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.625rem; }
  @media (min-width: 768px) {
    h4,
    .h4 {
      font-size: 1.25rem;
      line-height: 1.625rem; } }
  @media (min-width: 1260px) {
    h4,
    .h4 {
      font-size: 1.25rem;
      line-height: 1.625rem; } }

h5,
.h5 {
  font-size: 1.125rem;
  line-height: 1.5rem; }
  @media (min-width: 768px) {
    h5,
    .h5 {
      font-size: 1.125rem;
      line-height: 1.5rem; } }
  @media (min-width: 1260px) {
    h5,
    .h5 {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

h6,
.h6 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem; }

.lead {
  font-weight: 600; }
  @media (min-width: 1260px) {
    .lead {
      font-weight: 700; } }

p {
  margin-bottom: 24px; }

ul {
  padding-left: 20px; }

ol {
  padding-left: 20px;
  margin-bottom: 20px; }
  ol li {
    margin-bottom: 5px; }

.color-orange {
  color: #EC6828; }

.social-links {
  padding: 0;
  margin: 0 -5px;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.75rem;
  line-height: 1.875rem;
  -ms-flex-align: center;
      align-items: center; }
  .social-links__item {
    padding: 0 5px;
    display: inline-block; }
    .social-links__item a {
      color: #141E3B;
      text-decoration: none; }
      .social-links__item a:hover, .social-links__item a.hover {
        color: #EC6828;
        text-decoration: none; }

.btn-play {
  padding: 0;
  margin: 0;
  color: #141E3B;
  text-align: center;
  font-size: 72px;
  line-height: 72px;
  position: relative;
  border-radius: 50%; }
  .btn-play:hover, .btn-play.hover {
    color: #EC6828; }

.icon-link {
  font-width: 500;
  color: #325998;
  font-size: 1rem;
  line-height: 1.375rem; }
  .icon-link i {
    font-size: 0.8em;
    color: #325998; }
  .icon-link:hover {
    color: #EC6828; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 1rem; }

.popover {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.07); }

[aria-describedby] {
  color: #EC6828; }

.slip {
  color: #222734;
  display: block;
  width: 230px;
  height: 216px;
  position: relative;
  border-radius: 20px;
  padding: 28px 25px 20px 30px;
  font-size: 0.8125rem;
  line-height: 0.9375rem; }
  .slip:after, .slip:before {
    top: 0;
    left: 0;
    z-index: 1;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    transition: .2s; }
  .slip:after {
    opacity: 1;
    visibility: visible;
    background: url("../images/slip-border-base.svg"); }
  .slip:before {
    opacity: 0;
    visibility: hidden;
    background: url("../images/slip-border-hover.svg"); }
  .slip__body {
    z-index: 10;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis; }
  .slip__title {
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.375rem; }
  .slip:hover, .slip.hover {
    color: #222734; }
    .slip:hover:after, .slip.hover:after {
      opacity: 0;
      visibility: hidden;
      transition: .2s; }
    .slip:hover:before, .slip.hover:before {
      opacity: 1;
      visibility: visible;
      transition: .2s; }
    .slip:hover .slip__title, .slip.hover .slip__title {
      color: #EC6828; }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed_responsive_item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive_21by9::before {
  padding-top: 42.85714%; }

.embed-responsive_16by9::before {
  padding-top: 56.25%; }

.embed-responsive_4by3::before {
  padding-top: 75%; }

.embed-responsive_1by1::before {
  padding-top: 100%; }

@media (min-width: 576px) {
  .hide-sm {
    display: none !important; } }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-36 {
  margin-bottom: 36px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.color-green {
  color: #27AE60 !important; }

.btn {
  padding: 8px 36px;
  font-size: 1.25rem;
  line-height: 1.375rem; }

.btn-o {
  background: #EC6828;
  color: white;
  font-weight: 700;
  border-radius: 22px;
  border: 2px solid #EC6828;
  white-space: nowrap; }
  .btn-o:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 22px;
    vertical-align: middle; }
  .btn-o:focus, .btn-o.focus {
    outline: 0; }
  .btn-o:hover, .btn-o.hover {
    color: white;
    background: #FF7C3C;
    border-color: #FF7C3C; }
  .btn-o:active, .btn-o.active {
    background: #D85414;
    border-color: #D85414; }
  .btn-o[aria-disabled], .btn-o[aria-disabled]:hover, .btn-o[aria-disabled].hover, .btn-o[disabled], .btn-o[disabled]:hover, .btn-o[disabled].hover, .btn-o.disabled, .btn-o.disabled:hover, .btn-o.disabled.hover, .btn-o_disabled, .btn-o_disabled:hover, .btn-o_disabled.hover {
    cursor: default;
    background: #E4E4E4;
    border-color: #E4E4E4;
    color: #D0D0D0;
    opacity: 1; }
  .btn-o_multiline {
    font-size: 0.8em;
    white-space: normal; }
    .btn-o_multiline:before {
      display: none; }
  .btn-o__multiline {
    display: inline-block;
    white-space: normal;
    line-height: 1em;
    position: relative;
    vertical-align: middle; }
    .btn-o__multiline_wider-text {
      margin-left: -7.33333px;
      margin-right: -7.33333px; }
  .btn-o_border {
    color: #EC6828;
    border-color: #E4E4E4;
    background: transparent; }
    .btn-o_border[aria-disabled], .btn-o_border[aria-disabled]:hover, .btn-o_border[aria-disabled].hover, .btn-o_border[disabled], .btn-o_border[disabled]:hover, .btn-o_border[disabled].hover, .btn-o_border.disabled, .btn-o_border.disabled:hover, .btn-o_border.disabled.hover, .btn-o_border_disabled, .btn-o_border_disabled:hover, .btn-o_border_disabled.hover {
      cursor: default;
      background: none;
      border-color: #E4E4E4;
      color: #E4E4E4;
      opacity: 1; }
    .btn-o_border:hover, .btn-o_border.hover {
      color: #EC6828;
      border-color: #EC6828;
      background: transparent; }
    .btn-o_border:active, .btn-o_border.active {
      background: #EC6828;
      border-color: #EC6828;
      color: white; }

.btn-lg {
  padding: 10px 36px; }

.btn-xl {
  padding: 13px 36px;
  border-radius: 27px; }

.btn-yellow {
  color: #2D9CDB;
  background: #F2C94C;
  border-color: #F2C94C; }
  .btn-yellow:hover {
    border-color: #F2C94C; }

.btn-buy.btn-o.btn-o_border {
  border-color: #EC6828; }
  .btn-buy.btn-o.btn-o_border:hover {
    background: #EC6828;
    color: white; }

.btn-buy_already-in.btn-o.btn-o_border {
  border-color: #E4E4E4; }
  .btn-buy_already-in.btn-o.btn-o_border:hover {
    border-color: #EC6828;
    color: #EC6828;
    background: white; }

.btn .sif, .btn .sif-arrow_down, .btn .sif-arrow_right, .btn .sif-arrow_up, .btn .sif-calculator, .btn .sif-caret_left, .btn .sif-caret_right, .btn .sif-cash-register-solid, .btn .sif-check, .btn .sif-close, .btn .sif-credit_card, .btn .sif-download, .btn .sif-facebook, .btn .sif-hidden, .btn .sif-history-solid, .btn .sif-instagram, .btn .sif-list, .btn .sif-menu, .btn .sif-minus, .btn .sif-o-facebook, .btn .sif-o-instagram, .btn .sif-o-ok, .btn .sif-o-telegram, .btn .sif-o-twitter, .btn .sif-o-vk, .btn .sif-o-youtube, .btn .sif-odnoklassniki, .btn .sif-order, .btn .sif-phone, .btn .sif-pin, .btn .sif-plate, .btn .sif-play-circle, .btn .sif-play, .btn .sif-plus, .btn .sif-question, .btn .sif-search, .btn .sif-shopping_cart, .btn .sif-sign-out-alt-solid, .btn .sif-skype, .btn .sif-suitcase-solid, .btn .sif-trash, .btn .sif-truck, .btn .sif-twitter, .btn .sif-undo, .btn .sif-user, .btn .sif-visible, .btn .sif-vk, .btn .sif-youtube {
  font-size: 0.8em;
  vertical-align: middle;
  margin-right: 0.5em;
  position: relative;
  top: -0.15em; }

.btn-o .sif, .btn-o .sif-arrow_down, .btn-o .sif-arrow_right, .btn-o .sif-arrow_up, .btn-o .sif-calculator, .btn-o .sif-caret_left, .btn-o .sif-caret_right, .btn-o .sif-cash-register-solid, .btn-o .sif-check, .btn-o .sif-close, .btn-o .sif-credit_card, .btn-o .sif-download, .btn-o .sif-facebook, .btn-o .sif-hidden, .btn-o .sif-history-solid, .btn-o .sif-instagram, .btn-o .sif-list, .btn-o .sif-menu, .btn-o .sif-minus, .btn-o .sif-o-facebook, .btn-o .sif-o-instagram, .btn-o .sif-o-ok, .btn-o .sif-o-telegram, .btn-o .sif-o-twitter, .btn-o .sif-o-vk, .btn-o .sif-o-youtube, .btn-o .sif-odnoklassniki, .btn-o .sif-order, .btn-o .sif-phone, .btn-o .sif-pin, .btn-o .sif-plate, .btn-o .sif-play-circle, .btn-o .sif-play, .btn-o .sif-plus, .btn-o .sif-question, .btn-o .sif-search, .btn-o .sif-shopping_cart, .btn-o .sif-sign-out-alt-solid, .btn-o .sif-skype, .btn-o .sif-suitcase-solid, .btn-o .sif-trash, .btn-o .sif-truck, .btn-o .sif-twitter, .btn-o .sif-undo, .btn-o .sif-user, .btn-o .sif-visible, .btn-o .sif-vk, .btn-o .sif-youtube {
  font-size: 1.2em;
  margin-right: 0.5em;
  vertical-align: middle;
  position: relative;
  top: 0;
  margin-left: -0.3em; }

.ibtn_circle-arrow-triangle_left, .ibtn_circle-arrow-triangle_right, .ibtn_circle-plus {
  width: 64px;
  height: 64px;
  background: white;
  border-radius: 32px;
  color: #EC6828;
  border: none; }
  .ibtn_circle-arrow-triangle_left:hover, .ibtn_circle-arrow-triangle_right:hover, .ibtn_circle-plus:hover, .hover.ibtn_circle-arrow-triangle_left, .hover.ibtn_circle-arrow-triangle_right, .hover.ibtn_circle-plus {
    background: #EC6828;
    color: white; }

.ibtn {
  padding: 0; }
  .ibtn:after {
    font-family: "svgicons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: top;
    position: relative; }
  .ibtn_circle-arrow-triangle_left:after, .ibtn_circle-arrow-triangle_right:after {
    font-size: 30px;
    line-height: 64px; }
  .ibtn_circle-arrow-triangle_left:after {
    content: ""; }
  .ibtn_circle-arrow-triangle_right:after {
    content: ""; }
  .ibtn_circle-plus {
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 25px;
    position: relative; }
    .ibtn_circle-plus:after {
      content: "";
      font-size: 22px;
      line-height: 50px; }

.ibtn_close-modal:after {
  font-size: 21px; }

a.ibtn_close-modal, button.ibtn_close-modal {
  color: #B4B3B1;
  border: none;
  background: none; }
  a.ibtn_close-modal:hover, button.ibtn_close-modal:hover {
    text-decoration: none;
    color: #325998; }
  a.ibtn_close-modal:active, a.ibtn_close-modal:focus, button.ibtn_close-modal:active, button.ibtn_close-modal:focus {
    outline: 0; }

.modal-header .ibtn_close-modal {
  float: right;
  margin: 0 0 0 auto; }

.table-main {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem; }
  .table-main th {
    padding: 1rem;
    font-weight: 500;
    border-top: none;
    font-size: 1.125rem;
    line-height: 1.5rem;
    border-bottom: 4px solid #F1F4F9; }
    .table-main th:first-child {
      padding-left: 0; }
    .table-main th:last-child {
      padding-right: 0; }
  .table-main td {
    padding: 1rem;
    border-top: 2px solid #F1F4F9; }
    .table-main td:first-child {
      padding-left: 0; }
    .table-main td:last-child {
      padding-right: 0; }
  .table-main tr:hover {
    background: rgba(241, 244, 249, 0.4); }

.data-table {
  width: 100%;
  border-collapse: collapse; }
  .data-table th,
  .data-table td {
    padding: 6px 20px; }
    .data-table th:first-child,
    .data-table td:first-child {
      padding-left: 0; }
    .data-table th:last-child,
    .data-table td:last-child {
      padding-right: 0; }

@media (min-width: 992px) {
  .auth-form {
    width: 436px; } }

.auth-form__message, .form-container__message {
  padding: 10px 20px;
  margin-bottom: 10px;
  background: #F2F2F2; }
  .auth-form__message_warning, .form-container__message_warning {
    background: #fef4ec; }
  .auth-form__message_error, .form-container__message_error {
    background: #f9d1be; }

.form-group {
  position: relative;
  margin-bottom: 1.25rem; }
  .form-group__label {
    margin-bottom: 0;
    font-style: italic; }
    .form-group__label_required:before {
      content: "*";
      color: #EC6828;
      font-size: 14px; }
    .form-group__label_required + .input-field_required:before {
      display: none; }
  .form-group__text {
    padding-top: 20px; }
  @media (min-width: 992px) {
    .form-group__text {
      white-space: nowrap;
      top: calc(50% - 11px);
      left: calc(100% + 52px);
      padding: 0;
      position: absolute; } }

.input-field {
  display: block;
  position: relative;
  background: #ffffff; }
  .input-field:after {
    left: 0;
    top: 10px;
    z-index: 1;
    display: block;
    color: #727272;
    font-weight: 500;
    position: absolute;
    font-size: 1rem;
    line-height: 1.375rem;
    content: attr(data-placeholder);
    transition: .2s;
    pointer-events: none; }
  .input-field i {
    top: calc(50% - 12px);
    right: 0;
    z-index: 1;
    width: 24px;
    height: 24px;
    padding: 2px;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    color: #B4B3B1; }
  .input-field input[type=text], .input-field input[type=email], .input-field input[type=password], .input-field textarea {
    width: 100%;
    z-index: 10;
    border: none;
    outline: none;
    display: block;
    font-weight: 500;
    color: #222734;
    position: relative;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 10px 0 10px 0;
    background: transparent;
    border-bottom: 2px solid #F2F2F2; }
    .input-field input[type=text]::-webkit-input-placeholder, .input-field input[type=email]::-webkit-input-placeholder, .input-field input[type=password]::-webkit-input-placeholder, .input-field textarea::-webkit-input-placeholder {
      color: transparent; }
    .input-field input[type=text]::-moz-placeholder, .input-field input[type=email]::-moz-placeholder, .input-field input[type=password]::-moz-placeholder, .input-field textarea::-moz-placeholder {
      color: transparent; }
    .input-field input[type=text]:-ms-input-placeholder, .input-field input[type=email]:-ms-input-placeholder, .input-field input[type=password]:-ms-input-placeholder, .input-field textarea:-ms-input-placeholder {
      color: transparent; }
    .input-field input[type=text]::-ms-input-placeholder, .input-field input[type=email]::-ms-input-placeholder, .input-field input[type=password]::-ms-input-placeholder, .input-field textarea::-ms-input-placeholder {
      color: transparent; }
    .input-field input[type=text]::placeholder, .input-field input[type=email]::placeholder, .input-field input[type=password]::placeholder, .input-field textarea::placeholder {
      color: transparent; }
    .input-field input[type=text]:focus, .input-field input[type=email]:focus, .input-field input[type=password]:focus, .input-field textarea:focus {
      border-bottom-color: #222734; }
    .input-field input[type=text]:focus::-webkit-input-placeholder, .input-field input[type=email]:focus::-webkit-input-placeholder, .input-field input[type=password]:focus::-webkit-input-placeholder, .input-field textarea:focus::-webkit-input-placeholder {
      color: transparent; }
    .input-field input[type=text]:focus::-moz-placeholder, .input-field input[type=email]:focus::-moz-placeholder, .input-field input[type=password]:focus::-moz-placeholder, .input-field textarea:focus::-moz-placeholder {
      color: transparent; }
    .input-field input[type=text]:focus:-ms-input-placeholder, .input-field input[type=email]:focus:-ms-input-placeholder, .input-field input[type=password]:focus:-ms-input-placeholder, .input-field textarea:focus:-ms-input-placeholder {
      color: transparent; }
    .input-field input[type=text]:focus::-ms-input-placeholder, .input-field input[type=email]:focus::-ms-input-placeholder, .input-field input[type=password]:focus::-ms-input-placeholder, .input-field textarea:focus::-ms-input-placeholder {
      color: transparent; }
    .input-field input[type=text]:focus::placeholder, .input-field input[type=email]:focus::placeholder, .input-field input[type=password]:focus::placeholder, .input-field textarea:focus::placeholder {
      color: transparent; }
    .input-field input[type=text]:invalid, .input-field input[type=email]:invalid, .input-field input[type=password]:invalid, .input-field textarea:invalid {
      box-shadow: none; }
    .input-field input[type=text]:disabled, .input-field input[type=email]:disabled, .input-field input[type=password]:disabled, .input-field textarea:disabled {
      color: #D0D0D0; }
      .input-field input[type=text]:disabled::-webkit-input-placeholder, .input-field input[type=email]:disabled::-webkit-input-placeholder, .input-field input[type=password]:disabled::-webkit-input-placeholder, .input-field textarea:disabled::-webkit-input-placeholder {
        color: #D0D0D0; }
      .input-field input[type=text]:disabled::-moz-placeholder, .input-field input[type=email]:disabled::-moz-placeholder, .input-field input[type=password]:disabled::-moz-placeholder, .input-field textarea:disabled::-moz-placeholder {
        color: #D0D0D0; }
      .input-field input[type=text]:disabled:-ms-input-placeholder, .input-field input[type=email]:disabled:-ms-input-placeholder, .input-field input[type=password]:disabled:-ms-input-placeholder, .input-field textarea:disabled:-ms-input-placeholder {
        color: #D0D0D0; }
      .input-field input[type=text]:disabled::-ms-input-placeholder, .input-field input[type=email]:disabled::-ms-input-placeholder, .input-field input[type=password]:disabled::-ms-input-placeholder, .input-field textarea:disabled::-ms-input-placeholder {
        color: #D0D0D0; }
      .input-field input[type=text]:disabled::placeholder, .input-field input[type=email]:disabled::placeholder, .input-field input[type=password]:disabled::placeholder, .input-field textarea:disabled::placeholder {
        color: #D0D0D0; }
  .input-field_focus:not(.input-field_has-value)::after, .input-field_has-value::after {
    top: -2px;
    left: 0 !important;
    color: #B2B2B2;
    font-weight: 500;
    font-size: 0.625rem;
    line-height: 0.875rem;
    transition: .2s; }
  .input-field_required::after {
    left: 10px; }
  .input-field_required::before {
    content: "*";
    position: absolute;
    left: 0;
    top: 12px;
    color: #EC6828; }
  .input-field_required input[type=text], .input-field_required input[type=email], .input-field_required input[type=password], .input-field_required textarea {
    padding-left: 10px; }
  .input-field_success input[type=text], .input-field_success input[type=email], .input-field_success input[type=password], .input-field_success textarea {
    border-color: #6FCF97; }
  .input-field_success:after {
    color: #6FCF97; }
  .input-field_error input[type=text], .input-field_error input[type=email], .input-field_error input[type=password], .input-field_error textarea {
    color: #EC6828;
    border-color: #EC6828; }
  .input-field_error:after {
    color: #B2B2B2; }
  .input-field__error-text {
    width: 100%;
    display: block;
    position: absolute;
    color: #EC6828;
    font-weight: 500;
    padding-top: 5px;
    font-size: 0.625rem;
    line-height: 0.875rem; }
  .input-field .input-field-passview {
    z-index: 20;
    cursor: pointer; }
    .input-field .input-field-passview.view {
      color: #EC6828; }
  .input-field .input-field-passview + input[type=text], .input-field input[type=email], .input-field input[type=password], .input-field textarea {
    padding-right: 30px; }

.input-field-white {
  background: transparent; }
  .input-field-white:after {
    color: #ffffff !important; }
  .input-field-white input[type=text], .input-field-white input[type=email], .input-field-white input[type=password], .input-field-white textarea {
    color: #ffffff;
    border-bottom-color: #ffffff; }
    .input-field-white input[type=text]:focus, .input-field-white input[type=email]:focus, .input-field-white input[type=password]:focus, .input-field-white textarea:focus {
      border-bottom-color: #ffffff; }
  .input-field-white_focus:not(.input-field-white_has-value)::after, .input-field-white_has-value::after {
    color: #ffffff !important; }
  .input-field-white.input-field_required::after {
    left: 0; }
  .input-field-white.input-field_required::before {
    content: "*";
    position: absolute;
    left: -10px;
    top: 12px;
    color: #EC6828; }
  .input-field-white.input-field_required input[type=text], .input-field-white.input-field_required input[type=email], .input-field-white.input-field_required input[type=password], .input-field-white.input-field_required textarea {
    padding-left: 0; }

.checkbox {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  font-weight: 400;
  position: relative;
  display: inline-block; }
  .checkbox input {
    top: 0;
    left: 0;
    opacity: 0;
    width: 1px;
    height: 1px;
    visibility: hidden;
    position: absolute; }
  .checkbox__label {
    color: #222734;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.375rem;
    position: relative;
    padding-left: 22px;
    display: inline-block; }
    .checkbox__label::before {
      top: 4px;
      left: 0;
      z-index: 1;
      content: '';
      width: 14px;
      height: 14px;
      display: block;
      position: absolute;
      border-radius: 2px;
      border: 1px solid #666769; }
    .checkbox__label:after {
      top: 7px;
      left: 2px;
      z-index: 2;
      content: '';
      width: 10px;
      height: 6px;
      display: block;
      opacity: 0;
      border-radius: 2px;
      visibility: hidden;
      position: absolute;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .checkbox__label a {
      text-decoration: underline; }
      .checkbox__label a:hover {
        text-decoration: none; }
  .checkbox input:checked + .checkbox__label::before {
    background: #EC6828;
    border-color: #EC6828; }
  .checkbox input:checked + .checkbox__label::after {
    opacity: 1;
    visibility: visible; }
  .checkbox input:disabled + .checkbox__label {
    color: #D0D0D0; }
    .checkbox input:disabled + .checkbox__label::before {
      background: #D0D0D0;
      border-color: #D0D0D0; }
    .checkbox input:disabled + .checkbox__label::after {
      display: none; }
  .checkbox.checkbox-sm .checkbox__label {
    font-size: 0.8125rem;
    line-height: 1rem; }
    .checkbox.checkbox-sm .checkbox__label:before {
      top: 1px; }
    .checkbox.checkbox-sm .checkbox__label:after {
      top: 4px; }

.radio-button {
  font-size: 0;
  line-height: 0;
  font-weight: 400;
  position: relative;
  display: inline-block; }
  .radio-button input {
    top: 0;
    left: 0;
    opacity: 0;
    width: 1px;
    height: 1px;
    visibility: hidden;
    position: absolute; }
  .radio-button__label {
    color: #222734;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.375rem;
    position: relative;
    padding-left: 22px;
    display: inline-block; }
    .radio-button__label_bigger {
      font-size: 1.3rem; }
    .radio-button__label::before {
      top: 4px;
      left: 0;
      z-index: 1;
      content: '';
      width: 14px;
      height: 14px;
      font-size: 0;
      line-height: 0;
      display: block;
      position: absolute;
      border-radius: 50%;
      border: 1px solid #666769; }
    .radio-button__label:after {
      top: 7px;
      left: 3px;
      z-index: 2;
      content: '';
      width: 8px;
      height: 8px;
      font-size: 0;
      line-height: 0;
      display: block;
      opacity: 0;
      border-radius: 50%;
      visibility: hidden;
      position: absolute;
      background: #EC6828; }
    .radio-button__label a {
      text-decoration: underline; }
      .radio-button__label a:hover {
        text-decoration: none; }
  .radio-button input:checked + .radio-button__label::before {
    border-color: #EC6828; }
  .radio-button input:checked + .radio-button__label::after {
    opacity: 1;
    visibility: visible; }
  .radio-button input:disabled + .radio-button__label {
    color: #D0D0D0; }
    .radio-button input:disabled + .radio-button__label::before {
      background: #D0D0D0;
      border-color: #D0D0D0; }
    .radio-button input:disabled + .radio-button__label::after {
      background: #D0D0D0; }

.radio-group {
  margin: 0;
  padding: 0;
  list-style: none; }
  .radio-group > li {
    margin-bottom: 20px; }
    .radio-group > li:last-child {
      margin-bottom: 0; }

.multi-input-field .input-field {
  margin-bottom: 3px;
  position: relative; }
  .multi-input-field .input-field input, .multi-input-field .input-field textarea {
    width: calc(100% - 25px); }

.multi-input-field__btn-add, .multi-input-field__btn-remove {
  background: #EC6828;
  color: white;
  font-weight: 700;
  border-radius: 22px;
  border: 2px solid #EC6828;
  white-space: nowrap; }
  .multi-input-field__btn-add:before, .multi-input-field__btn-remove:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 22px;
    vertical-align: middle; }
  .multi-input-field__btn-add:focus, .multi-input-field__btn-add.focus, .multi-input-field__btn-remove:focus, .multi-input-field__btn-remove.focus {
    outline: 0; }
  .multi-input-field__btn-add:hover, .multi-input-field__btn-add.hover, .multi-input-field__btn-remove:hover, .multi-input-field__btn-remove.hover {
    color: white;
    background: #FF7C3C;
    border-color: #FF7C3C; }
  .multi-input-field__btn-add:active, .multi-input-field__btn-add.active, .multi-input-field__btn-remove:active, .multi-input-field__btn-remove.active {
    background: #D85414;
    border-color: #D85414; }
  .multi-input-field__btn-add[aria-disabled], .multi-input-field__btn-add[aria-disabled]:hover, .multi-input-field__btn-add[aria-disabled].hover, .multi-input-field__btn-add[disabled], .multi-input-field__btn-add[disabled]:hover, .multi-input-field__btn-add[disabled].hover, .multi-input-field__btn-add.disabled, .multi-input-field__btn-add.disabled:hover, .multi-input-field__btn-add.disabled.hover, .multi-input-field__btn-add_disabled, .multi-input-field__btn-add_disabled:hover, .multi-input-field__btn-add_disabled.hover, .multi-input-field__btn-remove[aria-disabled], .multi-input-field__btn-remove[aria-disabled]:hover, .multi-input-field__btn-remove[aria-disabled].hover, .multi-input-field__btn-remove[disabled], .multi-input-field__btn-remove[disabled]:hover, .multi-input-field__btn-remove[disabled].hover, .multi-input-field__btn-remove.disabled, .multi-input-field__btn-remove.disabled:hover, .multi-input-field__btn-remove.disabled.hover, .multi-input-field__btn-remove_disabled, .multi-input-field__btn-remove_disabled:hover, .multi-input-field__btn-remove_disabled.hover {
    cursor: default;
    background: #E4E4E4;
    border-color: #E4E4E4;
    color: #D0D0D0;
    opacity: 1; }
  .multi-input-field__btn-add_multiline, .multi-input-field__btn-remove_multiline {
    font-size: 0.8em;
    white-space: normal; }
    .multi-input-field__btn-add_multiline:before, .multi-input-field__btn-remove_multiline:before {
      display: none; }
  .multi-input-field__btn-add__multiline, .multi-input-field__btn-remove__multiline {
    display: inline-block;
    white-space: normal;
    line-height: 1em;
    position: relative;
    vertical-align: middle; }
    .multi-input-field__btn-add__multiline_wider-text, .multi-input-field__btn-remove__multiline_wider-text {
      margin-left: -7.33333px;
      margin-right: -7.33333px; }
  .multi-input-field__btn-add_border, .multi-input-field__btn-remove_border {
    color: #EC6828;
    border-color: #E4E4E4;
    background: transparent; }
    .multi-input-field__btn-add_border[aria-disabled], .multi-input-field__btn-add_border[aria-disabled]:hover, .multi-input-field__btn-add_border[aria-disabled].hover, .multi-input-field__btn-add_border[disabled], .multi-input-field__btn-add_border[disabled]:hover, .multi-input-field__btn-add_border[disabled].hover, .multi-input-field__btn-add_border.disabled, .multi-input-field__btn-add_border.disabled:hover, .multi-input-field__btn-add_border.disabled.hover, .multi-input-field__btn-add_border_disabled, .multi-input-field__btn-add_border_disabled:hover, .multi-input-field__btn-add_border_disabled.hover, .multi-input-field__btn-remove_border[aria-disabled], .multi-input-field__btn-remove_border[aria-disabled]:hover, .multi-input-field__btn-remove_border[aria-disabled].hover, .multi-input-field__btn-remove_border[disabled], .multi-input-field__btn-remove_border[disabled]:hover, .multi-input-field__btn-remove_border[disabled].hover, .multi-input-field__btn-remove_border.disabled, .multi-input-field__btn-remove_border.disabled:hover, .multi-input-field__btn-remove_border.disabled.hover, .multi-input-field__btn-remove_border_disabled, .multi-input-field__btn-remove_border_disabled:hover, .multi-input-field__btn-remove_border_disabled.hover {
      cursor: default;
      background: none;
      border-color: #E4E4E4;
      color: #E4E4E4;
      opacity: 1; }
    .multi-input-field__btn-add_border:hover, .multi-input-field__btn-add_border.hover, .multi-input-field__btn-remove_border:hover, .multi-input-field__btn-remove_border.hover {
      color: #EC6828;
      border-color: #EC6828;
      background: transparent; }
    .multi-input-field__btn-add_border:active, .multi-input-field__btn-add_border.active, .multi-input-field__btn-remove_border:active, .multi-input-field__btn-remove_border.active {
      background: #EC6828;
      border-color: #EC6828;
      color: white; }
  .multi-input-field__btn-add:after, .multi-input-field__btn-remove:after {
    font-family: "svgicons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none; }

.multi-input-field__btn-remove {
  padding: 0;
  margin-top: 10px;
  font-size: 12px;
  line-height: 12px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  float: right;
  position: relative;
  top: 5px;
  z-index: 11; }
  .multi-input-field__btn-remove:after {
    content: ""; }

.multi-input-field__btn-add {
  padding: 0;
  margin-top: 10px;
  font-size: 20px;
  line-height: 20px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  position: relative; }
  .multi-input-field__btn-add:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -10px; }

.quantity {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border-radius: 22px;
  border: 2px solid #F2F2F2;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .quantity:hover, .quantity.hover {
    border-color: #EC6828; }
  .quantity__input {
    width: 40px;
    display: block; }
  .quantity__button {
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
    position: relative; }
    .quantity__button::before {
      z-index: 5;
      top: 50%;
      left: 50%;
      content: '';
      width: 12px;
      height: 2px;
      position: absolute;
      background: #141E3B;
      margin: -1px 0 0 -6px;
      border-radius: 2px; }
    .quantity__button-up::after {
      z-index: 5;
      top: 50%;
      left: 50%;
      content: '';
      width: 2px;
      height: 12px;
      position: absolute;
      background: #141E3B;
      margin: -6px 0 0 -1px;
      border-radius: 2px; }
  .quantity input {
    width: 100%;
    border: none;
    outline: none;
    color: #222734;
    font-weight: 700;
    text-align: center;
    padding: 3px 0 1px 0;
    font-size: 1.25rem;
    line-height: 1.25rem;
    border-bottom: 2px solid #F2F2F2; }
  .quantity input[type=number] {
    -moz-appearance: textfield; }
  .quantity input[type="number"]::-webkit-outer-spin-button,
  .quantity input[type="number"]::-webkit-inner-spin-button {
    display: none; }

.ruble:after {
  content: "\20BD"; }

.beveled-white-block, .table-container {
  border-radius: 20px 54px 20px 20px;
  -webkit-clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
  padding: 30px 40px 20px 20px;
  background: white; }

.beveled-white-block-visible {
  position: relative; }
  .beveled-white-block-visible:before {
    content: "";
    display: block;
    border-radius: 20px 54px 20px 20px;
    -webkit-clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0; }
  .beveled-white-block-visible:before {
    background: white; }
  .beveled-white-block-visible > * {
    position: relative;
    z-index: 1; }

.beveled-blue-block {
  border-radius: 20px 54px 20px 20px;
  -webkit-clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
  padding: 30px 40px 20px 20px;
  background-image: linear-gradient(to top right, rgba(19, 18, 56, 0.92), rgba(26, 50, 94, 0.92));
  background-blend-mode: darken;
  color: white; }

.beveled-blue-block-visible {
  position: relative; }
  .beveled-blue-block-visible:before {
    content: "";
    display: block;
    border-radius: 20px 54px 20px 20px;
    -webkit-clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0; }
  .beveled-blue-block-visible:before {
    background-image: linear-gradient(to top right, rgba(19, 18, 56, 0.92), rgba(26, 50, 94, 0.92));
    background-blend-mode: darken; }

.white-rounded-block {
  border-radius: 15px;
  padding: 30px;
  background: white; }

.blue-rounded-block {
  background-image: linear-gradient(to top right, rgba(19, 18, 56, 0.92), rgba(26, 50, 94, 0.92));
  background-blend-mode: darken;
  border-radius: 40px;
  color: white;
  padding: 30px 30px 30px 30px; }
  @media (min-width: 576px) {
    .blue-rounded-block {
      padding: 30px 45px 50px 45px; } }
  @media (min-width: 992px) {
    .blue-rounded-block {
      padding: 50px 60px 50px 60px; } }

.table-container {
  overflow-x: scroll; }
  .table-container .table th {
    border-top: none; }

.sort-select {
  min-width: 150px; }

.copy-button {
  position: relative; }
  .copy-button input.copy-value {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: none; }

.row-module {
  margin-bottom: 32px; }
  .row-module__header {
    margin-bottom: 32px; }
    .row-module__header--title {
      margin: 0; }
    .row-module__header--content {
      padding-top: 5px; }
    .row-module__header--link {
      white-space: nowrap;
      display: inline-block; }
  .row-module__slider {
    position: relative; }
    .row-module__slider .owl-stage-outer {
      overflow: visible; }
    .row-module__slider .slider-nav {
      display: none; }
  .row-module__row {
    margin: 0 -4px;
    display: -ms-flexbox;
    display: flex; }
  .row-module__col {
    z-index: 1;
    height: 100%;
    padding: 0 4px;
    position: relative; }
    .row-module__col--four {
      width: 288px; }
    .row-module__col:hover {
      z-index: 20; }
  .row-module .owl-stage-outer {
    overflow: visible; }
  .row-module .owl-dots {
    display: none !important; }
  @media (min-width: 768px) {
    .row-module__col--four {
      width: auto; } }
  @media (min-width: 768px) {
    .row-module__header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .row-module__header--content {
        padding-top: 0; }
    .row-module__row {
      margin: 0 -12px; }
    .row-module__col {
      padding: 0 12px; }
      .row-module__col--four {
        width: auto; } }
  @media (min-width: 992px) {
    .row-module {
      margin-bottom: 48px; } }
  @media (min-width: 1260px) {
    .row-module__slider .owl-item {
      opacity: 0;
      visibility: hidden; }
      .row-module__slider .owl-item.active {
        opacity: 1;
        visibility: visible; }
    .row-module__slider .slider-nav {
      display: block; }
    .row-module__nav {
      top: 80px; }
    .row-module__row {
      display: -ms-flexbox;
      display: flex; }
      .row-module__row--wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .row-module__col {
      width: 20%;
      margin-bottom: 20px; }
      .row-module__col--four {
        width: 25%; } }

.selectric-wrapper {
  position: relative;
  cursor: pointer;
  box-sizing: content-box; }

.selectric-responsive {
  width: 100%; }

.selectric {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 20px 10px 0;
  border-bottom: 2px solid #F2F2F2;
  background: white;
  position: relative;
  overflow: hidden; }
  .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 22px 0 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #141E3B;
    height: 22px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .selectric .button {
    display: block;
    position: absolute;
    right: 2px;
    top: 10px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: white;
    color: #141E3B;
    text-align: center; }
    .selectric .button:after {
      font-family: "svgicons";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      content: "";
      font-size: 10px; }

.selectric-hover .selectric {
  border-bottom-color: #F2F2F2; }
  .selectric-hover .selectric .button {
    color: #EC6828; }
    .selectric-hover .selectric .button:after {
      border-top-color: #EC6828; }

.selectric-open {
  z-index: 9999; }
  .selectric-open.selectric-above .selectric {
    border-top: 0; }
  .selectric-open S b.button {
    color: #EC6828; }
  .selectric-open .selectric-items {
    display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.selectric-required .label:before {
  content: "*";
  color: #EC6828;
  margin-right: 5px; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
  .selectric-hide-select select {
    position: absolute;
    left: -100%; }
  .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; }
    .selectric-hide-select.selectric-is-native select {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      border: none;
      z-index: 1;
      box-sizing: border-box;
      opacity: 0; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: -1;
  box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.1); }
  .selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
  .selectric-below .selectric-items {
    border-top-color: transparent;
    border-radius: 0 0 15px 15px; }
    .selectric-below .selectric-items li:last-child {
      border-radius: 0 0 13px 13px; }
  .selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
    box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.1);
    border-bottom-color: transparent;
    border-radius: 15px 15px 0 0; }
    .selectric-above .selectric-items li:first-child {
      border-radius: 13px 13px 0 0; }
  .selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    min-height: 20px; }
  .selectric-items li {
    display: block;
    padding: 10px 20px;
    color: #141E3B;
    cursor: pointer;
    position: relative; }
    .selectric-items li:after {
      content: "";
      position: absolute;
      width: calc(100% - 40px);
      height: 1px;
      background: #F2F2F2;
      bottom: 0;
      left: 20px; }
    .selectric-items li.selected {
      color: #444; }
      .selectric-items li.selected:before {
        font-family: "svgicons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        content: "";
        color: #EC6828;
        font-size: 12px;
        display: inline-block;
        margin-right: 5px; }
    .selectric-items li.highlighted {
      color: #444;
      background: #eee; }
    .selectric-items li:hover {
      background: #eee;
      color: #444; }
  .selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    color: #444; }
  .selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1; }

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

:root {
  --swiper-theme-color: #007aff; }

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

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

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

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

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

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

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

.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y; }
  .swiper-container-pointer-events.swiper-container-vertical {
    -ms-touch-action: pan-x;
        touch-action: pan-x; }

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

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

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

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

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px; }
  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none; }

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

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

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

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
== 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; }

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.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: 16px;
  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: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }

.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;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  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: 16px;
  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;
  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 {
  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 {
  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") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(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 {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.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;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.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 {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

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

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

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

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
.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 .xdsoft_input {
    position: relative;
    z-index: 2; }
  .xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
    padding: 0 14px;
    position: absolute;
    cursor: default;
    display: none;
    z-index: 1001;
    margin-top: -1px;
    background-color: #fff;
    min-width: 100%;
    overflow: auto;
    font-size: 1rem;
    line-height: 1.375rem;
    box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 16px 16px; }
    .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div {
      background: #fff;
      white-space: nowrap;
      cursor: pointer;
      line-height: 1.5em;
      padding: 13px 0;
      border-bottom: 1px solid #F2F2F2; }
      .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div:last-child {
        border-bottom: none; }
      .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active {
        background: #fff;
        color: #EC6828; }
  .xdsoft_autocomplete .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 .xdsoft_autocomplete_hint span {
      color: transparent;
      opacity: 0.0; }

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

/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .slider.slider-horizontal {
    width: 100%;
    height: 8px; }
    .slider.slider-horizontal .slider-track {
      height: 4px;
      width: 100%;
      margin-top: -2px;
      top: 50%;
      left: 0; }
    .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
      height: 100%;
      top: 0;
      bottom: 0; }
    .slider.slider-horizontal .slider-tick,
    .slider.slider-horizontal .slider-handle {
      margin-left: -16px; }
      .slider.slider-horizontal .slider-tick.triangle,
      .slider.slider-horizontal .slider-handle.triangle {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        border-width: 0 4px 4px 4px;
        width: 0;
        height: 0;
        border-bottom-color: #036fa5;
        margin-top: 0; }
    .slider.slider-horizontal .slider-tick-container {
      white-space: nowrap;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .slider.slider-horizontal .slider-tick-label-container {
      white-space: nowrap;
      margin-top: 8px; }
      .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        display: inline-block;
        text-align: center; }
    .slider.slider-horizontal.slider-rtl .slider-track {
      left: initial;
      right: 0; }
    .slider.slider-horizontal.slider-rtl .slider-tick,
    .slider.slider-horizontal.slider-rtl .slider-handle {
      margin-left: initial;
      margin-right: -4px; }
    .slider.slider-horizontal.slider-rtl .slider-tick-container {
      left: initial;
      right: 0; }
  .slider.slider-vertical {
    height: 210px;
    width: 8px; }
    .slider.slider-vertical .slider-track {
      width: 4px;
      height: 100%;
      left: 25%;
      top: 0; }
    .slider.slider-vertical .slider-selection {
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0; }
    .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high {
      width: 100%;
      left: 0;
      right: 0; }
    .slider.slider-vertical .slider-tick,
    .slider.slider-vertical .slider-handle {
      margin-top: -4px; }
      .slider.slider-vertical .slider-tick.triangle,
      .slider.slider-vertical .slider-handle.triangle {
        border-width: 4px 0 4px 4px;
        width: 1px;
        height: 1px;
        border-left-color: #036fa5;
        margin-left: 0; }
    .slider.slider-vertical .slider-tick-label-container {
      white-space: nowrap; }
      .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
        padding-left: 1.6px; }
    .slider.slider-vertical.slider-rtl .slider-track {
      left: initial;
      right: 25%; }
    .slider.slider-vertical.slider-rtl .slider-selection {
      left: initial;
      right: 0; }
    .slider.slider-vertical.slider-rtl .slider-tick.triangle,
    .slider.slider-vertical.slider-rtl .slider-handle.triangle {
      border-width: 4px 4px 4px 0; }
    .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
      padding-left: initial;
      padding-right: 1.6px; }
  .slider.slider-disabled .slider-handle {
    background-color: #cfcfcf;
    background-image: linear-gradient(to bottom, #DFDFDF, #BEBEBE);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#BEBEBE',GradientType=0); }
  .slider.slider-disabled .slider-track {
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #E5E5E5, #E9E9E9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#E9E9E9',GradientType=0);
    cursor: not-allowed; }
  .slider input {
    display: none; }
  .slider .tooltip-inner {
    white-space: nowrap;
    max-width: none; }
  .slider .bs-tooltip-top .tooltip-inner,
  .slider .bs-tooltip-bottom .tooltip-inner {
    position: relative;
    left: -50%; }
  .slider.bs-tooltip-left .tooltip-inner, .slider.bs-tooltip-right .tooltip-inner {
    position: relative;
    top: -100%; }
  .slider .tooltip {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
    pointer-events: none; }
    .slider .tooltip.bs-tooltip-top .arrow, .slider .tooltip.bs-tooltip-bottom .arrow {
      left: -.4rem; }
    .slider .tooltip.bs-tooltip-top {
      margin-top: -44px; }
    .slider .tooltip.bs-tooltip-bottom {
      margin-top: 2px; }
    .slider .tooltip.bs-tooltip-left, .slider .tooltip.bs-tooltip-right {
      margin-top: -14px; }
      .slider .tooltip.bs-tooltip-left .arrow, .slider .tooltip.bs-tooltip-right .arrow {
        top: 8px; }
  .slider .hide {
    display: none; }

.slider-track {
  background: #A8A8A8;
  border-radius: 2px;
  position: absolute;
  cursor: pointer; }

.slider-selection {
  background: #EC6828;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  border-radius: 2px;
  position: absolute; }

.slider-selection.tick-slider-selection {
  background-color: #46c1fe;
  background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd',GradientType=0); }

.slider-track-low, .slider-track-high {
  box-sizing: border-box;
  border-radius: 2px;
  position: absolute;
  background: transparent; }

.slider-handle {
  background: #EC6828;
  border: 3px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: -6px;
  width: 20px;
  height: 20px; }
  .slider-handle:hover {
    cursor: pointer; }
  .slider-handle.round {
    border-radius: 50%; }
  .slider-handle.triangle {
    background: transparent none; }
  .slider-handle.custom {
    background: transparent none; }
    .slider-handle.custom::before {
      line-height: 8px;
      font-size: 20px;
      content: '\2605';
      color: #726204; }

.slider-tick {
  background-color: #f7f7f7;
  background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9',GradientType=0);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  width: 8px;
  height: 8px;
  -webkit-filter: none;
          filter: none;
  opacity: 0.8;
  border: 0px solid transparent; }
  .slider-tick.round {
    border-radius: 50%; }
  .slider-tick.triangle {
    background: transparent none; }
  .slider-tick.custom {
    background: transparent none; }
    .slider-tick.custom::before {
      line-height: 8px;
      font-size: 20px;
      content: '\2605';
      color: #726204; }
  .slider-tick.in-selection {
    background-color: #46c1fe;
    background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd',GradientType=0);
    opacity: 1; }

.limit-content-height__body {
  position: relative;
  height: auto;
  transition: all 1s ease-out; }
  .limit-content-height__body_collapsed {
    overflow: hidden;
    max-height: 10em; }

.limit-content-height_shadow-content-bottom .limit-content-height__body_collapsed:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3em;
  bottom: 0; }

.limit-content-height__toggle {
  display: inline-block;
  margin-top: 20px; }

.topbar {
  display: none;
  background: #325998; }
  .topbar_onesun {
    border-radius: 0 0 24px 24px; }
  .topbar__wrap {
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .topbar__city {
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    font-size: 0.8125rem;
    line-height: 1rem; }
    .topbar__city_pin {
      margin-right: 4px; }
    .topbar__city_arrow {
      margin-left: 4px;
      font-size: 0.5625rem; }
    .topbar__city:hover {
      color: #fff;
      text-decoration: none; }
  .topbar__contact {
    display: none;
    color: #fff;
    font-size: 0.8125rem;
    line-height: 1rem; }
    .topbar__contact span {
      font-size: 12px;
      line-height: 12px;
      margin-right: 4px;
      display: inline-block; }
    .topbar__contact i {
      width: 3px;
      height: 3px;
      font-size: 0;
      line-height: 0;
      margin: 0 6px;
      background: #fff;
      border-radius: 50%;
      display: inline-block; }
  .topbar__phone {
    color: #fff;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none; }
    .topbar__phone:hover {
      color: #fff;
      text-decoration: none; }
  .topbar__nav {
    margin: 0 -12px 0 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.8125rem;
    line-height: 1rem; }
    .topbar__nav--link {
      color: #fff;
      padding: 12px;
      white-space: nowrap;
      display: inline-block; }
      .topbar__nav--link:hover {
        color: #fff;
        text-decoration: underline; }
  @media (min-width: 992px) {
    .topbar {
      display: block; } }
  @media (min-width: 1260px) {
    .topbar__contact {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; } }

.root-header {
  display: none;
  background: #fff; }
  .root-header__wrap {
    height: 95px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .root-header__navbutton {
    width: 42px;
    height: 42px;
    font-size: 0;
    cursor: pointer;
    line-height: 0;
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 16px;
    position: relative; }
    .root-header__navbutton span, .root-header__navbutton:after, .root-header__navbutton:before {
      top: 50%;
      left: 50%;
      z-index: 10;
      width: 28px;
      height: 2px;
      content: '';
      position: absolute;
      margin-left: -14px;
      border-radius: 2px;
      display: inline-block;
      background: #EC6828;
      transition: .3s; }
    .root-header__navbutton span {
      margin-top: -1px; }
    .root-header__navbutton:before {
      margin-top: -8px; }
    .root-header__navbutton:after {
      margin-top: 6px; }
    .root-header__navbutton.active span {
      display: none; }
    .root-header__navbutton.active:after {
      margin-top: -1px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      transition: .3s; }
    .root-header__navbutton.active:before {
      margin-top: -1px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      transition: .3s; }
  .root-header__logo {
    display: block;
    width: 132px;
    margin-right: 28px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .root-header__search {
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .root-header__user {
    margin-left: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .root-header__cart {
    margin-left: 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  @media (min-width: 768px) {
    .root-header {
      display: block; } }
  @media (min-width: 992px) {
    .root-header {
      padding-top: 20px;
      padding-bottom: 11px; }
      .root-header__wrap {
        height: auto; }
      .root-header__cart {
        margin-left: 20px; } }
  @media (min-width: 1260px) {
    .root-header {
      padding-top: 20px;
      padding-bottom: 11px; }
      .root-header__navbutton {
        display: none; }
      .root-header__logo {
        margin-right: 38px; } }

.header-nav {
  display: none;
  padding-bottom: 14px;
  font-size: 1rem;
  line-height: 1.375rem; }
  .header-nav .owl-stage-outer {
    overflow: visible; }
  .header-nav .owl-dots {
    display: none !important; }
  .header-nav__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .header-nav__item {
    padding-right: 4px;
    position: relative;
    display: inline-block; }
    .header-nav__item:hover .header-nav__link {
      color: #EC6828; }
    .header-nav__item:hover .header-nav__dropdown {
      display: block; }
  .header-nav__link {
    color: #141E3B;
    padding: 7px 8px;
    border-radius: 4px;
    white-space: nowrap;
    display: inline-block; }
    .header-nav__link i {
      font-size: 8px; }
    .header-nav__link:hover {
      color: #EC6828; }
  .header-nav__dropdown {
    left: 0;
    top: 100%;
    z-index: 100;
    display: none;
    padding-top: 14px;
    position: absolute; }
    .header-nav__dropdown ul {
      margin: 0;
      padding: 0;
      background: #fff;
      list-style: none;
      box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.1);
      border-radius: 0px 0px 16px 16px; }
    .header-nav__dropdown li a {
      color: #141E3B;
      padding: 13px 14px;
      white-space: nowrap;
      display: block; }
      .header-nav__dropdown li a:hover {
        color: #EC6828; }
  .header-nav__button {
    display: none; }
  .header-nav__toggle {
    width: 140px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #EC6828;
    font-size: 1rem;
    line-height: 1.375rem;
    text-decoration: none;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .header-nav__toggle i {
      width: 24px;
      height: 24px;
      padding: 5px;
      font-size: 14px;
      line-height: 14px;
      position: relative;
      display: inline-block; }
    .header-nav__toggle span {
      padding-left: 12px;
      display: inline-block; }
    .header-nav__toggle:hover {
      color: #EC6828;
      text-decoration: none; }
    .header-nav__toggle.active {
      color: #EC6828;
      text-decoration: none; }
      .header-nav__toggle.active i:after, .header-nav__toggle.active i:before {
        top: 50%;
        left: 50%;
        z-index: 5;
        width: 2px;
        height: 18px;
        content: '' !important;
        display: block;
        border-radius: 2px;
        position: absolute;
        background: #EC6828;
        margin: -9px 0 0 1px; }
      .header-nav__toggle.active i:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .header-nav__toggle.active i:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  @media (min-width: 992px) {
    .header-nav {
      display: block; } }
  @media (min-width: 1260px) {
    .header-nav__wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
    .header-nav__button {
      display: block;
      width: 170px;
      height: 36px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .header-nav__content {
      width: calc(100% - 175px);
      -ms-flex-negative: 0;
          flex-shrink: 0; } }

.header-mobile__wrap {
  height: 70px;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.header-mobile__icon {
  padding: 10px;
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  color: #141E3B; }
  .header-mobile__icon:hover {
    color: #141E3B; }
  .header-mobile__icon.active {
    color: #EC6828; }

.header-mobile__logo {
  width: 132px;
  display: block; }

@media (min-width: 768px) {
  .header-mobile {
    opacity: 0;
    visibility: hidden;
    display: none !important; } }

.search-mobile__dialog {
  margin: 0;
  top: 70px;
  padding: 0 12px; }

.search-mobile__content {
  border: none;
  padding: 14px;
  background: #fff;
  border-radius: 0 0 16px 16px;
  box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.1); }

.search-mobile__field {
  width: 100%;
  position: relative; }

.search-mobile__input {
  width: 100%;
  height: 44px;
  outline: none;
  display: block;
  border-radius: 22px;
  background: transparent;
  border: 1px solid #F8F8F8;
  color: #141E3B;
  font-weight: 500;
  padding: 11px 44px 11px 20px;
  font-size: 1rem;
  line-height: 1.375rem; }
  .search-mobile__input::-webkit-input-placeholder {
    color: #B4B3B1; }
  .search-mobile__input::-moz-placeholder {
    color: #B4B3B1; }
  .search-mobile__input:-ms-input-placeholder {
    color: #B4B3B1; }
  .search-mobile__input::-ms-input-placeholder {
    color: #B4B3B1; }
  .search-mobile__input::placeholder {
    color: #B4B3B1; }
  .search-mobile__input:focus {
    border-color: #222734; }
    .search-mobile__input:focus::-webkit-input-placeholder {
      color: transparent; }
    .search-mobile__input:focus::-moz-placeholder {
      color: transparent; }
    .search-mobile__input:focus:-ms-input-placeholder {
      color: transparent; }
    .search-mobile__input:focus::-ms-input-placeholder {
      color: transparent; }
    .search-mobile__input:focus::placeholder {
      color: transparent; }

.search-mobile__button {
  top: 0;
  right: 0;
  z-index: 10;
  width: 44px;
  height: 44px;
  display: block;
  border: none;
  outline: none;
  color: #222734;
  margin: 0;
  cursor: pointer;
  padding: 15px;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  border-radius: 22px;
  background: transparent; }
  .search-mobile__button:focus {
    outline: none; }

.goods {
  width: 128px;
  min-height: 320px;
  position: relative;
  font-size: 0.6875rem;
  line-height: 0.8125rem;
  padding-bottom: 54px; }
  .goods:hover {
    z-index: 20; }
    .goods:hover .goods__hover {
      opacity: 1;
      visibility: visible;
      transition: .3s; }
  .goods__main {
    z-index: 20;
    width: 100%;
    padding: 8px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .goods__hover {
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 1;
    height: 100%;
    visibility: visible;
    background: #fff;
    position: absolute;
    border-radius: 10px;
    transition: .3s; }
  .goods__button {
    left: 8px;
    right: 8px;
    bottom: 8px;
    position: absolute; }
    .goods__button .btn {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 0.875rem; }
  .goods__image {
    display: block;
    margin-bottom: 12px;
    font-size: 0.875rem;
    text-align: center;
    min-height: 150px; }
    @media (min-width: 768px) {
      .goods__image {
        min-height: 180px; } }
  .goods__image img,
  .owl-carousel .owl-item .goods__image img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto; }
  .goods__article {
    color: #B4B3B1;
    margin-bottom: 4px;
    font-size: 0.8125rem;
    line-height: 0.9375rem; }
  .goods__title {
    display: block;
    -ms-flex-positive: 1;
        flex-grow: 1;
    overflow: hidden;
    font-weight: 500;
    color: #222734;
    margin-bottom: 4px;
    max-height: 45px;
    text-overflow: ellipsis;
    text-decoration: none;
    font-size: 0.8125rem;
    line-height: 0.9375rem; }
    .goods__title:hover {
      color: #EC6828;
      text-decoration: none; }
  .goods__rate {
    margin-bottom: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .goods__rate--value {
      padding-left: 5px;
      font-weight: 500;
      font-size: 0.8125rem;
      line-height: 0.9375rem; }
  .goods__price {
    margin-bottom: 4px;
    font-size: 1.125rem;
    line-height: 1.5rem; }
  .goods__old {
    color: #B4B3B1;
    margin-right: 8px;
    margin-bottom: 4px;
    text-decoration: line-through; }
  .goods__benefits {
    color: #27AE60; }
  @media (min-width: 768px) {
    .goods {
      width: 218px;
      min-height: 410px;
      font-size: 0.8125rem;
      line-height: 0.9375rem; }
      .goods__article {
        font-size: 0.6875rem;
        line-height: 0.8125rem; }
      .goods__title {
        font-size: 1rem;
        line-height: 1.375rem; }
      .goods__main {
        padding: 16px; }
      .goods__title {
        height: 66px;
        margin-bottom: 10px; }
      .goods__price {
        font-size: 1.75rem;
        line-height: 1.875rem; }
      .goods__sale {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
      .goods__old {
        margin-bottom: 0; }
      .goods__button {
        left: 16px;
        right: 16px;
        bottom: 16px; } }
  @media (min-width: 1260px) {
    .goods {
      width: 218px;
      min-height: 364px; }
      .goods__main {
        height: 100%; }
      .goods__hover {
        opacity: 0;
        visibility: hidden;
        height: calc(100% + 50px);
        box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.1);
        border-radius: 10px; }
      .goods:hover {
        z-index: 20; }
        .goods:hover .goods__hover {
          opacity: 1;
          visibility: visible;
          transition: .3s; } }

.mini-goods {
  padding: 8px;
  width: 218px;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  border-radius: 10px;
  background: #ffffff;
  color: #222734;
  font-size: 0.8125rem;
  line-height: 0.9375rem; }
  .mini-goods__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-align: center;
        align-items: center;
    color: #222734;
    text-decoration: none; }
    .mini-goods__main:hover {
      color: #222734;
      text-decoration: none; }
  .mini-goods:hover {
    box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.1); }
  .mini-goods__image {
    width: 74px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .mini-goods__content {
    padding-left: 12px; }
  .mini-goods__title {
    max-height: 45px;
    overflow: hidden;
    margin-bottom: 4px;
    text-overflow: ellipsis; }
  .mini-goods__price {
    font-weight: 600;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.375rem; }
  .mini-goods__button {
    padding-top: 12px; }
    .mini-goods__button .btn {
      width: 100%; }

.catalog-items {
  margin-bottom: 32px; }
  .catalog-items__header {
    margin-bottom: 16px; }
  .catalog-items__title {
    margin-bottom: 12px; }
  .catalog-items__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .catalog-items__nav--button {
      display: none;
      color: #325998;
      text-decoration: none; }
      .catalog-items__nav--button:hover {
        color: #EC6828;
        text-decoration: none; }
      .catalog-items__nav--button.disabled {
        color: #F8F8F8; }
    .catalog-items__nav--link {
      color: #325998;
      white-space: nowrap;
      font-size: 1rem;
      line-height: 1.375rem; }
      .catalog-items__nav--link:hover {
        color: #EC6828;
        text-decoration: none; }
  .catalog-items__slider {
    display: -ms-flexbox;
    display: flex; }
  .catalog-items .owl-stage-outer {
    overflow: visible; }
  .catalog-items .owl-dots {
    display: none !important; }
  .catalog-items__products {
    width: 264px; }
    .catalog-items__products .owl-stage-outer {
      overflow: visible; }
    .catalog-items__products .owl-nav {
      top: 0;
      left: 0;
      z-index: -1;
      opacity: 0;
      visibility: hidden;
      position: absolute; }
  @media (min-width: 768px) {
    .catalog-items {
      margin-bottom: 48px; }
      .catalog-items__header {
        margin-bottom: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between; }
      .catalog-items__title {
        margin-bottom: 0; } }
  @media (min-width: 576px) {
    .catalog-items__products {
      width: 416px; } }
  @media (min-width: 768px) {
    .catalog-items__products {
      width: 686px; } }
  @media (min-width: 992px) {
    .catalog-items__main {
      overflow: hidden;
      margin-right: -800px; }
    .catalog-items__products {
      width: 702px; } }
  @media (min-width: 1260px) {
    .catalog-items__header {
      margin-bottom: 32px; }
    .catalog-items__nav--button {
      margin-right: 20px;
      display: inline-block; }
    .catalog-items__main {
      overflow: visible;
      margin-right: 0; }
      .catalog-items__main .owl-item {
        opacity: 0;
        visibility: hidden; }
        .catalog-items__main .owl-item.active {
          opacity: 1;
          visibility: visible; }
    .catalog-items__products {
      width: 100%; } }

.cat-item {
  width: 184px;
  display: block;
  color: #222734;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem; }
  .cat-item:hover {
    color: #EC6828;
    text-decoration: none; }
  .cat-item__image {
    display: block;
    background: #F8F8F8;
    margin-bottom: 12px; }

.catalog-items__sections-list__slider {
  display: -ms-flexbox;
  display: flex; }

.catalog-items__sections-list__item {
  padding-right: 24px; }

@media (min-width: 992px) {
  .catalog-items__sections-list {
    overflow: hidden;
    margin-right: -300px; }
    .catalog-items__sections-list__slider {
      width: 702px;
      margin: 0; } }

@media (min-width: 1260px) {
  .catalog-items__sections-list {
    margin: 0; }
    .catalog-items__sections-list__slider {
      width: 100%; } }

.cart {
  width: 100%;
  max-width: 100%; }
  .cart__content {
    margin-bottom: 32px; }
  .cart__sidebar {
    margin-bottom: 32px; }
  .cart__banner {
    display: none; }
  @media (min-width: 768px) {
    .cart__content {
      margin-bottom: 48px; }
    .cart__sidebar {
      margin-bottom: 48px; } }
  @media (min-width: 1260px) {
    .cart {
      display: grid;
      grid-column-gap: 64px;
      grid-template-areas: "basket sidebar1" "product sidebar2" "checkout sidebar3";
      grid-template-columns: calc(100% -  312px) 248px; }
      .cart__content {
        grid-area: basket; }
      .cart__sidebar {
        grid-row-start: sidebar1;
        grid-row-end: sidebar3;
        grid-column-start: sidebar1;
        grid-column-end: sidebar1; }
      .cart__product {
        grid-area: product; }
      .cart__checkout {
        grid-area: checkout; }
      .cart__banner {
        display: block; } }

.data-filter {
  width: 100%;
  max-width: 100%; }
  .data-filter__scroll {
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 8px;
    margin-bottom: 24px; }
  .data-filter__nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .data-filter__item {
    margin-right: 12px; }
    .data-filter__item:last-child {
      margin-right: 0; }
  .data-filter__button {
    border: none;
    outline: none;
    padding: 5px 20px;
    border-radius: 16px;
    background: #F8F8F8;
    color: #222734;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.375rem; }
    .data-filter__button:hover, .data-filter__button.active {
      color: #ffffff;
      text-decoration: none;
      background: #EC6828; }
  @media (min-width: 768px) {
    .data-filter {
      margin-bottom: 40px; } }
  @media (min-width: 1260px) {
    .data-filter__scroll {
      overflow-x: visible; } }

.cancel-on,
.cancel-off,
.star-on,
.star-off,
.star-half {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "raty";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none; }

.cancel-on:before {
  content: "\e600"; }

.cancel-off:before {
  content: "\e601"; }

.star-on:before {
  content: "\f005"; }

.star-off:before {
  content: "\f006"; }

.star-half:before {
  content: "\f123"; }

.raty .star-on {
  color: #EC6828; }

.raty .star-off {
  color: #B4B3B1; }

.raty .star-half {
  color: #EC6828; }

.video-item {
  color: #ffffff;
  max-width: 392px;
  font-weight: 700;
  text-decoration: none;
  font-size: 1.25rem;
  line-height: 1.625rem;
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 20px 42px 20px 20px;
  -webkit-clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%); }
  .video-item:hover {
    color: #ffffff;
    text-decoration: none; }
  .video-item__image {
    z-index: 1;
    font-size: 0;
    line-height: 0;
    display: block;
    position: relative; }
    .video-item__image:before {
      left: 0;
      right: 0;
      bottom: 0;
      height: 55%;
      z-index: 5;
      content: '';
      display: block;
      position: absolute;
      background: linear-gradient(180deg, rgba(20, 30, 59, 0) 0%, #141E3B 100%); }
  .video-item__content {
    z-index: 20;
    left: 12px;
    bottom: 20px;
    width: 190px;
    position: absolute; }
  .video-item__icon {
    right: 20px;
    bottom: 28px;
    z-index: 30;
    display: inline-block;
    position: absolute;
    font-size: 2.5rem;
    line-height: 2.5rem; }
  @media (min-width: 768px) {
    .video-item__content {
      left: 32px; } }
  @media (min-width: 992px) {
    .video-item__content {
      left: 16px; } }
  @media (min-width: 1260px) {
    .video-item__content {
      left: 32px; }
    .video-item__icon {
      right: 38px; } }

.sw-modal {
  z-index: 1500;
  background: rgba(20, 30, 59, 0.6); }
  .sw-modal__dialog {
    max-width: 708px; }
  .sw-modal__content {
    width: 100%;
    border-radius: 24px; }
  .sw-modal__close {
    top: 20px;
    right: 20px;
    margin: 0;
    padding: 0;
    z-index: 200;
    border: none;
    outline: none;
    color: #B4B3B1;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    background: transparent; }
  .sw-modal__body {
    padding: 40px 24px; }
    .sw-modal__body .btn {
      width: 100%; }
  .sw-modal__title {
    margin-bottom: 10px;
    padding-right: 40px;
    font-size: 1.5rem;
    line-height: 1.625rem; }
  .sw-modal__footer {
    -ms-flex-pack: center;
        justify-content: center; }
  @media (min-width: 768px) {
    .sw-modal__title {
      margin-bottom: 20px;
      font-size: 2.5rem;
      line-height: 2.6875rem; }
    .sw-modal__close {
      top: 60px;
      right: 60px; }
    .sw-modal__content {
      border-radius: 40px; }
    .sw-modal__body {
      padding: 60px; } }

/*# sourceMappingURL=styles.sunways.css.map */