/* Start:/local/templates/retail/scss/retail.css?178722187514560*/
@charset "UTF-8";
@use "sass:math";
@font-face {
  font-family: 'Montserrat';
  src: url("/local/templates/retail/fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("/local/templates/retail/fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("/local/templates/retail/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("/local/templates/retail/fonts/Montserrat/Montserrat-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: url("/local/templates/retail/fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"), url("/local/templates/retail/fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("/local/templates/retail/fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"), url("/local/templates/retail/fonts/Montserrat/Montserrat-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: url("/local/templates/retail/fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("/local/templates/retail/fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("/local/templates/retail/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("/local/templates/retail/fonts/Montserrat/Montserrat-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@use "sass:math";
* {
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal; }

*,
*:before,
*:after {
  box-sizing: border-box; }

:focus,
:active {
  outline: none; }

a:focus,
a:active {
  outline: none; }

html,
body {
  height: 100%; }

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input,
button,
textarea {
  font-size: inherit;
  -webkit-appearance: none;
  background: none; }

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit; }

a {
  color: inherit; }

a:link,
a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

ul li {
  list-style: none; }

img {
  vertical-align: top; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit; }

hr {
  border: none;
  background-color: #a0a1a1;
  color: #a0a1a1;
  height: 0.8px;
  width: 90%;
  margin: 0 auto; }

.d-fl {
  display: flex; }

.d-fl-col {
  display: flex;
  flex-direction: column; }

.d-fl-row {
  display: flex;
  flex-direction: row; }

.d-fl-wrap {
  display: flex;
  flex-wrap: wrap; }

.d-fl-wrap--reverse {
  display: flex;
  flex-wrap: wrap-reverse; }

.jc-c {
  justify-content: center; }

.jc-sb {
  justify-content: space-between; }

.a-i-c {
  align-items: center; }

.gap-5 {
  gap: 0.3125rem; }

.gap-10 {
  gap: 0.625rem; }

.gap-15 {
  gap: 0.9375rem; }

.gap-20 {
  gap: 1.25rem; }

.gap-30 {
  gap: 1.875rem; }

html {
  --gradient-green: linear-gradient(180deg, #11af3d, #007d45 100%);
  --background-main: #ffffff;
  --background-black: #121212;
  --background-gray: #f5f5f5;
  --background-green: #14b742;
  --background-green-dark: #007D45FF;
  --color-gray: #aaaaaa;
  --color-text-white: #ffffff;
  --color-text-black: #000000;
  --color-text-gray: #404040;
  --color-text-green: #09B238;
  --color-text-dark-green: #007D45;
  --color-text-gray-blue: #BCC3CD;
  --background-link-btn: #f5f5f5;
  --color-link-btn: #000000;
  --background-line: #cdcdcd;
  --background-icon: #cdcdcd; }

@use "sass:math";
.header {
  padding: 1.25rem 0; }

.header__wrapper {
  align-items: center; }

.header__logo {
  width: 8.125rem;
  height: 2.5rem; }
  .header__logo picture {
    display: contents; }
  .header__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain; }

.header__nav {
  margin-left: 1.25rem;
  padding: 0.625rem 1.25rem; }
  @media (max-width: 955px) {
    .header__nav {
      display: none; } }

.header__nav-list {
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 0; }

.header__nav-item {
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--color-text-black);
  transition: .3s; }
  .header__nav-item:hover {
    text-underline: none;
    text-decoration: none;
    color: var(--color-text-dark-green); }

.header__btn {
  align-items: center;
  margin-left: auto;
  padding: 0.625rem 0; }
  .header__btn-login, .header__btn-logout {
    border-radius: 0.3125rem;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--color-text-black);
    padding: 0.4375rem 1.25rem;
    transition: .3s; }
    .header__btn-login:hover, .header__btn-logout:hover {
      opacity: .8;
      text-underline: none;
      text-decoration: none;
      color: var(--color-text-dark-green); }
  .header__btn-login::before {
    content: "";
    display: block;
    margin-right: 0.25rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-grow: 0;
    flex-shrink: 0;
    background-image: url("/local/templates/retail/images/icons/user-login.svg");
    width: 1.25rem;
    height: 1.25rem; }
  .header__btn-logout::after {
    content: "";
    display: block;
    margin-left: 0.25rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-grow: 0;
    flex-shrink: 0;
    background-image: url("/local/templates/retail/images/icons/user-logout.svg");
    width: 1.25rem;
    height: 1.25rem; }
  @media (max-width: 955px) {
    .header__btn {
      display: none; } }

.header__btn-wrapper {
  position: relative;
  margin-bottom: 0; }
  .header__btn-wrapper > .header__btn-submenu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -2.5rem;
    left: 0;
    right: 0;
    padding-top: 0.625rem;
    width: 75%;
    margin: auto;
    transform: translate(0, 50%);
    transition: .3s; }
    .header__btn-wrapper > .header__btn-submenu > .header__btn-logout {
      background: var(--background-main);
      border-radius: 0.3125rem;
      box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
      box-sizing: border-box; }
  .header__btn-wrapper:hover > .header__btn-submenu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0); }

.footer {
  margin-top: clamp(6.25rem, 8.33333vw, 7.5rem);
  background-color: #f8f8fa;
  padding: 1.875rem 0 0 0; }
  @media (max-width: 600px) {
    .footer {
      padding-bottom: 0.9375rem; } }

.footer__info-wrapper {
  justify-content: space-between;
  gap: 2.1875rem;
  margin-top: 2.8125rem; }

.footer__info-left {
  gap: 2.1875rem; }
  @media (max-width: 600px) {
    .footer__info-left {
      order: 1; } }
  @media (max-width: 600px) {
    .footer__info-left {
      display: none; } }

@media (max-width: 600px) {
  .footer__info-list {
    border: 0.0625rem solid #e0e0e0;
    border-radius: 0.75rem;
    background-color: var(--background-main); } }

.footer__info-title {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.23vw, 0.875rem);
  line-height: clamp(1rem, 1.75vw, 1.25rem);
  color: var(--color-text-black);
  opacity: 0.5;
  padding-bottom: 0.625rem; }
  @media (max-width: 600px) {
    .footer__info-title {
      font-weight: 600;
      font-size: clamp(0.75rem, 2.67vw, 1rem);
      line-height: clamp(1rem, 3.67vw, 1.375rem);
      opacity: 1;
      padding: 0.625rem;
      cursor: pointer;
      display: flex;
      justify-content: space-between; }
      .footer__info-title::after {
        content: "";
        display: block;
        width: 0.6875rem;
        height: 0.4375rem;
        color: #b4b4b4;
        background-image: url("/local/templates/retail/scss/../../main/img/icon/arrow-accordion.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: 0.3s;
        align-self: center; } }

@media (max-width: 600px) {
  .accordion-active .footer__info-title::after {
    transform: rotate(180deg); } }

.footer__info-item {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  color: var(--color-text-black);
  padding: 0.3125rem 0;
  transition: .3s;
  cursor: pointer; }
  .footer__info-item:hover {
    text-decoration: none;
    color: var(--color-text-green); }

.footer__info-right {
  gap: 1.25rem; }
  @media (max-width: 1120px) {
    .footer__info-right {
      flex-wrap: wrap; } }
  @media (max-width: 630px) {
    .footer__info-right {
      flex-direction: row; } }

.footer__hotline-subtitle {
  font-weight: 400;
  font-size: clamp(0.75rem, 0.97vw, 0.875rem);
  line-height: clamp(1rem, 1.39vw, 1.25rem);
  color: var(--color-text-black);
  opacity: 0.5; }

.footer__hotline-title {
  font-weight: 600;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  color: var(--color-text-black);
  padding-right: 0.9375rem; }

.footer__hotline-time {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  color: var(--color-text-black);
  opacity: 0.5; }

.footer__hotline-item {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  color: var(--color-text-black);
  padding: 0.3125rem 0;
  padding-right: 0.625rem; }
  .footer__hotline-item:nth-child(2)::before {
    content: "|";
    color: var(--color-text-black);
    opacity: 0.5;
    font-size: clamp(0.75rem, 1.4vw, 1rem);
    line-height: clamp(1rem, 1.93vw, 1.375rem);
    margin-right: 0.3125rem; }

.footer__info-feedback {
  font-weight: 600;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  background-color: #e9f8ee;
  color: #14b742;
  padding: 0.9375rem 1.875rem;
  align-self: flex-start;
  border-radius: 0.625rem; }
  @media (max-width: 600px) {
    .footer__info-feedback {
      display: none; } }

@media (max-width: 600px) {
  .footer__info-accordion {
    display: none; } }
.accordion-active .footer__info-accordion {
  border-top: 0.0625rem solid #e0e0e0;
  display: flex;
  margin: 0.625rem; }

.footer__society-card {
  justify-content: center;
  gap: 1.5625rem;
  border-top: 0.0625rem solid #e0e0e0;
  margin-top: 2.5rem;
  padding-top: 1.875rem; }
  @media (max-width: 600px) {
    .footer__society-card {
      display: none; } }

.footer__copyright {
  margin-top: 1.5625rem;
  padding: 1.5625rem 0;
  background-color: #f0f0f4; }
  .footer__copyright > .footer__container {
    justify-content: space-between; }
  .footer__copyright span {
    color: #98999f;
    font-size: clamp(0.75rem, 1.4vw, 1rem);
    line-height: clamp(1rem, 1.93vw, 1.375rem);
    text-align: center;
    display: flex;
    align-items: center; }
  @media (max-width: 600px) {
    .footer__copyright {
      display: none; } }

.society-card {
  justify-content: center;
  align-items: center; }
  .society-card--img {
    width: 3.125rem;
    height: 2.8125rem;
    padding: 0.625rem;
    display: flex;
    flex-direction: column;
    background-color: #f0f0f4;
    border-radius: 0.625rem;
    align-items: center;
    flex-grow: 0; }
    .society-card--img img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
  .society-card span {
    padding: 0.3125rem;
    color: #a8a9ae;
    font-size: 0.625rem;
    line-height: 0.75rem;
    text-align: center; }
  .society-card:hover {
    text-decoration: none; }

@media (max-width: 480px) {
  html {
    font-size: calc(100vw / 480 * 16); } }
@media (min-width: 1441px) {
  html {
    font-size: calc(100vw / 1440 * 16); } }

/*------------------ОБОЛОЧКА------------------*/
.wrapper {
  scroll-behavior: smooth;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden; }

[class*="__container"] {
  width: 100%;
  max-width: 71.25rem;
  margin: 0 auto;
  padding: 0 0.9375rem; }
  @media (max-width: 630px) {
    [class*="__container"] {
      padding: 0 0.625rem; } }

/*------------------ОБОЛОЧКА------------------*/
/*------------------BEM------------------*/
.main {
  flex: 1 1 auto; }

.js-body.active {
  overflow: hidden; }

.section__wrapper {
  gap: clamp(0.9375rem, 3.47222vw, 3.125rem); }

.section__block {
  flex: 1 1 20.34375rem; }

.section__title,
.section__subtitle,
.section__subtitle-h3,
.section__subtitle-h4,
.section__subtitle-h5,
.section__subtitle-h6 {
  font-weight: 700;
  color: var(--color-text-black);
  margin-bottom: 0; }

.section__title {
  font-size: clamp(1.875rem, 4.30556vw, 3.875rem);
  line-height: clamp(2.375rem, 4.86111vw, 4.375rem); }

.section__subtitle {
  font-size: clamp(1.5625rem, 2.43056vw, 2.1875rem);
  line-height: clamp(1.875rem, 2.77778vw, 2.5rem); }

.section__subtitle-h3 {
  font-size: clamp(1.125rem, 1.52778vw, 1.375rem);
  line-height: clamp(1.5625rem, 2.01389vw, 1.8125rem); }

.section__subtitle-h4 {
  font-size: clamp(1rem, 1.25vw, 1.125rem);
  line-height: clamp(1.4375rem, 1.73611vw, 1.5625rem); }

.section__subtitle-h5 {
  font-size: clamp(0.875rem, 1.11111vw, 1rem);
  line-height: clamp(1.3125rem, 1.59722vw, 1.4375rem); }

.section__subtitle-h6 {
  font-size: 0.875rem;
  line-height: 1.3125rem; }

.section__text {
  font-size: clamp(1rem, 1.38889vw, 1.25rem);
  line-height: clamp(1.4375rem, 1.875vw, 1.6875rem);
  color: var(--color-text-black);
  font-weight: 400;
  margin-bottom: 0; }

.button-green {
  color: var(--color-text-white);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  flex: 1 1 auto;
  text-align: center;
  padding: 0.9375rem;
  border-radius: 0.625rem;
  background: var(--gradient-green);
  transition: .3s; }
  .button-green:hover {
    opacity: .9;
    color: var(--color-text-white);
    text-decoration: none; }

/*------------------BEM------------------*/

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

/* End */


/* Start:/local/templates/retail/css/owl.carousel.css?16870875583893*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.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;-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-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;cursor:hand;-webkit-user-select:none;-khtml-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:unset;touch-action:unset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height 500ms ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/retail/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none}.owl-nav .disabled{opacity:.5;cursor:default}.owl-nav.disabled + .owl-dots{margin-top:10px}.owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px}.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/local/templates/retail/css/swiper.min.css?168708755919773*/
/**
 * Swiper 4.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 5, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/* End */


/* Start:/local/templates/retail/css/mCustomScrollbar.css?168708755852754*/
/*
== 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: 4px;
		height: auto;
		left: auto;
		top: 0;
		right: -1px;
		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: 3px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; 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: 3px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; 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;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

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

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

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

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

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

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

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

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

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

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

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



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

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

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



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

	/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/

	/* default theme ("light") */

	.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: #d7d7d7;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: rgba(129, 188, 61,.8);
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: rgba(129, 188, 61,1);
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(/local/templates/retail/css/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);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; 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);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; 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);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; 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);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; 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);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; 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);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; 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: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		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: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		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{ -webkit-border-radius: 16px; -moz-border-radius: 16px; 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{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; 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);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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); }

	/* ---------------------------------------- */

/* End */


/* Start:/local/templates/retail/components/retail/mobileMenu/mobileMenu.css?17406547823454*/
html {
  --gradient-green: linear-gradient(180deg, #11af3d, #007d45 100%);
  --background-main: #ffffff;
  --background-black: #121212;
  --background-gray: #f5f5f5;
  --background-green: #14b742;
  --background-green-dark: #007D45FF;
  --color-gray: #aaaaaa;
  --color-text-white: #ffffff;
  --color-text-black: #000000;
  --color-text-gray: #404040;
  --color-text-green: #09B238;
  --color-text-dark-green: #007D45;
  --color-text-gray-blue: #BCC3CD;
  --background-link-btn: #f5f5f5;
  --color-link-btn: #000000;
  --background-line: #cdcdcd;
  --background-icon: #cdcdcd; }

@use "sass:math";
@use "sass:math";
.header__mobileMenu {
  position: relative;
  display: none;
  margin-left: auto; }
  @media (max-width: 955px) {
    .header__mobileMenu {
      display: flex; } }

.header__mobileMenu-btn {
  gap: 0.3125rem;
  cursor: pointer; }

.header__mobileMenu-line {
  display: block;
  width: 1.875rem;
  height: 0.125rem;
  background-color: var(--background-black);
  flex-grow: 1;
  flex-shrink: 1; }

.header__mobileMenu-wrapper {
  background-color: var(--background-main);
  bottom: 0;
  display: flex;
  left: 0;
  min-height: 100vh;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  width: 100%;
  z-index: -1; }
  .header__mobileMenu-wrapper.active {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    z-index: 9999;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 1.25rem; }

.header__mobileMenu-content {
  width: 100%; }

.header__mobileMenu-header {
  align-items: center;
  justify-content: space-between; }

.header__mobileMenu-close,
.header__mobileMenu-authorization {
  width: 1.875rem;
  height: 1.875rem;
  cursor: pointer; }
  .header__mobileMenu-close img,
  .header__mobileMenu-authorization img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center; }

.header__mobileMenu-center {
  padding: 3.125rem 0;
  gap: 1.25rem;
  flex: 1 1 auto; }

.header__mobileMenu-item {
  color: var(--color-text-black);
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.4375rem; }
  .header__mobileMenu-item:hover {
    text-decoration: none;
    color: var(--color-text-black); }

.header__mobileMenu-item--authorization {
  justify-content: center;
  align-items: center;
  background: var(--gradient-green);
  padding: 0.6875rem 1.25rem;
  border-radius: 0.4375rem;
  font-weight: 700;
  color: var(--color-text-white);
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.4375rem;
  text-align: center; }
  .header__mobileMenu-item--authorization:hover {
    text-decoration: none;
    color: var(--color-text-white); }

.header__mobileMenu-footer {
  flex: 0 0 auto; }

.header__mobileMenu-wrapper--copyright {
  gap: 0.625rem; }

.header__mobileMenu-copyright {
  color: var(--color-text-black);
  font-size: 0.75rem;
  line-height: 1.0625rem;
  opacity: .5; }

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

/* End */


/* Start:/local/templates/retail/scss/personal.css?179178919549955*/
@charset "UTF-8";
@use "sass:math";
@use "sass:math";
@media (max-width: 360px) {
  html {
    font-size: calc(100vw / 360 * 16); } }

* {
  font-family: "Montserrat", sans-serif; }

/*------------------ОБОЛОЧКА------------------*/
/*------------------ОБОЛОЧКА------------------*/
/*------------------BEM------------------*/
/*------------------BEM------------------*/
.header__logo {
  max-width: 9.75rem;
  max-height: 3.125rem;
  min-width: 5.9375rem;
  min-height: 1.875rem; }
  .header__logo picture {
    display: contents; }
  .header__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

/*------------------MAIN------------------*/
.main {
  flex: 1 1 auto; }

@use "sass:math";
.pop {
  display: inline-flex; }

.section__info {
  background-color: #f8f8fa; }

.info__container {
  width: 100%; }

.info-wrapper {
  width: 100%;
  padding: clamp(0.9375rem, 3.51vw, 2.5rem) 0 clamp(1.25rem, 4.39vw, 3.125rem) 0;
  gap: 1.25rem;
  align-items: stretch; }

.info__block-card {
  gap: 0.9375rem;
  flex: 1 1 0;
  min-width: 12.5rem; }
  @media (max-width: 768px) {
    .info__block-card {
      flex: 1 1 100%;
      min-width: 0; } }

.info__block-img {
  position: relative;
  width: 100%;
  max-width: none;
  max-height: 11.25rem; }
  @media (min-width: 1441px) {
    .info__block-img {
      width: 100%;
      height: 11.25rem; } }
  @media (max-width: 768px) {
    .info__block-img {
      max-width: none;
      max-height: none;
      flex: 1 1 auto; } }
  .info__block-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }
  .info__block-img picture {
    display: contents; }

.info__card {
  position: absolute;
  bottom: 0.9375rem;
  left: 0.9375rem;
  z-index: 1; }

.info__user-card,
.info__user-card--show {
  font-size: clamp(0.75rem, 1.23vw, 0.875rem);
  line-height: clamp(0.875rem, 1.67vw, 1.1875rem);
  color: #000000; }

.info__user-card {
  font-weight: 500;
  font-size: clamp(0.75rem, 0.97vw, 0.875rem);
  line-height: clamp(0.875rem, 1.32vw, 1.1875rem);
  color: #000000; }

.info__user-card--show {
  font-weight: 600; }

.js-open__card {
  cursor: pointer; }

.info__block-points,
.info__block-status {
  flex: 1 1 0;
  min-width: 0;
  background-color: #fff;
  padding: 0.625rem;
  border-radius: 0.5rem;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .info__block-points,
    .info__block-status {
      flex: 1 1 calc(50% - 0.625rem); } }

.points__title,
.status__title {
  font-weight: 700;
  font-size: clamp(0.875rem, 1.74vw, 1.5625rem);
  line-height: clamp(0.875rem, 1.74vw, 1.5625rem);
  color: #000000;
  opacity: 0.3;
  padding-bottom: 2.1875rem; }
  @media (max-width: 480px) {
    .points__title,
    .status__title {
      padding-bottom: 1.5625rem; } }

.points__value {
  font-size: clamp(2.1875rem, 2.78vw, 2.5rem);
  line-height: clamp(2.5rem, 3.06vw, 2.75rem);
  font-weight: 700; }

.points__value {
  color: #14b742; }
  .points__value.error::before {
    content: "Упс, ошибка!";
    display: block;
    color: red;
    font-size: 0.625rem; }

.status__header {
  gap: 0.625rem; }

.status__text {
  display: flex;
  font-size: clamp(0.875rem, 1.74vw, 1.5625rem);
  line-height: clamp(0.875rem, 1.74vw, 1.5625rem);
  font-weight: 700;
  text-transform: uppercase;
  color: #14b742; }
  .status__text.error::before {
    content: "Упс, ошибка!";
    display: block;
    color: red;
    font-size: 0.625rem;
    text-transform: capitalize; }

.status__text--skeleton {
  display: none !important; }
  .status__text--skeleton.active {
    display: flex !important; }

.status__text--skeleton,
.status__description--skeleton {
  max-width: 8.4375rem;
  height: 1.5625rem;
  flex: 1 1 auto;
  background-color: #f8f8fa;
  border-radius: 0.625rem;
  background-repeat: no-repeat;
  background-image: linear-gradient(#ececee 100%, transparent 0%), linear-gradient(#ececee 100%, transparent 0%);
  background-size: 100% 100%;
  background-position: 98.3% 23%;
  -webkit-animation: statusSkeleton 1s linear infinite alternate;
  animation: statusSkeleton 1s linear infinite alternate; }
  @media (max-width: 480px) {
    .status__text--skeleton,
    .status__description--skeleton {
      height: 0.9375rem; } }

@-webkit-keyframes statusSkeleton {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }
@keyframes statusSkeleton {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }
.status__description-wrapper--skeleton {
  width: 100%;
  display: none !important;
  gap: 0.3125rem; }
  .status__description-wrapper--skeleton > .status__description--skeleton {
    max-width: 10.625rem;
    height: 1.25rem; }
    @media (max-width: 480px) {
      .status__description-wrapper--skeleton > .status__description--skeleton {
        height: 0.9375rem; } }
  .status__description-wrapper--skeleton.active {
    display: flex !important; }

.status__content {
  align-items: center;
  justify-content: space-between; }

.status__description {
  font-size: clamp(0.625rem, 0.97vw, 0.875rem);
  line-height: clamp(1rem, 1.39vw, 1.25rem);
  font-weight: 400;
  max-width: 10.3125rem; }
  .status__description.error::before {
    content: "Мы знаем о проблеме и уже работаем. Попробуйте обновить страницу или зайти попозже.";
    display: block;
    color: red;
    font-size: clamp(0.5rem, 0.69vw, 0.625rem);
    text-transform: none; }

.status__progress {
  background-color: #14b742;
  border-radius: 50%;
  width: 3.75rem;
  height: 3.75rem;
  flex-grow: 0;
  flex-shrink: 0; }

.status__amount {
  font-weight: 500;
  font-size: clamp(0.75rem, 0.97vw, 0.875rem);
  line-height: clamp(0.75rem, 0.97vw, 0.875rem); }

.circular-progress {
  margin-left: clamp(0.625rem, 3.47vw, 3.125rem);
  position: relative;
  height: clamp(3.75rem, 6.94vw, 6.25rem);
  width: clamp(3.75rem, 6.94vw, 6.25rem);
  border-radius: 50%;
  background: conic-gradient(#14b742 3.6deg, #ededed 0deg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0; }

.circular-progress::before {
  content: "";
  position: absolute;
  height: clamp(3.125rem, 6.25vw, 5.625rem);
  width: clamp(3.125rem, 6.25vw, 5.625rem);
  border-radius: 50%;
  background-color: #fff; }

.progress-value {
  position: relative;
  font-size: clamp(0.625rem, 1.11vw, 1rem);
  line-height: clamp(0.625rem, 1.11vw, 1rem);
  font-weight: 700;
  color: #14b742; }
  .progress-value.error::before {
    content: "Упс, ошибка!";
    display: block;
    color: red;
    font-size: 0.625rem;
    text-transform: capitalize;
    text-align: center; }

.preloader,
.preloaderStatus {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  color: #14b742;
  position: relative;
  display: none; }
  .preloader.active,
  .preloaderStatus.active {
    display: block; }

.preloader:before,
.preloader:after,
.preloaderStatus:before,
.preloaderStatus:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  -webkit-animation: 1s spin linear infinite;
  animation: 1s spin linear infinite; }

.preloader:after,
.preloaderStatus:after {
  color: #ff3d00;
  transform: rotateY(70deg);
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

@-webkit-keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg); }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg); } }
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg); }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg); } }
@-webkit-keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg); } }
@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg); } }
@-webkit-keyframes spin {
  0%,
    100% {
    box-shadow: 0.2em 0px 0 0px currentcolor; }
  12% {
    box-shadow: 0.2em 0.2em 0 0 currentcolor; }
  25% {
    box-shadow: 0 0.2em 0 0px currentcolor; }
  37% {
    box-shadow: -0.2em 0.2em 0 0 currentcolor; }
  50% {
    box-shadow: -0.2em 0 0 0 currentcolor; }
  62% {
    box-shadow: -0.2em -0.2em 0 0 currentcolor; }
  75% {
    box-shadow: 0px -0.2em 0 0 currentcolor; }
  87% {
    box-shadow: 0.2em -0.2em 0 0 currentcolor; } }
@keyframes spin {
  0%,
    100% {
    box-shadow: 0.2em 0px 0 0px currentcolor; }
  12% {
    box-shadow: 0.2em 0.2em 0 0 currentcolor; }
  25% {
    box-shadow: 0 0.2em 0 0px currentcolor; }
  37% {
    box-shadow: -0.2em 0.2em 0 0 currentcolor; }
  50% {
    box-shadow: -0.2em 0 0 0 currentcolor; }
  62% {
    box-shadow: -0.2em -0.2em 0 0 currentcolor; }
  75% {
    box-shadow: 0px -0.2em 0 0 currentcolor; }
  87% {
    box-shadow: 0.2em -0.2em 0 0 currentcolor; } }
/*------------------barcodeError------------------*/
.barcode-error {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #e31e24;
  font-size: 1rem;
  line-height: 1.125rem; }

/*------------------barcodeError------------------*/
/*------------------cardNumError------------------*/
.card__number-error {
  color: #e31e24 !important;
  font-size: 0.875rem !important;
  line-height: 1rem !important; }

/*------------------cardNumError------------------*/
@use "sass:math";
.tabs__page {
  padding-top: 1.875rem; }

.tabs__nav {
  gap: 1.25rem;
  overflow-x: auto; }

.tabs-nav__item {
  cursor: pointer; }
  .tabs-nav__item::after {
    content: " ";
    margin-top: clamp(0.3125rem, 0.88vw, 0.625rem);
    display: block;
    width: 0;
    height: clamp(0.1875rem, 0.35vw, 0.25rem);
    background-color: #14b742;
    border-radius: 0.625rem;
    transition: 0.3s; }
  .tabs-nav__item.active span {
    opacity: 1; }
  .tabs-nav__item.active::after {
    content: " ";
    width: 100%; }
  .tabs-nav__item span {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: clamp(0.875rem, 1.93vw, 1.375rem);
    line-height: clamp(1.1875rem, 2.63vw, 1.875rem);
    color: #000000;
    opacity: 0.5;
    transition: 0.3s;
    white-space: nowrap; }
    .tabs-nav__item span:hover {
      opacity: 1; }

.tabs__content {
  padding-top: clamp(1.25rem, 2.43vw, 2.1875rem); }

.tab {
  display: none; }

.tab.active {
  display: block; }

.empty__history-developing,
.empty__history-error,
.empty__history {
  background: #f8f8fa;
  border-radius: 0.625rem;
  padding: clamp(3.75rem, 8.77vw, 6.25rem) 15.9375rem; }
  @media (max-width: 1440px) {
    .empty__history-developing,
    .empty__history-error,
    .empty__history {
      padding: clamp(3.75rem, 8.77vw, 6.25rem) calc( 1.125rem + (255 - 18) * ((100vw - 360px) / (1440 - 360)) ); } }

.js-purchaseHistoryEmpty,
.js-purchaseHistoryError,
.js-pointsHistoryError,
.js-pointsHistoryEmpty {
  display: none !important; }
  .js-purchaseHistoryEmpty.active,
  .js-purchaseHistoryError.active,
  .js-pointsHistoryError.active,
  .js-pointsHistoryEmpty.active {
    display: flex !important; }

.empty__history-img {
  width: 12.5rem;
  height: 12.5rem;
  margin: 0 auto; }
  .empty__history-img picture {
    display: contents; }
  .empty__history-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.empty__history-title,
.empty__history-title {
  font-weight: 400;
  text-align: center; }

.empty__history-title {
  font-size: clamp(1rem, 2.19vw, 1.5625rem);
  line-height: clamp(1.375rem, 2.98vw, 2.125rem);
  color: #000000;
  padding: clamp(2.5rem, 2.63vw, 1.875rem) 0 clamp(1.875rem, 3.51vw, 2.5rem) 0; }
  .empty__history-title span {
    color: #e7383e;
    font-weight: 600; }

.empty__history-description {
  font-size: clamp(0.75rem, 1.75vw, 1.25rem);
  line-height: clamp(1.0625rem, 2.37vw, 1.6875rem);
  text-align: center;
  color: rgba(0, 0, 0, 0.8); }

.points__history-table {
  display: none !important; }
  .points__history-table.active {
    display: flex !important; }

.points__history-description {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  color: #888888;
  padding-bottom: 1.875rem; }

.points__table thead,
.points__table tbody {
  gap: 0.3125rem; }
  .points__table tbody tr {
    background-color: #f8f8fa;
    padding: clamp(0.625rem, 1.39vw, 1.25rem);
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.1875rem;
    color: #000000; }
  .points__table thead tr {
    padding: 0 clamp(0.625rem, 1.39vw, 1.25rem) clamp(0.9375rem, 1.39vw, 1.25rem) clamp(0.625rem, 1.39vw, 1.25rem);
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    font-weight: 400;
    font-size: clamp(0.75rem, 1.11vw, 1rem);
    line-height: clamp(1.125rem, 1.46vw, 1.3125rem);
    color: rgba(0, 0, 0, 0.5); }
  .points__table thead th {
    font-weight: inherit; }
  .points__table th:nth-child(1),
  .points__table td:nth-child(1) {
    max-width: 11.25rem;
    min-width: 11.25rem;
    width: 100%;
    text-align: center; }
  .points__table th:nth-child(2),
  .points__table td:nth-child(2) {
    max-width: 6.875rem;
    min-width: 6.875rem;
    width: 100%;
    text-align: center; }
    @media (max-width: 630px) {
      .points__table th:nth-child(2),
      .points__table td:nth-child(2) {
        display: none; } }
  .points__table th:nth-child(3),
  .points__table td:nth-child(3) {
    max-width: 6.875rem;
    min-width: 6.875rem;
    width: 100%;
    text-align: center; }
    @media (max-width: 630px) {
      .points__table th:nth-child(3),
      .points__table td:nth-child(3) {
        display: none; } }
  .points__table th:nth-child(4),
  .points__table td:nth-child(4) {
    max-width: 11.875rem;
    min-width: 6.875rem;
    width: 100%;
    text-align: center; }

.points__table {
  border-collapse: collapse;
  width: 100%; }

.points__table-date {
  font-weight: 600;
  font-size: clamp(0.75rem, 0.97vw, 0.875rem);
  line-height: 1.1875rem;
  color: rgba(0, 0, 0, 0.3); }
.js-pointsBonus{
  color: #14b742;
  margin-right: 0.5rem;
}
.points__table-bonus{
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-pointsBonusMinus{
  color: #e7383e;
  display: flex;
}
.js-pointsBonus:not(:empty) + .js-pointsBonusMinus:not(:empty)::before {
  content: "/";
  color: #000000;
  padding-right: 0.5rem;
}

.points__history-skeleton {
  width: 100%;
  gap: 1.875rem;
  display: none !important; }
  .points__history-skeleton.active {
    display: flex !important; }

.points__history-card--skeleton {
  height: 4.875rem;
  width: 100%;
  background-color: #f8f8fa;
  border-radius: 0.625rem;
  background-repeat: no-repeat;
  background-image: linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0);
  background-size: 8% 0.9375rem, 16% 0.9375rem, 8% 0.9375rem, 16% 0.9375rem, 8% 0.9375rem, 16% 0.9375rem, 8% 0.9375rem, 16% 0.9375rem;
  background-position: 7% 1.25rem, 3% 2.8125rem, 36% 1.25rem, 35% 2.8125rem, 62% 1.25rem, 63% 2.8125rem, 93% 1.25rem, 97% 2.8125rem;
  -webkit-animation: fadeSkeletonPoint 1s linear infinite alternate;
  animation: fadeSkeletonPoint 1s linear infinite alternate; }
  @media (max-width: 630px) {
    .points__history-card--skeleton {
      background-image: linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0);
      background-size: 23% 0.9375rem, 30% 0.9375rem, 23% 0.9375rem, 30% 0.9375rem;
      background-position: 7% 1.25rem, 3% 2.8125rem, 93% 1.25rem, 97% 2.8125rem; } }

@-webkit-keyframes fadeSkeletonPoint {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }
@keyframes fadeSkeletonPoint {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }
.purchase__history-content {
  display: none !important; }
  .purchase__history-content.active {
    display: flex !important; }

.purchase__history-description {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  color: #888888;
  padding-bottom: 1.875rem; }

.purchase__accordion {
  gap: clamp(1.25rem, 2.08vw, 1.875rem); }
  .purchase__accordion.none {
    display: none; }

.purchase__accordion-card {
  position: relative;
  overflow: hidden;
  border: 0.0625rem solid #e0e0e0;
  border-radius: 0.625rem;
  padding: 2.8125rem clamp(0.9375rem, 1.74vw, 1.5625rem) clamp(0.9375rem, 1.74vw, 1.5625rem) clamp(0.9375rem, 1.74vw, 1.5625rem);
  z-index: 0; }

.purchase__accordion-operation {
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
  z-index: 1;
  background: #14b742;
  border-radius: 0.625rem 0px;
  padding: 0.125rem 1.25rem; }
  .purchase__accordion-operation.return {
    background: #ff0000; }

.purchase__accordion-operation--type {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: #ffffff; }

.purchase__accordion-btn {
  position: absolute;
  top: 1.25rem;
  right: clamp(0.9375rem, 1.39vw, 1.25rem);
  z-index: 1;
  display: block;
  width: 3rem;
  height: 3rem;
  background-color: #f3f5f6;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s; }

.accordion__btn {
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.accordion__arrow {
  position: relative;
  cursor: pointer;
  width: 0.9375rem;
  height: 0.9375rem; }

.accordion__arrow-left {
  position: absolute;
  background-color: transparent;
  top: 50%;
  left: -0.125rem;
  width: 0.6875rem;
  height: 0.1875rem;
  display: block;
  transform: rotate(35deg);
  float: right;
  border-radius: 2px; }
  .accordion__arrow-left::after {
    content: "";
    background-color: #14b742;
    width: 0.6875rem;
    height: 0.1875rem;
    display: block;
    float: right;
    border-radius: 0.375rem 0.625rem 0.625rem 0.375rem;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1; }

.accordion__arrow-right {
  position: absolute;
  background-color: transparent;
  top: 50%;
  left: 0.375rem;
  width: 0.6875rem;
  height: 0.1875rem;
  display: block;
  transform: rotate(-35deg);
  float: right;
  border-radius: 2px; }
  .accordion__arrow-right::after {
    content: "";
    background-color: #14b742;
    width: 0.6875rem;
    height: 0.1875rem;
    display: block;
    float: right;
    border-radius: 0.625rem 0.375rem 0.375rem 0.625rem;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1; }

.accordion-active .accordion__arrow-left:after,
.accordion-active .accordion__arrow-right:after {
  transform-origin: center center;
  background-color: #ffffff; }

.accordion-active .accordion__arrow-left:after {
  transform: rotate(-70deg); }

.accordion-active .accordion__arrow-right:after {
  transform: rotate(70deg); }

.accordion-active .purchase__accordion-btn {
  background-color: #14b742; }

.purchase__accordion-info {
  width: 100%;
  justify-content: space-between;
  padding-right: clamp(4.0625rem, 6.58vw, 4.6875rem);
  gap: clamp(0.625rem, 1.39vw, 1.25rem); }

.purchase__accordion-content {
  display: none;
  overflow: hidden;
  justify-content: space-between;
  transition: 3s;
  padding-right: clamp(0rem, 6.58vw, 4.6875rem); }
  @media (max-width: 480px) {
    .purchase__accordion-content {
      padding-right: 0; } }

.accordion-active .purchase__accordion-content {
  display: flex; }

.purchase__title-wrapper {
  justify-content: space-between;
  border-bottom: 0.0625rem solid #c4c4c4;
  padding-top: 1.25rem;
  padding-bottom: 0.625rem;
  width: 100%; }

.purchase__title-product {
  font-weight: 700;
  font-size: clamp(0.875rem, 1.4vw, 1rem);
  line-height: clamp(1.125rem, 1.93vw, 1.375rem);
  color: #000000;
  padding-right: 0.625rem; }

.purchase__title-points {
  font-weight: 500;
  font-weight: 400;
  font-size: clamp(0.75rem, 0.97vw, 0.875rem);
  line-height: clamp(1rem, 1.39vw, 1.25rem);
  color: #000000; }

.purchase__product-wrapper {
  padding-top: 0.625rem;
  gap: 0.625rem; }

.purchase__accordion-card--operation {
  font-weight: 600;
  font-size: clamp(0.875rem, 1.11vw, 1rem);
  line-height: clamp(1.25rem, 1.53vw, 1.375rem);
  color: #000000; }

.purchase__accordion-card--shop,
.purchase__accordion-card--street {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.23vw, 0.875rem);
  line-height: clamp(0.9375rem, 1.67vw, 1.1875rem);
  color: #434343; }

.purchase__accordion-card--shop {
  padding: 0.3125rem 0 0.125rem 0; }
  @media (max-width: 630px) {
    .purchase__accordion-card--shop {
      display: none; } }

@media (max-width: 630px) {
  .purchase__accordion-card--street {
    font-size: clamp(0.625rem, 1.05vw, 0.75rem);
    line-height: clamp(0.8125rem, 1.4vw, 1rem); } }

.purchase__accordion-card--check {
  font-style: normal;
  font-weight: 600;
  font-size: clamp(0.75rem, 1.23vw, 0.875rem);
  line-height: clamp(0.9375rem, 1.67vw, 1.1875rem);
  color: #000000; }

.purchase__accordion-card--date {
  font-weight: 400;
  font-size: clamp(0.625rem, 1.05vw, 0.75rem);
  line-height: clamp(0.8125rem, 1.4vw, 1rem);
  color: #434343;
  padding-top: 0.3125rem; }

.purchase__product {
  justify-content: space-between;
  gap: 1.25rem; }

.purchase__product-name,
.purchase__product-price {
  font-weight: 600;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1.125rem, 1.93vw, 1.375rem);
  color: #000000; }

.purchase__title-points--wrapper {
  align-items: center;
  white-space: nowrap; }

.purchase__title-points--img {
  width: 0.9375rem;
  height: 0.9375rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 0.3125rem; }

.purchase__product-name {
  align-self: flex-end; }
  @media (max-width: 600px) {
    .purchase__product-name {
      align-self: flex-start; } }

.purchase__product-price--info {
  align-self: flex-start; }
  @media (max-width: 600px) {
    .purchase__product-price--info {
      flex-direction: column; } }

.purchase__product-price--wrapper {
  align-self: flex-end; }

.purchase__product-price {
  white-space: nowrap; }
  .purchase__product-price.active {
    color: red; }
  .purchase__product-price--old {
    font-size: 0.625rem;
    text-decoration: line-through;
    align-self: flex-end; }

.purchase__product-quantity {
  width: clamp(3.75rem, 5.9vw, 5.3125rem);
  font-weight: 400;
  font-size: clamp(0.625rem, 1.23vw, 0.875rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  text-align: right;
  color: #434343;
  white-space: nowrap;
  margin-left: 0.4375rem;
  align-self: flex-end; }
  @media (max-width: 600px) {
    .purchase__product-quantity {
      width: auto; } }

.purchase__accordion-skeleton {
  width: 100%;
  gap: 1.875rem;
  display: none !important; }
  .purchase__accordion-skeleton.active {
    display: flex !important; }

.purchase__accordion-card--skeleton {
  height: 8.75rem;
  width: 100%;
  background-color: #f8f8fa;
  border-radius: 0.625rem;
  background-repeat: no-repeat;
  background-image: linear-gradient(#ececee 100%, transparent 0%), linear-gradient(#ececee 100%, transparent 0%), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0);
  background-size: 3.125rem 3.125rem, 10rem 1.875rem, 4.375rem 1.25rem, 5.625rem 0.9375rem, 10rem 0.9375rem, 8.125rem 0.9375rem, 4.375rem 0.625rem;
  background-position: 98.3% 23%, -1.25rem 0, 1.25rem 3.125rem, 1.25rem 5rem, 1.25rem 6.5625rem, 90% 40%, 85% 55%;
  -webkit-animation: fadeSkeleton 1s linear infinite alternate;
  animation: fadeSkeleton 1s linear infinite alternate; }
  @media (max-width: 1024px) {
    .purchase__accordion-card--skeleton {
      background-position: 98.3% 23%, -1.25rem 0, 1.25rem 3.125rem, 1.25rem 5rem, 1.25rem 6.5625rem, 85% 40%, 77.5% 55%; } }
  @media (max-width: 600px) {
    .purchase__accordion-card--skeleton {
      background-position: 98.3% 23%, -1.25rem 0, 1.25rem 3.125rem, 1.25rem 5rem, 1.25rem 6.5625rem, 80% 40%, 71% 55%; } }
  @media (max-width: 500px) {
    .purchase__accordion-card--skeleton {
      background-image: linear-gradient(#ececee 100%, transparent 0%), linear-gradient(#ececee 100%, transparent 0%), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0), linear-gradient(#ececee 100%, transparent 0);
      background-size: 3.125rem 3.125rem, 10rem 1.875rem, 4.375rem 1.25rem, 5.625rem 0.9375rem, 10rem 0.9375rem;
      background-position: 98.3% 23%, -1.25rem 0, 1.25rem 3.125rem, 1.25rem 5rem, 1.25rem 6.5625rem; } }

@-webkit-keyframes fadeSkeleton {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }
@keyframes fadeSkeleton {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }
.calendar__main {
  gap: clamp(0.9375rem, 1.39vw, 1.25rem);
  margin: 0 0 1.25rem 0; }

.calendar__wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative; }

.calendar__input {
  padding: 0.625rem 0.9375rem;
  display: flex;
  flex: 1 1 auto;
  border: 0.0625rem solid #e0e0e0;
  border-radius: 0.4375rem;
  font-size: clamp(0.75rem, 1.23vw, 0.875rem);
  line-height: clamp(0.9375rem, 1.67vw, 1.1875rem);
  z-index: 2;
  cursor: pointer; }

.select__calendar-content {
  border: 0.0625rem solid #e0e0e0;
  background-color: #ffffff;
  border-radius: 0.4375rem;
  position: absolute;
  width: 99%;
  top: 95%;
  z-index: 1;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translate(-50%, 0);
  left: 50%; }
  .select__calendar-content.active {
    opacity: 1;
    pointer-events: auto; }

.select__calendar-input {
  display: none; }

.select__option {
  padding: 0.625rem 0.9375rem;
  display: flex;
  flex: 1 1 auto;
  font-size: clamp(0.75rem, 1.23vw, 0.875rem);
  line-height: clamp(0.9375rem, 1.67vw, 1.1875rem);
  cursor: pointer;
  transition: 0.3s;
  border: none; }
  .select__option:hover {
    background-color: #f7f7f7; }

.calendar__label {
  position: absolute;
  top: -1.25rem;
  left: 0.9375rem;
  display: none; }
  .calendar__label.active {
    display: flex;
    font-size: clamp(0.625rem, 0.83vw, 0.75rem);
    line-height: clamp(0.75rem, 1.23vw, 0.875rem);
    color: red; }

.btn__calendar {
  flex: 1 1 auto;
  max-width: 9.375rem;
  padding: 0.625rem 0.3125rem;
  font-size: clamp(0.75rem, 1.23vw, 0.875rem);
  line-height: clamp(0.9375rem, 1.67vw, 1.1875rem);
  font-weight: 600;
  color: #14b742;
  border: 0.0625rem solid #14b742;
  cursor: pointer;
  transition: 0.3s;
  background-color: #ffffff;
  border-radius: 0.4375rem;
  align-self: flex-start; }
  .btn__calendar:hover {
    color: #ffffff;
    background-color: #14b742; }

.form {
  max-width: 25rem;
  gap: 1.5625rem; }
  @media (max-width: 600px) {
    .form {
      max-width: 100%; } }

.label__form {
  font-weight: 400;
  font-size: clamp(0.875rem, 1.11vw, 1rem);
  line-height: 1.375rem;
  color: #888888;
  padding: 0 0.625rem 0.125rem 0.625rem; }

.input__form {
  font-weight: 400;
  font-size: clamp(1rem, 1.39vw, 1.25rem);
  line-height: 1.6875rem;
  color: rgba(0, 0, 0, 0.8);
  background: #f3f3f7;
  border: 0.0625rem solid #e2e2e9;
  border-radius: 0.625rem;
  flex: 1 1 auto;
  padding: 0.625rem;
  cursor: pointer; }

::-webkit-input-placeholder {
  color: #000000;
  opacity: 0.8; }

::-moz-placeholder {
  color: #000000;
  opacity: 0.8; }

:-ms-input-placeholder {
  color: #000000;
  opacity: 0.8; }

::-ms-input-placeholder {
  color: #000000;
  opacity: 0.8; }

::placeholder {
  color: #000000;
  opacity: 0.8; }

.mailing__list h6 {
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #000000;
  padding-bottom: 0.625rem; }

.checkbox-group {
  gap: 0.9375rem; }

/* для элемента input c type="checkbox" */
.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0; }

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  flex-grow: 0;
  border: 0.0625rem solid #adb5bd;
  border-radius: 0.3125rem;
  margin-right: 0.4375rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 65% 65%; }

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
  border-color: #14b742; }

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active + label::before {
  background-color: #14b742;
  border-color: #14b742; }

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 255, 72, 0.25); }

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked) + label::before {
  border-color: #14b742; }

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked + label::before {
  border-color: #14b742;
  background-color: #14b742;
  background-image: url(/local/templates/retail/images/icons/check.svg); }

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled + label::before {
  background-color: #e9ecef; }

.form__save {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #14b742;
  padding: 0.75rem;
  border: 0.0625rem solid #14b742;
  border-radius: 0.625rem;
  cursor: pointer;
  transition: 0.3s;
  background-color: #ffffff; }
  .form__save:hover {
    background-color: #14b742;
    color: #ffffff; }

/* Стили для инпута с датой дня рождения в подключаемом компоненте profile */
.input__form-birthday {
  position: relative; }

.input__form-birthday .text-field {
  font-weight: 400;
  font-size: clamp(1rem, 1.39vw, 1.25rem);
  line-height: 1.6875rem;
  color: rgba(0, 0, 0, 0.8);
  background: #f3f3f7;
  border: 0.0625rem solid #e2e2e9;
  border-radius: 0.625rem;
  flex: 1 1 auto;
  padding: 0.625rem;
  cursor: pointer; }

.input__form-birthday .calendar-icon {
  margin-top: 5px;
  margin-right: 5px; }

.personal__code {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  overflow: auto;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  padding: 0.9375rem; }
  .personal__code-active {
    visibility: visible; }

.card__code {
  background-color: #ffffff;
  max-width: 21.875rem;
  margin: auto;
  width: 100%;
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
  z-index: 1001; }

.card__code-header {
  background-color: #de2a1b;
  padding: 0.3125rem; }

.card__code-logo--img {
  max-width: 10.75rem;
  max-height: 3.4375rem;
  align-items: center;
  margin: 0 auto; }
  .card__code-logo--img picture {
    display: contents; }
  .card__code-logo--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.card__code-content--img {
  padding: 0 0 47% 0;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 0.9375rem; }
  .card__code-content--img img,
  .card__code-content--img svg {
    position: absolute;
    top: 0.4375rem;
    left: -1.8125rem;
    width: 106%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }
  .card__code-content--img text {
    display: none; }

.society-card {
  justify-content: center;
  align-items: center; }
  .society-card--img {
    width: 3.125rem;
    height: 2.8125rem;
    padding: 0.625rem;
    display: flex;
    flex-direction: column;
    background-color: #f0f0f4;
    border-radius: 0.625rem;
    align-items: center;
    flex-grow: 0; }
    .society-card--img img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
  .society-card span {
    padding: 0.3125rem;
    color: #a8a9ae;
    font-size: 0.625rem;
    line-height: 0.75rem;
    text-align: center; }

.card-flex--wrapepr,
.card-flex--row {
  gap: 1.875rem; }

.card-flex--row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22.1875rem, auto)); }
  @media (max-width: 759px) {
    .card-flex--row {
      grid-template-columns: repeat(auto-fit, minmax(20rem, auto)); } }
  @media (max-width: 500px) {
    .card-flex--row {
      grid-template-columns: repeat(auto-fit, minmax(17.5rem, auto)); } }

.card__block {
  padding: 1.25rem;
  background: #ffffff;
  box-shadow: 0px 0px 0.625rem rgba(0, 0, 0, 0.1);
  border-radius: 0.4375rem;
  flex: 1 1 auto;
  gap: 1.25rem; }
  .card__block-card, .card__block-question {
    max-width: 22.1875rem; }
    @media (max-width: 759px) {
      .card__block-card, .card__block-question {
        max-width: 100%; } }
  .card__block-info {
    align-self: flex-start; }

.card__block-title {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #000000; }

.card__block-text {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #454545; }

.card__block-card--img {
  position: relative;
  max-width: 18.75rem;
  width: 100%;
  height: auto;
  margin: 0 auto; }
  .card__block-card--img picture {
    display: contents; }
  .card__block-card--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.card__block-number {
  position: absolute;
  bottom: 0.3125rem;
  left: 1.25rem;
  gap: 0.375rem; }
  .card__block-number span {
    font-weight: 700;
    color: #000000; }
    .card__block-number span:nth-child(1) {
      font-size: 0.875rem;
      line-height: 1.0625rem; }
    .card__block-number span:nth-child(2) {
      font-size: 0.6875rem;
      line-height: 0.9375rem; }

.card__block-status {
  padding-top: 0.3125rem;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #000000; }

.card__question-info {
  gap: 0.9375rem;
  align-items: center; }

.card__question-img {
  width: 2.5rem;
  height: 2.5rem; }
  .card__question-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.card__question-phone {
  padding-top: 0.3125rem;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.4375rem;
  color: #000000; }

.personal__form-auth {
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  background: linear-gradient(180deg, #5faf2d 0%, #88c41a 100%);
  overflow-y: auto;
  padding: 6.25rem 0; }
  @media (max-width: 630px) {
    .personal__form-auth {
      padding: 0; } }

.form__auth-wrapper,
.form__auth-wrapper--registration {
  background: #ffffff;
  box-shadow: 0.125rem 0.125rem 0.625rem rgba(0, 0, 0, 0.25);
  border-radius: 0.625rem;
  padding: 0.9375rem 1.875rem;
  margin: auto;
  max-width: 25rem; }
  @media (max-width: 630px) {
    .form__auth-wrapper,
    .form__auth-wrapper--registration {
      border-radius: 0;
      width: 100%;
      min-height: 100vh;
      max-width: 100%; }
      .form__auth-wrapper--registration,
      .form__auth-wrapper--registration--registration {
        min-height: auto; } }

.form__auth-title {
  padding: 1.875rem 0; }
  .form__auth-title h1 {
    font-size: 1.5rem;
    text-align: center; }

.form__alert-danger {
  color: #f44336;
  font-size: 0.75rem;
  line-height: 1rem; }

.form__alert-success {
  color: #155724;
  font-size: 0.75rem;
  line-height: 1rem; }

.form__widget-box {
  display: flex;
  flex-direction: column; }

.form__auth-label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #888888;
  padding: 0 0 0.125rem 0; }

@-webkit-keyframes form__auth-input {
  to {
    color: inherit;
    background: #ffffff; } }
.form__auth-input {
  background: #ffffff;
  border: 0.125rem solid #e2e2e9;
  border-radius: 0.5rem;
  flex: 1 1 auto;
  padding: 0.875rem; }
  .form__auth-input:-webkit-autofill {
    -webkit-animation-name: form__auth-input;
    -webkit-animation-fill-mode: both; }
  .form__auth-input:focus {
    border-color: #008754 !important;
    box-shadow: none;
    outline: none; }

.form__input-notice {
  padding-top: 0.5rem;
  font-style: italic;
  font-size: 0.6875rem; }

.form__auth-btn {
  background: #eff1f5;
  border-radius: 0.5rem;
  flex: 1 1 auto;
  padding: 0.875rem;
  border: none;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 500;
  margin-top: 1.875rem; }

.form__auth-checkbox {
  font-size: 0.875rem;
  line-height: 1.125rem; }

.form__auth-link {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #888888;
  padding: 1.25rem 0 0.125rem 0;
  align-self: flex-end; }

.form__auth-link--wrapper {
  justify-content: space-between; }

.modal-title > .title {
  font-size: 1.5rem;
  font-weight: 900; }

.modal__content {
  position: relative;
  background: #ffffff;
  box-shadow: 0.125rem 0.125rem 0.625rem rgba(0, 0, 0, 0.25);
  border-radius: 0.625rem;
  padding: 0.9375rem 1.875rem;
  margin: auto;
  max-width: 37.5rem;
  pointer-events: auto; }

.feedback__form-wrapper,
.feedback__input-wrapper {
  gap: 0.625rem; }

.feedback__input {
  flex: 1 1 auto;
  border: none;
  font-size: 1rem;
  line-height: 1.125rem;
  border-radius: 0.5rem;
  overflow: hidden; }
  .feedback__input-flex {
    flex: 1 1 auto; }
  .feedback__input > input {
    background: #f8f8fa;
    border-radius: 0.5rem;
    flex: 1 1 auto;
    border: none;
    padding: 0.875rem; }
    .feedback__input > input::-webkit-input-placeholder {
      color: #94959b; }
    .feedback__input > input::-moz-placeholder {
      color: #94959b; }
    .feedback__input > input:-ms-input-placeholder {
      color: #94959b; }
    .feedback__input > input::-ms-input-placeholder {
      color: #94959b; }
    .feedback__input > input::placeholder {
      color: #94959b; }
  .feedback__input > textarea {
    background: #f8f8fa;
    border-radius: 0.5rem;
    border: none;
    resize: none;
    flex: 1 1 auto;
    padding: 0.875rem;
    min-height: 9.375rem; }
    .feedback__input > textarea::-webkit-input-placeholder {
      color: #94959b; }
    .feedback__input > textarea::-moz-placeholder {
      color: #94959b; }
    .feedback__input > textarea:-ms-input-placeholder {
      color: #94959b; }
    .feedback__input > textarea::-ms-input-placeholder {
      color: #94959b; }
    .feedback__input > textarea::placeholder {
      color: #94959b; }

.feedback__input-red {
  border: 0.0625rem solid red; }

.feedback__captcha {
  width: 100%;
  gap: 0.9375rem; }

.feedback__captcha-img {
  align-items: center; }

.feedback__control-btn {
  background: #eff1f5;
  border-radius: 0.5rem;
  flex: 1 1 auto;
  padding: 0.875rem;
  border: none;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 500;
  margin-top: 1.875rem; }

.feedback__control-btn--success {
  flex: 1 1 auto;
  color: #80b366;
  font-weight: bold;
  background-color: rgba(128, 179, 102, 0.2);
  border: 1px solid #80b366;
  padding: 0.9375rem;
  margin: 1.25rem 0 0 0;
  text-align: center;
  border-radius: 0.5rem; }

.footer__personal {
  margin-top: 2.8125rem;
  background-color: #f8f8fa;
  padding: 1.875rem 0 0 0; }
  @media (max-width: 600px) {
    .footer__personal {
      padding-bottom: 0.9375rem; } }

.footer__info-wrapper {
  justify-content: space-between;
  gap: 2.1875rem;
  margin-top: 2.8125rem; }

.footer__info-left {
  gap: 2.1875rem; }
  @media (max-width: 600px) {
    .footer__info-left {
      order: 1; } }
  @media (max-width: 600px) {
    .footer__info-left {
      display: none; } }

@media (max-width: 600px) {
  .footer__info-list {
    border: 0.0625rem solid #e0e0e0;
    border-radius: 0.75rem;
    background-color: #ffffff; } }

.footer__info-title {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.23vw, 0.875rem);
  line-height: clamp(1rem, 1.75vw, 1.25rem);
  color: #000000;
  opacity: 0.5;
  padding-bottom: 0.625rem; }
  @media (max-width: 600px) {
    .footer__info-title {
      font-weight: 600;
      font-size: clamp(0.75rem, 2.67vw, 1rem);
      line-height: clamp(1rem, 3.67vw, 1.375rem);
      opacity: 1;
      padding: 0.625rem;
      cursor: pointer;
      display: flex;
      justify-content: space-between; }
      .footer__info-title::after {
        content: "";
        display: block;
        width: 0.6875rem;
        height: 0.4375rem;
        color: #b4b4b4;
        background-image: url("/local/templates/retail/scss/../../main/img/icon/arrow-accordion.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: 0.3s;
        align-self: center; } }

@media (max-width: 600px) {
  .accordion-active .footer__info-title::after {
    transform: rotate(180deg); } }

.footer__info-item {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  color: #000000;
  padding: 0.3125rem 0; }

.footer__info-right {
  gap: 1.25rem; }
  @media (max-width: 1120px) {
    .footer__info-right {
      flex-wrap: wrap; } }
  @media (max-width: 630px) {
    .footer__info-right {
      flex-direction: row; } }

.footer__hotline-subtitle {
  font-weight: 400;
  font-size: clamp(0.75rem, 0.97vw, 0.875rem);
  line-height: clamp(1rem, 1.39vw, 1.25rem);
  color: #000000;
  opacity: 0.5; }

.footer__hotline-title {
  font-weight: 600;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  color: #000000;
  padding-right: 0.9375rem; }

.footer__hotline-time {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  color: #000000;
  opacity: 0.5;
  align-self: flex-end; }

.footer__hotline-item {
  font-weight: 400;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  color: #000000;
  padding: 0.3125rem 0;
  padding-right: 0.625rem; }
  .footer__hotline-item:nth-child(2)::before {
    content: "|";
    color: #000000;
    opacity: 0.5;
    font-size: clamp(0.75rem, 1.4vw, 1rem);
    line-height: clamp(1rem, 1.93vw, 1.375rem);
    margin-right: 0.3125rem; }

.footer__info-feedback {
  font-weight: 600;
  font-size: clamp(0.75rem, 1.4vw, 1rem);
  line-height: clamp(1rem, 1.93vw, 1.375rem);
  background-color: #e9f8ee;
  color: #14b742;
  padding: 0.9375rem 1.875rem;
  align-self: flex-start;
  border-radius: 0.625rem; }
  @media (max-width: 600px) {
    .footer__info-feedback {
      display: none; } }

@media (max-width: 600px) {
  .footer__info-accordion {
    display: none; } }
.accordion-active .footer__info-accordion {
  border-top: 0.0625rem solid #e0e0e0;
  display: flex;
  margin: 0.625rem; }

.footer__society-card {
  justify-content: center;
  gap: 1.5625rem;
  border-top: 0.0625rem solid #e0e0e0;
  margin-top: 2.5rem;
  padding-top: 1.875rem; }
  @media (max-width: 600px) {
    .footer__society-card {
      display: none; } }

.footer__copyright {
  margin-top: 1.5625rem;
  padding: 1.5625rem 0;
  background-color: #f0f0f4; }
  .footer__copyright > .footer__container {
    justify-content: space-between; }
  .footer__copyright span {
    color: #98999f;
    font-size: clamp(0.75rem, 1.4vw, 1rem);
    line-height: clamp(1rem, 1.93vw, 1.375rem);
    text-align: center;
    display: flex;
    align-items: center; }
  @media (max-width: 600px) {
    .footer__copyright {
      display: none; } }

.modal__phone {
  max-width: 25rem;
  margin: 0 auto; }

.modal__phone-wrapper > .modal-dialog > .modal-content {
  position: relative;
  box-shadow: 0.125rem 0.125rem 0.625rem rgba(0, 0, 0, 0.25);
  border-radius: 0.625rem; }

.modal__phone > #close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  border: 0px;
  border-radius: 0px; }

.modal__phone-wrapper {
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%; }

.modal__phone-header {
  padding-bottom: 1.25rem; }

.phone__control-wrapper {
  padding-top: 1.25rem; }

.input__phone-control {
  max-width: 10.25rem;
  margin: 0 auto;
  border: 0;
  letter-spacing: 1.375rem;
  padding-left: 1.75rem; }

.input__control-span {
  gap: 0.625rem;
  max-width: 7.5rem;
  margin: 0 auto; }
  .input__control-span span {
    width: 1.375rem;
    height: 0.0625rem;
    background-color: black; }

/*======================
  Theme: Dark (UF_THEME)
======================*/
html[data-theme='dark'] #phone__menu-id-body {
  background-color: #24272b !important;
  color: #E8E6E3 !important;
}

/* Убираем "светлые" цвета текста по умолчанию.
   Исключаем элементы, у которых намеренно стоят брендовые/ошибочные цвета. */
html[data-theme='dark'] #phone__menu-id-body *:not(.js-pointsBonus):not(.js-pointsBonusMinus):not(.points__value):not(.status__text):not(.footer__info-feedback):not(.purchase__accordion-operation.return):not(.purchase__accordion-operation--type):not(.purchase__product-price.active):not(.form__save):not(.empty__history-title span) {
  color: inherit !important;
}

html[data-theme='dark'] .section__info {
  background-color: #2d3237 !important;
}

html[data-theme='dark'] .info__block-points,
html[data-theme='dark'] .info__block-status {
  background-color: #2d3237 !important;
}

html[data-theme='dark'] .empty__history-developing,
html[data-theme='dark'] .empty__history-error,
html[data-theme='dark'] .empty__history {
  background: #2d3237 !important;
}

html[data-theme='dark'] .points__table tbody tr {
  background-color: #343a40 !important;
}

html[data-theme='dark'] .card__block,
html[data-theme='dark'] .card__code,
html[data-theme='dark'] .modal__content,
html[data-theme='dark'] .form__auth-wrapper,
html[data-theme='dark'] .form__auth-wrapper--registration {
  background: #2d3237 !important;
}

html[data-theme='dark'] .form__auth-input,
html[data-theme='dark'] .input__form,
html[data-theme='dark'] .input__form-birthday .text-field,
html[data-theme='dark'] .feedback__input > input,
html[data-theme='dark'] .feedback__input > textarea {
  background: #2d3237 !important;
  border-color: #596169 !important;
  color: #E8E6E3 !important;
}

html[data-theme='dark'] .feedback__control-btn {
  background: #343a40 !important;
}

html[data-theme='dark'] .footer__personal,
html[data-theme='dark'] .footer__copyright {
  background-color: #2d3237 !important;
}

html[data-theme='dark'] .footer__info-title,
html[data-theme='dark'] .footer__hotline-subtitle,
html[data-theme='dark'] .footer__info-item,
html[data-theme='dark'] .footer__hotline-item,
html[data-theme='dark'] .footer__hotline-title,
html[data-theme='dark'] .footer__copyright span {
  color: inherit !important;
}

html[data-theme='dark'] .tabs-nav__item span {
  opacity: 0.7 !important;
}

html[data-theme='dark'] .input__control-span span {
  background-color: #E8E6E3 !important;
}

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

/* End */
/* /local/templates/retail/scss/retail.css?178722187514560 */
/* /local/templates/retail/css/owl.carousel.css?16870875583893 */
/* /local/templates/retail/css/swiper.min.css?168708755919773 */
/* /local/templates/retail/css/mCustomScrollbar.css?168708755852754 */
/* /local/templates/retail/components/retail/mobileMenu/mobileMenu.css?17406547823454 */
/* /local/templates/retail/scss/personal.css?179178919549955 */