/* Start:/local/templates/rs.scarlett/assets/css/icomoon-icons.css?15987350511102*/
@font-face {
  font-family: 'icomoon';
  src:  url('/local/templates/rs.scarlett/assets/css/../fonts/icons/icomoon.eot?6zv3xk2');
  src:  url('/local/templates/rs.scarlett/assets/css/../fonts/icons/icomoon.eot?6zv3xk2#iefix') format('embedded-opentype'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/icons/icomoon.ttf?6zv3xk2') format('truetype'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/icons/icomoon.woff?6zv3xk2') format('woff'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/icons/icomoon.svg?6zv3xk2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bar-icon:before {
  content: "\e900";
  color: #eee;
}
.icon-plus-icon:before {
  content: "\e901";
  color: #fff;
}
.icon-info-icon:before {
  content: "\e902";
  color: #fff;
}
.icon-point-icon:before {
  content: "\e903";
  color: #d5d5d5;
}

/* End */


/* Start:/local/templates/rs.scarlett/assets/libs/Remodal/remodal-default-theme.css?15987350513698*/
.remodal-bg.remodal-is-opened,.remodal-bg.remodal-is-opening{-webkit-filter:blur(3px);filter:blur(3px)}.remodal-overlay{background:rgba(43,46,56,.9)}.remodal-overlay.remodal-is-closing,.remodal-overlay.remodal-is-opening{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.remodal-overlay.remodal-is-opening{-webkit-animation-name:remodal-overlay-opening-keyframes;animation-name:remodal-overlay-opening-keyframes}.remodal-overlay.remodal-is-closing{-webkit-animation-name:remodal-overlay-closing-keyframes;animation-name:remodal-overlay-closing-keyframes}.remodal-wrapper{padding:10px 10px 0}.remodal{box-sizing:border-box;width:100%;margin-bottom:10px;padding:35px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);color:#2b2e38;background:#fff}.remodal.remodal-is-closing,.remodal.remodal-is-opening{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.remodal.remodal-is-opening{-webkit-animation-name:remodal-opening-keyframes;animation-name:remodal-opening-keyframes}.remodal.remodal-is-closing{-webkit-animation-name:remodal-closing-keyframes;animation-name:remodal-closing-keyframes}.remodal,.remodal-wrapper:after{vertical-align:middle}.remodal-close{position:absolute;top:0;left:0;display:block;overflow:visible;width:35px;height:35px;margin:0;padding:0;cursor:pointer;-webkit-transition:color .2s;transition:color .2s;text-decoration:none;color:#95979c;border:0;outline:0;background:0 0}.remodal-close:focus,.remodal-close:hover{color:#2b2e38}.remodal-close:before{font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;font-size:25px;line-height:35px;position:absolute;top:0;left:0;display:block;width:35px;content:"\00d7";text-align:center}.remodal-cancel,.remodal-confirm{font:inherit;display:inline-block;overflow:visible;min-width:110px;margin:0;padding:12px 0;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;text-align:center;vertical-align:middle;text-decoration:none;border:0;outline:0}.remodal-confirm{color:#fff;background:#81c784}.remodal-confirm:focus,.remodal-confirm:hover{background:#66bb6a}.remodal-cancel{color:#fff;background:#e57373}.remodal-cancel:focus,.remodal-cancel:hover{background:#ef5350}.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner,.remodal-confirm::-moz-focus-inner{padding:0;border:0}@-webkit-keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-filter:blur(0);filter:blur(0)}}@keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes remodal-overlay-opening-keyframes{from{opacity:0}to{opacity:1}}@keyframes remodal-overlay-opening-keyframes{from{opacity:0}to{opacity:1}}@-webkit-keyframes remodal-overlay-closing-keyframes{from{opacity:1}to{opacity:0}}@keyframes remodal-overlay-closing-keyframes{from{opacity:1}to{opacity:0}}@media only screen and (min-width:641px){.remodal{max-width:700px}}.lt-ie9 .remodal-overlay{background:#2b2e38}.lt-ie9 .remodal{width:700px}
/* End */


/* Start:/local/templates/rs.scarlett/assets/libs/Remodal/remodal.css?1598735051727*/
html.remodal-is-locked{overflow:hidden;-ms-touch-action:none;touch-action:none}.remodal,[data-remodal-id]{display:none}.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:""}.remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden}.remodal{position:relative;outline:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.remodal-is-initialized{display:inline-block}
/* End */


/* Start:/local/templates/rs.scarlett/assets/libs/Magnific-Popup-master/dist/magnific-popup.css?15987350516951*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

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

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* End */


/* Start:/local/templates/rs.scarlett/assets/css/main.css?1750104202276986*/
@charset "UTF-8";
html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

audio,
img,
video {
    max-width: 100%
}

img,
video {
    height: auto
}

svg {
    max-height: 100%
}

iframe {
    border: none
}

::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: .15rem;
    font-size: 115%;
    margin-right: 3px
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

@font-face {
    font-family: Museo-700;
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-700.eot);
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-700.eot?#iefix) format("embedded-opentype"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-700.woff) format("woff"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-700.ttf) format("truetype"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-700.svg#../fonts/MuseoSansCyrl-700) format("svg");
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: Museo-500;
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-500.eot);
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-500.eot?#iefix) format("embedded-opentype"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-500.woff) format("woff"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-500.ttf) format("truetype"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-500.svg#../fonts/MuseoSansCyrl-500) format("svg");
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: Museo-300;
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-300.eot);
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-300.eot?#iefix) format("embedded-opentype"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-300.woff) format("woff"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-300.ttf) format("truetype"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-300.svg#../fonts/MuseoSansCyrl-300) format("svg");
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: Museo-100Italic;
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-100Italic.eot);
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-100Italic.eot?#iefix) format("embedded-opentype"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-100Italic.woff) format("woff"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-100Italic.ttf) format("truetype"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-100Italic.svg#../fonts/MuseoSansCyrl-100Italic) format("svg");
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: Museo-100;
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-100.eot);
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-100.eot?#iefix) format("embedded-opentype"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-100.woff) format("woff"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-100.ttf) format("truetype"), url(/local/templates/rs.scarlett/assets/css/../fonts/MuseoSansCyrl-100.svg#../fonts/MuseoSansCyrl-100) format("svg");
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: Prosto-Black;
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Black.eot);
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Black.eot?#iefix) format("embedded-opentype"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Black.woff) format("woff"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Black.ttf) format("truetype"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Black.svg#../fonts/TTProstoSans-Black) format("svg");
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: Prosto-Bold;
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Bold.eot);
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Bold.woff) format("woff"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Bold.ttf) format("truetype"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Bold.svg#../fonts/TTProstoSans-Bold) format("svg");
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: Prosto-Light;
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Light.eot);
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Light.eot?#iefix) format("embedded-opentype"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Light.woff) format("woff"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Light.ttf) format("truetype"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Light.svg#../fonts/TTProstoSans-Light) format("svg");
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: Prosto-Regular;
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Regular.eot);
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Regular.woff) format("woff"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Regular.ttf) format("truetype"), url(/local/templates/rs.scarlett/assets/css/../fonts/TTProstoSans-Regular.svg#../fonts/TTProstoSans-Regular) format("svg");
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: 'SBSansDisplay-Regular';
    src: url('/local/templates/rs.scarlett/assets/css/../fonts/sber-salut/SBSansDisplay-Regular.eot');
    src: url('/local/templates/rs.scarlett/assets/css/../fonts/sber-salut/SBSansDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/sber-salut/SBSansDisplay-Regular.woff2') format('woff2'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/sber-salut/SBSansDisplay-Regular.woff') format('woff'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/sber-salut/SBSansDisplay-Regular.ttf') format('truetype'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/sber-salut/SBSansDisplay-Regular.svg#SBSansDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Yandex Sans Display';
    src: url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansDisplay-Light.eot');
    src: local('Yandex Sans Display Light'), local('YandexSansDisplay-Light'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansDisplay-Light.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansDisplay-Light.woff2') format('woff2'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansDisplay-Light.woff') format('woff'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Yandex Sans Text';
    src: url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Regular.eot');
    src: local('Yandex Sans Text Regular'), local('YandexSansText-Regular'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Regular.woff2') format('woff2'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Regular.woff') format('woff'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Yandex Sans Text';
    src: url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Light.eot');
    src: local('Yandex Sans Text Light'), local('YandexSansText-Light'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Light.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Light.woff2') format('woff2'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Light.woff') format('woff'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Yandex Sans Text';
    src: url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Medium.eot');
    src: local('Yandex Sans Text Medium'), local('YandexSansText-Medium'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Medium.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Medium.woff2') format('woff2'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Medium.woff') format('woff'),
    url('/local/templates/rs.scarlett/assets/css/../fonts/yandex/YandexSansText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}
.product-item.slick-slide .product-item__img-block img{
    margin-left: auto;
    margin-right: auto;
}


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

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

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

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

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

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

.slick-loading .slick-list {
    background: #fff url(/local/templates/rs.scarlett/assets/css/../img/ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/slick/slick.eot);
    src: url(/local/templates/rs.scarlett/assets/css/../fonts/slick/slick.eot?#iefix) format("embedded-opentype"), url(/local/templates/rs.scarlett/assets/css/../fonts/slick/slick.woff) format("woff"), url(/local/templates/rs.scarlett/assets/css/../fonts/slick/slick.ttf) format("truetype"), url(/local/templates/rs.scarlett/assets/css/../fonts/slick/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.fancybox-infobar,
.fancybox-slide .fancybox-image-wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.fancybox-container,
.fancybox-infobar,
.fancybox-thumbs,
.fancybox-thumbs>ul>li {
    -webkit-tap-highlight-color: transparent
}

body.fancybox-active {
    overflow: hidden
}

.fancybox-outer,
.fancybox-thumbs {
    -webkit-overflow-scrolling: touch
}

body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99992;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion
}

.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0)
}

.fancybox-is-closing .fancybox-stage {
    overflow: visible
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: 0;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform, opacity
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: visible
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #e5e3df
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide>base,
.fancybox-slide>link,
.fancybox-slide>meta,
.fancybox-slide>script,
.fancybox-slide>style,
.fancybox-slide>title {
    display: none
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: no-repeat;
    cursor: default;
    overflow: visible;
    transform-origin: top left;
    background-size: 100% 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    user-select: none;
    transition-property: transform, opacity
}

.fancybox-image,
.fancybox-share__button,
.fancybox-slide .fancybox-image-wrap,
.fancybox-spaceball {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff
}

.fancybox-error,
.fancybox-iframe {
    width: 100%;
    background: #fff;
    margin: 0
}

.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 16px;
    line-height: 20px
}

.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, .6);
    transition: color .3s ease;
    cursor: pointer;
    outline: 0
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff
}

.fancybox-button[disabled] {
    color: #ccc;
    cursor: default;
    opacity: .6
}

.fancybox-button svg {
    display: block;
    position: relative;
    overflow: visible;
    shape-rendering: geometricPrecision
}

.fancybox-button--pause svg path:first-child,
.fancybox-button--play svg path:nth-child(2),
.fancybox-navigation {
    display: none
}

.fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-button--zoom svg path {
    fill: transparent
}

.fancybox-show-nav .fancybox-navigation {
    display: block
}

.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: 0 0;
    width: 60px;
    height: 100px;
    padding: 17px
}

.fancybox-navigation button:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(30, 30, 30, .6)
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: 0 0;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background-color: transparent;
    transition: background-color .25s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus {
    outline: 0
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
    top: 0;
    right: -40px
}

.fancybox-slide--iframe .fancybox-close-small:after,
.fancybox-slide--image .fancybox-close-small:after {
    font-size: 35px;
    color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after,
.fancybox-slide--image .fancybox-close-small:hover:after {
    color: #fff;
    background: 0 0
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all;
    position: relative
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-slide>.fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    animation: a .8s infinite linear;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999
}

@keyframes a {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    transform: translateZ(0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    transform: scale3d(.5, .5, .5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    transform: scaleX(1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    transform: rotate(-1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    transform: rotate(1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    transform: rotate(0);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    transform: scaleX(1) translateZ(0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    margin: 0 0 20px;
    font-size: 35px;
    font-weight: 700
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

p.fancybox-share__links {
    margin-right: -10px
}

.fancybox-share__button {
    display: inline-block;
    text-decoration: none;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    min-width: 130px;
    border: 0;
    border-radius: 3px;
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    transition: all .2s
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px;
    background: 0 0;
    color: #5d5b5b;
    font-size: 14px;
    outline: 0;
    border: 0;
    border-bottom: 2px solid #d7d7d7
}

.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs>ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

#cboxOverlay,
#cboxWrapper,
#colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxBottomLeft,
#cboxMiddleLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: #fff;
    opacity: .9;
    filter: alpha(opacity=90)
}

#colorbox {
    outline: 0
}

#cboxContent {
    overflow: hidden
}

#cboxContent,
.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    margin-bottom: 20px
}

#cboxTitle {
    left: 0;
    text-align: center;
    width: 100%
}

#cboxCurrent,
#cboxTitle {
    position: absolute;
    bottom: 0;
    color: #999
}

#cboxCurrent {
    left: 100px
}

#cboxLoadingOverlay {
    background: #fff url(/local/templates/rs.scarlett/assets/css/images/loading.gif) no-repeat 5px 5px
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none
}

#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active {
    outline: 0
}

#cboxSlideshow {
    right: 42px
}

#cboxPrevious,
#cboxSlideshow {
    position: absolute;
    bottom: 0;
    color: #444
}

#cboxPrevious {
    left: 0
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 63px;
    color: #444
}

#cboxClose {
    bottom: 0;
    right: 0;
    display: block;
    color: #444
}

.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopRight {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}

.block-revealer__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: none;
    opacity: 0
}

.pater {
    font-size: .7em;
    right: 1vw;
    top: 1vw;
    -ms-flex: none;
    flex: none;
    border: 3px solid #fff;
    padding: 4.5em 2.25em 2.5em;
    width: 100%;
    max-width: 360px;
    position: absolute;
    background: #d0cfc5;
    margin: auto 0 3em auto;
    transition: background-color .3s;
    pointer-events: visible;
    display: block
}

.pater:focus,
.pater:hover {
    outline: none;
    background-color: #fff
}

.pater:after {
    content: "Sponsored by";
    position: absolute;
    top: 2.75em;
    left: 3.5em;
    font-size: .65em;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (min-width:50em) {
    .pater:before {
        content: "";
        position: absolute;
        background: url(/local/templates/rs.scarlett/assets/css/../img/sponsor/terminal.svg) no-repeat 50% 100%;
        background-size: contain;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        transform: translate3d(-25px, 25px, 0);
        transition: transform .3s
    }
    .pater:focus:before,
    .pater:hover:before {
        opacity: 1;
        transform: translate3d(-40px, 40px, 0);
        transition: transform .3s cubic-bezier(.43, .04, .32, .97)
    }
}

.pater__img {
    display: block;
    width: 50%
}

.pater__title {
    font-size: 1.5em;
    margin: 1em 0 .5em
}

.pater__desc {
    color: #3d3935;
    line-height: 1.1;
    margin: 0;
    font-size: 1.25em
}

@media screen and (max-width:50em) {
    .pater {
        top: 0;
        right: 0;
        margin: 0;
        border: 0;
        position: relative;
        max-width: none;
        font-size: .85em;
        background-color: #fff;
        padding: 2.5em 1em 1em
    }
    .pater:after {
        top: 1em;
        left: 1em
    }
    .pater__img {
        width: 160px
    }
}

@media screen and (max-width:40em) {
    .pater__title {
        font-size: 1em;
        margin-bottom: 0
    }
    .pater__desc {
        display: none
    }
    .pater__img {
        max-width: 30%
    }
}

.jq-checkbox,
.jq-radio {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jq-checkbox input,
.jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-file {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em
}

.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-select-multiple,
.jq-selectbox {
    position: relative;
    display: inline-block
}

.jq-select-multiple select,
.jq-selectbox select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-select-multiple li,
.jq-selectbox li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jq-selectbox {
    z-index: 10
}

.jq-selectbox__select {
    position: relative
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__dropdown {
    position: absolute
}

.jq-selectbox__search input {
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__dropdown ul {
    overflow: auto;
    overflow-x: hidden;
    list-style: none
}

.jq-select-multiple ul,
.jq-selectbox__dropdown ul {
    position: relative;
    -webkit-overflow-scrolling: touch
}

.jq-select-multiple ul {
    overflow-x: hidden
}

.jq-number {
    display: inline-block
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.jq-checkbox,
.jq-radio {
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #c3c3c3;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), inset -1px -1px #fff, inset 1px -1px #fff;
    cursor: pointer
}

.jq-checkbox.focused,
.jq-radio.focused {
    border: 1px solid #08c
}

.jq-checkbox.disabled,
.jq-radio.disabled {
    opacity: .55
}

.jq-checkbox {
    border-radius: 3px
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 4px;
    margin: 3px 0 0 3px;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    transform: rotate(-50deg)
}

.jq-radio {
    border-radius: 50%
}

.jq-radio.checked .jq-radio__div {
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #777;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .7)
}

.jq-file {
    width: 270px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-file input {
    cursor: pointer
}

.jq-file__name {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 80px 0 10px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #fff;
    box-shadow: inset 1px 1px #f1f1f1
}

.jq-file__browse,
.jq-file__name {
    font: 14px/32px Arial, sans-serif;
    color: #333
}

.jq-file__browse {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0 10px;
    border-left: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    text-shadow: 1px 1px #fff
}

.jq-file:hover .jq-file__browse {
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-file:active .jq-file__browse {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-file.focused .jq-file__name {
    border: 1px solid #5794bf
}

.jq-file.disabled,
.jq-file.disabled .jq-file__browse,
.jq-file.disabled .jq-file__name {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-number {
    position: relative;
    vertical-align: middle;
    padding: 0 36px 0 0
}

.jq-number__field {
    width: 100px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-number__field:hover {
    border-color: #b3b3b3
}

.jq-number__field input {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 9px;
    border: none;
    outline: none;
    background: none;
    font: 14px Arial, sans-serif;
    color: #333
}

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 14px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: 1px 1px #fff;
    cursor: pointer
}

.jq-number__spin.minus {
    top: auto;
    bottom: 0
}

.jq-number__spin:hover {
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-number__spin:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-number__spin:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 11px;
    width: 0;
    height: 0;
    border-bottom: 5px solid #999
}

.jq-number__spin.minus:after,
.jq-number__spin:after {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.jq-number__spin.minus:after {
    top: 5px;
    border-top: 5px solid #999;
    border-bottom: none
}

.jq-number__spin.minus:hover:after {
    border-top-color: #000
}

.jq-number__spin.plus:hover:after {
    border-bottom-color: #000
}

.jq-number.focused .jq-number__field {
    border: 1px solid #5794bf
}

.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #aaa
}

.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #aaa
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer
}

.jq-selectbox__select {
    height: 32px;
    padding: 0 45px 0 10px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff
}

.jq-selectbox__select:hover {
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-selectbox__select:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-selectbox.focused .jq-selectbox__select {
    border: 1px solid #5794bf
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-selectbox__select-text {
    display: block;
    width: 100%
}

.jq-selectbox .placeholder {
    color: #888
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    border-left: 1px solid #ccc
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #aaa
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    font: 14px/18px Arial, sans-serif
}

.jq-selectbox__search {
    margin: 5px
}

.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==") no-repeat 100% 50%;
    box-shadow: inset 1px 1px #f1f1f1;
    color: #333
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #f0f0f0;
    font-size: 13px
}

.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    min-height: 18px;
    padding: 5px 10px 6px;
    color: #231f20
}

.jq-selectbox li.selected {
    background-color: #a3abb1;
    color: #fff
}

.jq-selectbox li:hover {
    background-color: #08c;
    color: #fff
}

.jq-selectbox li.disabled {
    color: #aaa
}

.jq-selectbox li.disabled:hover {
    background: none
}

.jq-selectbox li.optgroup {
    font-weight: 700
}

.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231f20;
    cursor: default
}

.jq-selectbox li.option {
    padding-left: 25px
}

.jq-select-multiple {
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #fff;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/18px Arial, sans-serif;
    color: #333;
    cursor: default
}

.jq-select-multiple.focused {
    border: 1px solid #5794bf
}

.jq-select-multiple.disabled {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-select-multiple ul {
    margin: 0;
    padding: 0
}

.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none
}

.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0
}

.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px
}

.jq-select-multiple li.selected {
    background: #08c;
    color: #fff
}

.jq-select-multiple li.disabled {
    color: #aaa
}

.jq-select-multiple li.optgroup {
    font-weight: 700
}

.jq-select-multiple li.option {
    padding-left: 25px
}

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
    background: #ccc;
    color: #fff
}

input[type=email].styler,
input[type=password].styler,
input[type=search].styler,
input[type=tel].styler,
input[type=text].styler,
input[type=url].styler,
textarea.styler {
    padding: 8px 9px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333
}

input[type=search].styler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea.styler {
    overflow: auto
}

input[type=email].styler:hover,
input[type=password].styler:hover,
input[type=search].styler:hover,
input[type=tel].styler:hover,
input[type=text].styler:hover,
input[type=url].styler:hover,
textarea.styler:hover {
    border-color: #b3b3b3
}

input[type=email].styler:hover:focus,
input[type=password].styler:hover:focus,
input[type=search].styler:hover:focus,
input[type=tel].styler:hover:focus,
input[type=text].styler:hover:focus,
input[type=url].styler:hover:focus,
textarea.styler:hover:focus {
    border-color: #ccc;
    border-top-color: #b3b3b3;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

button.styler,
input[type=button].styler,
input[type=reset].styler,
input[type=submit].styler {
    overflow: visible;
    padding: 8px 11px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    outline: none;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff;
    cursor: pointer
}

button.styler.styler::-moz-focus-inner,
input[type=button].styler.styler::-moz-focus-inner,
input[type=reset].styler.styler::-moz-focus-inner,
input[type=submit].styler.styler::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.styler:not([disabled]):hover,
input[type=button].styler:not([disabled]):hover,
input[type=reset].styler:hover,
input[type=reset].styler:not([disabled]):hover,
input[type=submit].styler:not([disabled]):hover {
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

button.styler:active,
input[type=button].styler:active,
input[type=reset].styler:active,
input[type=submit].styler:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

button.styler[disabled],
input[type=button].styler[disabled],
input[type=submit].styler[disabled] {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.easy-autocomplete {
    position: relative
}

.easy-autocomplete input {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: #555;
    float: none;
    padding: 6px 12px
}

.easy-autocomplete input:focus,
.easy-autocomplete input:hover {
    box-shadow: none
}

.easy-autocomplete a {
    display: block
}

.easy-autocomplete.eac-blue-light input:focus,
.easy-autocomplete.eac-blue-light input:hover,
.easy-autocomplete.eac-blue-light ul {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.easy-autocomplete.eac-blue-light ul .eac-category,
.easy-autocomplete.eac-blue-light ul li {
    border-color: #66afe9
}

.easy-autocomplete.eac-blue-light ul .eac-category.selected,
.easy-autocomplete.eac-blue-light ul li.selected {
    background-color: #ecf5fc
}

.easy-autocomplete.eac-green-light input:focus,
.easy-autocomplete.eac-green-light input:hover,
.easy-autocomplete.eac-green-light ul {
    border-color: #41db00;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(146, 237, 107, .6)
}

.easy-autocomplete.eac-green-light ul .eac-category,
.easy-autocomplete.eac-green-light ul li {
    border-color: #41db00
}

.easy-autocomplete.eac-green-light ul .eac-category.selected,
.easy-autocomplete.eac-green-light ul li.selected {
    background-color: #9eff75
}

.easy-autocomplete.eac-red-light input:focus,
.easy-autocomplete.eac-red-light input:hover,
.easy-autocomplete.eac-red-light ul {
    border-color: #ff5b5b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 90, 90, .6)
}

.easy-autocomplete.eac-red-light ul .eac-category,
.easy-autocomplete.eac-red-light ul li {
    border-color: #ff5b5b
}

.easy-autocomplete.eac-red-light ul .eac-category.selected,
.easy-autocomplete.eac-red-light ul li.selected {
    background-color: #ff8e8e
}

.easy-autocomplete.eac-yellow-light input:focus,
.easy-autocomplete.eac-yellow-light input:hover,
.easy-autocomplete.eac-yellow-light ul {
    border-color: #ffdb00;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 231, 84, .6)
}

.easy-autocomplete.eac-yellow-light ul .eac-category,
.easy-autocomplete.eac-yellow-light ul li {
    border-color: #ffdb00
}

.easy-autocomplete.eac-yellow-light ul .eac-category.selected,
.easy-autocomplete.eac-yellow-light ul li.selected {
    background-color: #ffe233
}

.easy-autocomplete.eac-dark-light input:focus,
.easy-autocomplete.eac-dark-light input:hover,
.easy-autocomplete.eac-dark-light ul {
    border-color: #333;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(55, 55, 55, .6)
}

.easy-autocomplete.eac-dark-light ul .eac-category,
.easy-autocomplete.eac-dark-light ul li {
    border-color: #333
}

.easy-autocomplete.eac-dark-light ul .eac-category.selected,
.easy-autocomplete.eac-dark-light ul li.selected {
    background-color: #4d4d4d;
    color: #fff
}

.easy-autocomplete.eac-dark {
    color: #fff
}

.easy-autocomplete.eac-dark input {
    background-color: #404040;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark input:focus,
.easy-autocomplete.eac-dark input:hover {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-dark ul {
    border-color: #333
}

.easy-autocomplete.eac-dark ul .eac-category,
.easy-autocomplete.eac-dark ul li {
    background-color: #404040;
    border-color: #333
}

.easy-autocomplete.eac-dark ul .eac-category.selected,
.easy-autocomplete.eac-dark ul li.selected {
    background-color: #737373;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass {
    color: #fff
}

.easy-autocomplete.eac-dark-glass input {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input:focus,
.easy-autocomplete.eac-dark-glass input:hover {
    border-color: rgba(0, 0, 0, .8);
    box-shadow: 0
}

.easy-autocomplete.eac-dark-glass ul {
    border-color: rgba(0, 0, 0, .8)
}

.easy-autocomplete.eac-dark-glass ul .eac-category,
.easy-autocomplete.eac-dark-glass ul li {
    background-color: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .8)
}

.easy-autocomplete.eac-dark-glass ul .eac-category.selected,
.easy-autocomplete.eac-dark-glass ul li.selected {
    background-color: rgba(64, 64, 64, .8);
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass ul .eac-category:last-child,
.easy-autocomplete.eac-dark-glass ul li:last-child {
    border-radius: 0 0 4px 4px
}

.easy-autocomplete.eac-blue {
    color: #fff
}

.easy-autocomplete.eac-blue input {
    background-color: #6d9ed1;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-moz-placeholder,
.easy-autocomplete.eac-blue input::-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:focus,
.easy-autocomplete.eac-blue input:hover {
    border-color: #5a91cb;
    box-shadow: 0
}

.easy-autocomplete.eac-blue ul {
    border-color: #5a91cb
}

.easy-autocomplete.eac-blue ul .eac-category,
.easy-autocomplete.eac-blue ul li {
    background-color: #6d9ed1;
    border-color: #5a91cb
}

.easy-autocomplete.eac-blue ul .eac-category.selected,
.easy-autocomplete.eac-blue ul li.selected {
    background-color: #94b8dd;
    color: #f6f6f6
}

.easy-autocomplete.eac-yellow {
    color: #333
}

.easy-autocomplete.eac-yellow input {
    background-color: #ffdb7e;
    border-color: #333;
    border-radius: 4px;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-yellow input:focus,
.easy-autocomplete.eac-yellow input:hover {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-yellow ul {
    border-color: #333
}

.easy-autocomplete.eac-yellow ul .eac-category,
.easy-autocomplete.eac-yellow ul li {
    background-color: #ffdb7e;
    border-color: #333
}

.easy-autocomplete.eac-yellow ul .eac-category.selected,
.easy-autocomplete.eac-yellow ul li.selected {
    background-color: #ffe9b1;
    color: #333
}

.easy-autocomplete.eac-purple {
    color: #333
}

.easy-autocomplete.eac-purple input {
    background-color: #d6d1e7;
    border-color: #b8afd5;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-purple input:focus,
.easy-autocomplete.eac-purple input:hover {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-purple ul {
    border-color: #333
}

.easy-autocomplete.eac-purple ul .eac-category,
.easy-autocomplete.eac-purple ul li {
    background-color: #d6d1e7;
    border-color: #333
}

.easy-autocomplete.eac-purple ul .eac-category.selected,
.easy-autocomplete.eac-purple ul li.selected {
    background-color: #ebe8f3;
    color: #333
}

.easy-autocomplete.eac-bootstrap input {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul .eac-category,
.easy-autocomplete-container ul li {
    background: inherit;
    border-color: #ccc;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected div {
    font-weight: 400
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: 400;
    word-break: break-all
}

.easy-autocomplete-container ul li b {
    font-weight: 700
}

.easy-autocomplete-container ul .eac-category {
    font-color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: .9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    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: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.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: none;
    touch-action: none;
    -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
}

.owl-carousel .animated {
    animation-duration: 1s;
    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: b
}

@keyframes b {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s 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/rs.scarlett/assets/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .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-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

html {
    font-size: 14px;
    line-height: 1.5
}

body {
    font-size: 1rem;
    font-family: Museo-300, sans-serif;
    color: #595959;
    background-color: #fff
}

b {
    font-family: Prosto-Bold, sans-serif
}

a {
    cursor: pointer;
    color: #595959;
    transition: all .3s ease;
    position: relative
}

a,
a:hover {
    text-decoration: none
}

a.underline:after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    width: 0;
    height: 1px;
    background-color: #595959;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.075)
}

a.underline:hover:after {
    width: 100%;
    background-color: #595959
}

ul {
    list-style-type: none
}

ol,
ol ol,
ol ul,
ul,
ul ol,
ul ul {
    margin: 0
}

ol ol li {
    list-style-type: lower-alpha
}

ol ol ol li {
    list-style-type: lower-roman
}

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

* {
    text-rendering: auto;
    box-sizing: border-box
}

body,
html {
    min-height: 100%
}

body.overflow,
html.overflow {
    overflow-y: hidden
}

/*body>div.wrapper,
html>div.wrapper {
    overflow-x: hidden
}*/

body {
    min-width: 300px;
    position: relative
}

html {
    overflow-x: hidden
}

textarea {
    resize: none
}

input,
select,
textarea {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1rem;
    margin: 0;
    font-family: Museo-300, sans-serif;
    outline: none;
    vertical-align: top;
    transition: all .3s ease
}

input:focus,
select:focus,
textarea:focus {
    outline: 0
}

input.disabled,
input:disabled,
select.disabled,
select:disabled,
textarea.disabled,
textarea:disabled {
    resize: none;
    cursor: default;
    font-style: italic
}

input[type=file] {
    border: none;
    background: none;
    box-shadow: none
}

input[type=checkbox],
input[type=file],
input[type=radio] {
    width: auto;
    padding: 0;
    height: auto;
    display: inline-block
}

.link-blue {
    color: #00c4d9
}

.link-blue_underline {
    border-bottom: 1px solid #00c4d9;
    transition: border-color .2s
}

.link-blue_underline:hover {
    border-color: transparent
}

body::-webkit-scrollbar,
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar,
html::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #00c4d9;
    border-radius: 5px
}

body::-webkit-scrollbar-track-piece,
html::-webkit-scrollbar-track-piece {
    background-color: #f5f5f5;
    border-radius: 5px
}

::selection {
    background-color: #000;
    color: #fff
}

.clr:after {
    content: "";
    clear: both;
    display: block
}

.ink {
    display: block;
    position: absolute;
    background: #b8e0e0;
    border-radius: 100%;
    transform: scale(0)
}

.ink.animate {
    animation: c .65s linear
}

@keyframes c {
    to {
        opacity: 0;
        transform: scale(2.5)
    }
}

.btn {
    font-family: Prosto-Bold, sans-serif;
    font-size: 1.15rem;
    transition: all .3s ease;
    overflow: hidden
}

.btn--primary {
    background-color: #00c4d9;
    color: #fff
}

.btn--primary:hover {
    background-color: #00aec5;
    box-shadow: 0 14px 26px -12px rgba(0, 188, 212, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 188, 212, .2)
}

.btn--green:hover {
    box-shadow: 0 14px 26px -12px rgba(76, 175, 80, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(76, 175, 80, .2);
    background-color: #47a44b
}

.btn--blue {
    background-color: #00c4d9;
    color: #fff
}

.btn--border {
    border: 2px solid #00c4d9
}

.btn--border:hover {
    background-color: #00c4d9;
    box-shadow: 0 14px 26px -12px rgba(0, 188, 212, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 188, 212, .2)
}

[data-title] {
    position: relative
}

[data-title]:hover:before {
    content: attr(data-title);
    position: absolute;
    bottom: -33px;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px;
    background: #00c4d9;
    color: #fff;
    font-size: 12px;
    font-family: Prosto-Bold, sans-serif;
    white-space: nowrap;
    right: 10px
}

.gm-style-mtc div:last-child {
    right: auto!important;
    left: 0
}

.fancybox-bg {
    background-color: #fff
}

.fancybox-is-open .fancybox-bg {
    opacity: .95
}

.fancybox-share__button--vk {
    background: #4c6c91
}

.fancybox-share__button--vk:hover {
    background: #3c5777
}

[data-title]:hover:after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 20px;
    display: inline-block;
    color: #fff;
    border: 8px solid transparent;
    border-bottom: 8px solid #00c4d9
}

.comment {
    font-family: Museo-100Italic, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem
}

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

.container:after {
    content: "";
    display: block;
    clear: both
}

.container-flex {
    display: flex;
    flex-wrap: wrap;
    max-width: 1190px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%
}

h1 {
    line-height: 2.5rem
}

h1,
h2 {
    font-size: 1.7rem;
    color: #00c4d9
}

h1,
h2,
h3 {
    margin: 0;
    font-family: Prosto-Bold, sans-serif;
    text-transform: uppercase;
    font-weight: 400
}

h3 {
    font-size: 1.3rem
}

.partners-link {
    font-size: 20px;
    position: relative;
    transition: none;
    display: inline-block;
    margin-bottom: 10px
}

.partners-link:hover {
    color: #00c4d9
}

.partners-link:hover:before {
    background-position: 0 -953px
}

.partners-link:before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 3px;
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/icons.svg);
    background-position: 0 -933px
}

.lst-disc {
    list-style-type: disc;
    list-style-position: inside
}

.default-page {
    padding: 0 15px 60px
}

@media only screen and (max-width:768px) {
    .default-page {
        padding: 0 15px 40px
    }
}

.default-page h1 {
    margin-bottom: 25px;
    font-size: 27px
}

.default-page h2 {
    font-size: 1.4rem;
    line-height: 27px
}

.default-page h3 {
    font-size: 1.2rem;
    line-height: 27px
}

.default-page h2,
.default-page h3,
.default-page h4,
.default-page p {
    margin-bottom: 15px
}

.hide {
    display: none!important
}

.loading {
    border-color: transparent!important;
    box-shadow: none!important;
    background: transparent url(/local/templates/rs.scarlett/assets/img/loader.gif) 50% no-repeat!important;
    color: transparent!important;
    pointer-events: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle
}

.loading * {
    opacity: 0!important
}

.col {
    float: left;
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0
}
.col-flex{
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
}
@media only screen and (min-width: 1191px){
    .col-sticky{
        position: sticky;
        top: 70px;
        left: 0;
        padding-left: 15px;
        padding-bottom: 25px;
    }
}

.col-2 {
    width: 16.66667%
}

.col-3 {
    width: 25%
}

.col-3:nth-child(5) {
    clear: both
}

.col-4 {
    width: 33.333333%
}

.col-4:nth-child(4) {
    clear: both
}

.col-5 {
    width: 41.66667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.333333%
}

.col-8 {
    width: 66.666667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.333334%
}

.col-11 {
    width: 91.66666667%
}

.col-12 {
    width: 100%
}

@media only screen and (max-width:1190px) {
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-3:nth-child(5) {
        clear: both
    }
    .col-md-4 {
        width: 33.333333%
    }
    .col-md-4:nth-child(4) {
        clear: both
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-6:nth-child(odd) {
        clear: both
    }
    .col-md-7 {
        width: 58.333333%
    }
    .col-md-8 {
        width: 66.666667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.333334%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-12 {
        width: 100%
    }
}

@media only screen and (max-width:991px) {
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-3:nth-child(5) {
        clear: both
    }
    .col-sm-4 {
        width: 33.333333%
    }
    .col-sm-4:nth-child(4) {
        clear: both
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-6:nth-child(odd) {
        clear: both
    }
    .col-sm-7 {
        width: 58.333333%
    }
    .col-sm-8 {
        width: 66.666667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.333334%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-12 {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .col-xs-2 {
        width: 16.66667%
    }
    .col-xs-3 {
        width: 25%
    }
    .col-xs-3:nth-child(5) {
        clear: both
    }
    .col-xs-4 {
        width: 33.333333%
    }
    .col-xs-4:nth-child(4) {
        clear: both
    }
    .col-xs-5 {
        width: 41.66667%
    }
    .col-xs-6 {
        width: 50%
    }
    .col-xs-6:nth-child(odd) {
        clear: both
    }
    .col-xs-7 {
        width: 58.333333%
    }
    .col-xs-8 {
        width: 66.666667%
    }
    .col-xs-9 {
        width: 75%
    }
    .col-xs-10 {
        width: 83.333334%
    }
    .col-xs-11 {
        width: 91.66666667%
    }
    .col-xs-12 {
        width: 100%
    }
}

.col-ml40.col-6 {
    width: calc(50% - 40px);
    margin-left: 40px
}

.col-ml20.col-3 {
    width: calc(25% - 20px);
    margin-left: 20px
}

#colorbox {
    left: 0!important;
    right: 0!important;
    margin: auto
}

#cboxWrapper,
#colorbox {
    max-width: 360px!important;
    width: 100%!important
}

#cboxBottomCenter,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxTopLeft,
#cboxTopRight {
    display: none
}

#cboxOverlay {
    background-image: url(/local/templates/rs.scarlett/assets/img/popup-overlay.png);
    background-color: transparent
}

#cboxLoadedContent {
    margin-bottom: 0
}

#cboxContent,
#cboxLoadedContent {
    width: 100%!important
}

#cboxClose {
    font-size: 0;
    vertical-align: middle;
    display: inline-block;
    background: transparent url(/local/templates/rs.scarlett/assets/img/svg/new/x-mark-gray.svg) no-repeat;
    width: 11px;
    height: 11px;
    position: absolute;
    transform: rotate(45deg);
    top: 20px;
    right: 20px
}

.popup {
    padding: 40px;
    max-width: 360px;
    width: 100%;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .6);
    border-radius: 0;
    box-sizing: border-box;
    text-align: center
}

.popup-wrap {
    display: none
}

.popup__title {
    color: #00c4d9;
    margin-bottom: 10px
}

.popup__description {
    margin-bottom: 10px;
    font-size: 1.15rem
}

.popup__btn {
    text-transform: uppercase;
    padding: 0 35px;
    margin-top: 20px
}

.compare-popup__btn,
.popup__btn {
    height: 50px;
    display: inline-block;
    line-height: 50px
}

.compare-popup__btn {
    padding: 0 30px
}

#copy-success {
    display: none;
    padding: 3px 5px;
    border-radius: 8px;
    color: #fff;
    background-color: #00c4d9;
    position: absolute;
    bottom: -29px;
    left: 3px;
    font-size: 14px
}

#copy-success:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: -14px;
    transform: rotate(180deg);
    border: 8px solid transparent;
    border-top: 8px solid #00c4d9
}

.option {
    position: relative;
    line-height: 1rem
}

input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

input[type=checkbox]:checked+label:before {
    border: 1px solid #00c4d9;
    background: #00c4d9 url(/local/templates/rs.scarlett/assets/img/svg/icons.svg) .1em -18.3em no-repeat
}

input[type=checkbox]+label {
    padding-left: 30px;
    font-size: 10px;
    word-break: break-word;
    cursor: pointer;
    display: block;
    line-height: 14px
}

input[type=checkbox]+label:before {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 13px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #a6a6a6
}

input[type=checkbox]+label span {
    font-size: 1rem;
    line-height: 1rem;
    display: inline-block;
    vertical-align: middle
}

.jq-selectbox {
    min-width: 160px;
    z-index: 11!important
}

.jq-selectbox.focused .jq-selectbox__select {
    border: 2px solid #00c4d9
}

.jq-selectbox.opened .jq-selectbox__trigger-arrow {
    transform: rotate(180deg);
    background-position: 0 0
}

.jq-selectbox.opened .jq-selectbox__select-text {
    color: #00c4d9
}

.jq-selectbox__select {
    border: 2px solid #f0f0f0;
    height: 50px;
    padding: 0 45px 0 20px;
    border-radius: 0
}

.jq-selectbox__select,
.jq-selectbox__select:active {
    box-shadow: none;
    background: #fff
}

.jq-selectbox__select:hover {
    background-image: none
}

.jq-selectbox__select-text {
    height: 100%;
    line-height: 50px;
    font-family: Museo-300, sans-serif;
    color: #595959;
    font-size: 1rem
}

.jq-selectbox__trigger {
    border: 0;
    font-size: 10px
}

.jq-selectbox__trigger-arrow {
    border: 0;
    width: 11px;
    height: 6px;
    background: url(/local/templates/rs.scarlett/assets/img/svg/icons.svg) 0 -2em no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 18px
}

.jq-selectbox__dropdown {
    background-color: #fff;
    margin: 0;
    border-radius: 0;
    border: 2px solid #00c4d9;
    border-top: 0;
    box-shadow: none
}

.jq-selectbox__dropdown ul {
    width: 100%;
    height: 100%;
    padding: 0
}

.jq-selectbox__dropdown ul li {
    font-family: Museo-300, sans-serif;
    color: #595959;
    font-size: 1rem;
    padding: 5px 20px
}

.jq-selectbox__dropdown ul li:hover {
    background-color: #00c4d9
}

.text_filed.error .field-text {
    border: 1px solid #db4c4c;
    color: #db4c4c
}

.text_filed.error .field-text::-webkit-input-placeholder {
    color: #db4c4c
}

.text_filed.error .field-text:-ms-input-placeholder,
.text_filed.error .field-text::-ms-input-placeholder {
    color: #db4c4c
}

.text_filed.error .field-text::placeholder {
    color: #db4c4c
}

.checkbox-blue {
    margin-top: 20px
}

.checkbox-blue label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: flex-start;
    cursor: pointer
}

.checkbox-blue label.error .checkbox-blue__custom {
    background-color: #ee2324
}

.checkbox-blue label.error .checkbox-blue__label {
    color: #ee2324
}

.checkbox-blue label.error a {
    color: #ee2324;
    border-color: #ee2324
}

.checkbox-blue a {
    border-bottom: 1px solid #00c4d9;
    transition: border-color .2s;
    color: #a8a8a8
}

.checkbox-blue a:hover {
    border-color: transparent!important
}

.checkbox-blue__label {
    color: #a8a8a8;
    padding-left: 10px;
}

.checkbox-blue__checkbox {
    display: none
}

.checkbox-blue__checkbox:checked+.checkbox-blue__custom:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00c4d9 url(/local/templates/rs.scarlett/assets/css/../img/checked.png) 50% no-repeat;
    border-radius: 2px
}

.checkbox-blue__custom {
    position: relative;
    width: 22px;
    height: 15px;
    background-color: #ededed;
    border-radius: 2px;
    /* margin-right: 10px;*/
    margin-top: 4px;
}

input.field-text {
    border: 2px solid #f0f0f0;
    padding: 0 20px;
    height: 50px;
    border-radius: 0;
    color: #595959;
    box-shadow: none
}

input.field-text:active,
input.field-text:focus {
    border: 2px solid #00c4d9
}

input.field-text::-webkit-input-placeholder {
    color: #d6d6d6
}

input.field-text:-ms-input-placeholder,
input.field-text::-ms-input-placeholder {
    color: #d6d6d6
}

input.field-text::placeholder {
    color: #d6d6d6
}

.field-textarea {
    border: 2px solid #f0f0f0;
    padding: 20px;
    height: 100px;
    border-radius: 0;
    color: #595959
}

.field-textarea:active,
.field-textarea:focus {
    border: 2px solid #00c4d9
}

.field-textarea::-webkit-input-placeholder {
    color: #d6d6d6
}

.field-textarea:-ms-input-placeholder,
.field-textarea::-ms-input-placeholder {
    color: #d6d6d6
}

.field-textarea::placeholder {
    color: #d6d6d6
}

.easy-autocomplete-container {
    box-shadow: 0 15px 25px -10px rgba(0, 0, 0, .1)
}

.easy-autocomplete-container ul {
    border: 0;
    top: 0
}

.easy-autocomplete-container ul li {
    padding: 0 20px;
    height: 50px;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    line-height: 50px
}

.easy-autocomplete-container ul li:last-child {
    border-bottom: 0
}

.easy-autocomplete-container ul li div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.success-modal {
    max-width: 500px!important
}

.success-modal p {
    margin-bottom: 0
}

.success-modal .remodal-close {
    right: 0;
    left: unset!important
}

.error-modal {
    max-width: 300px!important
}

.remodal-overlay {
    background: url(/local/templates/rs.scarlett/assets/img/popup-overlay.png)!important
}

#press-request-login .text_filed {
    margin-bottom: 20px
}

#press-request-login .text_filed.error .error-label {
    display: block
}

#press-request-login .text_filed .error-label {
    display: none;
    color: #db4c4c
}

#press-request .text_filed {
    margin-bottom: 20px
}

#press-request .error-label {
    display: none;
    color: #db4c4c
}

#press-request input.error {
    border-color: #db4c4c
}

.icon {
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/icons.svg);
    background-repeat: no-repeat
}

.icon.icon__download-white {
    background-position: 0 -91.3em;
    height: 2em;
    width: 2em
}

.icon.icon__map-marker-gray {
    background-position: 0 -83.7em;
    height: 2em;
    width: 2em
}

.icon.icon__map-marker-blue {
    background-position: 0 -85.7em;
    height: 2em;
    width: 2em
}

.icon.icon__index-hero-arrow {
    background-position: 0 -80.8em;
    height: 1.1em;
    width: 2em
}

.icon.icon__x-mark-small {
    background-position: 0 -77.9em;
    width: 1.1em;
    height: 1.1em
}

.icon.icon__edit-green {
    background-position: 0 -76.5em;
    width: 1.4em;
    height: 1.4em;
    background-position: 0 -74.5em;
    width: 2em;
    height: 2em
}

.icon.icon__edit-white {
    background-position: 0 -72.5em;
    width: 2em;
    height: 2em
}

.icon.icon__arrow-blue {
    background-position: 0 -70.1em;
    width: 1.7em;
    height: 1.2em
}

.icon.icon__arrow-dark {
    background-position: 0 -71.3em;
    width: 1.7em;
    height: 1.2em
}

.icon.icon__trash-blue {
    background-position: 0 -68.9em;
    width: 1.2em;
    height: 1.2em
}

.icon.icon__trash-blue-light {
    background-position: 0 -67.7em;
    width: 1.2em;
    height: 1.2em
}

.icon.icon__arrow-big-white {
    background-position: 0 -66.8em;
    width: 1.5em;
    height: .9em
}

.icon.icon__arrow-white {
    background-position: 0 -66.3em;
    width: .8em;
    height: .5em
}

.icon.icon__x-mark-gray {
    background-position: 0 -64.7em;
    width: 1.6em;
    height: 1.6em
}

.icon.icon__arrow-blue {
    background-position: 0 0;
    width: 1.1em;
    height: .6em
}

.icon.icon__arrow-filter-blue {
    background-position: 0 -.6em;
    width: 1.2em;
    height: .7em
}

.icon.icon__arrow-filter-gray {
    background-position: 0 -1.3em;
    width: 1.2em;
    height: .7em
}

.icon.icon__arrow-gray {
    background-position: 0 -2em;
    width: 1.1em;
    height: .6em
}

.icon.icon__auth {
    background-position: 0 -2.6em;
    width: 2.2em;
    height: 1.8em
}

.icon.icon__auth-hover {
    background-position: 0 -4.4em;
    width: 2.2em;
    height: 1.8em
}

.icon.icon__bars-graphic {
    background-position: 0 -6.2em;
    width: 1.8em;
    height: 1.8em
}

.icon.icon__bars-graphic-dark {
    background-position: 0 -8em;
    width: 1.5em;
    height: 1.5em
}

.icon.icon__bars-graphic-gray {
    background-position: 0 -9.5em;
    width: 1.8em;
    height: 1.8em
}

.icon.icon__bars-graphic-green {
    background-position: 0 -11.3em;
    width: 1.8em;
    height: 1.8em
}

.icon.icon__bars-graphic-white {
    background-position: 0 -13.1em;
    width: 1.5em;
    height: 1.5em
}

.icon.icon__bars-graphic-white-big {
    background-position: 0 -14.6em;
    width: 1.8em;
    height: 1.8em
}

.icon.icon__chat {
    background-position: 0 -16.4em;
    width: 2em;
    height: 2em
}

.icon.icon__check {
    background-position: 0 -18.4em;
    width: 1em;
    height: 1em
}

.icon.icon__cloud-download {
    background-position: 0 -19.4em;
    width: 2.2em;
    height: 2.2em
}

.icon.icon__facebook-blue {
    background-position: 0 -21.6em;
    width: 2em;
    height: 2em
}

.icon.icon__facebook-gray {
    background-position: 0 -23.6em;
    width: 2em;
    height: 2em
}

.icon.icon__insta-gray {
    background-position: 0 -125.2em;
    width: 2em;
    height: 2em
}

.icon.icon__filter-list {
    background-position: 0 -25.6em;
    width: 2em;
    height: 2em
}

.icon.icon__filter-list-blue {
    background-position: 0 -27.6em;
    width: 2em;
    height: 2em
}

.icon.icon__filter-tile {
    background-position: 0 -29.6em;
    width: 2em;
    height: 2em
}

.icon.icon__filter-tile-blue {
    background-position: 0 -31.6em;
    width: 2em;
    height: 2em
}

.icon.icon__gear {
    background-position: 0 -33.6em;
    width: 2em;
    height: 2em
}

.icon.icon__info {
    background-position: 0 -35.6em;
    width: 2em;
    height: 2em
}

.icon.icon__line-menu {
    background-position: 0 -37.6em;
    width: 2.2em;
    height: 2.2em
}

.icon.icon__line-menu-hover {
    background-position: 0 -39.8em;
    width: 2.2em;
    height: 2.2em
}

.icon.icon__marker-blue {
    background-position: 0 -42em;
    width: 1.2em;
    height: 1.2em
}

.icon.icon__marker-white {
    background-position: 0 -43.2em;
    width: 1.2em;
    height: 1.2em
}

.icon.icon__ok-blue {
    background-position: 0 -44.4em;
    width: 2em;
    height: 2em
}

.icon.icon__ok-gray {
    background-position: 0 -46.4em;
    width: 2em;
    height: 2em
}

.icon.icon__plus-blue {
    background-position: 0 -48.4em;
    width: 1.2em;
    height: 1.2em
}

.icon.icon__plus-white {
    background-position: 0 -49.6em;
    width: 2em;
    height: 2em
}

.icon.icon__search {
    background-position: 0 -51.6em;
    width: 1.8em;
    height: 1.8em
}

.icon.icon__slider-arrow {
    background-position: 0 -53.4em;
    width: 1.7em;
    height: .9em
}

.icon.icon__star-active {
    background-position: 0 -54.3em;
    width: 1.8em;
    height: 1.2em
}

.icon__star-default {
    background-position: 0 -55.5em;
    width: 1.8em;
    height: 1.2em
}

.icon.icon__vk-blue {
    background-position: 0 -56.7em;
    width: 2em;
    height: 2em
}

.icon.icon__vk-gray {
    background-position: 0 -58.7em;
    width: 2em;
    height: 2em
}

.icon.icon__youtube-blue {
    background-position: 0 -60.7em;
    width: 2em;
    height: 2em
}

.icon.icon__youtube-gray {
    background-position: 0 -122.9em;
    width: 2em;
    height: 2em
}

.table {
    width: 100%;
    max-width: 100%;
    margin: 2rem 0;
    border-collapse: collapse
}

.table-img-caption {
    font-family: Prosto-Bold, sans-serif;
    text-align: center;
    margin-top: 5px
}

@media only screen and (max-width:768px) {
    .table-mobile {
        overflow-x: auto
    }
    .table-mobile::-webkit-scrollbar,
    .table-mobile::-webkit-scrollbar-thumb {
        height: 4px;
        background-color: #00c4d9;
        border-radius: 5px
    }
    .table-mobile::-webkit-scrollbar-track-piece {
        background-color: #f5f5f5;
        border-radius: 5px
    }
    .table-mobile .table {
        width: 800px
    }
}

.table td,
.table th {
    padding: .5rem;
    vertical-align: top;
    border-top: 1px solid #f0f0f0
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #f0f0f0
}

.table tbody+tbody {
    border-top: 2px solid #f0f0f0
}

.table .table {
    background-color: #fff
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 2px solid #f0f0f0
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th,
.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #dff0d8
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #d0e9c6
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #d9edf7
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #c4e3f3
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #fcf8e3
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #faf2cc
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f2dede
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ebcccc
}

.thead-inverse th {
    color: #fff;
    background-color: #292b2c
}

.thead-default th {
    color: #464a4c;
    background-color: #f0f0f0
}

.table-inverse {
    color: #fff;
    background-color: #292b2c
}

.table-inverse td,
.table-inverse th,
.table-inverse thead th {
    border-color: #fff
}

.table-inverse.table-bordered {
    border: 0
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive.table-bordered {
    border: 0
}

.header {
    height: 60px;
    border-bottom: 1px solid #f0f0f0;
    position: fixed;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    z-index: 992;
    transition: all .3s ease
}

.header:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    background-color: rgba(51, 51, 51, .1)
}

.header.fixed {
    background-color: hsla(0, 0%, 100%, .9)
}

.header>.container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header>.container:after {
    content: none
}

.header__dropdown {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
    padding: 40px 0;
    z-index: 20
}

@media only screen and (max-width:991px) {
    .header__dropdown {
        bottom: 0;
        position: fixed;
        overflow-y: auto
    }
}

@media only screen and (max-width:850px) {
    .header__dropdown {
        padding: 20px 0;
        top: 120px;
        visibility: visible
    }
}

.header__dropdown-close {
    display: none
}

@media only screen and (max-width:991px) {
    .header__dropdown-close {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 40px;
        width: 100%;
        background-color: #fff
    }
    .header__dropdown-close span {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform: rotate(45deg)
    }
}

.header__dropdown .container {
    display: block
}

.header__dropdown .container .col {
    padding-left: 40px;
    padding-right: 40px;
    position: relative
}

@media only screen and (max-width:991px) {
    .header__dropdown .container .col {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0
    }
}

.header__dropdown .container .col:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #f0f0f0;
    position: absolute;
    left: 0
}

@media only screen and (max-width:991px) {
    .header__dropdown .container .col:before {
        content: none
    }
}

.header__dropdown .container .col:first-child {
    padding-left: 0
}

.header__dropdown .container .col:first-child:before {
    content: none
}

.header__dropdown .container .col:last-child {
    padding-right: 0
}

.header__dropdown-item {
    float: left;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    width: 100%
}

@media only screen and (max-width:991px) {
    .header__dropdown-item {
        margin-bottom: 20px;
        padding-bottom: 0;
        border-bottom: 1px solid #f0f0f0
    }
}

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

@media only screen and (max-width:991px) {
    .header__dropdown-item:after {
        content: none
    }
}

.header__dropdown-item:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .header__dropdown-item:last-child {
        margin-bottom: 20px
    }
}

.header__dropdown-item:last-child:after {
    content: none
}

.header__dropdown-item__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media only screen and (max-width:991px) {
    .header__dropdown-item__top {
        cursor: pointer
    }
    .header__dropdown-item__top.active .header__dropdown-item__title {
        color: #00c4d9
    }
    .header__dropdown-item__top.active:after {
        background-position: 0 -828px;
        transform: rotate(180deg)
    }
    .header__dropdown-item__top:after {
        content: "";
        width: 9px;
        height: 9px;
        position: absolute;
        right: 0;
        top: 8px;
        background-image: url(/local/templates/rs.scarlett/assets/img/svg/icons.svg);
        background-position: 0 -819px;
        background-repeat: no-repeat
    }
}

.header__dropdown-item__icon {
    width: 40px;
    margin-right: 20px
}

@media only screen and (max-width:991px) {
    .header__dropdown-item__icon {
        width: 20px
    }
}

.header__dropdown-item__title {
    width: calc(100% - 60px);
    font-size: 1.3rem;
    line-height: 1.5;
    font-family: Museo-700, sans-serif;
    color: #00c4d9;
    text-transform: uppercase;
    white-space: pre-wrap
}

@media only screen and (max-width:991px) {
    .header__dropdown-item__title {
        font-size: 1.15rem;
        text-transform: none;
        color: #595959
    }
}

@media only screen and (max-width:991px) {
    .header__dropdown-item__list,
    .header__dropdown-item__title br {
        display: none
    }
}

.header__dropdown-item__list + .header__dropdown-item__list{
    margin-top: 15px;
}
.header__dropdown-item__list li {
    position: relative;
    padding-left: 20px;
    line-height: 1.5;
    font-size: 1.15rem;
    margin-bottom: 15px
}

.header__dropdown-item__list li a {
    display: inline-block;
    white-space: pre-wrap
}

.header__dropdown-item__list li a:hover {
    color: #00c4d9
}

.header__dropdown-item__list li:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .header__dropdown-item__list li:last-child {
        margin-bottom: 15px
    }
}

.header__dropdown-item__list li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #00c4d9;
    display: block;
    position: absolute;
    left: 0;
    top: 9px
}

.header__dropdown-item__list--half {
    width: 100%
}

@media only screen and (max-width:1200px) {
    .header__dropdown-item__list--half {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:991px) {
    .header__dropdown-item__list--half {
        display: none
    }
}

.header__dropdown-item__list--half:after {
    content: "";
    clear: both;
    display: block
}

.header__dropdown-item__list--half li {
    width: 50%;
    float: left;
    padding-left: 20px;
    line-height: 1.5;
    font-size: 1.15rem;
    margin-bottom: 15px;
    position: relative
}

@media only screen and (max-width:1200px) {
    .header__dropdown-item__list--half li {
        float: none
    }
}

@media only screen and (max-width:991px) {
    .header__dropdown-item__list--half li {
        width: 100%
    }
}

.header__dropdown-item__list--half li a:hover {
    color: #00c4d9
}

.header__dropdown-item__list--half li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #00c4d9;
    display: block;
    position: absolute;
    left: 0;
    top: 9px
}

.header__dropdown-item__list--half li:nth-child(2n) {
    margin-left: 50px;
    width: calc(50% - 50px)
}

@media only screen and (max-width:1200px) {
    .header__dropdown-item__list--half li:nth-child(2n) {
        margin-left: 10px;
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:991px) {
    .header__dropdown-item__list--half li:nth-child(2n) {
        margin-left: 0;
        width: 100%
    }
}

.header__dropdown-item__list--full-width {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header__dropdown-item__list--full-width li {
    margin-bottom: 0;
    margin-right: 20px
}

@media only screen and (max-width:850px) {
    .header__dropdown-item__list--full-width {
        display: block!important
    }
}

.header__burger {
    width: 20px;
    height: 18px;
    margin-right: 40px;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer
}

@media only screen and (max-width:450px) {
    .header__burger {
        margin-right: 20px
    }
}

.header__burger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #00c4d9;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

.header__burger span:first-child {
    top: 0
}

.header__burger span:nth-child(2),
.header__burger span:nth-child(3) {
    top: 7px
}

.header__burger span:nth-child(4) {
    top: 14px
}

@media only screen and (max-width:991px) {
    .header__burger.active {
        position: absolute;
        z-index: 12
    }
    .header__burger.active span {
        background: #fff
    }
}

.header__burger.active span:first-child {
    top: 7px;
    width: 0;
    left: 50%
}

.header__burger.active span:nth-child(2) {
    transform: rotate(45deg)
}

.header__burger.active span:nth-child(3) {
    transform: rotate(-45deg)
}

.header__burger.active span:nth-child(4) {
    top: 7px;
    width: 0;
    left: 50%
}

.header__burger__btn {
    cursor: pointer;
    width: 22px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.header__logo {
    margin: 0 auto 0 0;
    width: 140px
}

.header__logo a,
.header__logo span {
    display: block
}

.header__logo a img,
.header__logo span img {
    vertical-align: middle
}

.header__nav {
    margin-right: 40px
}

@media only screen and (max-width:850px) {
    .header__nav {
        width: 100vw;
        overflow-x: auto;
        margin-right: 0;
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        height: 60px;
        background-color: #fff;
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .3)
    }
    .header__nav.active {
        height: 100%
    }
}

.header__nav-toggle {
    display: none
}

.header__nav-toggle.active span:after {
    transform: rotate(180deg)
}

.header__nav-toggle span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #00c4d9;
    font-size: 16px;
    font-family: Museo-500, sans-serif;
    cursor: pointer
}

.header__nav-toggle span:after {
    content: "";
    transition: all .3s ease;
    width: 0;
    height: 0;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 4px solid #00c4d9;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    margin: auto
}

@media only screen and (max-width:850px) {
    .header__nav-toggle {
        display: block;
        margin-right: 40px
    }
}

@media only screen and (max-width:450px) {
    .header__nav-toggle {
        margin-right: 30px;
        margin-left: 20px
    }
}

.header__list {
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:850px) {
    .header__list {
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 0 20px
    }
    .header__list::-webkit-scrollbar,
    .header__list::-webkit-scrollbar-thumb {
        height: 2px;
        background-color: #595959
    }
    .header__list::-webkit-scrollbar-track-piece {
        background-color: #f5f5f5
    }
}

.header__list__item {
    margin-right: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    vertical-align: inherit!important;
}

@media only screen and (max-width:1100px) {
    .header__list__item {
        margin-right: 20px
    }
}

@media only screen and (max-width:850px) {
    .header__list__item {
        margin-right: 40px;
        text-align: left;
        height: 100%;
        line-height: 60px
    }
}

.header__list__item:last-child {
    margin-right: 0
}

.header__list__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

@media only screen and (max-width:1200px) {
    .header__list__icon {
        display: none
    }
}

.header__list__link,
.header__list__link__rel{
    font-size: 1.05rem;
    color: #595959;
    display: inline-block;
    vertical-align: middle;
    font-family: Museo-700, sans-serif;
    transition: all .3s ease
}

.header__list__link:hover,
.header__list__link__rel:hover{
    color: #00c4d9
}

@media only screen and (max-width:991px) {
    .header__list__link:hover,
    .header__list__link__rel:hover{
        color: #595959
    }
    .header__list__link.active,
    .header__list__link__rel.active{
        color: #00c4d9
    }
}

.header__search {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:991px) {
    .header__search {
        margin-right: 0
    }
}

@media only screen and (max-width:850px) {
    .header__search {
        margin-right: 20px
    }
}

@media only screen and (max-width:600px) {
    .header__search {
        margin-right: 0
    }
}

.header__search__field {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    transform: translateY(-60px);
    padding-left: 20px
}

.header__search__link {
    display: block;
    cursor: pointer
}

.header__search.open .header__search__field {
    transform: translateY(0);
    z-index: 10
}

.header__search.open .header__search__link {
    position: absolute;
    right: 15px;
    z-index: 11;
    background-position: 0 -121.3em;
    bottom: 0;
    top: 0;
    margin: auto;
    transform: rotate(45deg)
}

.header__compare {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:991px) {
    .header__compare {
        display: none
    }
}

@media only screen and (max-width:850px) {
    .header__compare {
        display: inline-block
    }
}

@media only screen and (max-width:600px) {
    .header__compare {
        display: inline-block;
        margin-right: 0;
        margin-left: 20px
    }
}

.header__compare__link {
    display: block;
    position: relative
}

.header__compare__count {
    position: absolute;
    background-color: #39b54a;
    color: #fff;
    font-size: .85rem;
    line-height: .85rem;
    padding: 4px 5px;
    border-radius: 50%;
    top: -10px;
    left: 10px;
    font-family: Museo-700, sans-serif
}

.header__lang {
    margin-right: 40px;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:1200px) {
    .header__lang {
        margin-right: 20px
    }
}

@media only screen and (max-width:991px) {
    .header__lang {
        display: none
    }
}

@media only screen and (max-width:850px) {
    .header__lang {
        display: inline-block
    }
}

@media only screen and (max-width:600px) {
    .header__lang {
        display: none
    }
}

.header__lang__link {
    display: block;
    text-decoration: underline;
    line-height: 1rem
}

.header__login {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: all .3s ease
}

@media only screen and (max-width:991px) {
    .header__login {
        display: none
    }
}

@media only screen and (max-width:850px) {
    .header__login {
        display: inline-block
    }
}

@media only screen and (max-width:600px) {
    .header__login {
        display: none
    }
}

.header__login__icon {
    display: block;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    transition: none
}

.header__menu {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding: 40px 0;
    display: none;
    top: 50px;
    background-color: #fff;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
    z-index: 10
}

@media only screen and (max-width:991px) {
    .header__menu {
        top: 0;
        bottom: 0;
        height: 100%;
        background-color: #00c4d9;
        position: fixed;
        overflow-y: auto;
        padding-top: 80px
    }
}

.header__menu .col {
    padding-left: 10px
}

@media only screen and (max-width:991px) {
    .header__menu .col {
        width: 100%;
        padding-left: 0;
        border-bottom: 1px solid #fff;
        margin-top: 15px;
        padding-bottom: 15px
    }
    .header__menu .col:first-child {
        margin-top: 0
    }
    .header__menu .col:last-child {
        border: 0
    }
}

.header__menu .col:first-child {
    padding-left: 0
}

.header__menu .col:nth-child(3) {
    padding-left: 20px
}

@media only screen and (max-width:991px) {
    .header__menu .col:nth-child(3) {
        padding-left: 0
    }
}

.header__menu .col:last-child {
    padding-left: 30px
}

@media only screen and (max-width:991px) {
    .header__menu .col:last-child {
        padding-left: 0
    }
}

.header__menu-title {
    font-size: 18px;
    font-family: Museo-700, sans-serif;
    line-height: 24px;
    margin-bottom: 15px;
    display: block
}

@media only screen and (max-width:991px) {
    .header__menu-title {
        font-size: 16px;
        color: #fff;
        line-height: 30px;
        margin-bottom: 0;
        font-family: Museo-300, sans-serif
    }
}

.header__menu-toggle {
    display: none;
    cursor: pointer
}

.header__menu-toggle.active:after {
    transform: rotate(180deg)
}

.header__menu-toggle span {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding-right: 15px;
    font-family: Prosto-Bold, sans-serif
}

@media only screen and (max-width:991px) {
    .header__menu-toggle {
        display: block;
        position: relative
    }
    .header__menu-toggle:after {
        transition: all .3s ease;
        content: "";
        position: absolute;
        background-position: 0 -663px;
        width: 8px;
        height: 5px;
        background-image: url(/local/templates/rs.scarlett/assets/img/svg/icons.svg);
        background-repeat: no-repeat;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }
}

@media only screen and (max-width:991px) {
    .header__menu-list {
        display: none;
        margin-top: 10px
    }
    .header__menu-list.active {
        margin-top: 0
    }
    .header__menu-list.active .header__menu-title {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-family: Prosto-Bold, sans-serif;
        border-bottom: 1px solid #fff;
        padding-bottom: 15px;
        margin-top: 15px
    }
    .header__menu-list.active .header__menu-title:first-child {
        margin-top: 0
    }
    .header__menu-list.active .header__menu-title:last-child {
        border: 0;
        padding-bottom: 0
    }
}

.header__menu-link {
    line-height: 30px;
    display: block
}

@media only screen and (max-width:991px) {
    .header__menu-link {
        color: #fff;
        font-size: 16px
    }
}

.header__menu-link:hover {
    color: #00c4d9
}

@media only screen and (max-width:991px) {
    .header__menu-link:hover {
        color: #fff
    }
}

.header__personal {
    white-space: nowrap
}

.header__personal-wrap {
    display: none
}

@media only screen and (max-width:991px) {
    .header__personal-wrap {
        display: block
    }
}

.header__personal--mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #fff;
    margin-top: 30px;
    padding: 20px 20px 0
}

@media only screen and (max-width:991px) {
    .header__personal--mobile .header__compare,
    .header__personal--mobile .header__lang,
    .header__personal--mobile .header__login {
        display: block
    }
}

@media only screen and (max-width:850px) {
    .header__personal--mobile .header__compare,
    .header__personal--mobile .header__lang,
    .header__personal--mobile .header__login {
        display: none
    }
}

@media only screen and (max-width:600px) {
    .header__personal--mobile .header__compare,
    .header__personal--mobile .header__lang,
    .header__personal--mobile .header__login {
        display: block
    }
}

.header__personal--mobile .header__compare__link {
    background-position: 0 -877px
}

.header__personal--mobile .header__login__icon {
    background-position: 0 -895px
}

.header__personal--mobile .header__lang__link {
    font-size: 18px;
    color: #fff
}

input.header__search__field {
    padding: 0;
    padding-left: 20px;
    border: 2px solid #595959;
    background-color: #fff;
    height: 60px
}

input.header__search__field:active,
input.header__search__field:focus {
    border: 2px solid #00c4d9
}

.logo {
    display: block
}

.logo__img {
    vertical-align: middle
}

@media (min-width:991px) {
    .header__list__item:hover .header__dropdown {
        display: block
    }
}

.footer {
    padding-bottom: 30px;
    padding-top: 40px;
    border-top: 1px solid #f0f0f0
}

@media only screen and (max-width:991px) {
    .footer {
        overflow: hidden
    }
}

.footer__col-pl {
    padding-left: 50px
}

@media only screen and (max-width:991px) {
    .footer__col-pl {
        padding-left: 0
    }
}

@media (min-width:991px) {
    .footer .col-2 {
        width: 20%
    }
}

@media (min-width:991px) {
    .footer .col-10 {
        width: 80%
    }
}

.footer .col {
    text-align: left
}

@media only screen and (max-width:991px) {
    .footer .col {
        margin-bottom: 0
    }
}

.footer__container {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__item__inner {
    max-width: 170px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:600px) {
    .footer__item__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:991px) {
    .footer__nav {
        width: calc(100% + 30px);
        margin: 0 -15px;
        border-top: 1px solid #f0f0f0;
        padding: 0 10px
    }
}

.footer__bottom {
    margin-top: 20px;
    display: none
}

.footer__bottom:after {
    content: none
}

@media only screen and (max-width:991px) {
    .footer__bottom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
}

.footer__logo {
    margin-bottom: 35px
}

@media only screen and (max-width:991px) {
    .footer__logo {
        margin-bottom: 25px
    }
}

@media only screen and (max-width:600px) {
    .footer__logo {
        margin-bottom: 0
    }
}

.footer__logo .logo {
    display: inline-block;
    background-position: 0 -64.8em;
    width: 160px;
    height: 34px
}

.footer__logo .logo img {
    vertical-align: middle
}

.footer__social {
    margin-bottom: 60px
}

@media only screen and (max-width:991px) {
    .footer__social {
        display: none
    }
}

@media only screen and (max-width:600px) {
    .footer__social {
        display: block;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:600px) {
    .footer__social--mobile {
        display: none
    }
}

.footer__redsoft {
    margin: auto 0 0
}

@media only screen and (max-width:991px) {
    .footer__redsoft {
        display: none
    }
}

.footer__redsoft__logo {
    width: 27px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle
}

.footer__redsoft__logo img {
    vertical-align: middle
}

.footer__redsoft__text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 39px);
    line-height: 1.3rem
}

@media only screen and (min-width:992px) {
    .footer__list {
        display: block!important
    }
}

.footer__title {
    display: block;
    position: relative;
    font-family: Prosto-Bold, sans-serif;
    margin-bottom: 30px;
    color: #595959;
    line-height: 1rem;
    cursor: text
}

@media only screen and (max-width:991px) {
    .footer__title {
        margin: 10px 0;
        text-transform: uppercase;
        color: #b5b5b5;
        cursor: pointer
    }
    .footer__title.active {
        color: #595959
    }
}

.footer__copyright {
    color: #afafaf;
    font-family: Prosto-Regular, sans-serif;
    font-size: .9rem
}

@media only screen and (max-width:991px) {
    .footer__copyright {
        display: none
    }
}
.footer__copyright a{
    color: inherit;
}

.footer__copyright--mobile {
    color: #afafaf;
    font-family: Prosto-Regular, sans-serif;
    font-size: .9rem
}

@media only screen and (max-width:991px) {
    .footer__list {
        display: none;
        padding-bottom: 20px
    }
}

.footer__list__link {
    color: #afafaf;
    font-size: .9rem;
    line-height: 30px;
    font-family: Prosto-Regular, sans-serif;
    display: block;
    word-break: break-all
}

.footer__list__link:hover {
    color: #00c4d9
}

.nav__toggle.active:after {
    opacity: 0
}

.nav__toggle.active:before {
    background-color: #595959
}

@media only screen and (max-width:991px) {
    .nav__toggle {
        display: inline-block;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer
    }
    .nav__toggle:after,
    .nav__toggle:before {
        height: 100%;
        display: block;
        position: absolute;
        width: 2px;
        content: "";
        left: 6px;
        top: 0;
        background-color: #b5b5b5;
        transition: all .3s ease
    }
    .nav__toggle:before {
        top: 6px;
        left: 0;
        height: 2px;
        width: 100%
    }
}

.social__list__item {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

.social__list__item:last-child {
    margin-right: 0
}

.social__list__icon {
    display: block
}

.social__list__link {
    width: 20px;
    height: 20px;
    display: block;
    transition: all .3s ease;
}

.social__list__icon {
    width: 20px;
    height: 20px;
}

.social__list__icon--vk:hover {
    background-position: 0 -56.7em
}

.social__list__icon--fb:hover {
    background-position: 0 -21.6em
}

.social__list__icon--ok:hover {
    background-position: 0 -44.4em
}

.social__list__icon--yt:hover {
    background-position: 0 -60.7em
}

.social__list__icon--insta:hover {
    background-position: 0 -127.5em
}

@media only screen and (max-width:991px) {
    .footer .footer__navs {
        margin-bottom: 0
    }
}

.footer .footer__navs .col:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

@media only screen and (max-width:991px) {
    .footer .footer__navs .col:last-child .footer__nav {
        border-bottom: 1px solid #f0f0f0
    }
}

.redsoft {
    display: inline-block;
    padding-right: 16px
}

.redsoft__img {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px
}

.redsoft__img svg {
    display: block;
    width: 100%;
    height: 100%
}

.redsoft__dash {
    display: none
}

.redsoft__caption {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    color: #afafaf
}

.redsoft__caption a {
    color: inherit;
    font-size: inherit
}

.redsoft path {
    fill: #ccc;
    transition: .3s ease-in-out
}

.redsoft:hover path {
    fill: #ed2226
}

.breadcrumbs {
    margin: 20px 0 30px
}

.breadcrumbs__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    position: relative
}

.breadcrumbs__item:after {
    content: ">";
    font-size: .85rem;
    line-height: .85rem;
    color: #a6a6a6;
    position: absolute;
    right: -12px;
    height: 10px;
    top: 0;
    bottom: 0;
    margin: auto
}

.breadcrumbs__item:last-child {
    margin-right: 0
}

.breadcrumbs__item:last-child:after {
    content: none
}

.breadcrumbs__link {
    font-size: .85rem;
    line-height: .85rem;
    color: #a6a6a6
}

.breadcrumbs__link:hover {
    color: #00c4d9
}

.breadcrumbs__link--active:hover {
    color: #a6a6a6
}

@keyframes d {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.2)
    }
    to {
        transform: scale(1)
    }
}

.product-card {
    margin-bottom: 35px
}

.product-card .container {
    position: relative
}

.product-card h2 {
    font-size: 1.3rem
}

.product-card__features-accardion .accordion__item__toggle-arrow {
    display: none
}

.product-card__bg {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%
}

@media only screen and (max-width:991px) {
    .product-card__bg {
        width: 100%
    }
}

.product-card__bg_right {
    right: -100%;
    transform: scaleX(-1);
    top: 120px
}

.product-card__bg_left {
    left: -100%
}

.product-card__bg:after {
    left: 0;
    top: 120px
}

.product-card__bg:after,
.product-card__bg:before {
    content: "";
    height: 120px;
    width: 50%;
    background-color: #f0f0f0;
    position: absolute;
    opacity: .4
}

.product-card__bg:before {
    right: 0;
    top: 240px
}

.product-card__bg__line {
    position: absolute;
    right: 0;
    height: 120px;
    width: 50%;
    background-color: #f0f0f0;
    opacity: .4
}

.product-card__col {
    float: left
}

.product-card__preview {
    width: 53%
}

@media only screen and (max-width:991px) {
    .product-card__preview {
        width: 100%;
        float: none
    }
}

.product-card__sticker {
    position: relative;
    width: 70px;
    height: 70px
}

.product-card__sticker:after {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    margin: auto;
    box-shadow: 0 2px 18px 12px rgba(0, 0, 0, .8)
}

.product-card__sticker img {
    width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

.product-card__sticker:last-child {
    margin-bottom: 0
}

.product-card__stickers {
    z-index: 22;
    display: inline-block;
    text-align: right;
    width: 24%;
    position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (max-width:500px) {
    /*.product-card__stickers {
        width: 100%
    }*/
}

.product-card__content {
    padding-left: 40px;
    width: 47%;
    position: relative
}

@media only screen and (max-width:991px) {
    .product-card__content {
        padding-left: 0;
        margin-bottom: 20px;
        width: 100%;
        float: none
    }
}

.product-card__title {
    text-transform: uppercase;
    color: #00c4d9
}

.product-card__title_width {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
    line-height: 2.2rem
}

@media only screen and (max-width:500px) {
    .product-card__title_width {
        width: 100%;
        text-align: left
    }
    .product-card__title h1{
        padding-right: 65px;
        font-size: 1.5rem;
    }
    .product-card__stickers{
        width: auto;
    }
    .product-item__sticker{
        margin: 0;
    }
}

.product-card__rating {
    margin-top: -5px
}

.product-card__rating-wrap {
    margin-bottom: 20px
}

.product-card__rating-text {
    color: #00c4d9;
    font-size: .85rem;
    line-height: .85rem;
    display: inline-block;
    vertical-align: middle
}

.product-card__options {
    margin-bottom: 10px
}

.product-card__option {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.product-card__option_clr {
    -ms-flex-align: baseline;
    align-items: baseline
}

.product-card__option:after {
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
    display: block;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    bottom: 1px
}

.product-card__option-dots {
    border-bottom: 1px dotted #000;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width:550px) {
    .product-card__option {
        width: 100%
    }
}

@media only screen and (max-width:550px) {
    .product-card__option:nth-child(odd) {
        padding-right: 0
    }
}

@media only screen and (max-width:550px) {
    .product-card__option:nth-child(2n) {
        padding-left: 0
    }
}

.product-card__option-prop {
    font-weight: 700
}

.product-card__option-prop,
.product-card__option-value {
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    z-index: 1
}

.product-card__option-value {
    text-align: right;
    line-height: 1.2
}

.product-card__option-value_uppercase {
    text-transform: uppercase
}

.product-card__option-value__color {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    position: relative
}

.product-card__option-value__color:last-child {
    margin-right: 0
}

.product-card__option-value__color.js_change_color {
    cursor: pointer
}

.product-card__option-value__color.js_change_color.active {
    cursor: default
}

.product-card__option-value__color.active {
    border: 4px solid #fff;
    border-radius: 50%
}

.product-card__option-value__color.active:before {
    content: "";
    top: -4px;
    right: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    position: absolute;
    border: 1px solid #00c4d9;
    border-radius: 50%;
    background-color: transparent
}

.product-card__option-value__color--orange {
    background-color: #ff5400
}

.product-card__option-value__color--blue {
    background-color: #00c4d9
}

.product-card__option-value__color--white {
    background-color: #fff;
    border: 1px solid #cfcfcf
}

.product-card__option-value__color--black {
    background-color: #000
}

.product-card__option-value__color--gray {
    background-color: #fff;
    border: 1px solid #cdcdcd
}

.product-card__utp{
    padding: 0 0 15px;
    margin-top: 25px;
}
.product-card__utp__item{
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    text-align: left;
}
.product-card__utp__item__icon{
    width: 70px;
    min-width: 70px;
    height: 70px;
    margin-right: 14px;
    text-align: center;
}
.product-card__utp__item__icon img{
    object-position: center;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.product-card__utp__item__icon svg{
    object-position: center;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.product-card__utp__item__name{
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000;
    font-family: Prosto-Bold;
    font-weight: normal;
}
.product-card__utp__item__description{
    line-height: 1.5;
    font-size: 1em;
    color: #595959;
    margin-top: 5px;
}

.product-card__buttons {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:550px) {
    .product-card__buttons {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-card__button {
    width: calc(50% - 2px);
    text-align: center;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 55px
}

@media only screen and (max-width:550px) {
    .product-card__button {
        width: 100%
    }
}

.product-card__button__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px
}

.product-card__button__text {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.15rem;
    font-size: 19px;
}

.product-card__button--place-to-buy {
    border: 2px solid #00c4d9;
    margin-right: 2px;
    transition: all .2s
}

.product-card__button--place-to-buy .product-card__button__icon {
    background-position: 0 -43.2em
}

@media only screen and (max-width:550px) {
    .product-card__button--place-to-buy {
        margin-right: 0;
        margin-bottom: 20px
    }
}

.product-card__button--place-to-buy:hover {
    background-color: #fff
}

.product-card__button--place-to-buy:hover .product-card__button__text {
    color: #00c4d9
}

.product-card__button--place-to-buy:hover .product-card__button__icon {
    background-position: 0 -42em
}

.product-card__price{
    vertical-align: middle;
    padding: 0 0 0 30px;
    font-family: Prosto-Bold, sans-serif;
    font-size: 1.3rem;
    color: #00c4d9;
}

.product-card__button--compare {
    display: -ms-flexbox;
    display: flex;
    text-transform: none;
    padding-left: 20px;
    margin-top: 5px
}

.product-card__button--compare:hover .product-card__button__text {
    border-bottom-color: transparent
}

.product-card__button--compare .icon-compare {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(/local/templates/rs.scarlett/assets/css/../../assets/img/bar-blue-filled.png) 50% no-repeat;
    background-size: cover
}

.product-card__button--compare.active .product-card__button__text--add {
    display: none
}

.product-card__button--compare.active .product-card__button__text--remove {
    display: block
}

.product-card__button--compare.active i {
    -ms-flex-order: 2;
    order: 2;
    margin-left: 6px;
    margin-right: 0;
    background-position: 0 -76.5em
}

@media only screen and (max-width:550px) {
    .product-card__button--compare {
        margin-left: 0
    }
}

.product-card__button--compare .product-card__button__text {
    color: #00c4d9;
    font-family: Museo-300, sans-serif;
    font-size: 16px;
    border-bottom: 1px solid #00c4d9;
    position: relative;
    transition: all .2s
}

.product-card__button--compare .product-card__button__text--add {
    display: block
}

.product-card__button--compare .product-card__button__text--remove {
    display: none
}

.product-card__features {
    margin: 16px 0 20px
}

.product-card__features__title {
    color: #00c4d9;
    margin-bottom: 15px;
    display: block
}

.product-card__features__title span {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    position: relative;
    animation: none
}

.product-card__features__title span.animated {
    animation: d .45s cubic-bezier(.25, .46, .45, .94) 0s 1 normal both
}

.product-card__small-slider {
    vertical-align: top;
    z-index: 10
}

.product-card__small-slider .slick-list {
    margin: 0 50px
}

@media only screen and (max-width:650px) {
    .product-card__small-slider {
        width: 100%;
        display: block;
        margin-bottom: 20px
    }
}

.product-card__small-slider__slide {
    min-height: 150px;
    max-height: 150px;
    font-size: 0;
    text-align: center;
    position: relative;
    opacity: .8;

    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .product-card__small-slider__img {
        max-width: 100% !important;
    }
    .product-card__small-slider__slide {
        min-height: auto !important;
    }
    .similar-models .product-item__characteristics,
    .collection-models .product-item__characteristics {
        display: none;
    }
    .similar-models .product-card__rating,
    .collection-models .product-card__rating {
        display: none;
    }
    .similar-models .product-item__footer,
    .collection-models .product-item__footer {
        position: static !important;
    }
    .similar-models .product-item__footer,
    .collection-models .product-item__footer {
        margin-right: 6px !important;
    }
    .similar-models .product-item__link,
    .collection-models .product-item__link {

        width: calc(100% - 6px) !important;
    }
    .collection-models .product-item__img-block,
    .similar-models .product-item__img-block {
        height: auto !important;
        max-height: 230px !important;
    }
}
@media (min-width: 383.98px) and (max-width: 767.98px) {
    .similar-models .product-item__link,
    .collection-models .product-item__link {
        font-size: 10px !important;
    }
    .similar-models .product-item__title,
    .collection-models .product-item__title {
        font-size: 11px !important;
    }
}
.product-card__small-slider__slide.slick-current {
    opacity: 1
}

.product-card__small-slider__img {
    display: inline-block!important;
    vertical-align: middle;
    max-width: 150px;
    width: auto;
    max-height: 150px
}

.product-card__preview {
    position: relative
}

@media only screen and (max-width:991px) {
    .product-card__preview {
        text-align: center;
        margin-bottom: 20px
    }
}

.product-card__big-slider {
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    max-width: 400px;
    width: 100%
}

.product-card__big-slider-wrap {
    vertical-align: middle;
    text-align: center
}

.product-card__big-slider .slick-slide {
    text-align: center;
    height: 400px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-card__big-slider__img {
    position: relative;
    z-index: 20;
    display: inline-block!important
}

.product-card__big-slider__fancybox-toggle {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

.product-card__accordion-helpers {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.product-card__accordion-helper {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 21
}

.product-card__accordion-helper.active .product-card__accordion-helper__icon:nth-child(2),
.product-card__accordion-helper:hover .product-card__accordion-helper__icon:nth-child(2) {
    transform: scale(1.4)
}

.product-card__accordion-helper.active .product-card__accordion-helper__icon:nth-child(3),
.product-card__accordion-helper:hover .product-card__accordion-helper__icon:nth-child(3) {
    transform: scale(1.8)
}

.product-card__accordion-helper__plus {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 10
}

.product-card__accordion-helper__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: #00c4d9;
    border-radius: 20px;
    transform: scale(.9);
    transition: transform .2s ease
}

.product-card__accordion-helper__icon:first-child {
    opacity: .7
}

.product-card__accordion-helper__icon:nth-child(2) {
    opacity: .5
}

.product-card__accordion-helper__icon:nth-child(3) {
    opacity: .25
}

.product-slider-arrow {
    background-color: hsla(0, 0%, 96%, .8);
    width: 50px;
    height: 100%;
    cursor: pointer;
    z-index: 20;
    top: 0;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    transition: all .3s ease
}

.product-slider-arrow.slick-disabled {
    display: none!important
}

.product-slider-arrow:hover {
    background-color: #f5f5f5
}

@media only screen and (max-width:650px) {
    .product-slider-arrow {
        top: 0;
        bottom: 0;
        width: 50px;
        height: 100%
    }
}

.product-slider-arrow__icon {
    width: 17px;
    height: 9px
}

.product-slider-arrow-next {
    right: 0
}

.product-slider-arrow-next .product-slider-arrow__icon {
    transform: rotate(-90deg)
}

@media only screen and (max-width:650px) {
    .product-slider-arrow-next {
        right: 0;
        left: inherit
    }
    .product-slider-arrow-next .product-slider-arrow__icon {
        transform: rotate(-90deg)
    }
}

.product-slider-arrow-prev {
    left: 0;
    transform: rotate(180deg)
}

.product-slider-arrow-prev .product-slider-arrow__icon {
    transform: rotate(-90deg)
}

@media only screen and (max-width:650px) {
    .product-slider-arrow-prev {
        left: 0;
        right: inherit
    }
    .product-slider-arrow-prev .product-slider-arrow__icon {
        transform: rotate(-90deg)
    }
}

.accordion {
    list-style: none;
    padding: 0
}

.accordion__inner {
    overflow: hidden;
    display: none;
    padding: 15px 0 0 20px
}

.accordion__item {
    margin-bottom: 20px
}

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

.accordion__item__toggle {
    width: 100%;
    display: block;
    cursor: pointer
}

.accordion__item__toggle.active .accordion__item__toggle-arrow {
    transform: rotate(180deg);
    background-position: 0 0
}

.accordion__item__toggle.active .accordion__item__toggle-plus {
    transform: rotate(90deg)
}

.accordion__item__toggle.active .accordion__item__toggle-text {
    color: #00c4d9
}

.accordion__item__toggle-plus {
    margin-right: 6px
}

.accordion__item__toggle-plus,
.accordion__item__toggle-text {
    display: inline-block;
    vertical-align: middle;
    transition: all .3s ease
}

.accordion__item__toggle-text {
    font-family: Museo-500, sans-serif;
    font-size: 1.15rem;
    line-height: 1.5;
    width: calc(100% - 22px);
    margin-right: 0
}

.accordion__item__toggle-arrow {
    display: inline-block;
    vertical-align: middle;
    transition: transform .3s ease
}

.star-rating {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    position: relative
}

.star-rating__icon {
    display: block;
    float: left;
    height: 12px
}

.star-rating__icon--active {
    background-position: 0 -54.3em
}

.my-mfp-product-city {
    background: hsla(0, 0%, 100%, .87)
}

.my-mfp-product-city .mfp-content {
    vertical-align: top
}

.my-mfp-product-city button.mfp-close {
    display: none
}

.product-card-city-modal {
    max-width: 900px;
    padding-top: 40px;
    padding-bottom: 20px
}

.product-card-city-modal .product-card-city-modal__close {
    float: right;
    margin-left: 25px;
    cursor: pointer;
    position: relative;
    padding-right: 26px
}

.product-card-city-modal .product-card-city-modal__close:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    background: url(/local/templates/rs.scarlett/assets/img/svg/close.svg) 50% no-repeat;
    background-size: cover;
    transition: transform .2s
}

.product-card-city-modal .product-card-city-modal__close:hover:after {
    transform: rotate(90deg)
}

.product-card-city-modal .product-card-city-modal__title {
    position: relative;
    overflow: hidden;
    font-size: 27px;
    line-height: 2rem;
    margin: 0;
    font-family: Prosto-Bold, sans-serif;
    text-transform: uppercase;
    color: #00c4d9;
    font-weight: 400
}

.product-card-city-modal .how-to-buy__items {
    -ms-flex-pack: center;
    justify-content: center;
    clear: both
}

.product-card-city-modal .how-to-buy__items .col-3 {
    width: 33.33333%
}

@media only screen and (max-width:700px) {
    .product-card-city-modal .how-to-buy__items .col-3 {
        width: 50%
    }
}

@media only screen and (max-width:450px) {
    .product-card-city-modal .how-to-buy__items .col-3 {
        width: 100%
    }
}

.product-card-city-modal_how {
    position: relative;
    background-color: #fff
}

.product-card-city-modal_how .product-card-city-modal__close {
    position: absolute;
    top: 10px;
    right: 15px
}

.product-card-city-modal_how .product-card-city-modal__title {
    width: 100%;
    margin-bottom: 35px;
    text-align: center
}

.product-card-city-modal_how .how-to-buy__items {
    padding-bottom: 10px
}

.product-tabs {
    position: relative
}

.product-tabs__acc-trigger {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    text-align: center;
    transition: all .2s
}

.product-tabs__acc-trigger.active:after {
    display: none
}

.product-tabs__acc-trigger:after {
    content: "";
    position: absolute;
    top: -46px;
    right: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(238, 242, 244, .3), hsla(0, 0%, 94%, .97) 23px);
    height: 34px
}

.product-tabs__acc-trigger button {
    padding: 9px 30px;
    border: 0;
    width: 158px;
    color: #00c4d9;
    border: 2px solid #00c4d9;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    background: transparent
}

@media only screen and (max-width:768px) {
    .product-tabs__acc-trigger {
        display: none
    }
}

.product-tabs__video-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
    width: 100%
}

.product-tabs__video-list iframe {
    width: 100%;
    height: 100%
}

.product-tabs__video-item {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    height: 350px;
    margin-bottom: 20px
}

.product-tabs__video-item:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:768px) {
    .product-tabs__video-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.product-tabs h2 {
    font-size: 1.3rem
}

.product-tabs__subtitle {
    font-size: 1.15rem;
    line-height: 1.15rem;
    display: block;
    margin: 25px 0 10px;
    font-family: Museo-700, sans-serif
}

.product-tabs__container {
    padding: 0 15px 0 35px
}

@media only screen and (max-width:991px) {
    .product-tabs__container {
        padding: 0 15px
    }
}

.product-tabs__tablinks {
    background-color: #00c4d9;
    text-align: center;
    height: 60px
}

@media only screen and (max-width:991px) {
    .product-tabs__tablinks {
        height: auto
    }
}

.product-tabs__tablink {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    max-width: 290px;
    margin-right: -4px;
    cursor: pointer;
    height: 100%;
    transition: all .3s ease
}

@media only screen and (max-width:991px) {
    .product-tabs__tablink {
        width: 50%;
        max-width: 100%
    }
}

@media only screen and (max-width:600px) {
    .product-tabs__tablink {
        width: 100%
    }
}

.product-tabs__tablink--videomaterials .white-play {
    width: 20px;
    height: 20px;
    background: url(/local/templates/rs.scarlett/assets/css/../../assets/img/pla-white.png) 50% no-repeat;
    background-size: cover;
    margin-right: 15px
}

.product-tabs__tablink--videomaterials .product-tabs__tablink__text {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex
}

.product-tabs__tablink.active,
.product-tabs__tablink:hover {
    background-color: #4dd0e0
}

.product-tabs__tablink__reviews-count {
    font-family: Prosto-Light, sans-serif
}

.product-tabs__tablink__text {
    color: #fff;
    font-size: 1.15rem;
    line-height: 60px;
    font-family: Prosto-Bold, sans-serif;
    display: inline-block;
    vertical-align: middle
}

.product-tabs__tablink__icon {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle
}

.product-tabs__content-wrap {
    background-color: #f0f0f0;
    padding: 40px 0 80px
}

@media only screen and (max-width:768px) {
    .product-tabs__content-wrap {
        padding: 40px 0 12px
    }
}

.product-tabs__characteristics {
    width: 52%;
    float: left
}

@media only screen and (max-width:991px) {
    .product-tabs__characteristics {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
}

.product-tabs__characteristics__title {
    color: #00c4d9;
    margin-bottom: 20px
}

.product-tabs__characteristics__content {
    margin-left: -20px
}

.product-tabs__characteristics__item {
    padding: 10px 20px
}

.product-tabs__characteristics__item:nth-child(odd) {
    background-color: #fff
}

.product-tabs__small-reviews {
    width: 48%;
    float: right;
    padding-left: 70px
}

@media only screen and (max-width:991px) {
    .product-tabs__small-reviews {
        width: 100%;
        padding: 0;
        float: none
    }
}

@media only screen and (max-width:600px) {
    .product-tabs__small-reviews {
        display: none
    }
}

.product-tabs__small-reviews--main {
    float: left;
    width: 57%;
    padding-left: 0;
    padding-right: 40px
}

@media only screen and (max-width:991px) {
    .product-tabs__small-reviews--main {
        width: 100%;
        padding: 0;
        float: none
    }
}

@media only screen and (max-width:600px) {
    .product-tabs__small-reviews--main {
        display: block
    }
}

.product-tabs__flex {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-tabs__flex>div.product-tabs__col {
    width: calc(50% - 20px)
}

@media only screen and (max-width:991px) {
    .product-tabs__flex>div.product-tabs__col {
        width: 100%
    }
}

.product-tabs__col .product-tabs__characteristics__content {
    margin-left: 0
}

@media only screen and (max-width:991px) {
    .product-tabs__col {
        width: 100%;
        margin-bottom: 30px
    }
    .product-tabs__col:last-child {
        margin-bottom: 0
    }
}

.product-tabs__col {
    overflow: hidden;
    transition: all 1s
}

.product-tabs__description {
    overflow: hidden;
    position: relative
}

.product-tabs__description .product-tabs__flex {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media only screen and (max-width:991px) {
    .product-tabs__description {
        width: 100%;
        display: block;
        float: none;
        margin-bottom: 20px
    }
}

.product-tabs__description__title {
    color: #00c4d9;
    margin-bottom: 20px
}

.product-tabs__description__item {
    padding: 5px 0 5px 20px;
    position: relative
}

.product-tabs__description__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #00c4d9
}

.product-tabs__description__content a {
    color: #00c4d9;
    text-decoration: underline;
    transition: color .15s ease-out
}

.product-tabs__description__content a:hover {
    color: #00adc0;
    text-decoration: none
}

.product-tabs__description__content ul {
    padding-left: .5em
}

.product-tabs__description__content ul li:before {
    content: "—";
    margin-right: .5em
}

.product-tabs__description__content li {
    line-height: 2
}

.product-tabs__chart {
    float: right;
    width: 43%;
    background-color: #fff;
    padding: 40px 0 20px;
    margin-top: 46px
}

@media only screen and (max-width:991px) {
    .product-tabs__chart {
        width: 100%;
        padding: 0;
        float: none
    }
}

.product-tabs__chart-circle {
    margin: 0 auto 30px;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    position: relative
}

.product-tabs__chart-circle:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 80%;
    background: #fff;
    border-radius: 50%;
    top: 10%;
    left: 10%
}

.product-tabs__chart-sector {
    width: 50%;
    height: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    transform-origin: left bottom;
    background: #000
}

.product-tabs__chart-value {
    color: #00c4d9;
    font-size: 4.7rem;
    font-family: Prosto-Bold, sans-serif;
    z-index: 20;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    line-height: 200px;
    text-align: center
}

.product-tabs__chart__mark {
    max-width: 300px;
    margin: 0 auto 20px
}

.product-tabs__chart__prop {
    float: left
}

.product-tabs__chart__rating {
    float: right;
    margin-top: -5px
}

.product-tabs__chart__rating .rating-stars {
    vertical-align: bottom
}

.product-tabs__materials__title {
    color: #00c4d9;
    margin-bottom: 20px
}

.product-tabs__materials__download {
    padding: 20px 40px;
    font-family: Prosto-Light, sans-serif;
    font-size: 1.15rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1px;
    background-color: #fff;
    max-width: 380px
}

@media only screen and (max-width:768px) {
    .product-tabs__materials__download {
        padding: 15px 30px
    }
}

.product-tabs__materials__download:hover {
    background-color: #eee
}

.product-tabs__materials__download-icon {
    margin-right: 6px
}

.product-tabs__materials__download-text {
    color: #00c4d9;
    line-height: 1.5;
    width: calc(100% - 32px)
}

.product-tabs__materials__download-size {
    color: #a6a6a6;
    white-space: nowrap
}

.small-reviews__title {
    color: #00c4d9;
    margin-bottom: 20px;
    padding-left: 20px
}

.small-reviews__item {
    margin: 0 0 10px;
    background-color: #fff;
    padding: 30px 20px
}

.small-reviews__item__header {
    margin-bottom: 20px
}

.small-reviews__item__author {
    font-family: Museo-700, sans-serif
}

.small-reviews__item__date {
    float: right;
    margin-right: 20px
}

.small-reviews__item__rating {
    float: right;
    margin-top: -5px
}

.small-reviews__item__rating .rating-stars {
    vertical-align: bottom
}

.small-reviews__item__comment {
    color: #595959
}

.small-reviews__link {
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transition: all .3s ease
}

.tabcontent {
    /*display: none;*/
    animation: e .5s
}

@keyframes e {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

.triggers__item {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media only screen and (max-width:768px) {
    .triggers__item {
        display: block
    }
}

.triggers__item__icon {
    width: 120px;
    height: 120px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 55px
}

@media only screen and (max-width:991px) {
    .triggers__item__icon {
        margin-right: 30px
    }
}

@media only screen and (max-width:450px) {
    .triggers__item__icon {
        display: block;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.triggers__item__info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 180px)
}

@media only screen and (max-width:991px) {
    .triggers__item__info {
        width: calc(100% - 165px)
    }
}

@media only screen and (max-width:450px) {
    .triggers__item__info {
        display: block;
        width: 100%
    }
}

.triggers__item__title {
    font-size: 1.7rem;
    font-family: Prosto-Bold, sans-serif;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase
}

.triggers__item__description {
    font-size: 1.15rem;
    line-height: 1.7rem;
    color: #fff
}

.triggers__item__bg {
    width: 50%;
    height: 100%;
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .3s ease
}

@media only screen and (max-width:768px) {
    .triggers__item__bg {
        width: 100%;
        z-index: 5;
        position: static;
        height: 200px
    }
}

.triggers__item__inner {
    position: absolute;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:768px) {
    .triggers__item__inner {
        width: 100%;
        height: 200px;
        position: static
    }
}

.triggers__item__content {
    width: 50%;
    z-index: 2;
    padding: 40px 60px;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(60px, 0, 0);
    transition: opacity .55s, transform .55s
}

.triggers__item__content--show {
    opacity: 1;
    pointer-events: visible;
    transform: translateZ(0);
    background-color: #00c4d9
}

@media only screen and (max-width:991px) {
    .triggers__item__content {
        padding: 30px
    }
}

@media only screen and (max-width:768px) {
    .triggers__item__content {
        width: 100%
    }
}

.triggers__item:nth-child(odd) .triggers__item__content {
    -ms-flex-order: 1;
    order: 1
}

.triggers__item:nth-child(odd) .triggers__item__bg {
    right: 0
}

.triggers__item:nth-child(odd) .triggers__item__inner {
    -ms-flex-order: 2;
    order: 2
}

.triggers__item:nth-child(2n) .triggers__item__content {
    margin: 0 0 0 auto;
    -ms-flex-order: 2;
    order: 2
}

.triggers__item:nth-child(2n) .triggers__item__bg {
    left: 0
}

.triggers__item:nth-child(2n) .triggers__item__inner {
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (max-width:768px) {
    .responsive__revealer-lr {
        transition: all .2s ease;
        transform-origin: -100% 0!important
    }
    .responsive__revealer-rl {
        transition: all .2s ease;
        transform-origin: 200% 0!important
    }
}

.new-models__product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.similar-models {
    text-align: center;
    margin-top: 60px
}

.collection-models {
    text-align: center;
    margin-top: 60px
}

.similar-models__title {
    color: #00c4d9;
    font-size: 1.7rem
}

.collection-models__title {
    color: #00c4d9;
    font-size: 1.7rem
}

.similar-models__products {
    margin-top: 60px
}

.similar-models__product {
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center*/
}

.collection-models__products {
    margin-top: 60px
}

.collection-models__product {
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center*/
}

.product-item {
    text-align: center;
    max-width: 260px;
    position: relative;
    width: 100%;
    margin: 0 16px 40px 20px;
    transition: all .3s ease;
    overflow: hidden
}

@media only screen and (max-width:1250px) {
    .product-item {
        width: calc(25% - 30px);
        margin: 0 11px 30px 15px;
        max-width: 25%
    }
}

@media only screen and (max-width:991px) {
    .product-item {
        width: calc(50% - 30px);
        max-width: 50%
    }
}

@media only screen and (max-width:500px) {
    .product-item {
        width: calc(100% - 20px);
        margin: 0 10px 20px;
        max-width: 100%
    }
}

.product-item:hover {
    box-shadow: 0 10px 50px 0 hsla(216, 4%, 77%, .6);
    padding-bottom: 40px;
    z-index: 9;
}

/*.product-item__footer{
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
}*/
.product-item__footer{
    position: absolute;
    display: flex;
    transform: translateY(80px);
    opacity: 0;
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
}

/*.product-item:hover .product-item__footer{
    display: block;
}*/

.product-item__footer [data-title]:hover:before{
    top: -33px;
    left: 10px;
    bottom: auto;
    right: auto;
}
.product-item__footer [data-title]:hover:after{
    top: -15px;
    bottom: auto;
}

.product-item:hover .product-item__inner {
    border-color: transparent
}

.product-item:hover .product-item__footer {
    transform: translateY(1px);
    opacity: 1;
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
}
.catalog .product-item:not(.slick-slide):hover .product-item__img{
    margin-top: 0;
}
.catalog .product-item:not(.slick-slide):hover .product-item__img-block {
    /*height: 170px*/
    /*height: 265px;*/
    height: 240px;
    /*margin-bottom: 75px !important;*/
}

@media only screen and (max-width:991px) {
    .product-item {
        padding-bottom: 30px;
        z-index: 9
    }
    .product-item .product-item__footer {
        transform: translateY(1px);
        opacity: 1
    }
    .product-item .product-item__img-block {
        height: 260px
    }
}

.product-item__content {
    overflow: hidden;
    width: 100%
}

.product-item__inner {
    border: 1px solid #f0f0f0;
    padding-bottom: 10px;
    height: 100%
}

.product-item__header {
    height: 60px;
    position: absolute;
    z-index: 10;
    top: 1px;
    left: 1px;
}

.product-item__rating {
    float: left;
    margin: 20px 0 0 20px
}

.product-item__edit {
    float: right;
    height: 60px;
    width: 60px;
    position: relative;
    cursor: pointer;
    background-color: #fff
}

.product-item__edit.active,
.product-item__edit:hover {
    background-color: #39b54a
}

.product-item__edit.active .product-item__edit-btn,
.product-item__edit:hover .product-item__edit-btn {
    background-position: 0 -72.5em!important
}

.product-item__edit-btn {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block
}

@media (min-width: 1024px){
    .product-item__rating-special{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.product-item__compare {
    height: 40px;
    width: 23%;
    position: relative;
    cursor: pointer
}

.product-item__compare.active {
    background-color: #fff!important
}

.product-item__compare.active .product-item__compare-btn {
    background-position: 0 -11.3em!important
}

.product-item__compare-btn {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block
}

.product-item__compare:hover {
    background-color: #00c4d9
}

.product-item__compare:hover .product-item__compare-btn {
    background-position: 0 -14.6em
}

.product-item__wherebuy{
    height: 40px;
    width: 23%;
    position: relative;
    cursor: pointer;
}
.product-item__wherebuy:hover {
    background-color: #00c4d9;
}
.product-item__wherebuy-btn{
    height: 100%;
    width: 100%;
    line-height: 40px;
    color: #eee;
    font-size: 16px;
}
.product-item__wherebuy:hover .product-item__wherebuy-btn{
    color: #fff;
}
.product-item__wherebuy-btn span{
    display: none;
}

.product-item__img {
    max-height: 100%;
    display: inline-block;
    position: relative;
    transition: all .3s ease
}

.product-item__img-block {
    position: relative;
    transition: all .3s ease;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 280px;
}
.product-item  .product-item__img-block{
    margin-bottom: 0;
    margin-top: 40px;
}

.product-item__title {
    font-size: 1.15rem;
    line-height: 1.7rem;
    font-family: Prosto-Bold, sans-serif;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase
}

.product-item__sticker {
    display: block;
    margin: 0 auto 10px;
    position: relative;
    width: 70px;
    height: 70px
}

.product-item__sticker:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    margin: auto;
    box-shadow: 0 2px 14px 6px rgba(0, 0, 0, .4)
}

.product-item__sticker img {
    width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

.product-item__sticker:last-child {
    margin-bottom: 0
}

.product-item__stickers {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 40;
}
.catalog .product-item__stickers{
    top: -25px;
}
.p-search__result .product-item__stickers{
    top: -25px;
}

.product-item__characteristics {
    margin: 15px 20px;
}

.product-item__characteristic {
    font-size: 1em;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.product-item__characteristic__value {
    padding-bottom: 5px;
	max-width: 50%;
    text-align: right;
}

.product-item__characteristic__property {
    max-width: 70%;
    text-align: left;
    padding-bottom: 5px;
}

.product-item__footer__buy{
    width: 77%;
}
.product-item__wherebuy + .product-item__footer__buy{
    width: 54%;
}
.product-item__link {
    height: 40px;
    line-height: 40px;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-color: #00c4d9;
    width: 100%;
    display: block;
    font-size: 1em;
}
.product-item__link.btn-buy-tile + .product-item__link{
    display: none;
}

.product-item:hover .product-item__delete {
    opacity: 1
}

.product-item__delete {
    float: right;
    margin: 20px 20px 0 0;
    cursor: pointer;
    opacity: 0;
    transition: all .3s ease
}

.product-item__delete-icon {
    transform: rotate(45deg);
    transition: all .3s ease
}

.product-item__delete-icon:hover {
    transform: rotate(135deg)
}

.catalog {
    padding-bottom: 60px
}

.catalog__sidebar {
    float: left;
    margin-right: 40px;
    width: 260px
}

@media only screen and (max-width:991px) {
    .catalog__sidebar {
        width: 100%;
        float: none;
        margin: 0 0 40px
    }
}

@media only screen and (max-width:1250px) {
    .catalog .product-item {
        width: calc(33.3333% - 30px);
        max-width: 33.3333%;
        width: calc(50% - 30px);
        max-width: 50%
    }
}

@media only screen and (max-width:991px) {
    .catalog .product-item {
        width: calc(33% - 30px);
        max-width: 33%
    }
}

@media only screen and (max-width:850px) {
    .catalog .product-item {
        width: calc(50% - 30px);
        max-width: 50%
    }
}

@media only screen and (max-width:500px) {
    .catalog .product-item {
        width: calc(100% - 30px);
        max-width: 100%
    }
}

.catalog__content {
    float: right;
    width: calc(100% - 300px)
}

@media only screen and (max-width:991px) {
    .catalog__content {
        width: 100%;
        float: none
    }
}

.catalog__content__head {
    margin-bottom: 40px;
    position: relative;
    z-index: 2
}

.catalog__content__products {
    position: relative;
    z-index: 1
}

.catalog__content--tile {
    margin: 0 -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.catalog__title {
    margin-bottom: 20px
}

.catalog__view {
    float: left
}

@media only screen and (max-width:550px) {
    .catalog__view {
        display: none
    }
}

.catalog__view__btn {
    cursor: pointer;
    width: 50px;
    height: 50px;
    border: 1px solid #f0f0f0;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    transition: all .3s ease
}

.catalog__view__btn.active {
    cursor: default
}

.catalog__view__btn:last-child {
    margin-right: 0
}

.catalog__view__btn--tile.active .catalog__view__icon {
    background-position: 0 -31.6em
}

.catalog__view__btn--list.active .catalog__view__icon {
    background-position: 0 -27.6em
}

.catalog__view__icon {
    margin: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    width: 20px;
    height: 19px
}

.catalog__sort {
    float: right
}

@media only screen and (max-width:550px) {
    .catalog__sort {
        float: left;
        margin: 0 0 10px 0!important;
    }
}

.catalog__sort__text {
    margin-right: 20px
}

.filter__item {
    margin-bottom: 1px
}

.filter__item:last-child .filter__item__content {
    border-bottom: 1px solid #f0f0f0
}

.filter__item__header {
    line-height: 1.15rem;
    padding: 24px 20px;
    background-color: #f0f0f0;
    cursor: pointer;
    font-size: 0
}

.filter__item__header:after {
    content: "";
    clear: both;
    display: block
}

.filter__item__header.active .filter__item__arrow {
    transform: rotate(180deg);
    background-position: 0 -.6em
}

.filter__item__header.active .filter__item__title {
    color: #00c4d9
}

.filter__item__title {
    font-family: Museo-500, sans-serif;
    font-size: 1.15rem;
    width: calc(100% - 15px);
    transition: all .3s ease
}

.filter__item__arrow,
.filter__item__title {
    display: inline-block;
    vertical-align: middle
}

.filter__item__arrow {
    transition: transform .3s ease-out
}

.filter__item__content {
    padding: 5px 20px;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    display: none
}

.filter__option {
    padding: 13px 0
}

.filter__option__label:hover {
    color: #00c4d9
}

.filter__option__label:hover:before {
    border-color: #00c4d9
}

.filter__option__text {
    margin-right: 5px
}

.filter__option__count {
    color: #00c4d9
}

.filter__reset {
    height: 60px;
    line-height: 60px;
    background-color: #d7d7d7;
    color: #00c4d9;
    border: 0;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease
}

.filter__reset:hover {
    background-color: #c7c7c7;
    box-shadow: 0 14px 26px -12px hsla(0, 0%, 78%, .42), 0 4px 23px 0 hsla(0, 0%, 78%, .12), 0 8px 10px -5px hsla(0, 0%, 78%, .2)
}

.pager {
    margin-top: 20px
}

.pager__link {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border: 1px solid #f0f0f0;
    color: #00c4d9;
    font-family: Prosto-Bold, sans-serif;
    transition: all .3s ease;
    margin-right: 16px;
    text-align: center;
    line-height: 40px;
    font-size: 1.3rem
}

.pager__link:last-child {
    margin-right: 0
}

.pager__link.active,
.pager__link:hover {
    background-color: #00c4d9;
    color: #fff;
    border-color: #00c4d9
}

.product-item--list {
    transition: all .3s ease;
    margin-bottom: 30px;
    /*padding: 20px 40px 20px 20px;*/
    border: 1px solid #f0f0f0
}
@media only screen and (max-width: 1200px) {
    .product-item--list__compare-text > span{
        display: none!important;
    }
    .product-item--list__wherebuy .product-item--list__link span{
        display: none!important;
    }
}
@media only screen and (max-width:768px) {
    .product-item--list {

    }
}

.product-item--list:hover {
    box-shadow: 0 10px 50px 0 hsla(216, 4%, 77%, .6);
    border-color: transparent
}

.product-item--list__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
}

.product-item--list__edit-btn {
    cursor: pointer;
    position: absolute;
    bottom: 24px;
    right: 24px;
}

@media only screen and (max-width:768px) {
    .product-item--list__edit-btn {
        float: right
    }
}

.product-item--list__preview {
    width: 264px;
    min-height: 256px;
    float: left;
    position: relative;
    padding: 45px 24px 25px 24px;
    border-right: 1px solid #f0f0f0;
}

@media only screen and (max-width: 740px) {
    .product-item--list__preview {
        float: none;
        margin: 0 auto 20px auto;
        border: none;
        width: 100%;
    }
    .product-item--list__header{
        max-width: 100%!important;
    }
    .product-item--list__content{
        width: 100%!important;
        padding: 24px 24px 40px 24px!important;
    }
    .product-item--list__center{
        flex-direction: column-reverse;
        flex-wrap: wrap!important;
    }
    .product-item--list__utp{
        width: 100%!important;
    }
    .product-item--list__characteristics{
        width: 100%!important;
        margin: 15px 0!important;
    }
    .product-item--list__characteristic{
        line-height: 1.5!important;
    }
    .product-item--list__title{
        text-align: center;
        font-size: 1.15rem;
        line-height: 1.7rem;
        font-family: Prosto-Bold, sans-serif;
        display: block;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    .product-item--list__utp .product-item__utp__item{
        font-size: .714em!important;
    }
    .product-item--list__footer{
        border-top: none!important;
    }
    .product-item--list__compare{
        width: 23%!important;
        margin: 0!important;
        text-align: center!important;
    }
    .product-item--list__wherebuy{
        width: 23%!important;
        margin: 0!important;
    }
    .product-item--list__buy{
        width: 54%;
    }
}

.product-item--list__content {
    width: calc(100% - 264px);
    padding: 24px 36px 40px 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

@media only screen and (max-width:550px) {
    .product-item--list__content {
        float: none;
        width: 100%;
        padding-left: 0
    }
}

.product-item--list__rating {
    float: right;
    margin: 0
}

@media only screen and (max-width:768px) {
    .product-item--list__rating {
        float: none;
        display: block
    }
}

.product-item--list__center,
.product-item--list__header {
    margin-bottom: 5px
}
.product-item--list__center{
    display: flex;
}
.product-item--list__utp{
    width: 50%;
}
.product-item--list__utp .product-item__utp__item{
    margin-top: 0;
    margin-bottom: 12px;
    font-size: .85em;
}
.product-item--list__characteristics{
    width: 50%;
}
.product-item--list__characteristics.full_w{
    width: 100%;
}
.product-item--list__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    border-top: 1px solid #F2F2F2;
    height: 40px;
}

.product-item--list__title {
    float: left;
    margin-bottom: 0
}

@media only screen and (max-width:768px) {
    .product-item--list__title {
        float: none;
        display: block
    }
}

.product-item--list .product-card__option-value__color {
    margin-right: 10px
}

.product-item--list .product-card__option-value__color:last-child {
    margin-right: 0
}

.product-item--list__characteristic {
    line-height: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/*.product-item--list__characteristic:nth-child(odd) {
    width: 100%;
}*/

/*@media only screen and (max-width:1150px) {
    .product-item--list__characteristic:nth-child(odd) {
        width: 50%
    }
}*/

/*@media only screen and (max-width:768px) {
    .product-item--list__characteristic:nth-child(odd) {
        width: 100%;
        padding-right: 0
    }
}*/

/*.product-item--list__characteristic:nth-child(odd) .product-item__characteristic__property {
    max-width: 120px;
    width: 100%
}*/

/*@media only screen and (max-width:1150px) {
    .product-item--list__characteristic:nth-child(odd) .product-item__characteristic__property {
        max-width: 100%;
        width: auto
    }
}*/

/*.product-item--list__characteristic:nth-child(odd) .product-item__characteristic__value {
    float: left
}*/

/*@media only screen and (max-width:1150px) {
    .product-item--list__characteristic:nth-child(odd) .product-item__characteristic__value {
        float: right
    }
}*/

/*.product-item--list__characteristic:nth-child(2n) {
    width: 260px
}*/

/*@media only screen and (max-width:1150px) {
    .product-item--list__characteristic:nth-child(2n) {
        width: 50%;
        max-width: 100%
    }
}*/

/*@media only screen and (max-width:768px) {
    .product-item--list__characteristic:nth-child(2n) {
        width: 100%
    }
}*/

.product-item--list__buy{
    height: 40px;
    width: 200px;
    margin-left: auto;
    transform: translate(1px, 1px);
}
.product-item--list__link {
    height: 40px;
    line-height: 40px;
    background-color: #d5d5d5;
    max-width: 200px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

.btn-buy {
    background-color: #00c4d9;
    max-width: 60px;
    margin-right: 10px;
	cursor: pointer;
}

.btn-buy-tile span{
  display: none;
}

.btn-buy-tile {
    background-color: #39b54a;
	cursor: pointer;
}

.btn-buy-tile:hover {
    background-color: rgb(101, 218, 117);
}

.product-card__btn_buy {
	cursor: pointer;
}

.product-card__btn_buy i{
	padding-right: 5px;
}

.product-card__btn_buy:hover i{
	padding-right: 5px;
	color: #00c4d9;
}

@media only screen and (max-width:1150px) {
    .product-item--list__link {
        max-width: 100%;
    }
    .btn-buy {
        margin-right: 0;
    }
    .btn-buy span{
        display: inline;
    }
}

@media only screen and (max-width:768px) {
    .product-item--list__link {
        width: 100%
    }
}

.product-item--list__compare {
    margin-left: 32px;
    margin-right: 32px;
    line-height: 40px;
    font-size: 1.14em;
}

@media only screen and (max-width:768px) {
    .product-item--list__compare {
        width: auto;
        text-align: left;
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 0;
    }
}

.product-item--list__compare-text {
    display: inline-block;
    vertical-align: middle;
}
.product-item--list__compare-text i{
    margin-right: 11px;
    color: #d5d5d5;
}
.product-item--list__compare-text:hover i{
    color: #00C4D9;
}

.product-item--list__compare-btn {
    cursor: pointer
}

.product-item--list__compare-btn .icon {
    margin-right: 11px;
    transition: none;
    line-height: 1;
}

.product-item--list__compare-btn.active .icon,
.product-item--list__compare-btn:hover .icon {
    background-position: 0 -11.3em
}

.product-item--list__wherebuy{
    margin-left: 45px;
}
.product-item--list__wherebuy .product-item--list__link{
    cursor: pointer;
    background-color: transparent;
    color: #595959;
    font-size: 1.14em;
    line-height: 40px;
    height: auto;
    text-transform: none;
}
.product-item--list__wherebuy .product-item--list__link i{
    color: #d5d5d5;
    margin-right: 11px;
}
.product-item--list__wherebuy .product-item--list__link:hover i{
    color: #00C4D9;
}

.product-item--list__img-block {
    height: auto;
    max-height: 100%;
    margin: 0
}

.product-item--list__img-block a {
    display: block;
    text-align: center
}

.product-item--list__img-block img {
    vertical-align: middle;
    height: auto
}

.product-item--list__stickers {
    top: -10px;
    left: -10px;
}
.product-item--list .product-item--list__stickers {
    top: -25px;
    left: -10px;
}

.product-item--news {
    z-index: 9;
    max-width: 90%;
    margin: 0 auto;
    padding-bottom: 30px
}

.product-item--news:hover {
    box-shadow: 0 10px 20px 0 hsla(216, 4%, 77%, .6)
}

.product-item--news .product-item__characteristic {
    display: table-row
}

.product-item--news .product-item__characteristics {
    padding-right: 1em;
    padding-left: 1em;
    display: table;
    /* width: 100%; */
    max-width: 100%
}

.product-item--news .product-item__content {
    min-height: 362px
}

.product-item--news .product-item__img-block {
    height: 170px
}

.product-item--news .product-item__img {
    margin-right: auto;
    margin-left: auto
}

.product-item--news .product-item__inner {
    border-color: transparent
}

.product-item--news .product-item__link {
    /*transform: translateY(1px);*/
    opacity: 1;
    width: 100%;
    right: 0;
    left: 0
}

.product-item--news .product-item__characteristic__property {
    /*display: table-cell;*/
    float: left;
    text-align: left;
    padding-right: 1em;
    vertical-align: bottom;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
}

.product-item--news .product-item__characteristic__value {
    /*display: table-cell;*/
    float: right;
    text-align: right;
    vertical-align: bottom
}

.product-item--news .product-item__title {
    padding-right: .5em;
    padding-left: .5em
}

@media only screen and (max-width:1250px) {
    .product-item--news {
        width: 90%;
        margin: 0 auto;
        max-width: 100%
    }
}

@media only screen and (max-width:991px) {
    .product-item--news {
        width: 90%;
        max-width: 90%
    }
}

@media only screen and (max-width:500px) {
    .product-item--news {
        width: 95%;
        margin: 0 auto;
        max-width: 95%
    }
}

.news-carousel {
    transition: opacity .25s
}

.news-carousel__dots {
    position: relative;
    padding-bottom: 20px
}

.news-carousel .slick-dots {
    position: relative;
    bottom: 0
}

@media only screen and (max-width:500px) {
    .news-carousel .slick-dots li {
        margin: 0!important
    }
}

.news-carousel .slick-dots button {
    width: 15px;
    height: 15px;
    border: 2px solid #00c4d9;
    margin: 0 5px;
    background-color: transparent;
    transition: all .3s ease
}

@media only screen and (max-width:500px) {
    .news-carousel .slick-dots button {
        width: 8px;
        height: 8px;
        border-width: 1px;
        margin: 0!important
    }
}

.news-carousel .slick-dots .slick-active button {
    background-color: #00c4d9
}

.news-carousel .slick-dots button:hover {
    background-color: #00c4d9;
    opacity: .5
}

.news-carousel .slick-dots button:before {
    display: none
}

.news-carousel .slick-dotted.slick-slider {
    margin-bottom: 0
}

.news-carousel .slick-slide {
    padding-bottom: 50px
}

.compare {
    padding-bottom: 90px;
    padding-top: 30px
}

.compare__title {
    margin-bottom: 30px
}

.compare__left-side {
    width: calc(100% - 300px);
    float: left
}

@media only screen and (max-width:991px) {
    .compare__left-side {
        width: 100%
    }
}

.compare__right-side {
    width: 300px;
    float: right
}

@media only screen and (max-width:991px) {
    .compare__right-side {
        width: 100%
    }
}

.compare-control {
    margin-bottom: 30px
}

.compare-control__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.compare-control__button {
    border: 1px solid #f0f0f0;
    height: 50px;
    position: relative;
    min-width: 100px;
    text-align: center;
    margin: 0 10px 20px;
    padding: 0 20px;
    transition: all .3s ease
}

.compare-control__button.active,
.compare-control__button:hover {
    cursor: pointer;
    border-color: transparent;
    box-shadow: 0 4px 15px -6px rgba(0, 196, 217, .5)
}

.compare-control__button.active .compare-control__button-text,
.compare-control__button:hover .compare-control__button-text {
    color: #00c4d9
}

.compare-control__button.active .compare-control__button-arrow,
.compare-control__button:hover .compare-control__button-arrow {
    background-position: 0 -70.1em
}

.compare-control__button.active {
    cursor: auto
}

.compare-control__button-arrow,
.compare-control__button-text {
    display: inline-block;
    vertical-align: middle
}

.compare-control__button-text {
    font-family: Museo-500, sans-serif;
    font-size: 0.95rem;
    line-height: 50px;
    transition: all .3s ease
}

.compare-control__button-count {
    font-size: .85rem;
    font-family: Museo-700, sans-serif;
    color: #fff;
    height: 17px;
    line-height: 17px;
    background-color: #39b54a;
    padding: 0 6px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 8.5px
}

.compare-control__select {
    min-width: 180px;
    text-align: left
}

.compare-control__select.js_change_page_size {
    min-width: unset
}

.compare-control__select-wrap {
    text-align: right;
    margin-bottom: 30px
}

@media only screen and (max-width:991px) {
    .compare-control__select-wrap {
        text-align: left
    }
}

.compare-control__select-text,
.compare-control__select .jq-selectbox__select-text {
    font-family: Museo-500, sans-serif;
    font-size: .9rem
}

.compare-control__select-text {
    margin-right: 15px
}

.compare-control__reset {
    color: #00c4d9;
    background: transparent;
    border: 0;
    float: right;
    cursor: pointer;
    transition: none
}

@media only screen and (max-width:991px) {
    .compare-control__reset {
        float: none
    }
}

.compare-control__reset:hover {
    color: #31cedf
}

.compare-control__reset:hover i {
    background-position: 0 -67.7em
}

.compare-control__reset i {
    margin-right: 5px
}

.compare-control__reset span {
    display: inline-block;
    vertical-align: middle
}

.compare-products {
    margin: 0 -20px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.compare-products--fixed {
    background-color: #fff;
    transform: translateY(0);
    opacity: 0;
    padding: 20px 0;
    position: fixed;
    z-index: 12;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: 0 6px 20px 0 hsla(0, 0%, 87%, .5)
}

@media only screen and (max-width:760px) {
    .compare-products--fixed {
        display: none
    }
}

.compare-products--fixed__slider {
    margin: 0 -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:991px) {
    .compare-products--fixed__slider {
        margin: 0
    }
}

.compare-products--fixed__inner {
    max-width: 1190px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px
}

@media only screen and (max-width:991px) {
    .compare-products--fixed__inner {
        padding: 0
    }
}

.compare-products--fixed .product-item {
    padding-bottom: 30px;
    margin-bottom: 0
}

.compare-products--fixed .product-item:hover .product-item__img-block {
    height: 100px
}

.compare-products--fixed .product-item__inner {
    padding-bottom: 0
}

.compare-products--fixed .product-item__img-block {
    transition: none;
    height: 100px
}

.compare-products--fixed .product-item__link {
    height: 50px;
    line-height: 50px
}

.compare-filter {
    margin-top: 20px
}

.compare-filter h2 {
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin-bottom: 20px
}

.compare-filter__item {
    padding: 25px 0;
    border-top: 1px solid #f0f0f0;
    transition: all .3s ease
}

.compare-filter__item:hover {
    background-color: #f9f9f9
}

.compare-filter__item:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #f0f0f0
}

.compare-filter__arrow {
    transition: all .3s ease
}

.compare-filter__title {
    font-size: 1rem;
    color: #595959;
    text-transform: uppercase;
    display: block;
    text-align: left;
    line-height: 1.3rem
}

.compare-filter__content {
    margin: 10px -20px 0
}

.compare-filter__options {
    position: relative;
    transition: all .3s ease;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.compare-filter__option {
    width: calc(25% - 40px);
    margin: 0 20px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    line-height: 18px;
    text-align: left;
    transition: all .3s ease
}

.compare-filter__option.active {
    color: #00c4d9
}

@media only screen and (max-width:991px) {
    .compare-filter__option {
        width: calc(33.3333% - 40px)
    }
}

@media only screen and (max-width:768px) {
    .compare-filter__option {
        width: calc(50% - 40px)
    }
}

@media only screen and (max-width:450px) {
    .compare-filter__option {
        width: calc(100% - 40px)
    }
}

.compare-slider__arrow {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #00c4d9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 11;
    cursor: pointer;
    box-shadow: 0 2px 15px 0 rgba(0, 196, 217, .5);
    transition: all .3s ease
}

.compare-slider__arrow:hover {
    box-shadow: 0 5px 15px 0 rgba(0, 196, 217, .5)
}

.compare-slider__arrow.slick-disabled {
    background-color: gray;
    opacity: .5;
    box-shadow: 0 2px 15px 0 hsla(0, 0%, 50%, .5);
    cursor: default
}

.compare-slider__arrow--prev {
    left: 20px
}

.compare-slider__arrow--prev .icon {
    transform: rotate(90deg)
}

.compare-slider__arrow--next {
    right: 20px
}

.compare-slider__arrow--next .icon {
    transform: rotate(-90deg)
}

.product-item--compare-fixed {
    max-width: 100%;
    width: calc(25% - 40px)
}

@media only screen and (max-width:991px) {
    .product-item--compare-fixed:first-child {
        margin-left: 15px
    }
    .product-item--compare-fixed:last-child {
        margin-right: 15px
    }
}

.product-item--compare {
    width: calc(25% - 40px);
    max-width: 100%
}

@media only screen and (max-width:991px) {
    .product-item--compare {
        width: calc(33.3333% - 40px)!important;
        margin: 0 20px
    }
}

@media only screen and (max-width:768px) {
    .product-item--compare {
        width: calc(50% - 40px)
    }
}

@media only screen and (max-width:450px) {
    .product-item--compare {
        width: calc(100% - 40px)!important;
    }
}

.product-item--compare .product-item__img {
    margin: 0 auto
}

.p-error {
    padding: 180px 0 40px
}

@media only screen and (max-width:768px) {
    .p-error {
        padding: 80px 0
    }
}

.p-error .widget-items {
    -ms-flex-pack: center;
    justify-content: center
}

.p-error__inner {
    max-width: 760px;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
    position: relative
}

@media only screen and (max-width:768px) {
    .p-error__inner {
        margin: 0 auto 50px
    }
}

.p-error img {
    vertical-align: middle
}

.p-error__code {
    margin: 0 auto 110px
}

@media only screen and (max-width:768px) {
    .p-error__code {
        max-width: 400px;
        width: 100%;
        margin: 0 auto 70px
    }
}

.p-error__img {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto
}

@media only screen and (max-width:768px) {
    .p-error__img {
        max-width: 250px;
        width: 100%
    }
}

.p-error__caption {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-family: Prosto-Bold, sans-serif
}

.p-error__caption--margin {
    margin-bottom: 50px
}

.p-error__nav {
    margin: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-error__nav-btn {
    padding: 16px 0;
    line-height: 1rem;
    color: #00c4d9;
    min-width: 200px;
    text-transform: uppercase;
    border-right: 0
}

@media only screen and (max-width:768px) {
    .p-error__nav-btn {
        width: 50%;
        border-right: 2px solid #00c4d9
    }
    .p-error__nav-btn:first-child {
        border-right: 0
    }
}

@media only screen and (max-width:500px) {
    .p-error__nav-btn {
        width: 100%;
        border-bottom: 0
    }
    .p-error__nav-btn:first-child {
        border-right: 2px solid #00c4d9
    }
    .p-error__nav-btn:last-child {
        border-bottom: 2px solid #00c4d9
    }
}

.p-error__nav-btn:hover {
    color: #fff
}

.p-error__nav-btn:last-child {
    border-right: 2px solid #00c4d9
}

@media only screen and (max-width:768px) {
    .p-error__nav-btn:last-child {
        border-top: 0
    }
}

@media only screen and (max-width:500px) {
    .p-error__nav-btn:last-child {
        border-top: 2px solid #00c4d9
    }
}

.p-error__text {
    font-size: 1.15rem;
    font-family: Museo-500, sans-serif
}

.p-error__text a {
    color: #00c4d9;
    text-decoration: underline;
    -webkit-text-decoration-color: #00c4d9;
    text-decoration-color: #00c4d9
}

.widget__title {
    text-align: center
}

.widget-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px -20px 0
}

.techworks {
    padding: 180px 0 130px;
    text-align: center
}

@media only screen and (max-width:991px) {
    .techworks {
        padding: 80px 0
    }
}

@media only screen and (max-width:550px) {
    .techworks {
        padding: 40px 0
    }
}

.techworks__head {
    position: relative
}

.techworks__img {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto
}

@media only screen and (max-width:550px) {
    .techworks__img {
        top: -30px
    }
}

.techworks h1 {
    font-family: Prosto-Black, sans-serif;
    font-size: 190px;
    line-height: 180px;
    text-transform: uppercase;
    background: url(/local/templates/rs.scarlett/assets/img/techworks-bg.png) 50% no-repeat;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 196, 217, .5)
}

@media only screen and (max-width:1200px) {
    .techworks h1 {
        font-size: 130px
    }
}

@media only screen and (max-width:991px) {
    .techworks h1 {
        font-size: 80px
    }
}

@media only screen and (max-width:550px) {
    .techworks h1 {
        font-size: 45px
    }
}

.techworks p {
    font-size: 16px;
    font-family: Museo-500, sans-serif
}

.techworks h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-family: Prosto-Bold, sans-serif;
    margin-bottom: 15px
}

.techworks h4:first-child {
    margin-bottom: 20px
}

.techworks h4.blue {
    color: #00c4d9
}

.techworks__inner {
    max-width: 560px;
    width: 100%;
    margin: 130px auto 0
}

.techworks__subscribe {
    display: -ms-flexbox;
    display: flex;
    margin: 50px 0 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.techworks__subscribe-name {
    width: 100%
}

.techworks__subscribe-email {
    width: calc(100% - 200px)
}

@media only screen and (max-width:550px) {
    .techworks__subscribe-email {
        width: 100%
    }
}

.techworks__subscribe .btn {
    width: 200px;
    height: 50px;
    border: 0;
    cursor: pointer
}

@media only screen and (max-width:550px) {
    .techworks__subscribe .btn {
        width: 100%
    }
}

.p-search {
    padding-bottom: 60px
}

.p-search .product-item--list {
    width: 100%;
    max-width: 860px
}

.p-search__column-gap {
    column-count: unset;
    column-width: 50%;
    column-gap: 40px;
    margin: 20px 0
}

@media only screen and (max-width:650px) {
    .p-search__column-gap {
        column-count: 1
    }
}

.p-search__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
    position: relative;
    z-index: 5
}

.p-search__form-input {
    width: calc(100% - 300px)
}

@media only screen and (max-width:650px) {
    .p-search__form-input {
        width: 100%
    }
}

.p-search__form-input.news {
    width: calc(100% - 50px)
}

.p-search__form-submit {
    background: #00c4d9 url(/local/templates/rs.scarlett/assets/img/svg/search-white.svg) 50% no-repeat;
    font-size: 0;
    width: 50px;
    height: 50px;
    border: 0;
    cursor: pointer
}

.p-search__form-select {
    width: 250px
}

@media only screen and (max-width:650px) {
    .p-search__form-select {
        width: calc(100% - 50px)
    }
}

.p-search__form-select .jq-selectbox__select {
    background-color: #f0f0f0
}

.p-search__control {
    margin: 25px 0 35px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

.p-search__control,
.p-search__control-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-search__control-buttons {
    margin: 0 -10px
}

@media only screen and (max-width:991px) {
    .p-search__control-buttons {
        width: 100%;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:650px) {
    .p-search__control-buttons {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.p-search__control-side {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:991px) {
    .p-search__control-side {
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (max-width:650px) {
    .p-search__control-side {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.p-search__select-wrap {
    margin-right: 20px
}

@media only screen and (max-width:650px) {
    .p-search__select-wrap {
        margin: 0 0 15px
    }
}

.p-search__products {
    margin: 0 -20px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-search__result {
    position: relative;
    z-index: 2
}

.p-search__result+.p-search__result {
    z-index: 1
}

@media only screen and (max-width:768px) {
    .p-search__result {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:768px) {
    .p-search__result-content {
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

.p-search__result-content h1 {
    margin-bottom: 30px
}

.p-search__result-content h3 {
    font-size: 1.3rem;
    text-transform: uppercase;
    font-family: Prosto-Bold, sans-serif;
    margin-bottom: 20px
}

.p-search__result-content ul {
    margin-bottom: 30px
}

.p-search__result-content ul li {
    position: relative;
    padding-left: 20px;
    font-size: 1.1rem;
    margin-bottom: 20px
}

.p-search__result-content ul li:last-child {
    margin-bottom: 0
}

.p-search__result-content ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #00c4d9;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 8px
}

.p-search__result-content a {
    display: inline-block;
    height: 60px;
    min-width: 320px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase
}

.p-search__result-preview {
    text-align: center
}

@media only screen and (max-width:768px) {
    .p-search__result-preview {
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 20px
    }
}

.viewed-products {
    margin: 110px 0 0
}

.viewed-products__items {
    margin: 50px -20px 0
}

.support-block {
    background: url(/local/templates/rs.scarlett/assets/img/support-block-bg.png) no-repeat;
    background-size: cover;
    position: relative
}

.support-block:before {
    content: "";
    background-color: rgba(0, 196, 217, .502);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%
}

@media only screen and (max-width:991px) {
    .support-block:before {
        width: 100%
    }
}

.support-block .container {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:991px) {
    .support-block .container {
        display: block;
        padding: 0
    }
}

.support-block__img {
    position: absolute;
    bottom: 0;
    right: 0
}

@media only screen and (max-width:550px) {
    .support-block__img {
        display: none
    }
}

.support-block p {
    font-family: Museo-500, sans-serif;
    font-size: 1.1rem;
    margin-bottom: 20px
}

.support-block__side {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 100%
}

.support-block h3 {
    margin-bottom: 20px
}

.support-block__white {
    color: #fff
}

@media only screen and (max-width:991px) {
    .support-block__white {
        padding-left: 40px;
        padding-right: 60px
    }
}

@media only screen and (max-width:550px) {
    .support-block__white {
        padding: 40px 15px
    }
}

.support-block__inverse {
    color: #595959;
    background-color: #fff;
    padding-left: 40px;
    width: calc(100% - 100px);
    padding-right: 60px
}

@media only screen and (max-width:550px) {
    .support-block__inverse {
        width: 100%;
        padding: 40px 15px
    }
}

.support-block__btn {
    height: 60px;
    line-height: 60px;
    padding: 0 35px;
    display: inline-block
}

.support-block__inner h3 {
    color: #00c4d9
}

.search-small form {
    display: -ms-flexbox;
    display: flex
}

.search-small__input {
    border: 2px solid #f7f7f7;
    padding: 15px 0 15px 15px;
    min-width: 210px;
    font-size: 15px;
    line-height: 16px;
    border-radius: 0;
    -webkit-appearance: none
}

.search-small__input::-webkit-input-placeholder {
    color: #595959
}

.search-small__input:-ms-input-placeholder,
.search-small__input::-ms-input-placeholder {
    color: #595959
}

.search-small__input::placeholder {
    color: #595959
}

.search-small__submit {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    border-radius: 0;
    background: #00c4d9 url(/local/templates/rs.scarlett/assets/img/svg/search-white.svg) 50% no-repeat;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none
}

.index-hero {
    position: relative
}

.index-hero .owl-nav {
    display: none
}

.index-hero img.index-hero__bg {
    width: 100%!important;
    height: 100%
}

.index-hero__add-img {
    display: none!important
}

@media only screen and (max-width:766px) {
    .index-hero__add-img {
        display: none!important;
        position: absolute;
        left: auto;
        right: 0;
        top: 10px;
        max-width: 221px;
        width: 50%!important
    }
}

.index-hero__lifehacker-imgs {
    display: none
}

@media only screen and (max-width:550px) {
    .index-hero__lifehacker-imgs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-bottom: 25px
    }
    .index-hero__lifehacker-imgs img {
        margin-right: 20px;
        vertical-align: middle
    }
    .index-hero__lifehacker-imgs img:last-child {
        margin-right: 0
    }
}

.index-hero__animated {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

@media only screen and (max-width:550px) {
    .index-hero__animated {
        padding-top: 50px;
        top: -70%;
        bottom: 70%
    }
}

.index-hero__animated .index-hero__animated-el {
    position: absolute;
    animation: f 5s infinite;
    will-change: transform;
    z-index: 1
}

.index-hero__animated .index-hero__animated-el-1 {
    top: 115px;
    right: 7%
}

@media only screen and (max-width:1024px) {
    .index-hero__animated .index-hero__animated-el-1 {
        width: 25px!important
    }
}

@media only screen and (max-width:550px) {
    .index-hero__animated .index-hero__animated-el-1 {
        top: 5%;
        right: 28%
    }
}

.index-hero__animated .index-hero__animated-el-2 {
    top: 215px;
    right: 3%
}

@media only screen and (max-width:1024px) {
    .index-hero__animated .index-hero__animated-el-2 {
        width: 32px!important
    }
}

@media only screen and (max-width:550px) {
    .index-hero__animated .index-hero__animated-el-2 {
        top: 8%;
        right: 13%
    }
}

.index-hero__animated .index-hero__animated-el-3 {
    top: 325px;
    right: 10%
}

@media only screen and (max-width:1024px) {
    .index-hero__animated .index-hero__animated-el-3 {
        width: 25px!important
    }
}

@media only screen and (max-width:550px) {
    .index-hero__animated .index-hero__animated-el-3 {
        top: 19%;
        right: 22%
    }
}

.index-hero__animated .index-hero__animated-el-4 {
    bottom: 360px;
    right: 10%
}

@media only screen and (max-width:1024px) {
    .index-hero__animated .index-hero__animated-el-4 {
        width: 32px!important
    }
}

@media only screen and (max-width:550px) {
    .index-hero__animated .index-hero__animated-el-4 {
        top: 19%;
        right: 9%
    }
}

.index-hero__animated .index-hero__animated-el-5 {
    bottom: 250px;
    right: 3%
}

@media only screen and (max-width:1024px) {
    .index-hero__animated .index-hero__animated-el-5 {
        width: 35px!important
    }
}

@media only screen and (max-width:550px) {
    .index-hero__animated .index-hero__animated-el-5 {
        top: 28%;
        right: 14%
    }
}

.index-hero__animated .index-hero__animated-el-6 {
    bottom: 260px;
    right: 20%
}

@media only screen and (max-width:1024px) {
    .index-hero__animated .index-hero__animated-el-6 {
        width: 25px!important
    }
}

@media only screen and (max-width:550px) {
    .index-hero__animated .index-hero__animated-el-6 {
        top: 37%;
        right: 19%
    }
}

.index-hero__animated .index-hero__animated-el-7 {
    bottom: 75px;
    right: 6%
}

@media only screen and (max-width:1024px) {
    .index-hero__animated .index-hero__animated-el-7 {
        width: 44px!important
    }
}

@media only screen and (max-width:550px) {
    .index-hero__animated .index-hero__animated-el-7 {
        top: 40%;
        right: 8%
    }
}

.index-hero__animated .index-hero__animated-el-8 {
    bottom: 130px;
    right: 16%
}

@media only screen and (max-width:1024px) {
    .index-hero__animated .index-hero__animated-el-8 {
        width: 34px!important
    }
}

@media only screen and (max-width:550px) {
    .index-hero__animated .index-hero__animated-el-8 {
        top: 50%;
        right: 12%
    }
}

.index-hero__animated .index-hero__animated-el-9 {
    bottom: 20px;
    right: 24%
}

@media only screen and (max-width:1024px) {
    .index-hero__animated .index-hero__animated-el-9 {
        width: 82px!important
    }
}

@media only screen and (max-width:550px) {
    .index-hero__animated .index-hero__animated-el-9 {
        top: 53%;
        right: 22%
    }
}

.index-hero__animated .index-hero__animated-el-10 {
    bottom: 20px;
    right: 50%
}

@media only screen and (max-width:1024px) {
    .index-hero__animated .index-hero__animated-el-10 {
        width: 49px!important
    }
}

@media only screen and (max-width:550px) {
    .index-hero__animated .index-hero__animated-el-10 {
        top: 56%;
        right: 44%
    }
}

@media only screen and (max-width:1750px) {
    .index-hero__slide-topstyle .index-hero__content-inner {
        position: relative;
        top: 40px
    }
}

@media only screen and (max-width:1366px) {
    .index-hero__slide-topstyle .index-hero__content-inner {
        top: 0;
        padding-right: 55px
    }
}

@media only screen and (max-width:1024px) {
    .index-hero__slide-topstyle .index-hero__content-inner {
        padding-right: 20px
    }
}

@media only screen and (max-width:1024px) {
    .index-hero__slide-topstyle .index-hero__title {
        color: #e5005e
    }
    .index-hero__slide-topstyle .index-hero__title-hidden {
        display: block;
        color: #484848;
        font-family: Prosto-Regular, sans-serif;
        font-size: 22px
    }
    .index-hero__slide-topstyle .index-hero__list li {
        color: #484848
    }
}

@media only screen and (max-width:766px) {
    .index-hero__slide-topstyle .index-hero__content {
        padding-top: 35px
    }
    .index-hero__slide-topstyle .index-hero__list li {
        color: #fff
    }
    .index-hero__slide-topstyle .index-hero__title {
        font-size: 36px!important;
        line-height: 40px!important
    }
    .index-hero__slide-topstyle .index-hero__title-hidden {
        font-size: 26px;
        color: #fff
    }
}

.index-hero__slide-animated .index-hero__title {
    font-size: 54px;
    font-family: Prosto-Light, sans-serif;
    position: relative;
    z-index: 2
}

.index-hero__slide-animated .index-hero__title b {
    margin-top: 5px
}

@media only screen and (max-width:1366px) {
    .index-hero__slide-animated .index-hero__title {
        font-size: 32px;
        left: 0;
        padding-right: 0;
        line-height: 1.4
    }
}

@media only screen and (max-width:1025px) {
    .index-hero__slide-animated .index-hero__title {
        font-size: 20px!important;
        line-height: 25px
    }
}

@media only screen and (max-width:550px) {
    .index-hero__slide-animated .index-hero__title .index-hero__content {
        position: static
    }
}

.index-hero__slide-animated .index-hero__title b {
    font-family: Prosto-Bold, sans-serif
}

.index-hero__next {
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: 10;
    right: 20px;
    bottom: 20px;
    display: block;
    transition: all .5s;
    cursor: pointer;
    background: #fff;
    opacity: .8
}

.index-hero__next:hover {
    opacity: 1
}

.index-hero__next:after {
    transform: rotate(-90deg);
    right: 15px;
    left: 25px
}

.index-hero__prev {
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: 10;
    right: 100px;
    bottom: 20px;
    display: block;
    transition: all .5s;
    cursor: pointer;
    background: #fff;
    opacity: .8
}

.index-hero__prev:hover {
    opacity: 1
}

.index-hero__prev:after {
    transform: rotate(90deg);
    right: 25px;
    left: 15px
}

@media only screen and (max-width:550px) {
    .index-hero__next,
    .index-hero__prev {
        display: none
    }
}

.index-hero__next:after,
.index-hero__prev:after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    bottom: 20px;
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/arrow-blue.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.index-hero__controls {
    display: none
}

.index-hero__slides.owl-loaded~.index-hero__controls {
    display: block
}

.index-hero img {
    width: auto!important
}

.index-hero__sticker {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 30%;
    margin: 0 auto;
    width: auto!important
}

.index-hero__paragraph {
    color: #fff;
    font-size: 22px;
    font-family: Museo-100, sans-serif;
    margin-bottom: 60px
}

@media only screen and (max-width:1200px) {
    .index-hero__paragraph {
        font-size: 18px
    }
}

@media only screen and (max-width:768px) {
    .index-hero__paragraph {
        font-size: 16px
    }
}

@media only screen and (max-width:500px) {
    .index-hero__paragraph {
        font-size: 14px
    }
}

.index-hero__title,
.index-hero__title h1 {
    font-size: 68px;
    font-family: Prosto-Bold, sans-serif;
    color: #fff;
    line-height: 72px;
    margin-bottom: 40px;
    text-transform: uppercase
}

.index-hero__title small {
    font-family: Museo-100, sans-serif;
    color: #fff;
    position: relative;
    font-size: 22px;
    display: block
}

@media only screen and (max-width:1200px) {
    .index-hero__title small {
        font-size: 18px
    }
}

@media only screen and (max-width:1024px) {
    .index-hero__title small {
        line-height: 60px
    }
}

@media only screen and (max-width:768px) {
    .index-hero__title small {
        line-height: 1.55;
        margin: 8px 0;
        font-size: 15px;
        font-weight: 700
    }
}

.index-hero__title span.js-absolute {
    font-size: 16px;
    position: absolute;
    right: 0;
    width: 50%;
    text-align: center;
    bottom: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.55
}

@media only screen and (max-width:1570px) {
    .index-hero__title span.js-absolute {
        width: 100%;
        right: 3%;
        text-align: right;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (max-width:1366px) {
    .index-hero__title span.js-absolute {
        bottom: 8px
    }
}

@media only screen and (max-width:1200px) {
    .index-hero__title span.js-absolute {
        font-size: 14px;
        bottom: 10px
    }
}

@media only screen and (max-width:1080px) {
    .index-hero__title span.js-absolute {
        width: 50%;
        text-align: center;
        -ms-flex-pack: center;
        justify-content: center;
        right: 0
    }
}

@media only screen and (max-width:768px) {
    .index-hero__title span.js-absolute {
        margin-bottom: 40px;
        position: relative;
        height: auto!important;
        width: auto;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        font-size: 12px;
        bottom: 0;
        font-family: Museo-100, sans-serif;
        position: absolute;
        left: 18px
    }
}

.index-hero__title-hidden {
    display: none
}

@media only screen and (max-width:1366px) {
    .index-hero__title {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:1024px) {
    .index-hero__title {
        font-size: 30px!important;
        line-height: 35px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:766px) {
    .index-hero__title {
        font-size: 24px!important;
        line-height: 30px
    }
}

.index-hero__link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    width: 100%;
    height: 100%
}

.index-hero__btn {
    position: relative;
    z-index: 5;
    background-color: #fff;
    color: #00c4d9;
    font-size: 16px;
    font-family: Museo-300, sans-serif;
    max-width: 240px;
    width: 100%;
    display: block;
    height: 46px;
    padding: 12px 0;
    text-align: center
}

.index-hero__btn:hover {
    background-color: #fff;
    box-shadow: 0 14px 26px -12px rgba(0, 188, 212, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 188, 212, .2)
}

@media only screen and (max-width:1024px) {
    .index-hero__btn {
        max-width: 200px
    }
}

@media only screen and (max-width:550px) {
    .index-hero__btn {
        width: 100%;
        max-width: 100%
    }
}

.index-hero__img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.index-hero__list {
    margin-bottom: 40px
}

.index-hero__list li {
    font-family: Museo-100, sans-serif;
    color: #fff;
    position: relative;
    font-size: 22px
}

@media only screen and (max-width:1200px) {
    .index-hero__list li {
        font-size: 18px
    }
}

@media only screen and (max-width:1024px) {
    .index-hero__list li {
        font-family: Museo-300, sans-serif
    }
}

@media only screen and (max-width:768px) {
    .index-hero__list li {
        font-size: 16px
    }
}

@media only screen and (max-width:550px) {
    .index-hero__list li {
        font-size: 14px
    }
}

.index-hero__slide {
    display: -ms-flexbox;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative
}

@media only screen and (max-width:766px) {
    .index-hero__slide {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-image: none!important;
        background-color: #00c4d9
    }
}

.index-hero__slide.banner-custom .index-hero__title {
    margin-bottom: 10px
}

@media only screen and (max-width:1200px) {
    .index-hero__slide.banner-custom .index-hero__title {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:768px) {
    .index-hero__slide.banner-custom .index-hero__title {
        margin-top: -8px
    }
}

.index-hero__slide-uniq .index-hero__btn {
    display: none
}

@media only screen and (max-width:766px) {
    .index-hero__slide-uniq {
        background-color: transparent
    }
    .index-hero__slide-uniq .index-hero__content {
        display: none
    }
}

.index-hero__img {
    width: auto!important
}

@media only screen and (max-width:766px) {
    .index-hero__mobile-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .index-hero__mobile-bg:after,
    .index-hero__mobile-bg:before {
        content: "";
        width: 50%;
        height: 75px;
        background-color: hsla(0, 0%, 100%, .2);
        position: absolute
    }
    .index-hero__mobile-bg:before {
        bottom: 75px;
        left: 0
    }
    .index-hero__mobile-bg:after {
        bottom: 0;
        right: 0
    }
}

.index-hero__content {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

@media only screen and (max-width:766px) {
    .index-hero__content {
        position: relative;
        width: 100%;
        padding: 35px 0 75px;
        min-height: 270px
    }
    .index-hero__content:after,
    .index-hero__content:before {
        content: "";
        width: 50%;
        height: 75px;
        background-color: hsla(0, 0%, 100%, .2);
        position: absolute
    }
    .index-hero__content:before {
        top: 75px;
        right: 0
    }
    .index-hero__content:after {
        top: 0;
        left: 0
    }
}

.index-hero__content-inner {
    max-width: 865px;
    width: 100%;
    padding-left: 15px;
    float: right
}

@media only screen and (max-width:766px) {
    .index-hero__content-inner {
        float: none;
        padding: 0 20px
    }
}

.index-hero .owl-dots {
    position: absolute;
    bottom: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    left: 10px;
    right: 180px;
    margin: auto;
    max-width: 1730px;
    width: auto
}

@media only screen and (max-width:1366px) {
    .index-hero .owl-dots {
        bottom: 13px
    }
}

@media only screen and (max-width:550px) {
    .index-hero .owl-dots {
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        right: 0
    }
}

.index-hero .owl-dots button {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    transition: all .3s ease;
    background-color: transparent;
    border: 2px solid #fff
}

.index-hero .owl-dots button.active {
    background-color: #fff
}

.index-widget {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:768px) {
    .index-widget {
        display: block
    }
}

@media only screen and (max-width:991px) {
    .index-widget.services-widget {
        display: block
    }
}

.index-widget .col {
    float: none
}

.index-widget:nth-child(odd)>.col:first-child {
    -ms-flex-order: 1;
    order: 1
}

.index-widget:nth-child(2n)>.col:first-child,
.index-widget:nth-child(odd)>.col:last-child {
    -ms-flex-order: 2;
    order: 2
}

.index-widget:nth-child(2n)>.col:last-child {
    -ms-flex-order: 1;
    order: 1
}

.index-widget.innovations-widget .index-widget__img {
    left: 150px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2
}

@media only screen and (max-width:600px) {
    .index-widget.innovations-widget .index-widget__img {
        left: 0;
        right: 0
    }
}

.index-widget.innovations-widget .index-widget__preview:after {
    content: "";
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    width: 50%;
    height: 120px;
    display: block;
    right: 0;
    bottom: 0;
    z-index: 1
}

.index-widget.innovations-widget .index-widget__col-preview:after,
.index-widget.innovations-widget .index-widget__col-preview:before {
    content: "";
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    width: 50%;
    height: 120px;
    display: block;
    left: 0;
    z-index: 1
}

.index-widget.innovations-widget .index-widget__col-preview:after {
    top: 0
}

.index-widget.innovations-widget .index-widget__col-preview:before {
    bottom: 120px
}

.index-widget.innovations-widget .index-widget__col-content:after,
.index-widget.innovations-widget .index-widget__col-content:before {
    content: "";
    background-color: #31cedf;
    position: absolute;
    width: 50%;
    height: 120px;
    display: block;
    right: 0;
    z-index: 1
}

.index-widget.innovations-widget .index-widget__col-content:after {
    top: 0
}

.index-widget.innovations-widget .index-widget__col-content:before {
    bottom: 0
}

.index-widget.innovations-widget .index-widget__col-content .index-widget__content {
    max-width: 400px;
    /* float: right;
    margin-right: 180px */
	margin: auto;
}

@media only screen and (max-width:1200px) {
    .index-widget.innovations-widget .index-widget__col-content .index-widget__content {
        float: left;
        margin-right: 0;
        padding-left: 35px
    }
}

@media only screen and (max-width:991px) {
    .index-widget.innovations-widget .index-widget__col-content .index-widget__content {
        float: none;
        max-width: 100%;
        padding: 60px 20px
    }
}

.index-widget.innovations-widget .index-widget__content__rect {
    background-color: #31cedf;
    position: absolute;
    width: 50%;
    height: 120px;
    display: block;
    left: 0;
    z-index: 1;
    bottom: 120px
}

.index-widget.cooperation-widget .index-widget__img {
    margin-right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-widget.cooperation-widget .index-widget__preview:after {
    content: "";
    background-color: rgba(49, 206, 223, .5);
    position: absolute;
    width: 50%;
    height: 120px;
    display: block;
    left: 0;
    bottom: 0;
    z-index: 1
}

.index-widget.cooperation-widget .index-widget__col-preview:after,
.index-widget.cooperation-widget .index-widget__col-preview:before {
    content: "";
    background-color: rgba(49, 206, 223, .5);
    position: absolute;
    width: 50%;
    height: 120px;
    display: block;
    right: 0;
    z-index: 1
}

.index-widget.cooperation-widget .index-widget__col-preview:after {
    top: 0
}

.index-widget.cooperation-widget .index-widget__col-preview:before {
    bottom: 120px
}

.index-widget.cooperation-widget .index-widget__col-content {
    position: relative
}

.index-widget.cooperation-widget .index-widget__col-content:after,
.index-widget.cooperation-widget .index-widget__col-content:before {
    content: "";
    left: 0;
    background-color: #31cedf;
    position: absolute;
    width: 50%;
    height: 120px;
    display: block;
    z-index: 1
}

.index-widget.cooperation-widget .index-widget__col-content:after {
    top: 0
}

.index-widget.cooperation-widget .index-widget__col-content:before {
    bottom: 0
}

.index-widget.cooperation-widget .index-widget__col-content .index-widget__content {
    max-width: 520px;
    /* padding-left: 40px */
	margin: auto;
}

@media only screen and (max-width:991px) {
    .index-widget.cooperation-widget .index-widget__col-content .index-widget__content {
        max-width: 100%;
        padding: 60px 20px
    }
}

.index-widget.cooperation-widget .index-widget__content__rect {
    background-color: #31cedf;
    position: absolute;
    width: 50%;
    height: 120px;
    display: block;
    right: 0;
    z-index: 1;
    top: 120px
}

.index-widget.services-widget .index-widget__col,
.index-widget.services-widget .index-widget__content__container {
    min-height: 440px
}

@media only screen and (max-width:991px) {
    .index-widget.services-widget .index-widget__content__container {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (max-width:768px) {
    .index-widget.services-widget .index-widget__content__container {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (max-width:600px) {
    .index-widget.services-widget .index-widget__content__container {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.index-widget.services-widget .index-widget__preview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.index-widget.services-widget .index-widget__preview:after,
.index-widget.services-widget .index-widget__preview:before {
    content: "";
    right: 0;
    height: 120px;
    width: 50%;
    display: block;
    background-color: hsla(0, 0%, 100%, .1);
    position: absolute;
    z-index: 1
}

.index-widget.services-widget .index-widget__preview:after {
    top: 0
}

.index-widget.services-widget .index-widget__preview:before {
    bottom: 0
}

.index-widget.services-widget .index-widget__preview__inner {
    padding-left: 40px;
    max-width: 580px;
    position: relative;
    z-index: 2
}

@media only screen and (max-width:991px) {
    .index-widget.services-widget .index-widget__preview__inner {
        max-width: 640px
    }
}

@media only screen and (max-width:600px) {
    .index-widget.services-widget .index-widget__preview__inner {
        padding: 0 20px
    }
}

.index-widget.services-widget .index-widget__col-content .index-widget__content__inner:after,
.index-widget.services-widget .index-widget__col-content .index-widget__content__inner:before {
    content: "";
    left: 0;
    background-color: #31cedf;
    position: absolute;
    width: 100%;
    height: 120px;
    display: block;
    z-index: -1
}

.index-widget.services-widget .index-widget__col-content .index-widget__content__inner:after {
    bottom: 0
}

.index-widget.services-widget .index-widget__col-content .index-widget__content__inner:before {
    top: 0
}

.index-widget.services-widget .index-widget__content__bg:after {
    content: "";
    left: 0;
    background-color: hsla(0, 0%, 100%, .5);
    position: absolute;
    width: 100%;
    height: 120px;
    display: block;
    z-index: 1;
    bottom: 0
}

.index-widget__col {
    min-height: 560px
}

@media only screen and (max-width:768px) {
    .index-widget__col {
        min-height: 450px
    }
}

@media only screen and (max-width:450px) {
    .index-widget__col {
        min-height: 320px
    }
}

.index-widget__col-content {
    background-color: #00c4d9
}

@media only screen and (max-width:991px) {
    .index-widget__col-content {
        min-height: 0
    }
}

.index-widget__content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2
}

.index-widget__content,
.index-widget__content__container {
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

@media only screen and (max-width:600px) {
    .index-widget__content__container {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .index-widget__content__container .col {
        width: 100%
    }
    .index-widget__content__container .col:first-child {
        -ms-flex-order: 2;
        order: 2
    }
    .index-widget__content__container .col:last-child {
        -ms-flex-order: 1;
        order: 1
    }
}

.index-widget__content__bg {
    height: 100%;
    background-size: cover;
    background-position: 50%
}

@media only screen and (max-width:600px) {
    .index-widget__content__bg {
        min-height: 400px
    }
}

.index-widget__content__inner {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 80px 0 60px
}

@media only screen and (max-width:1400px) {
    .index-widget__content__inner {
        padding: 0 20px
    }
}

@media only screen and (max-width:600px) {
    .index-widget__content__inner {
        padding: 60px 20px
    }
}

.index-widget__content__inner .btn {
    width: 100%;
    text-align: center;
    max-width: 240px
}

@media only screen and (max-width:1200px) {
    .index-widget__content__inner .btn {
        max-width: 100%
    }
}

.index-widget__preview {
    height: 100%;
    width: 100%;
    background-size: cover;
    position: absolute;
    background-position: 50%
}

.index-widget__title {
    font-size: 2.5rem;
    line-height: 3.8rem
}
h1.index-widget__title{
    font-size: 1.875rem;
    line-height: 1.625;
}

.index-widget__title,
.index-widget__title--second {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 400;
    font-family: Prosto-Bold, sans-serif
}

.index-widget__title--second {
    font-size: 1.3rem
}

@media only screen and (max-width:991px) {
    .index-widget__title {
        font-size: 1.8rem;
        line-height: 1.5
    }
}

.index-widget__description {
    font-size: 1.15rem;
    color: #fff;
    margin-bottom: 35px
}

.index-widget__description--second {
    margin-bottom: 20px;
    font-size: 1.15rem;
    color: #fff
}

.index-widget__head {
    position: relative
}

.index-widget__head .index-widget__title--second {
    padding-right: 220px
}

@media only screen and (max-width:450px) {
    .index-widget__head .index-widget__title--second {
        padding-right: 0
    }
}

.index-widget__yandex {
    background-color: #fff;
    width: 200px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -17px
}

.index-widget__yandex img {
    vertical-align: middle
}

@media only screen and (max-width:450px) {
    .index-widget__yandex {
        position: static
    }
}

.index-widget__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:600px) {
    .index-widget__btns {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.index-widget__btns a {
    display: block;
    height: 60px;
    width: calc(50% - 20px);
    text-align: center
}

@media only screen and (max-width:600px) {
    .index-widget__btns a {
        width: 100%;
        margin-bottom: 20px
    }
    .index-widget__btns a:last-child {
        margin-bottom: 0
    }
}

.index-widget__btns a.btn--primary {
    background-color: #fff;
    color: #00c4d9;
    line-height: 60px
}

.index-widget__btns a.btn--border {
    color: #fff;
    border-color: #fff;
    line-height: 58px
}

.index-widget__btns a.btn--border:hover {
    background-color: #fff;
    color: #00c4d9
}

.index-widget__btns a.btn--blue {
    color: #fff;
    background-color: #00c4d9
}

.index-widget__btns a.btn--blue:hover {
    background-color: #00aec5
}

.new-models {
    text-align: center;
    margin: 60px 0 20px
}

.new-models__products {
    margin-top: 40px
}

.new-models .new-models__dt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    max-width: 1200px;
}

.new-models .new-models__dt .new-models__button {
    cursor: pointer;
    position: relative;
    margin: 0 10px 10px;
    transition: all .3s ease
}

.new-models .new-models__dt .new-models__button .new-models__button-text {
    border: 1px solid #f0f0f0;
    height: 50px;
    position: relative;
    min-width: 100px;
    text-align: center;
    padding: 0 20px;
    transition: all .3s ease;
    display: block;
    line-height: 50px;
    font-family: Museo-500, sans-serif;
    font-size: 1.1rem
}

.new-models .new-models__dt .new-models__button .new-models__button-numb {
    font-size: .85rem;
    font-family: Museo-700, sans-serif;
    color: #fff;
    height: 17px;
    line-height: 17px;
    background-color: #39b54a;
    padding: 0 6px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 8.5px
}

.new-models .new-models__dt .new-models__button:hover {
    cursor: pointer;
    box-shadow: 0 4px 15px -6px rgba(0, 196, 217, .5)
}

.new-models .new-models__dt .new-models__button:hover .new-models__button-text {
    border-color: transparent;
    color: #00c4d9
}

.new-models .new-models__dt .new-models__button.active {
    cursor: pointer;
    box-shadow: 0 4px 15px -6px rgba(0, 196, 217, .5)
}

.new-models .new-models__dt .new-models__button.active .new-models__button-text {
    border-color: transparent;
    color: #00c4d9
}

.new-models .new-models__dt .new-models__button.active .new-models__button-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

@keyframes f {
    0% {
        transform: translateZ(0)
    }
    50% {
        transform: translate3d(0, -20%, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.service-centers__preview {
    width: 360px;
    float: right;
    background: transparent url(/local/templates/rs.scarlett/assets/img/service-centers-preview.png) 50%;
    background-size: cover;
    position: relative
}

@media only screen and (max-width:768px) {
    .service-centers__preview {
        width: 100%
    }
}

.service-centers__preview-inner {
    position: relative;
    z-index: 2;
    padding: 35px;
    color: #fff
}

.service-centers__preview:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 196, 217, .9)
}

.service-centers__preview-title {
    font-size: 1.15rem;
    line-height: 1.3rem;
    color: #fff;
    text-transform: none;
    font-family: Prosto-Bold, sans-serif;
    margin-bottom: 5px
}

.service-centers__preview a {
    color: #fff
}

.service-centers__preview-link {
    text-decoration: underline;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.service-centers__content {
    width: 100%;
    margin-bottom: 40px
}

@media only screen and (max-width:768px) {
    .service-centers__content {
        width: 100%
    }
}

.service-centers__content-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:768px) {
    .service-centers__content-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.service-centers__content-inner {
    max-width: 560px
}

@media only screen and (max-width:768px) {
    .service-centers__content-inner {
        max-width: 100%;
        margin-bottom: 30px
    }
}

.service-centers__content h1 {
    margin-bottom: 20px
}

.service-centers__content p {
    margin-bottom: 15px;
    font-family: Prosto-Regular, sans-serif
}

.service-centers__content p:last-child {
    margin-bottom: 0
}

.service-centers__form {
    position: relative;
    margin: 0 -20px 40px
}

@media only screen and (max-width:768px) {
    .service-centers__form {
        margin: 0
    }
}

.service-centers__form .easy-autocomplete {
    width: calc(33.3333% - 40px)!important;
    margin: 0 20px;
    float: left
}

@media only screen and (max-width:991px) {
    .service-centers__form .easy-autocomplete {
        width: calc(50% - 40px)!important
    }
}

@media only screen and (max-width:768px) {
    .service-centers__form .easy-autocomplete {
        width: 100%!important;
        margin: 0 0 20px
    }
}

.service-centers__form-submit {
    font-size: 0;
    vertical-align: middle;
    display: inline-block;
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/icons.svg);
    background-repeat: no-repeat;
    background-position: 0 -790px;
    background-color: transparent;
    width: 18px;
    height: 18px;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: calc(33.3333% + 35px)
}

@media only screen and (max-width:991px) {
    .service-centers__form-submit {
        right: 35px
    }
}

@media only screen and (max-width:768px) {
    .service-centers__form-submit {
        right: 15px;
        bottom: 35px;
        margin: 0;
        top: inherit
    }
}

.service-centers__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px
}

@media only screen and (max-width:600px) {
    .service-centers__items {
        margin: 0
    }
}

.service-centers__items .col-4 {
    padding: 20px
}

@media only screen and (max-width:991px) {
    .service-centers__items .col-4 {
        width: 50%
    }
}

@media only screen and (max-width:600px) {
    .service-centers__items .col-4 {
        width: 100%;
        padding: 20px 0
    }
}

.service-centers__item {
    border: 1px solid #f0f0f0;
    padding: 30px 25px
}

@media only screen and (max-width:600px) {
    .service-centers__item {
        padding: 20px 15px
    }
}

.service-centers__item-title {
    cursor: pointer;
    font-size: 1rem;
    font-family: Museo-500, sans-serif;
    color: #00c4d9;
    display: block;
    margin-bottom: 10px
}

.service-centers__map {
    width: 100%;
    height: 400px
}

@media only screen and (max-width:768px) {
    .service-centers__map {
        height: 300px
    }
}

.service-centers__map-canvas,
.service-centers__map-inner {
    width: 100%;
    height: 100%
}

.service-centers__map .gm-style .gm-style-iw {
    padding: 0 10px
}

.map-window {
    padding: 10px 0
}

.map-window p {
    font-family: Museo-300, sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

.how-to-buy__content {
    margin: 25px 0 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:768px) {
    .how-to-buy__content {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.how-to-buy__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 40px 0 0;
    width: 69%;
    position: relative
}

@media only screen and (max-width:991px) {
    .how-to-buy__form {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .how-to-buy__form {
        margin: 0 0 20px
    }
}

@media only screen and (max-width:550px) {
    .how-to-buy__form {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.how-to-buy__form .easy-autocomplete {
    width: calc(50% - 20px)!important
}

@media only screen and (max-width:550px) {
    .how-to-buy__form .easy-autocomplete {
        width: 100%!important
    }
}

.how-to-buy__form .easy-autocomplete:first-child {
    margin-left: 0;
    margin-right: 40px
}

@media only screen and (max-width:550px) {
    .how-to-buy__form .easy-autocomplete:first-child {
        margin: 0 0 20px
    }
}

.how-to-buy__form .easy-autocomplete:first-child:after {
    content: "";
    display: inline-block;
    background-position: 0 -20px;
    width: 11px;
    height: 6px;
    right: 20px
}

.how-to-buy__form-submit,
.how-to-buy__form .easy-autocomplete:first-child:after {
    vertical-align: middle;
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/icons.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.how-to-buy__form-submit {
    font-size: 0;
    background-position: 0 -790px;
    width: 18px;
    height: 18px;
    border: 0;
    cursor: pointer;
    right: 15px
}

@media only screen and (max-width:550px) {
    .how-to-buy__form-submit {
        margin: 0;
        top: inherit;
        bottom: 15px
    }
}

.how-to-buy__items {
    margin: 0 -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.how-to-buy__items>.col {
    padding: 0 10px 20px
}

@media only screen and (max-width:991px) {
    .how-to-buy__items>.col {
        width: 33.3333%
    }
}

@media only screen and (max-width:700px) {
    .how-to-buy__items>.col {
        width: 50%
    }
}

@media only screen and (max-width:450px) {
    .how-to-buy__items>.col {
        width: 100%
    }
}

.how-to-buy__item {
    border: 1px solid #f0f0f0;
    transition: all .3s ease;
    padding: 15px 20px;
    height: 130px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:450px) {
    .how-to-buy__item {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.how-to-buy__item:hover {
    box-shadow: 0 10px 36px -8px rgba(0, 0, 0, .34)
}

.how-to-buy__item__img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:450px) {
    .how-to-buy__item__img {
        width: 100%;
        max-width: 200px
    }
}

.how-to-buy__item__img img {
    width: 100%;
    height: auto;
    padding-right: 20px
}

.how-to-buy__item__content {
    position: relative
}

@media only screen and (max-width:450px) {
    .how-to-buy__item__content {
        width: 100%
    }
}

.how-to-buy__item-link {
    text-decoration: underline;
    -webkit-text-decoration-color: #595959;
    text-decoration-color: #595959;
    transition: all .3s ease;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600
}

.how-to-buy__item-link:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    color: #00c4d9
}

.how-to-buy__item-title {
    padding-top: 25px;
    font-family: Museo-500, sans-serif;
    display: block;
    margin-bottom: 10px;
    color: #00c4d9;
    font-size: 1rem
}

.how-to-buy__btns {
    display: -ms-flexbox;
    display: flex
}

.how-to-buy__btn {
    cursor: pointer;
    width: 50px;
    height: 50px;
    border: 1px solid #f0f0f0;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    transition: all .3s ease
}

.how-to-buy__btn.active {
    box-shadow: 0 4px 15px 0 rgba(0, 196, 217, .15);
    border-color: transparent;
    cursor: default
}

.how-to-buy__btn__icon {
    margin: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    width: 20px;
    height: 19px
}

.how-to-buy__btn:last-child {
    margin-right: 0
}

.how-to-buy__btn.active .icon__filter-list {
    background-position: 0 -27.6em
}

.how-to-buy__btn.active .icon__map-marker-gray {
    background-position: 0 -85.7em
}

.how-to-buy__map {
    margin-bottom: 60px;
    width: 100%;
    height: 600px
}

@media only screen and (max-width:768px) {
    .how-to-buy__map {
        height: 400px
    }
}

@media only screen and (max-width:450px) {
    .how-to-buy__map {
        height: 300px
    }
}

.how-to-buy__map-canvas,
.how-to-buy__map-inner {
    width: 100%;
    height: 100%
}

.how-to-buy__map .gm-style .gm-style-iw {
    padding: 0 10px
}

.innovations {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px -40px
}

@media only screen and (max-width:991px) {
    .innovations {
        margin: 0 -10px -20px
    }
}

.innovations .col {
    margin-bottom: 40px
}

@media only screen and (max-width:991px) {
    .innovations .col {
        width: 50%
    }
}

@media only screen and (max-width:600px) {
    .innovations .col {
        width: 100%
    }
}

.innovations .col-4 .innovations-item:after {
    width: 50%;
    left: 50%
}

.innovations .col-4 .innovations-item:before {
    width: 50%;
    left: 0
}

.innovations .col-4 .innovations-item__bg {
    width: 50%
}

.innovations-item {
    padding: 40px;
    margin: 0 20px;
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width:991px) {
    .innovations-item {
        padding: 25px;
        margin: 0 10px 20px
    }
}

.innovations-item--inverse {
    background: #00c4d9
}

.innovations-item--inverse .innovations-item__text,
.innovations-item--inverse .innovations-item__title {
    color: #fff
}

.innovations-item--inverse .innovations-item__btn {
    background-color: #fff;
    color: #00c4d9
}

.innovations-item--main {
    background: #f0f0f0
}

.innovations-item--main .innovations-item__text,
.innovations-item--main .innovations-item__title {
    color: #595959;
    z-index: 10
}

.innovations-item--main .innovations-item__btn {
    background-color: #00c4d9;
    color: #fff
}

.innovations-item--main .innovations-item__btn:hover {
    color: #fff;
    background-color: #00aec5
}

.innovations-item:after {
    bottom: 25%;
    left: 0
}

.innovations-item:after,
.innovations-item:before {
    content: "";
    position: absolute;
    background-color: hsla(0, 0%, 100%, .349);
    width: 25%;
    height: 25%
}

.innovations-item:before {
    bottom: 0;
    left: 25%
}

.innovations-item.active:after {
    height: 115px;
    top: 90px
}

.innovations-item.active .innovations-item__bg {
    height: 90px;
    top: 0
}

.innovations-item__bg {
    width: 25%;
    height: 25%;
    top: 0;
    right: 0
}

.innovations-item__bg,
.innovations-item__bg:after {
    background-color: hsla(0, 0%, 100%, .349);
    position: absolute
}

.innovations-item__bg:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 100%;
    right: 100%
}

.innovations-item__img {
    height: 50px;
    margin-bottom: 30px
}

.innovations-item__logo {
    margin-bottom: 25px
}

.innovations-item .innovations-item__text {
    font-size: 16px;
    line-height: 21px;
    position: relative;
    z-index: 4;
    margin-bottom: 30px
}

.innovations-item__title {
    color: #fff;
    font-size: 16px;
    font-family: Prosto-Bold, sans-serif;
    margin-bottom: 15px;
    display: block;
    text-transform: uppercase
}

.innovations-item__btn {
    margin-top: auto;
    padding: 15px 0;
    max-width: 240px;
    width: 100%;
    color: #00c4d9;
    background-color: #fff;
    display: block;
    text-align: center;
    position: relative;
    z-index: 1
}

.innovations-item__btn:hover {
    background-color: #fff
}

.my-mfp-news-detail {
    background: hsla(0, 0%, 100%, .87)
}

@media only screen and (max-width:991px) {
    .my-mfp-news-detail {
        background: #fff
    }
    .mfp-bg {
        opacity: 1
    }
}

.news__date {
    margin-bottom: 40px;
    margin-top: 40px;
    font-family: Prosto-Bold, sans-serif;
    font-size: 18px;
    color: #00c4d9
}

.news-list,
.news__header {
    display: -ms-flexbox;
    display: flex
}

.news-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.news-list.search {
    margin-top: 30px
}

.news__tags {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
}

.news__search {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.news-item {
    -ms-flex-preferred-size: 22.415%;
    flex-basis: 22.415%;
    margin-right: 3.446%;
    max-width: 260px;
    height: 420px;
    position: relative;
    border: 1px solid #f7f7f7;
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: box-shadow .2s;
    overflow: hidden
}

.news-item-detail .news-detail-header {
    padding-top: 0
}

.news-item:nth-child(4n+4) {
    margin-right: 0
}

.news-item:hover {
    box-shadow: 0 10px 50px 0 hsla(216, 4%, 77%, .6)
}

.news-item:hover .news-item__content {
    bottom: 0
}

.news-item__image {
    height: 210px
}

.news-item__title {
    height: 59px;
    overflow: hidden;
    position: relative;
    padding: 0 15px;
    background-color: #fff;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 19px;
    text-align: left;
    font-family: Museo-700, sans-serif
}

.news-item__title:after {
    content: "";
    position: absolute;
    right: 16px;
    border-color: transparent;
    bottom: -7px;
    box-shadow: inset 1px 24px 18px 7px #fff;
    transform: rotate(90deg);
    height: 38px;
    width: 22px
}

.news-item__type {
    background-color: #00c4d9;
    opacity: 1;
    color: #fff;
    padding: 5px 15px
}

.news-item__desc {
    height: 66px;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    background-color: #fff
}

.news-item__desc:after {
    content: "";
    position: absolute;
    right: 2px;
    border-color: transparent;
    bottom: -5px;
    box-shadow: inset 1px 24px 18px 7px #fff;
    transform: rotate(90deg);
    height: 38px;
    width: 24px
}

.news-item__content-inner {
    background: #fff;
    padding-top: 20px
}

.news-item__content {
    -ms-flex: 1;
    flex: 1;
    position: absolute;
    bottom: -44px;
    left: 0;
    overflow: hidden;
    transition: bottom .2s
}

.news-item__date {
    font-size: 10px;
    color: #afafaf;
    padding: 20px 15px 4px;
    font-family: Museo-500, sans-serif
}

.news-item__button a {
    text-align: center;
    padding: 10px 50px;
    display: block;
    margin-top: 10px
}

.news-detail-header {
    display: -ms-flexbox;
    display: flex;
    font-family: Museo-500, sans-serif;
    font-size: 16px;
    margin-bottom: 35px;
    /*padding-top: 40px*/
}

.news-detail-header_mobile {
    display: none
}

.news-detail-header__left,
.news-detail-header__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.news-detail-header__right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.news-detail-header__back {
    margin-right: 125px;
    cursor: pointer;
    padding-left: 20px;
    position: relative;
    width: auto;
    opacity: 1;
    font-size: 16px;
    line-height: 1.5;
    font-family: Museo-500, sans-serif;
    top: 0!important
}

.news-detail-header__back:after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    background: url(/local/templates/rs.scarlett/assets/img/svg/arow-left.svg) 50% no-repeat;
    background-size: cover;
    background-position-x: 0
}

.news-detail-header__back:hover:after {
    animation: g .2s linear 2 alternate
}

@keyframes g {
    to {
        background-position-x: -3px
    }
}

.news-detail-header__close {
    margin-left: 125px;
    cursor: pointer;
    position: relative;
    padding-right: 26px
}

.news-detail-header__close:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    background: url(/local/templates/rs.scarlett/assets/img/svg/close.svg) 50% no-repeat;
    background-size: cover;
    transition: transform .2s
}

.news-detail-header__close:hover:after {
    transform: rotate(90deg)
}

.news-detail-header__date,
.news-detail-header__tag {
    color: #00c4d9
}

.news-detail__image {
    margin-bottom: 35px
}

.news-detail__image img {
    display: block;
    margin: 0 auto;
    max-height: 500px;
}

.news-detail__text {
    padding-bottom: 50px;
    border-bottom: 1px solid #f7f7f7
}

.news-detail__content {
    max-width: 760px;
    margin: 0 auto
}

.news-detail__title {
    margin-bottom: 25px
}

.news-detail-footer {
    display: -ms-flexbox;
    display: flex;
    font-family: Museo-500, sans-serif;
    font-size: 16px;
    padding: 35px 0;
    align-items: flex-start;
    justify-content: space-between;
}

.news-detail-footer__share {
    position: relative;
}

.news-detail-footer__share button {
    border: none;
    background: none;
    font-family: Museo-500, sans-serif;
    font-size: 16px;
    padding-left: 20px;
    position: relative;
    cursor: pointer
}

.news-detail-footer__share button:after {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    background: url(/local/templates/rs.scarlett/assets/img/svg/share.svg) 50% no-repeat;
    background-size: cover;
    transition: transform .2s
}
.news-detail-footer__social .heading{
    font-family: Museo-500, sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
}
.news-detail-footer__social .social__list{
    display: flex;
    justify-content: flex-end;
}
.news-detail-footer__social .social__list__item{
    float: none;
}

.news-detail-footer__download {
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    position: relative
}

.news-detail-footer__download:after {
    content: "";
    position: absolute;
    right: 232px;
    top: 5px;
    width: 14px;
    height: 14px;
    background: url(/local/templates/rs.scarlett/assets/img/svg/cloud.svg) 50% no-repeat;
    background-size: cover;
    transition: transform .2s
}

.news-detail-footer__favorite {
    margin-left: 60px;
    position: relative;
    padding-left: 20px
}

.news-detail-footer__favorite:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    background: url(/local/templates/rs.scarlett/assets/img/svg/favorite.svg) 50% no-repeat;
    background-size: cover;
    transition: transform .2s
}

.news-detail__text a {
    color: #00c4d9;
    text-decoration: underline;
    transition: color .15s ease-out
}

.news-detail__text a:hover {
    color: #00adc0;
    text-decoration: none
}

.news-detail__text ul {
    padding-left: .5em
}

.news-detail__text ul li:before {
    content: "—";
    margin-right: .5em
}

@media screen and (max-width:1024px) {
    .my-mfp-news-detail {
        background: #fff
    }
    .news-item {
        max-width: 100%;
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%
    }
    .news-item,
    .news-item:nth-child(4n+4) {
        margin-right: 2%
    }
    .news-item:nth-child(3n+3) {
        margin-right: 0
    }
    .news-item__button a {
        display: block
    }
}

@media screen and (max-width:768px) {
    .my-mfp-news-detail {
        height: 100vh!important;
        top: 0!important
    }
    .news__header {
        display: block
    }
    .news-item {
        max-width: 100%;
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin-right: 2%
    }
    .news-item-popup {
        background-color: #fff
    }
    .news-item-detail .news-detail-header_mobile {
        display: -ms-flexbox;
        display: flex
    }
    .news-item:nth-child(3n+3),
    .news-item:nth-child(4n+4) {
        margin-right: 2%
    }
    .news-item:nth-child(2n) {
        margin-right: 0
    }
    .news-detail-header {
        display: none
    }
    .news-detail-header_mobile {
        display: -ms-flexbox;
        display: flex
    }
    .news-detail-header__left,
    .news-detail-header__right {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .news-detail-header__left {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .news-detail-header__back {
        margin-right: 0
    }
    .news-detail-header__left {
        margin-bottom: 15px
    }
    .news-detail-footer {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .news-detail-footer__download {
        margin-top: 15px;
        padding-left: 20px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: left
    }
    .news-detail-footer__download:after {
        right: unset;
        left: 0
    }
    .news-detail-footer__favorite {
        margin-left: 0
    }
}

@media screen and (max-width:480px) {
    .news-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 0!important
    }
}

.rp-catalog-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rp-tabs {
    margin-top: 10px
}

.rp-tabs .p-search__control {
    margin: 0 0 40px
}

.rp-tablinks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.rp-tablink {
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
    margin-right: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: Prosto-Bold, sans-serif;
    position: relative;
    transition: all .3s ease
}

.rp-tablink:last-child {
    margin-right: 0
}

.rp-tablink:hover {
    color: #00c4d9
}

.rp-tablink.active {
    color: #00c4d9;
    cursor: inherit
}

.rp-tablink.active:after {
    content: "";
    height: 2px;
    width: 100%;
    background-color: #00c4d9;
    bottom: -15px;
    position: absolute;
    left: 0;
    right: 0;
    transition: all .3s ease
}

.rp-items {
    margin: 0 -20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rp-item,
.rp-items {
    display: -ms-flexbox;
    display: flex
}

.rp-item {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    margin: 0 20px 40px;
    transition: all .3s ease
}

.rp-item:hover {
    box-shadow: 0 10px 50px 0 hsla(216, 4%, 77%, .6)
}

.rp-item:hover .rp-item__title {
    color: #00c4d9
}

@media only screen and (max-width:550px) {
    .rp-item {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
}

.rp-item__video {
    width: 220px
}

.rp-item__video img {
    vertical-align: middle
}

.rp-item__content {
    padding: 25px 30px;
    width: calc(100% - 220px)
}

@media only screen and (max-width:550px) {
    .rp-item__content {
        width: 100%;
        text-align: center;
        padding: 20px 10px
    }
}

.rp-item .rp-item__title {
    font-size: 16px;
    font-family: Prosto-Bold, sans-serif;
    transition: all .3s ease
}

.rp-item .rp-item__date {
    font-size: 12px;
    margin-bottom: 0
}

.rp-item iframe {
    width: 100%;
    height: 100%
}

.rp-catalog-item .product-item__inner {
    padding: 40px
}

.rp-catalog-item__text {
    margin-bottom: 0
}

.rp-catalog-item__title {
    font-size: 16px;
    font-family: Prosto-Bold, sans-serif;
    line-height: 24px;
    margin-bottom: 10px
}

.rp-catalog-item__img {
    max-height: 100%;
    width: auto;
    vertical-align: middle
}

.about-page {
    padding-left: 0;
    padding-right: 0
}

.about-page h1 {
    font-size: 24px;
    max-width: 1190px;
    padding: 0 15px;
    margin: 0 auto 50px;
    width: 100%
}

.about-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-items--start .about-item--content {
    background-color: #00c4d9
}

.about-items--start .about-item--content p {
    color: #fff
}

.about-items--start .about-item--content:after,
.about-items--start .about-item--content:before {
    content: ""
}

.about-items--start .about-item--content .about-item-figure,
.about-items--start .about-item--content:after,
.about-items--start .about-item--content:before {
    width: 50%;
    position: absolute;
    height: 120px;
    background-color: #31cedf;
    z-index: 1
}

.about-items--start .about-item--content:before {
    top: 0;
    right: 0
}

.about-items--start .about-item--content:after {
    bottom: 0;
    right: 0
}

.about-items--start .about-item--content .about-item-figure {
    left: 0;
    bottom: 120px
}

.about-items--start .about-item--bg:after,
.about-items--start .about-item--bg:before {
    content: "";
    width: 50%;
    height: 120px;
    position: absolute;
    background-color: rgba(0, 0, 0, .35)
}

.about-items--start .about-item--bg:before {
    left: 0;
    top: 0
}

.about-items--start .about-item--bg:after {
    bottom: 0;
    right: 0
}

.about-items--popularity .about-item--content:after,
.about-items--popularity .about-item--content:before {
    content: "";
    width: 50%;
    position: absolute;
    height: 120px;
    background-color: rgba(36, 199, 218, .28);
    z-index: 1
}

.about-items--popularity .about-item--content:before {
    top: 0;
    left: 0
}

.about-items--popularity .about-item--content:after {
    top: 120px;
    right: 0
}

.about-items--popularity .about-item--bg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:768px) {
    .about-items--simple .about-item--content {
        -ms-flex-order: 2;
        order: 2
    }
}

.about-items--simple .about-item--content:after,
.about-items--simple .about-item--content:before {
    content: "";
    width: 50%;
    position: absolute;
    height: 120px;
    background-color: rgba(36, 199, 218, .28);
    z-index: 1
}

.about-items--simple .about-item--content:before {
    bottom: 120px;
    left: 0
}

.about-items--simple .about-item--content:after {
    bottom: 0;
    right: 0
}

@media only screen and (max-width:768px) {
    .about-items--simple .about-item--bg {
        -ms-flex-order: 1;
        order: 1
    }
}

.about-items--simple .about-item--bg:after,
.about-items--simple .about-item--bg:before {
    content: "";
    width: 50%;
    height: 120px;
    position: absolute;
    background-color: hsla(0, 0%, 100%, .35)
}

.about-items--simple .about-item--bg:before {
    right: 0;
    top: 0
}

.about-items--simple .about-item--bg:after {
    top: 120px;
    left: 0
}

.about-item {
    width: 50%
}

@media only screen and (max-width:768px) {
    .about-item {
        width: 100%
    }
}

.about-item--left {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.about-item--right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.about-item__inner {
    max-width: 580px;
    position: relative;
    z-index: 2;
    padding: 40px
}

@media only screen and (max-width:1200px) {
    .about-item__inner {
        padding: 15px
    }
}

@media only screen and (max-width:768px) {
    .about-item__inner {
        max-width: 100%
    }
}

.about-item--content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 460px;
    overflow: hidden
}

@media only screen and (max-width:768px) {
    .about-item--content {
        min-height: 0
    }
}

.about-item--content h3 {
    color: #fff;
    margin-bottom: 25px
}

.about-item--content p {
    margin-bottom: 15px;
    font-size: 16px
}

@media only screen and (max-width:1200px) {
    .about-item--content p {
        font-size: 14px
    }
}

.about-item--content p:last-child {
    margin-bottom: 0
}

.about-item--bg {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

@media only screen and (max-width:768px) {
    .about-item--bg {
        min-height: 300px
    }
}

.about-popularity {
    background-color: rgba(0, 0, 0, .5);
    padding: 60px 40px;
    color: #fff
}

.about-popularity__items {
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:991px) {
    .about-popularity__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.about-popularity__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 30px
}

.about-popularity__item:last-child {
    padding-right: 0
}

@media only screen and (max-width:991px) {
    .about-popularity__item {
        width: 100%;
        margin-bottom: 10px
    }
    .about-popularity__item:last-child {
        margin-bottom: 0
    }
}

.about-popularity__icon {
    width: 36px;
    height: 36px;
    background-color: #00c4d9;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-family: Museo-500, sans-serif;
    margin-right: 15px
}

.about-popularity .about-popularity__text {
    width: calc(100% - 51px);
    color: #fff;
    font-family: Museo-500, sans-serif;
    margin-bottom: 0
}

.about-directions {
    padding: 90px 15px;
    text-align: center
}

.about-directions__items {
    margin: 60px 0 -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-directions__item {
    margin: 0 0 20px;
    width: 25%
}

@media only screen and (max-width:768px) {
    .about-directions__item {
        width: 50%
    }
}

@media only screen and (max-width:450px) {
    .about-directions__item {
        width: 100%
    }
}

.about-directions__icon {
    margin-bottom: 30px;
    height: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width:768px) {
    .about-directions__icon {
        margin-bottom: 20px
    }
}

.about-directions__title {
    font-size: 18px;
    line-height: 27px;
    font-family: Prosto-Bold, sans-serif;
    display: block
}

.about-comment {
    position: relative;
    margin: 100px auto;
    padding: 90px 15px;
    text-align: center
}

@media only screen and (max-width:768px) {
    .about-comment {
        margin: 50px 0;
        padding: 50px 0
    }
}

.about-comment:after,
.about-comment:before {
    content: "";
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/icons.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    position: absolute
}

.about-comment:before {
    background-position: 0 -973px;
    left: 15px;
    top: 0
}

.about-comment:after {
    background-position: 0 -1033px;
    right: 15px;
    bottom: 0
}

.about-comment__inner {
    max-width: 760px;
    margin: 0 auto
}

.about-comment p {
    font-size: 18px;
    font-family: Prosto-Bold, sans-serif;
    margin-bottom: 25px
}

.about-comment p:last-child {
    margin-bottom: 0
}

.mission {
    padding: 60px 0;
    text-align: center;
    background-color: #00c4d9;
    position: relative;
    margin-bottom: 80px
}

.mission:after {
    content: "";
    background-color: #31cedf;
    width: 25%;
    bottom: 120px;
    right: 25%
}

.mission-bg,
.mission:after {
    height: 120px;
    position: absolute;
    z-index: 1
}

.mission-bg {
    top: 0;
    left: 0;
    right: 0
}

.mission-bg:after,
.mission-bg:before {
    content: "";
    background-color: #31cedf;
    height: 120px;
    width: 25%;
    position: absolute
}

.mission-bg:after {
    right: 0;
    top: 0
}

.mission-bg:before {
    left: 0;
    top: 0
}

.mission-bg_2 {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px
}

.mission-bg_2:after,
.mission-bg_2:before {
    bottom: 0
}

.mission-container {
    position: relative;
    padding: 120px 15px
}

@media only screen and (max-width:768px) {
    .mission-container {
        padding: 80px 15px
    }
}

.mission-container:after,
.mission-container:before {
    content: "";
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/icons.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 2
}

.mission-container:before {
    background-position: 0 -1093px;
    left: 15px;
    top: 0
}

.mission-container:after {
    background-position: 0 -1153px;
    right: 15px;
    bottom: 0
}

.mission-inner {
    max-width: 760px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.mission h2 {
    margin-bottom: 30px;
    color: #fff;
    font-size: 24px
}

.mission p {
    color: #fff;
    font-size: 18px
}

@media only screen and (max-width:991px) {
    .mission p {
        font-size: 16px
    }
}

.values {
    text-align: center
}

.values h2 {
    margin-bottom: 60px
}

.values-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.values-item:nth-child(2n) .values-item__bg {
    -ms-flex-order: 1;
    order: 1
}

.values-item:nth-child(2n) .values-item__content {
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 50px
}

.values-item:nth-child(odd) .values-item__bg {
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (max-width:768px) {
    .values-item:nth-child(odd) .values-item__bg {
        -ms-flex-order: 1;
        order: 1
    }
}

.values-item:nth-child(odd) .values-item__content {
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 0
}

@media only screen and (max-width:1300px) {
    .values-item:nth-child(odd) .values-item__content {
        padding-left: 15px
    }
}

@media only screen and (max-width:768px) {
    .values-item:nth-child(odd) .values-item__content {
        -ms-flex-order: 2;
        order: 2
    }
}

.values-item:nth-child(1n) .values-item__bg:after,
.values-item:nth-child(4n) .values-item__bg:after {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

.values-item:nth-child(2n) .values-item__bg:after,
.values-item:nth-child(3n) .values-item__bg:after {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto
}

.values-item__col {
    width: 50%;
    min-height: 240px
}

@media only screen and (max-width:768px) {
    .values-item__col {
        width: 100%
    }
}

.values-item__bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative
}

.values-item__bg:after {
    content: "";
    height: 120px;
    width: 50%;
    background: hsla(0, 0%, 100%, .35);
    position: absolute
}

.values-item__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #00c4d9;
    padding: 0 50px
}

.values-item__inner {
    max-width: 580px;
    text-align: left
}

.values-item h3 {
    color: #fff;
    font-size: 24px
}

@media only screen and (max-width:991px) {
    .values-item h3 {
        font-size: 18px
    }
}

.values-item p {
    color: #fff;
    font-size: 16px
}

@media only screen and (max-width:991px) {
    .values-item p {
        font-size: 14px
    }
}

.contacts-table {
    width: 100%;
    max-width: 760px;
    margin: 30px auto
}

.contacts-table td {
    vertical-align: top;
    padding: 0
}

@media only screen and (max-width:550px) {
    .contacts-table td {
        display: block
    }
}

.contacts-table td:first-child {
    padding-top: 5px;
    font-size: 16px;
    font-family: Prosto-Bold, sans-serif
}

@media only screen and (max-width:550px) {
    .contacts-table td:first-child {
        padding-top: 0;
        padding-bottom: 5px;
        font-size: 14px
    }
}

.contacts-table .field-text,
.contacts-table .field-textarea{
    margin-bottom: 20px
}

@media only screen and (max-width:550px) {
    .contacts-table .field-text {
        height: 40px;
        margin-bottom: 15px
    }
}

.contacts-table .starrequired {
    color: red
}

.contacts-btn {
    margin-top: 20px;
    height: 50px;
    cursor: pointer;
    border: 0
}
.contacts-btn[disabled]{
    opacity: .5;
}

@media only screen and (max-width:550px) {
    .contacts-btn {
        height: 40px
    }
}

@media screen and (max-width:1024px) {
    .tabs-menu {
        -ms-flex-order: 1;
        order: 1
    }
    .user-auth__tab {
        padding-top: 0!important
    }
    .user-auth__tabs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0
    }
    .user-auth__tabs-list {
        -ms-flex-order: 3;
        order: 3
    }
    .user-auth__desc {
        position: static!important;
        -ms-flex-order: 2;
        order: 2
    }
}

.user-auth__tabs {
    max-width: 460px;
    position: relative
}

.user-auth__tabs .contacts-btn {
    padding: 0 49px;
    width: unset;
    margin-left: auto
}

.user-auth .tabs-menu__item {
    padding: 14.5px 34.5px;
    color: #595959;
    cursor: pointer;
    background-color: #f5f5f5
}

.user-auth .tabs-menu__item.active {
    background-color: #00aec5;
    color: #fff
}

.user-auth .tabs-menu__list {
    display: -ms-flexbox;
    display: flex
}

.user-auth__tab {
    display: none;
    padding-top: 40px
}

.user-auth .text_filed {
    margin-bottom: 20px
}

.user-auth__desc {
    padding: 15px 0;
    position: absolute;
    right: -480px;
    top: 68px;
    width: 100%;
    max-width: 450px
}

.active-filters {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 180px;
    padding-bottom: 20px
}

@media only screen and (max-width:768px) {
    .active-filters {
        padding-right: 0
    }
}

.active-filters__clear {
    position: absolute;
    top: 64px;
    right: 0;
    display: inline-block;
    border: 1px solid #00c4d9;
    border-radius: 20px;
    padding: .25em 1em .2em;
    margin-bottom: .5em;
    margin-right: .5em;
    background-color: #00c4d9;
    color: #fff
}

@media only screen and (max-width:768px) {
    .active-filters__clear {
        position: static;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        display: block;
        text-align: center;
        padding: .75em;
        border-radius: 0
    }
}

.active-filters__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:768px) {
    .active-filters__form {
        position: static;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 20px
    }
}

.active-filters__header {
    display: block;
    margin-bottom: 20px;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    font-size: 1.15rem;
    line-height: 1.7rem;
    font-family: Prosto-Bold, sans-serif;
    text-transform: uppercase
}

.active-filters__icon {
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    width: .75rem;
    margin-left: .5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95.939' height='95.939' viewBox='0 0 95.939 95.939' fill='%2300c4d9'%3E%3Cpath d='M62.819 47.97l32.533-32.534a2 2 0 0 0 0-2.828L83.333.586a2.002 2.002 0 0 0-2.828 0L47.97 33.121 15.435.586c-.75-.75-2.078-.75-2.828 0L.587 12.608a2 2 0 0 0 0 2.828L33.121 47.97.587 80.504a2 2 0 0 0 0 2.828l12.02 12.021a2 2 0 0 0 2.828 0L47.97 62.818l32.535 32.535a2 2 0 0 0 2.828 0l12.02-12.021a2 2 0 0 0 0-2.828L62.819 47.97z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    font-size: 0
}

.active-filters__item {
    margin-right: 20px
}

.active-filters__label {
    position: relative;
    display: inline-block;
    border: 1px solid #00c4d9;
    border-radius: 20px;
    padding: .25em 2.75em .2em 1em;
    margin-bottom: .5em;
    margin-right: .5em
}

.active-filters__label:last-child {
    margin-right: 0
}

.active-filters__name {
    font-weight: 700
}

.footer-subscribe {
    padding: 40px 0;
    text-align: center;
    border-top: 1px solid #f0f0f0;
}

.footer-subscribe h2{
    padding-bottom: 20px;
}

.btn--subscribe {
    background-color: #00c4d9;
    color: #fff;
    margin: 0;
    padding: 0 40px;
    height: 50px;
    cursor: pointer;
    border: 0;
    display: inline-block;
    line-height: 50px;
}

.footer-subscribe table {
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
}

.footer-subscribe table td {
    width: 33.3%;
}

#popup-window-overlay-sender_subscribe_component {
    position: absolute;
    top: 0;
}

#sender_subscribe_component {
    background-color: #fff;
}

@media only screen and (max-width:768px) {
    .footer-subscribe table td {
        width: 100%;
        display: block;
        margin: 20px auto;
    }
}

#overlay-subscribe {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
    text-align: center;
}
.popup-subscribe {
    top: 20%;
    left: 0;
    right: 0;
    font-size: 14px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: absolute;
    padding: 0;
    border: 0;
    background: #fff;
    z-index: 1000;
    border-radius: 0;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
.popup-subscribe h2, .popup-subscribe h3 {
    margin: 2rem;
    font-weight: 300;
    line-height: 1.3;
}
.popup-subscribe .data-table {
    margin: auto;
    padding-bottom: 10px;
    width: 75%;
}
.popup-subscribe .data-table tr td{
    display: block;
    margin-bottom: 2rem;
}
.popup-subscribe input.field-text {
    border: 2px solid #9d9d9d82;
    padding: 0 20px;
    height: 50px;
    border-radius: 0;
    color: #9d9d9d;
    box-shadow: none;
    text-align: center;
}
.close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 1;
}
.close:hover {
    opacity: .6;
}
.close:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #fff;
}
.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}
.popup-subscribe img {
    width: 100%;
    height: auto;
}

.product-item__utp{
    padding: 0 20px 15px;
}
.product-item__utp__item{
    display: flex;
    font-size: .714em;
    line-height: 1.4;
    text-transform: uppercase;
    color: #000;
    font-family: 'Prosto-Regular';
    align-items: center;
    margin-top: 11px;
    text-align: left;
}
.product-item__utp__item__icon{
    width: 26px;
    min-width: 26px;
    height: 26px;
    margin-right: 14px;
    text-align: center;
}
.product-item__utp__item__icon img{
    object-position: center;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.product-item__utp__item__icon svg{
    object-position: center;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}


.cook {
    position: fixed;
    z-index: 50;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f7f7f7;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    padding-top: 10px;
    padding-bottom: 7.5px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.cook.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    box-shadow: 0 0 15px 0 rgba(0, 196, 217, .3);
}
@media (min-width: 768px) {
    .cook {
        padding-bottom: 10px;
    }
}
@media (min-width: 1200px) {
    .cook .link__default-xs {
        margin-right: -1.2vw;
    }
}
.cook__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
@media (min-width: 1024px) {
    .cook__container {
        text-align: left;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (max-width: 767.98px) {
    .cook__container > *:nth-child(2),
    .cook__container > *:nth-child(3) {
        margin: 5px 7.5px 2.5px;
    }
}
@media (min-width: 768px) {
    .cook__container {
        gap: 5px 15px;
    }
}
.cook__text {
    font-size: 14px;
    line-height: 140%;
    color: #000;
}
@media (min-width: 1200px) {
    .cook__text {
        margin-right: 20px;
    }
}
.cook__btns{
    align-items: center;
    display: flex;
}
.cook__btns .btn.btn--primary {
    color: #fff!important;
    margin-right: 15px;
    padding: 5px 10px;
}
.cook__btns .link{
    font-size: 14px;
    color: #000;
}

.product-item__alice {
    text-align: left;
}
.product-item--list .product-item__alice{
    margin-top: 0;
}
.product-item .product-item__alice{
    margin-right: 0;
    text-align: center;
}
.product-item__alice span {
    display: inline-block;
    background-color: #fff;
    padding: 6px 13px 6px 13px;
    margin-left: 13px;
    font-size: 14px;
    font-family: 'Yandex Sans Text';
    font-weight: 500;
    line-height: 14px;
    position: relative;
}

.catalog__content--tile .product-item__base-rating {
    margin-left: 20px;
}
.product-item__alice img {
    height: 20px;
    width: auto;
    position: absolute;
    top: 2px;
    transform: translate(-100%, 0);
    left: 3px;
    pointer-events: none;

}

.catalog__content--list .product-item__alice {
    margin: 10px 0 15px;
}
.catalog__content--list .product-item__alice {
    margin-top: 0;
}
.product-item__home-intellect {
    position: absolute;
    top: 10px;
    right: 20px;
}
.catalog__content--list .product-item__home-intellect {
    top: -10px;
    right: -24px;
}
@media (max-width: 991.98px) {
    .product-item__home-intellect {
        top: auto !important;
        bottom: 0;
        right: 0 !important;
    }
}
.product-item__home-intellect img {
    height: 50px;
}
.product-item__img {
    /*margin-top: 60px;*/
}


.product-item__sticker span {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 3;
    transform: translate(-50%, -50%);
}
@media (min-width: 991.98px) {
    .product-item__sticker {
        width: 80px;
        height: 80px;
    }
    .product-item__sticker img {
        width: 80px;
        height: 80px;
    }
    .product-item__sticker span {
        font-size: 15px;
    }
}
@media (max-width: 991.98px) {
    .product-item__sticker span {

        font-size: 12px;
    }
}
.catalog .product-item__sticker {
    width: 80px;
    height: 80px;
}
.catalog .product-item__sticker img {
    width: 80px;
    height: 80px;
}
.catalog .product-item__sticker span {
    font-size: 13px;
}
.product-item--list__inner .product-item__sticker span {
    font-size: 13px;
}

.product-item__price{
    position: absolute;
    background-color: #00c4d9;
    color: #fff;
    padding: 4px 20px;
    font-family: 'Prosto-Regular';
    line-height: 1.4;
}
.product-item__price.list__view{
    right: 0;
    top: 20px;
}
.product-item__price.tile__view{
    right: 0;
    top: 0;
}
.product-item--list .product-item__price.tile__view{
    right: 0;
    top: 20px;
}

.product-card__home-intellect {
    right: -5px;
    z-index: 4;
    position: absolute;
}
.product-card__home-intellect img {
    height: 70px;
}
@media (max-width: 767.98px) {
    .product-card__home-intellect img {
        height: 55px !important;
    }
    /*.product-card__works-with img {
        height: 38px !important;
    }*/
}
.product-card__big-slider-wrap {
    position: relative;
}
.product-card__works-with {
    position: absolute;
    right: 0;
    z-index: 4;
}

.product-card__works-with span{
    position: relative;
    color: #18181a;
    width: 133px;
    height: 51px;
    display: block;
    font-size: 14px;
    padding: 9px 0 0 14px;
    font-family: 'Yandex Sans Text';
    font-weight: 500;
    text-align: left;
    line-height: 1.25;
}
.product-card__works-with img{
    position: absolute;
    top: 0;
    left: 0;
    width: 133px;
    height: 51px;
    z-index: -1;
}

@media (min-width: 991.98px) {
    .product-card__home-intellect {
        bottom: 10px;
    }
    .product-card__works-with {
        top: 0;
    }
    .product-card__works-with + .product-card__works-with{
        top: 60px;
    }
    .product-card__works-with span{
        width: 133px;
        font-size: 14px;
        padding: 9px 0 0 13px;
        line-height: 1.25;
    }
}
@media (max-width: 991.98px) {
    .product-card__home-intellect {
        top: 0;
    }
    .product-card__works-with {
        bottom: 10px;
    }
    .product-card__works-with + .product-card__works-with{
        left: 0;
        right: auto;
    }

}

@media(max-width: 1189.77px){
    body>div.wrapper, html>div.wrapper {
        overflow-x: hidden;
    }
}
@media (max-width: 767.98px) {
    /*.product-item--compare {*/
    /*    margin-left: 0 !important;*/
    /*    margin-right: 0 !important;*/
    /*}*/
    /*.compare-filter__item {*/
    /*    max-width: 100% !important;*/
    /*    width: 100% !important;*/
    /*}*/
    /*body {*/
    /*    overflow: hidden;*/
    /*}*/
    /*.compare-filter__content {*/
    /*    overflow: hidden !important;*/
    /*}*/
    /*.compare-filter__option {*/
    /*    width: 100% !important;*/
    /*}*/
    /*.compare-filter__content {*/
    /*    margin: 10px 0 0 !important;*/
    /*}*/

    /*.compare-filter__option {*/
    /*    margin: 0 !important;*/

    /*}*/
    /*/*.compare-filter {*/*/
    /*/*    width: 100%;*/*/
    /*/*    max-width: 100%;*/*/
    /*/*}*/*/
    /*/*.compare-products {*/*/

    /*/*    margin: 0 !important;*/*/
    /*/*}*/*/
    /*.compare-filter__options {*/
    /*    padding: 0 !important;*/
    /*    margin: 20px !important;*/
    /*}*/
}
.sber-salute {
    display: inline-flex;
    align-items: center;
}
.sber-salute img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    object-fit: contain;
}
.sber-salute span {
    font-family: 'SBSansDisplay-Regular';
    color: #5CBF8C;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    padding: 6px 13px 6px 0;
}

.product-item__badges {
    display: flex;
    align-items: center;
}

@media (min-width: 767.98px) {
    .product-item__badges .product-item__alice {
        margin: 0 10px 0 0 !important;
    }

}
@media (max-width: 767.98px) {
    .product-item__badges {
        flex-direction: column;
    }
    .product-item__badges .product-item__alice {
        margin-bottom: 0px !important;
        margin-top: 0 !important;
    }
}




.product-card__buttons .ui-hint{
    display: inline-block;
    width: 18px;
    height: 18px;
    transition: opacity .3s;
    opacity: 1;
    text-align: center;
    cursor: pointer;
    line-height: 18px;
    margin-left: 10px;
}
.product-card__buttons .ui-hint .ui-hint-icon{
    display: inline-block;
    margin: 0;
    width: 18px;
    height: 18px;
    background-image: none;
    background-repeat: no-repeat;
    border: 2px solid #00c4d9;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #fff;
    position: relative;
}
.product-card__buttons .ui-hint .ui-hint-icon:before{
    content: "i";
    /* line-height: 31px; */
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
}
/* End */


/* Start:/local/templates/rs.scarlett/assets/css/main.topstyle.css?17277976871189*/
/*basic*/

.topstyle-item .icon,
.topstyle__wrapper .icon {
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/icons-ts.svg);
    background-repeat: no-repeat;
}

/*basic*/

/*menu*/

.topstyle__menu{
    padding: 26px 22px 14px;
    /*background-size: cover;
    background-color: #392c28;
    background-repeat: no-repeat;
    background-position: top right;*/
    /*background-image: url(/local/templates/rs.scarlett/assets/img/ts-menu.png);*/
}
@media only screen and (max-width: 991px){
    .topstyle__menu{
        display: none;
    }
    .header__dropdown-item__top.active ~ .topstyle__menu{
        display: block;
    }
}
.topstyle__menu > a{
    display: block;
    margin: 20px 0 0;
}
.topstyle__menu > a img{
    display: block;
    width: 100%;
}
.topstyle__menu{
    margin-top: 26px;
    list-style: none;

}
.topstyle__menu li a{
    /*color: #fff!important;*/
    font-size: .95em;
    margin: 0 0 17px;
    display: block;
    line-height: 1.2;
}
.topstyle__menu li a:hover{
    /*color: #ffdfbb!important;*/
}

/*menu*/
/* End */


/* Start:/local/templates/rs.scarlett/assets/css/programmer.css?174595428216327*/
.press-frm-message {
    font-size: 20px;
}

.product-item__rating {
    display: none !important;
}

.contacts-table .jq-selectbox {
    width: 100%;
}

.menu__banners{
    display: flex!important;
    align-items: stretch;
    margin-top: 25px!important;
}
.menu__banners .col-3:before{
    display: none!important;
}
.menu__banners .col-3 img{
    display: inline-block;
}
.menu__banners__item{
    height: 100%;
    position: relative;
}
.menu__banners__item .header__dropdown-item__title{
    white-space: normal;
    width: calc(100% - 30px)!important;
}
.menu__banners__item img{
    height: 30px;
    top: 10px;
    right: 10px;
    z-index: 2;
    position: absolute;
}
.menu__banners__item a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.product-item--list__special{
    margin: 0 0 10px;
    text-align: right;
}
.product-item--list__special span{
    position: relative;
    display: inline-block;
    font-size: 1em;
}
.product-item--list__special a{
    color: inherit;
    font-weight: 700;
}
.product-item--list__special:hover a{
    color: inherit;
}
.product-item--list__special img{
    display: inline-block;
    height: 2em;
    vertical-align: middle;
}

.product-item--special{
    margin: 0 0 5px;
}
.product-item--special span{
    position: relative;
    display: inline-block;
    font-size: 1em;
}
.product-item--special a{
    color: inherit;
    font-weight: 700;
}
.product-item--special:hover a{
    color: inherit;
}
.product-item--special img{
    display: inline-block;
    height: 2em;
    vertical-align: middle;
}

.product-card-detail__special{
    text-align: right;
}
.product-card-detail__special span{
    position: relative;
    display: inline-block;
    font-size: 1em;
}
.product-card-detail__special a{
    color: inherit;
    font-weight: 700;
}
.product-card-detail__special:hover a{
    color: inherit;
}
.product-card-detail__special img{
    display: inline-block;
    height: 2.75em;
    vertical-align: middle;
}

/*Banner*/

.banner__wrapper{
    position: relative;
}
.banner__wrapper.catalog{
    padding: 0;
    margin: 0 0 15px;
}
.banner__wrapper .index-hero__controls {
    display: block
}
.banner__left,
.banner__right{
    position: relative;
}
.banner__item{
    height: 66vh;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.catalog .banner__item{
    height: 250px;
}
.banner__item > a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
}
.banner__content{
    padding: 0 25px 0 170px;
}
.catalog .banner__content{
    padding: 0 20px 0 20px;
}
.banner__content__inner{
    height: 75%;
    width: 100%;
    position: relative;
}
.banner__content__heading{
    height: calc(100%/3);
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 3em;
    font-family: Prosto-Bold, sans-serif;
    text-transform: uppercase;
}
.catalog .banner__content__heading{
    font-size: 1.75em;
}
@media(max-width: 1540px){
    .banner__content__heading{
        font-size: 2em;
    }
}
.banner__content__heading img{
    width: 86px!important;
    margin: 0 0 0 20px;
}
.text-type-all .banner__content__heading{
    height: auto;
    padding: 25px 0 0;
}
.catalog .text-type-all .banner__content__heading{
    padding: 9px 0 0;
    line-height: 1.1;
}
.banner__content__text{
    height: calc(100%/3);
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1.75em;
    text-transform: uppercase;
    font-family: Prosto-Bold, sans-serif;
}
@media(max-width: 1540px){
    .banner__content__text{
        font-size: 1.25em;
    }
}
.banner__content__icons{
    height: calc(100%/3);
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1.75em;
    text-transform: uppercase;
    font-family: Prosto-Bold, sans-serif;

    position: absolute;
    bottom: 0;
    right: 0;
}
.banner__content__icons div{
    width: 36%;
}
.banner__content__icons div + div{
    margin-left: 8%;
}
.banner__content__icons div img{
    object-fit: contain;
    object-position: left center;
}
.catalog .banner__content__text{
    font-size: 1.125em;
    text-transform: none;
    margin: 15px 0 0!important;
    font-family: Museo-300, sans-serif;
}
.banner__content__text a{
    color: #fff;
}
.text-type-all .banner__content__text{
    height: auto;
    margin: 25px 0 0;
}
.banner__content__btn__place a{
    background-color: #fff;
    color: #00c4d9;
    line-height: 46px;
    font-size: 1.125em;
    display: inline-block;
    padding: 0 30px;
    min-width: 170px;
    text-align: center;
    margin: 15px 0 0;
}
.banner__content__btn__place a:hover{
    color: #fff;
}
.banner__item .background__layout{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: #00bfd7;
}
.banner__item .background__plate{
    height: 50%;
    width: 100%;
    background-color: #00bfd7;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}
.banner__item .background__plate.tall{
    height: 100%;
}
.banner__item .background__plate.white{
    background-color: #fff;
}
.banner__item .background__image-rear-mobile{
    display: none;
}
.banner__item .background__image-rear ~ .background__plate{
    background-color: transparent;
}
.banner__item .background__plate .valve-grid-tl{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    width: 50%;
    background-color: rgba(255,255,255,.25);
}
.banner__item .background__plate .valve-grid-tr{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 50%;
    width: 50%;
    background-color: rgba(255,255,255,.25);
}
.banner__item .background__plate .valve-grid-bl{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 50%;
    background-color: rgba(255,255,255,.25);
}
.banner__item .background__plate .valve-grid-br{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50%;
    width: 50%;
    background-color: rgba(255,255,255,.25);
}
.banner__item .background__plate.white .valve-grid-tl,
.banner__item .background__plate.white .valve-grid-tr,
.banner__item .background__plate.white .valve-grid-bl,
.banner__item .background__plate.white .valve-grid-br{
    background-color: rgb(243,243,243);
}
.banner__item .background__image-rear ~ .background__plate > span{
    background-color: rgba(255,255,255,.25)!important;
}
.banner__item .background__image-rear,
.banner__item .background__image-rear-mobile{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}
.banner__item .background__image-front{
    position: absolute;
    top: 8%;
    left: 8%;
    width: 84%;
    height: 84%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 3;
}
.banner__item .banner__content{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;

}

.banner__items .owl-dots {
    position: absolute;
    bottom: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    left: 10px;
    right: 180px;
    margin: auto;
    max-width: 1730px;
    width: auto;
}
.banner__items .owl-dots button{
    width: 15px;
    height: 15px;
    margin: 0 5px;
    transition: all .3s ease;
    background-color: transparent;
    border: 2px solid #fff;
}
.banner__items .owl-dots button.active{
    background-color: #fff;
}

.catalog .index-hero__prev{
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 10;
    right: 70px;
    bottom: 20px;
    display: block;
    transition: all .5s;
    cursor: pointer;
    background: #fff;
    opacity: .8;
}
.catalog .index-hero__next {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 10;
    right: 20px;
    bottom: 20px;
    display: block;
    transition: all .5s;
    cursor: pointer;
    background: #fff;
    opacity: .8;
}
.catalog .index-hero__next:after,
.catalog .index-hero__prev:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/arrow-blue.svg);
    background-repeat: no-repeat;
    background-size: 54%;
    height: 100%;
    width: 100%;
    background-position: center;
}
.catalog .index-hero__prev:after{
    top: 0;
    left: 0;
}
.catalog .index-hero__next:after{
    top: 0;
    left: 0;
}


@media (max-width: 1440px){
    .banner__content{
        padding: 0 25px;
    }
    .banner__content__heading{
        font-size: 2.15em;
    }
    .banner__content__text{
        font-size: 1.35em;
    }
    .banner__content__icons div{
        width: 40%;
    }
    .banner__content__icons div + div{
        margin-left: calc(10% + 25px);
    }
}

@media (max-width: 1024px){
    .banner__content__heading{
        font-size: 2em;
    }
    .banner__content__heading img{
        width: 50px!important;
    }
    .banner__content__text{
        font-size: 1.25em;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .banner__left{
        width: 66%;
    }
    .banner__right{
        width: 34%;
    }
    .banner__right .background__plate{
        background-color: transparent;
    }
}
@media (max-width: 768px){
    .banner__content{
        padding: 0 15px;
    }
    .banner__item{
        height: auto;
    }
    .catalog .banner__item{
        height: auto;
    }
    .banner__left{
        height: 350px;
    }
    .catalog .banner__left{
        height: 180px;
        display: none;
    }

    .catalog .banner__right{
        height: 240px;
    }

    .banner__content__heading,
    .catalog .banner__content__heading{
        padding: 25px 0 0;
        height: auto;
        font-size: 2em;
    }
    .banner__content__heading img{
        display: none!important;
    }
    .banner__content__text,
    .catalog .banner__content__text{
        height: auto;
        margin: 25px 0 0;
        text-transform: none;
        font-family: Museo-500, sans-serif;
        font-size: 1.125em;
    }
    .banner__item .background__plate{
        background-image: none!important;
    }
    .banner__item .background__plate > span{
        display: none;
    }

    .banner__items .owl-dots {
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        right: 0;
    }

    .banner__item .background__image-rear{
        display: none;
    }
    .banner__item .background__image-rear-mobile{
        display: block;
    }
}
@media (max-width: 767px){
    .banner__right{
        height: 250px;
    }

}

/*Banner*/

/*Catalog promo*/

.catalog__promos{
    margin: 15px 0 30px;
}
.catalog__promo{
    height: 75px;
    position: relative;
    transition: all .3s ease;
    background-color: #00bfd7;
}
.catalog__promos .owl-item:nth-of-type(even) .catalog__promo{
    background-color: #73dce9;
}
.catalog__promo:hover{
    opacity: .7;
}
.catalog__promo__content{
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.catalog__promo__img{
    width: 55px;
    margin: 0 15px 0 0;
}
.catalog__promo__img img{
    width: 55px;
}
.catalog__promo__name{
    font-size: .9rem;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-family: Prosto-Bold, sans-serif;
}
.catalog__promo a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Catalog promo*/

/*sidebar banner*/

.catalog__sidebar__banner{
    margin-top: 40px;
    position: relative;
}
.catalog__sidebar__banner a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.catalog__sidebar__banner.topstyle .heading{
    position: absolute;
    top: 127px;
    left: 27px;
    color: #e6d1aa;
    font-size: 1.25em;
}
@media only screen and (max-width: 991px){
    .catalog__sidebar__banner{
        display: none;
    }
}

/*sidebar banner*/

.fancybox-share{
    max-width: 214px;
}

.product-item--news .product-item__characteristics{
    width: 100%;
    margin: 15px 0;

}
.product-item--news .product-item__characteristic__property{
    overflow: visible;
    white-space: normal;
    text-overflow: unset;
}

.product-tabs__innovations{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.product-tabs__innovation{
    width: 25%;
    box-sizing: border-box;
    padding-right: 20px;
}

.product-item__characteristics {
    margin: 15px 15px;
}

#eac-container-service-centers__city ul.isEmpty{
    display: block!important;
}
#eac-container-service-centers__city ul.isEmpty li{
    height: auto;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 18px;
}
#eac-container-service-centers__city ul.isEmpty .eac-item{
    white-space: normal;
    overflow: auto;

}


.content-block__preview.is--index-banner.is--hide_chess::before{
    background: none!important;
}

.footer__item__inner{
    max-width: 200px!important;
}
.social__list .icon.icon__tiktok-gray{
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/tiktok_logo.svg?123);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.social__list .icon.icon__tiktok-gray:hover{
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/tiktok_logo_hover.svg);
}

.social__list .icon.icon__rutube-gray{
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/Icon_RUTUBE_grey_mono.svg?123);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.social__list .icon.icon__rutube-gray:hover{
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/Icon_RUTUBE_grey_mono_hover.svg);
}

.social__list .icon.icon__telegram-gray{
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/telegram_logo.svg?124);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.social__list .icon.icon__telegram-gray:hover{
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/telegram_logo_hover.svg?124);
}
.social__list .icon.icon__dzen-gray{
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/dzen-logo-icon-black.svg?126);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.social__list .icon.icon__dzen-gray:hover{
    background-image: url(/local/templates/rs.scarlett/assets/img/svg/dzen-logo-icon-black_hover.svg?126);
}
.where-buy-global-modal-btn{
    cursor: pointer;
}
#product-card-city-modal + #where-buy-global-modal{
    display: none;
}



.card__insurance__inner{
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
}
.card__insurance__inner img{
    width: 35px;
}
.card__insurance__inner span{
    font-family: Prosto-Bold, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 15px;
    font-size: 1.25em;
    color: #003c74;
}
.card__insurance__inner a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.catalog__section__text{
    line-height: 1.625;
    margin-top: 30px;
    margin-bottom: 20px;
}

.catalog__section__text h2,
.catalog__section__text h3,
.catalog__section__text h4,
.catalog__section__text h5{
    margin: 15px 0 10px;
}

.catalog__section__text ul{
     padding: 15px 0 15px 20px;
     list-style: disc;
 }
.catalog__section__text ol{
    padding: 15px 0 15px 20px;
    list-style: decimal;
}
.catalog__section__text ol li,
.catalog__section__text ul li{
    margin-bottom: 7px;
}

.composite__heading{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.composite__heading a{
    color: #00c4d9;
    display: inline-block;
    margin-bottom: 25px!important;
    text-decoration: underline;
}

.video_item{
    margin-bottom: 20px;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
/* End */
/* /local/templates/rs.scarlett/assets/css/icomoon-icons.css?15987350511102 */
/* /local/templates/rs.scarlett/assets/libs/Remodal/remodal-default-theme.css?15987350513698 */
/* /local/templates/rs.scarlett/assets/libs/Remodal/remodal.css?1598735051727 */
/* /local/templates/rs.scarlett/assets/libs/Magnific-Popup-master/dist/magnific-popup.css?15987350516951 */
/* /local/templates/rs.scarlett/assets/css/main.css?1750104202276986 */
/* /local/templates/rs.scarlett/assets/css/main.topstyle.css?17277976871189 */
/* /local/templates/rs.scarlett/assets/css/programmer.css?174595428216327 */