/* Start:/bitrix/templates/sroymat/css/normalize.css?16245497107719*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* End */


/* Start:/bitrix/templates/sroymat/assets/slick-1.8.0/slick/slick.css?16245497101776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

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

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/sroymat/assets/fancybox-master/dist/jquery.fancybox.min.css?162454970913894*/
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.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:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.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:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;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:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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>div{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 .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;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-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 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;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.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;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);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{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.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}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-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;min-width:100%;min-height:100%;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-radius:2px;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}}
/* End */


/* Start:/bitrix/templates/sroymat/assets/Remodal-master/dist/remodal.css?16245497091602*/
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.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: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* End */


/* Start:/bitrix/templates/sroymat/assets/Remodal-master/dist/remodal-default-theme.css?16245497095718*/
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.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;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.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-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.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;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.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 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  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;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-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(0.95);
    transform: scale(0.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(0.95);
    transform: scale(0.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 queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

/* End */


/* Start:/bitrix/templates/sroymat/assets/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.min.css?162454971042839*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/bitrix/templates/sroymat/assets/malihu-custom-scrollbar-plugin-master/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* End */


/* Start:/bitrix/templates/sroymat/css/bootstrap-grid.css?162454971011535*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

/* End */


/* Start:/bitrix/templates/sroymat/css/bootstrap-form-only.css?162454971031042*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=a81c16142ddfc1d53adca96b0409ccc4)
 * Config saved to config.json and https://gist.github.com/a81c16142ddfc1d53adca96b0409ccc4
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.clearfix:before,
.clearfix:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
.clearfix:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

/* End */


/* Start:/bitrix/templates/sroymat/assets/lcdsantos-jQuery-Selectric/public/selectric.css?16245497104299*/
/*======================================
  Selectric v1.13.0
======================================*/

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

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #F8f8f8;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

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

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

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

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

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

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

/* End */


/* Start:/bitrix/templates/sroymat/css/style.css?177343809086720*/
body {
    font-family: 'Roboto',sans-serif
}

input {
    font-family: 'Roboto',sans-serif
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
}

.header {
    z-index: 100;
    top: 0;
    right: 0;
    left: 0
}

.header-top {
    min-height: 35px;
    background-color: #00796b;
    padding-left: 65px;
    padding-right: 65px;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between
}

.header-top__gradient {
    width: 51px;
    position: absolute;
    right: 0;
    height: 35px;
    background-image: url(/bitrix/templates/sroymat/css/../images/top_menu_gradient.png);
    background-size: 30px 30px;
    pointer-events: none;
    z-index: 1;
    display: none
}

.top-menu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0;
    padding: 0
}

.top-menu__element {
    display: inline;
    margin-right: 40px;
    padding-top: 10px
}

.top-menu__element a {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    white-space: nowrap
}

.user-menu {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.header-bottom__user-menu {
    position: absolute;
    left: 250px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #00796b;
    display: none
}

.user-menu__element {
    padding-top: 10px;
    display: inline;
    margin-left: 35px;
    background-repeat: no-repeat;
    padding-left: 37px;
    background-position: 0 7px
}

.user-menu__element a {
    color: #fff;
    font-weight: 400;
    font-size: 16px
}

.user-menu__element_fav {
    background-image: url(/bitrix/templates/sroymat/css/../images/stroy-hearth.png)
}

.user-menu__element_reg {
    background-image: url(/bitrix/templates/sroymat/css/../images/stroy-user.png)
}

.user-menu__element_enter {
    padding-left: 32px;
    background-image: url(/bitrix/templates/sroymat/css/../images/stroy-lock.png)
}

.header-middle {
    min-height: 122px;
    background-color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 40px;
    padding-top: 37px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0 !important;
}
.header-middle_fixed {
	z-index: 113 !important;
}

.top-logo {
    height: 60px;
    width: 230px;
    background-image: url(/bitrix/templates/sroymat/css/../images/stroy-logo.png);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-right: 65px
}

.top-phones {
    height: 60px;
    width: 245px;
    text-align: right;
    background-image: url(/bitrix/templates/sroymat/css/../images/phone_new.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    margin-right: 60px
}

.top-phones p {
    margin: 0
}

.top-phones a {
    color: #000;
    font-size: 20px;
    text-decoration: none;
    font-weight: 300
}

.top-phones p:first-child a {
    font-size: 25px;
    font-weight: 400
}

.top-phones p:last-child a {
    color: #F52B2B;
    font-size: 19.9px;
    text-decoration: underline;
    cursor: pointer
}

.top-max,.top-telegram {
    height: 47px;
    width: 47px;
    display: inline-block;
    margin-right: 50px;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.top-max {
    background-image: url(/bitrix/templates/sroymat/css/../images/MAX.png)
}

.top-telegram {
    background-image: url(/bitrix/templates/sroymat/css/../images/telegram.png)
}

.top-time {
    background-image: url(/bitrix/templates/sroymat/css/../images/clock.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    margin-right: 90px
}

.top-time p {
    margin: auto;
    font-size: 20px;
    font-weight: 300;
    padding-left: 42px
}

.top-time p:first-child {
    font-weight: 400;
    font-size: 23px
}

.top-time p:last-child {
    color: #F52B2B
}

.top-time p sup {
    font-size: 12px
}

.header-sale {
    background-image: url(/bitrix/templates/sroymat/css/../images/stry-percent.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 60px;
    width: 180px;
    padding-left: 70px;
    padding-top: 6px;
    margin-right: 50px
}

.header-sale a {
    color: #263238;
    font-size: 16.5px;
    font-weight: 300
}

.header-pay {
    background-image: url(/bitrix/templates/sroymat/css/../images/stry-wallet.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 60px;
    width: 210px;
    padding-left: 75px;
    padding-top: 6px;
    margin-right: 45px
}

.header-pay a {
    color: #263238;
    font-size: 16.5px;
    font-weight: 300
}

.header-cart {
    margin-right: 10px;
    background-image: url(/bitrix/templates/sroymat/css/../images/stry-cart.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 60px;
    width: 210px;
    padding-left: 80px;
    padding-top: 6px
}

.header-cart a {
    color: #263238;
    font-size: 16.5px;
    font-weight: 300;
    position: relative;
    z-index: 12
}

.header-bottom {
    min-height: 36px;
    background-color: #fdd835;
    border-top: 1px solid #d1b10b;
    border-bottom: 1px solid #d1b10b;
    position: relative
}

.catalog-menu {
    min-height: 36px;
    width: 260px;
    background-color: #d32f2f;
    position: relative;
    padding-left: 155px;
    padding-top: 8px
}

.catalog-menu__burger {
    position: absolute;
    left: 95px;
    top: 8px;
    cursor: pointer;
    height: 20px;
    width: 25px
}

.catalog-menu__burger div {
    width: 25px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.catalog-menu__burger div:nth-child(1) {
    top: 0
}

.catalog-menu__burger div:nth-child(2) {
    top: 9px
}

.catalog-menu__burger div:nth-child(3) {
    top: 18px
}

.catalog-menu__burger_active div:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 9px
}

.catalog-menu__burger_active div:nth-child(2) {
    opacity: 0;
    top: 18px
}

.catalog-menu__burger_active div:nth-child(3) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px
}

.catalog-menu__title {
    color: #fff;
    font-weight: 300;
    cursor: pointer
}

.catalog-menu__title span {
    border-bottom: 1px solid #fff
}

.header-search {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fdd835;
    padding-left: 5px;
    padding-right: 50px;
    padding-top: 3px;
	width: 930px;
}

.header-search::before {
    position: absolute;
    content: '';
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 12px 18px 0;
    border-color: transparent #fdd835 transparent transparent
}

.header-search__inner {
    position: relative;
	top: -10px;
}

.header-search__input {
    width: 100%;
    height: 50px;
    border: 2px solid #fdd835;
    border-radius: 15px;
    padding-left: 15px;
}

.header-search__input:focus {
	outline: none !important;
	border: 2px solid #fdd835;
}

.header-search__icon {
    height: 18px;
    width: 18px;
    background-image: url(/bitrix/templates/sroymat/css/../images/search_icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 6px;
    top: 5px;
    pointer-events: none
}

.section_top-catalog {
    padding-top: 56px
}

.top-catalog {
    position: relative
}

.top-catalog__hider {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);
    z-index: 3;
    pointer-events: none
}

.top-catalog__content {
    width: 100%;
    height: 650px;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 36px;
    padding-right: 36px
}

.top-catalog__content-inner {
    height: 650px;
    width: 3330px;
    background-color: #fff;
    position: relative
}

.top-catalog__element {
    position: absolute;
    border: 1px solid #4a4a4a;
    background-color: #ccc;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center
}

.top-catalog__element_1 {
    width: 780px;
    height: 390px;
    left: 0;
    top: 0;
    background-image: url(/bitrix/templates/sroymat/css/../images/stroy1.jpg)
}

.top-catalog__element_2 {
    width: 415px;
    height: 390px;
    left: 800px;
    top: 0;
    background-image: url(/bitrix/templates/sroymat/css/../images/stroy2.jpg)
}

.top-catalog__element_3 {
    width: 280px;
    height: 240px;
    left: 0;
    top: 410px;
    background-image: url(/bitrix/templates/sroymat/css/../images/stroy3.jpg)
}

.top-catalog__element_4 {
    width: 405px;
    height: 240px;
    left: 300px;
    top: 410px;
    background-image: url(/bitrix/templates/sroymat/css/../images/stroy4.jpg)
}

.top-catalog__element_5 {
    width: 490px;
    height: 240px;
    left: 725px;
    top: 410px;
    background-image: url(/bitrix/templates/sroymat/css/../images/stroy5.jpg)
}

.top-catalog__element_6 {
    width: 355px;
    height: 650px;
    left: 1235px;
    top: 0;
    background-image: url(/bitrix/templates/sroymat/css/../images/stroy6.jpg)
}

.top-catalog__element_7 {
    width: 270px;
    height: 300px;
    left: 1610px;
    top: 0;
    background-image: url(/bitrix/templates/sroymat/css/../images/kolodci.png)
}

.top-catalog__element_8 {
    width: 270px;
    height: 300px;
    left: 1900px;
    top: 0;
    background-image: url(/bitrix/templates/sroymat/css/../images/oblicovochnyy_kirpich.png)
}

.top-catalog__element_9 {
    width: 560px;
    height: 330px;
    left: 1610px;
    top: 320px;
    background-image: url(/bitrix/templates/sroymat/css/../images/armatura_kompositnaya.png)
}

.top-catalog__element_10 {
    width: 560px;
    height: 300px;
    left: 2190px;
    top: 0;
    background-image: url(/bitrix/templates/sroymat/css/../images/blok-chaos.png)
}

.top-catalog__element_11 {
    width: 270px;
    height: 330px;
    left: 2190px;
    top: 320px;
    background-image: url(/bitrix/templates/sroymat/css/../images/gvozdi.png)
}

.top-catalog__element_12 {
    width: 270px;
    height: 330px;
    left: 2480px;
    top: 320px;
    background-image: url(/bitrix/templates/sroymat/css/../images/gruntovka.png)
}

.top-catalog__element_13 {
    width: 270px;
    height: 300px;
    left: 2770px;
    top: 0;
    background-image: url(/bitrix/templates/sroymat/css/../images/elektrika.png)
}

.top-catalog__element_14 {
    width: 270px;
    height: 300px;
    left: 3060px;
    top: 0;
    background-image: url(/bitrix/templates/sroymat/css/../images/professionalnaya-bytovaya-khimiya-.png)
}

.top-catalog__element_15 {
    width: 560px;
    height: 330px;
    left: 2770px;
    top: 320px;
    background-image: url(/bitrix/templates/sroymat/css/../images/elektoinstrument.png)
}

.top-catalog__element::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: -moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 94%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 94%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 94%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=0);
    opacity: .4;
    z-index: 1
}

.top-catalog__element-title-cnt {
    height: 93px;
    background-color: rgba(0,0,0,0.4);
    font-size: 50px;
    margin: 0;
    padding-left: 30px;
    padding-top: 18px;
    position: relative;
    z-index: 2
}

.top-catalog__element-sub-cnt {
    position: relative;
    z-index: 2;
    padding-left: 65px;
    padding-top: 40px;
    padding-bottom: 30px
}

.top-catalog__element-sub-cnt::before {
    position: absolute;
    width: 260px;
    top: 0;
    bottom: 0;
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
    content: '';
    left: 0;
    z-index: 1;
    opacity: .5
}

.top-catalog__element-title {
    font-size: 50px;
    font-weight: 100;
    color: #fff;
    display: inline;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px
}

.top-catalog__sub-menu {
    padding: 0;
    margin: 0;
    z-index: 2;
    position: relative
}

.top-catalog__sub-menu-element {
    display: block;
    padding-bottom: 15px
}

.top-catalog__sub-menu-element a {
    color: #fff;
    font-weight: 300;
    font-size: 16.5px
}

.top-catalog__btn {
    padding-left: 40px;
    padding-right: 40px;
    height: 40px;
    background-color: rgba(0,0,0,0.35);
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    font-size: 16.5px;
    border-radius: 20px;
    text-align: center;
    line-height: 38px;
    display: inline-block;
    z-index: 2;
    position: relative;
    margin-left: 35px
}

.top-catalog__btn span {
    margin-right: 20px
}

.top-catalog__btn_solo {
    margin-top: 40px;
    padding-left: 45px;
    padding-right: 45px
}

.top-catalog__bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 66px
}

.scroll {
    height: 40px;
    position: relative
}

.scroll_top-catalog {
    margin-right: 65px;
    width: 1375px
}

.scroll:before {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #263238;
    top: 0;
    bottom: 0;
    margin: auto;
    content: ''
}

.scroll__bar {
    height: 40px;
    width: 940px;
    border-radius: 20px;
    background-color: #00796b;
    border: 1px solid #005549;
    text-align: center;
    line-height: 38px;
    font-size: 16.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
    font-weight: 300;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    cursor: pointer;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.scroll__bar:hover,.scroll__bar:active {
    color: rgba(255,255,255,0.8)
}

.scroll__bar span {
    margin-left: 100px;
    margin-right: 100px
}

.button {
    max-width: 345px;
    height: 40px;
    background-color: #d32f2f;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    font-size: 16.5px;
    border-radius: 20px;
    text-align: center;
    line-height: 38px;
    display: block;
    position: relative;
    border: none;
    cursor: pointer;
    width: 100%
}

.button span {
    border-bottom: 1px solid #fff
}

.button_top {
    z-index: 4;
    min-width: 200px
}

.button_items-list {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px
}

.section_top-slider {
    min-height: 370px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
  /*  background-size: cover;
    background-position: center center;
    background-image: url(/bitrix/templates/sroymat/css/../images/slider-bg.jpg); */
}

.top-slider__element {
    min-height: 370px;
    background-image: url(/bitrix/templates/sroymat/css/../images/slider-element-bg.png);
    background-repeat: no-repeat;
    background-position: right 10px top
}

.top-slider__text {
    font-size: 50px;
    font-weight: 100;
    color: #fff;
    margin: 0
}

.top-slider__text-percent {
    font-size: 100px;
    font-weight: 300
}

.top-slider__text_first-line {
    padding-left: 180px;
    padding-top: 70px
}

.top-slider__text_second-line {
    padding-left: 490px;
    padding-top: 55px
}

.section_items-list {
    background-color: #f8f8f8;
    min-height: 1300px;
    padding-right: 40px;
    padding-bottom: 55px;
    position: relative
}

.section_items-list_no-btn {
    min-height: 300px;
    padding-bottom: 80px
}

.section_items-list_catalog {
    padding-top: 40px;
    min-height: 100px;
    padding-bottom: 30px
}

.section__title {
    font-size: 40px;
    font-weight: 300;
    margin: 0;
    color: #404040;
    padding-top: 50px;
    padding-left: 70px;
    margin-bottom: 30px
}

.section__title-link {
    text-decoration: none;
    color: red
}

.section__title-link span {
    border-bottom: 1px solid red;
    position: relative
}

.section__title-link span::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 6px 0;
    border-color: #eb1717 transparent transparent;
    right: -25px;
    top: 33px
}

.section__title_green {
    color: #00796b;
    padding-left: 67px;
    padding-top: 80px
}

.items-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 40px
}

.items-list__element {
    height: 467px;
    min-width: calc(20% - 20px);
    max-width: calc(20% - 20px);
    margin: 20px 10px;
    border: 1px solid #989898;
    background-color: #fff;
    -webkit-transition: box-shadow .1s;
    -o-transition: box-shadow .1s;
    transition: box-shadow .1s;
    text-align: center;
    text-decoration: none;
    position: relative
}

.items-list__element_mini-catalog {
    min-width: calc(50% - 140px);
    margin: 40px 70px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 487px
}

.items-list__element_catalog {
    min-width: calc(25% - 20px);
    max-width: calc(25% - 20px)
}

.items-list__lucky {
    position: absolute;
    left: 20px;
    top: -20px;
    background-color: #f20d0d;
    color: #fff;
    font-size: 20.5px;
    font-weight: 300;
    padding: 6px 12px
}

.tems-list__e-cart {
    position: absolute;
    width: 26px;
    height: 23px;
    background-image: url(/bitrix/templates/sroymat/css/../images/item-cart.png);
    background-repeat: no-repeat;
    right: 20px;
    top: 420px;
    z-index: 1
}

.tems-list__e-cart_catalog {
    top: 405px
}

.tems-list__e-favor {
    position: absolute;
    width: 23px;
    height: 21px;
    background-image: url(/bitrix/templates/sroymat/css/../images/item-heart1.png);
    background-repeat: no-repeat;
    right: 20px;
    top: 90px;
    z-index: 1;
	filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(40%) hue-rotate(134deg) brightness(115%) contrast(72%);
}

.tems-list__e-favor_catalog {
    top: 75px
}

.tems-list__e-discount {
    position: absolute;
    width: 55px;
    height: 55px;
    background-color: #e41e1e;
    background-repeat: no-repeat;
    right: 15px;
    top: 165px;
    z-index: 1;
    border-radius: 50%;
    color: #fff;
    font-weight: 300;
    font-size: 12.5px;
	display: flex;
	justify-content: center;
    align-items: center;
}

.tems-list__e-discount_catalog {
    top: 115px
}

.items-list__element:hover {
    -webkit-box-shadow: 0 10px 20px -4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 10px 20px -4px rgba(0,0,0,0.3);
    box-shadow: 0 10px 20px -4px rgba(0,0,0,0.3)
}

.items-list__element_big {
    min-width: calc(40% - 20px);
    border: 1px solid #000;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center
}

.items-list__element_big:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.items-list__element_super-big {
    min-width: calc(60% - 20px);
    border: 1px solid #000;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center
}

.items-list__element_catalog-super-big {
    min-width: calc(75% - 20px)
}

.items-list__element_super-big:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.items-list__element_catalog-big {
    min-width: calc(50% - 20px)
}

.items-list__element-title {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 16.5px;
    font-weight: 300;
    margin: 0;
    color: #424242;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
    transition: color .4s
}

.items-list__element-title:hover {
    color: red;
    transition: color .4s
}

.items-list__element-title_mute {
    color: #757575
}

.items-list__element-separator {
    margin-left: 30px;
    margin-right: 30px;
    background-color: #e3e3e3;
    height: 1px
}

.items-list__element-image {
    height: 230px;
    background-image: url(/bitrix/templates/sroymat/css/../images/fugen.jpg);
    background-repeat: no-repeat;
    background-position: center center
}

.items-list__element-name {
    color: #00796b;
    font-size: 20.8px;
    font-weight: 300;
    text-align: center;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: auto;
    text-decoration: none;
    display: inline-block
}

.items-list__element-add-info {
    color: #bababa;
    font-size: 16.5px;
    font-weight: 300;
    text-align: center;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 20px
}

.items-list__element-add-info_catalog {
    padding-bottom: 5px
}

.items-list__element-old-price {
    display: none;
    text-align: center;
    font-size: 20.8px;
    font-weight: 300;
    margin: 0;
    padding-top: 20px;
    color: #000
}

.items-list__element-old-price span {
    position: relative;
    color: #000
}

.items-list__element-old-price span:before {
    position: absolute;
    content: '';
    height: 1px;
    background-color: red;
    left: -5%;
    top: 13px;
    width: 110%
}

.items-list__element-price {
    font-size: 29px;
    color: red;
    font-weight: 300;
    text-align: center;
    margin: 0;
    padding-top: 30px
}
.items-list__element-price span {
	color: grey;
}

.section__tips {
    min-height: 180px;
    background-color: #fff;
    padding-bottom: 80px;
	position: relative;
}

.section__tips_catalog {
    background: none
}

.tips-slider {
    max-width: 1165px;
    margin-left: 135px;
    margin-right: 135px;
    margin-top: 60px
}

.tips-slider_catalog {
    max-width: 100%
}

.tips-slider__item {
    max-width: 1165px;
    position: relative;
    z-index: 3
}

.tips-slider__item_catalog {
    max-width: 100%
}

.tips-slider__text {
    font-size: 16.6px;
    font-weight: 300;
    line-height: 28px
}

.tips-slider__link {
    font-size: 16.5px;
    color: red;
    font-weight: 300;
    text-decoration: none;
    margin-top: 15px;
    display: inline-block;
    position: relative;
    z-index: 5
}

.tips-slider__link span {
    border-bottom: 1px solid #d32f2f;
    padding-bottom: 3px;
    display: block
}

.top-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 26px;
    height: 99px;
    border: none;
    color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    outline: none;
    cursor: pointer
}

.top-slider .slick-prev {
    background-image: url(/bitrix/templates/sroymat/css/../images/arrow-left.png);
    left: 35px;
    z-index: 2
}

.top-slider .slick-next {
    background-image: url(/bitrix/templates/sroymat/css/../images/arrow-right.png);
    right: 35px;
    z-index: 2
}

.top-slider .slick-dots {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    padding-left: 0;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto
}

.top-slider .slick-dots li {
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 0 11px;
    cursor: pointer
}

.top-slider .slick-dots li.slick-active {
    background-color: #fff
}

.top-slider .slick-dots li button {
    display: none
}

.tips-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 99px;
    border: none;
    color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    outline: none;
    cursor: pointer
}

.tips-slider .slick-prev {
    background-image: url(/bitrix/templates/sroymat/css/../images/arrow-left-b.png);
    left: -70px;
    z-index: 2
}

.tips-slider .slick-next {
    background-image: url(/bitrix/templates/sroymat/css/../images/arrow-right-b.png);
    right: -70px;
    z-index: 2
}

.tips-slider .slick-dots {
    width: 350px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    padding-left: 0;
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1
}

.tips-slider .slick-dots li {
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 1px solid #7f7f7f;
    margin: 0 11px;
    cursor: pointer
}

.tips-slider .slick-dots li.slick-active {
    background-color: #7f7f7f
}

.tips-slider .slick-dots li button {
    display: none
}

.section__calc {
    min-height: 670px;
    background-color: #fff;
    background-image: url(/bitrix/templates/sroymat/css/../images/calc-icon.png);
    background-repeat: no-repeat;
    background-position: right 100px bottom 100px
}

.calc-list {
    width: 1360px;
    margin-left: 70px;
    margin-top: 70px
}

.calc-list-text {
    font-size: 16.5px;
    font-weight: 300;
    margin-left: 50px;
    line-height: 30px
}

.cl-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 75px
}

.cl-list__item {
    min-width: 33%;
    font-size: 25px;
    font-weight: 300;
    color: red;
    padding-bottom: 25px
}

.cl-list__item a {
    text-decoration: none;
    color: #000;
    margin-left: 20px
}

.cl-list__item a:hover span {
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
    color: #00796b
}

.section__text {
    font-size: 16.5px;
    font-weight: 300;
    padding-left: 120px;
    padding-right: 120px;
    line-height: 30px
}

.section__title_green_margin {
    margin-bottom: 75px
}

.section__welcome {
    padding-bottom: 0;
}

.section__recently-seen {
    min-height: 520px;
    background-color: #f8f8f8;
    position: relative
}

.rc-list {
    width: 100%;
    height: 163px;
    overflow: hidden;
    position: relative;
    margin-top: 30px
}

.rc-list__inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: absolute;
    left: 0
}

.rc-list__item {
    min-width: 438px;
    height: 163px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    margin-right: 42px;
    margin-left: 42px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.rc-list__item:hover {
    -webkit-box-shadow: 0 10px 20px -4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 10px 20px -4px rgba(0,0,0,0.3);
    box-shadow: 0 10px 20px -4px rgba(0,0,0,0.3);
    border: 1px solid #fff
}

.rc-list__item-img {
    min-width: 140px;
    height: 90%;
    -ms-align-self: center;
    align-self: center;
    margin-left: 10px;
    margin-right: 10px;
    background-image: url(/bitrix/templates/sroymat/css/../images/kauff-recent.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain
}

.rc-list__link {
    text-decoration: none
}

.rc-list__item-title {
    font-size: 16.5px;
    color: #757575;
    font-weight: 300;
    margin-top: 35px
}

.rc-list__item-name {
    color: #00796b;
    font-size: 20.8px;
    font-weight: 300;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: auto;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px
}

.rc-list__item-price {
    font-size: 20.8px;
    font-weight: 300;
    margin: 0;
    color: #000;
    margin-top: 10px
}

.scroll_recent {
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 80px
}

.rc__hider {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(248,248,248,1) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(248,248,248,1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(248,248,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#f8f8f8',GradientType=1);
    z-index: 3;
    pointer-events: none
}

.footer {
    position: relative;
    z-index: 111
}

.footer__top {
    min-height: 410px;
    border-top: 1px solid #d3b40d;
    border-bottom: 1px solid #d3b40d;
    background-color: #fdd835
}

.footer__bottom {
    min-height: 240px;
    background-color: #fff
}

.footer__title {
    font-size: 50px;
    font-weight: 300;
    margin: 0;
    color: #000;
    padding-top: 50px;
    padding-left: 70px;
    margin-bottom: 30px
}

.footer__flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 95px
}

.footer__catalog {
    max-width: 1300px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px
}

.footer__catalog-item {
    min-width: 25%;
    font-size: 20.5px;
    text-decoration: none;
    color: #000;
    font-weight: 300;
    margin-bottom: 17px
}

.footer__logo {
    height: 70px;
    width: 230px;
    background-image: url(/bitrix/templates/sroymat/css/../images/logo_new.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin-left: 30px;
    margin-top: 10px
}

.footer__phones {
    height: 60px;
    width: 200px;
    text-align: right;
    background-image: url(/bitrix/templates/sroymat/css/../images/phone.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    margin-left: 27px;
    margin-top: 30px
}

.footer__phones p {
    margin: 0
}

.footer__phones a {
    color: #000;
    font-size: 20px;
    text-decoration: none;
    font-weight: 300
}

.footer__soc {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-left: 65px;
    margin-top: 12px
}

.footer__soc-item {
    display: block;
    height: 31px;
    width: 31px;
    margin-right: 5px;
    background-image: url(/bitrix/templates/sroymat/css/../images/soc_sprite2.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.footer__icon-zen {
    background-position: -34.5px 0
}

.footer__soc-item_g {
    background-position: -68px 0
}

.footer__soc-item_ok {
    background-position: -102px 0
}

.footer__soc-item_vk {
    background-position: -137px 0
}

.footer__text {
    font-size: 16.5px;
    font-weight: 300;
    margin: 0;
    line-height: 30px;
    padding-left: 120px;
    padding-top: 60px
}

.catalog-menu__wraper {
    position: absolute;
    left: 0;
    top: 36px;
    right: 0;
    z-index: 10;
    background-color: #fff;
    max-height: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden
}

.catalog-menu__wraper_active {
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    max-height: 1500px
}

.catalog-menu__inner {
    background-color: #ddd;
    border-left: 8px solid #d32f2f;
    border-right: 8px solid #d32f2f;
    border-top: 8px solid #d32f2f;
    border-bottom: 8px solid #d32f2f;
    background-color: #d32f2f;
    position: relative
}

.catalog-menu__list-cnt {
    width: 84%;
    background-color: #fff;
    min-height: 400px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    z-index: 2;
    position: relative
}

.catalog-menu__mobile-panel {
    background-color: #fff;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: none
}

.catalog-menu__mobile-back-link {
    font-size: 13px;
    font-weight: 300;
    color: #c9c9c9;
    text-decoration: none;
    visibility: hidden
}

.catalog-menu__mobile-back-link span {
    margin-right: 5px
}

.catalog-menu__items-list {
    z-index: 1;
    padding-left: 0;
    width: 66.6%;
    margin-left: 0;
    margin-right: 0
}

.cm-list {
    padding: 0;
    margin: 0;
    display: block;
    background-color: #fff;
    width: 33.3%;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    padding-left: 66px;
    z-index: 2;
    -webkit-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s
}

.cm-list_second {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    background-color: #eee;
    opacity: 0;
    visibility: hidden
}

.cm-list_third {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    visibility: hidden
}

.cm-list__item {
    padding-right: 40px;
    display: block
}

.cm-list__item a {
    display: block;
    font-size: 20px;
    font-weight: 300;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #c6c6c6;
    position: relative;
    padding: 10px 55px 10px 15px
}
.special_offer {
    background-color: red;
	color: #fff !important;
	font-weight: 700 !important;
}

.cm-list__item:hover > a {
    border-bottom: 1px solid red
}

.cm-list__item_sub > a::after {
    content: '>>>';
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 25px;
    color: red
}

.cm-list__item:hover > .cm-list_second {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: 1;
    visibility: visible
}

.cm-list__item:hover > .cm-list_third {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: 1;
    visibility: visible
}

.catalog-menu__baner {
    position: absolute;
    width: 302px;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #999;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(/bitrix/templates/sroymat/css/../images/catalog-menu-baner.jpg);
    z-index: 1
}

.top-catalog__top-catalog-cnt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 3;
    background-color: rgba(0,0,0,0.3);
    border-bottom: 1px solid #fff;
    overflow: hidden;
    display: none
}

.catalog-titles {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0;
    padding: 0;
    width: 3230px;
    z-index: 1111;
    position: relative
}

.catalog-titles__items {
    display: inline;
    height: 43px;
    padding: 0;
    outline: none
}

.catalog-titles__link {
    color: #fff;
    text-decoration: none;
    font-size: 16.5px;
    font-weight: 100;
    display: block;
    height: 43px;
    padding-left: 40px;
    padding-right: 80px;
    padding-top: 12px;
    white-space: nowrap;
    outline: none
}

.tips-header-slider {
    width: 70%
}

.tips-header-slider_header {
    width: 100%
}

.gallery-slider {
    width: 100%;
    max-width: 1240px;
    margin: auto;
    margin-top: 60px
}

.gallery-slider__inner:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);
    z-index: 111
}

.gallery-slider__item {
    height: 230px;
    background-image: url(/bitrix/templates/sroymat/css/../images/gallery-slider.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 20px
}

.gallery-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 99px;
    border: none;
    color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    outline: none;
    cursor: pointer
}

.gallery-slider .slick-prev {
    background-image: url(/bitrix/templates/sroymat/css/../images/arrow-left-b.png);
    left: -55px;
    z-index: 2
}

.gallery-slider .slick-next {
    background-image: url(/bitrix/templates/sroymat/css/../images/arrow-right-b.png);
    right: -55px;
    z-index: 2
}

.gallery-slider .slick-dots {
    width: 350px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    padding-left: 0;
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1
}

.gallery-slider .slick-dots li {
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 1px solid #7f7f7f;
    margin: 0 11px;
    cursor: pointer
}

.gallery-slider .slick-dots li.slick-active {
    background-color: #7f7f7f
}

.gallery-slider .slick-dots li button {
    display: none
}

.gallery-slider__link {
    font-size: 16.5px;
    color: red;
    font-weight: 300;
    text-decoration: none;
    margin-top: 35px;
    margin-left: 20px;
    display: inline-block;
    position: relative;
    z-index: 5
}

.gallery-slider__link span {
    border-bottom: 1px solid #d32f2f;
    padding-bottom: 3px;
    display: block
}

.pagination {
    background-color: #f8f8f8;
    text-align: center;
    padding-bottom: 50px
}

.pagination__cnt {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    background-color: #fff;
    padding-right: 15px;
    padding-left: 5px
}

.pagination__item {
    display: block;
    padding: 15px 18px;
    position: relative
}

.pagination__link {
    font-size: 20.5px;
    font-weight: 300;
    color: #000;
    text-decoration: none
}

.pagination__link_arrow {
    color: red
}

.pagination__link_active {
    color: red
}

.pagination__link_active span {
    border-bottom: 1px solid red
}

.pagination__link_top-arrow {
    background-image: url(/bitrix/templates/sroymat/css/../images/up-arrow.png);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center
}

.catalog-panel {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 40px;
	align-items: center;
}

.catalog-panel__item {
    color: #949494;
    font-size: 16.5px;
    font-weight: 300;
    margin-right: 50px;
}
.catalog-panel__item_sort {
	margin-bottom: 15px;
	margin-top: 15px;
}
.catalog-panel__item_num {
	display: flex;
}

.catalog-panel__item_view {
    margin-left: auto;
    margin-right: 0
}

.catalog-panel__link {
    color: #949494;
    text-decoration: none;
    margin: 0 10px
}

.catalog-panel__link_active {
    color: red
}

.catalog-panel__link_price span {
    padding-right: 29px;
    position: relative
}

.catalog-panel__link_price span::after {
    position: absolute;
    content: '';
    width: 22px;
    height: 11px;
    background-image: url(/bitrix/templates/sroymat/css/../images/price-order-icon.png);
    background-position: -22px 0;
    right: 1px;
    top: 0;
    bottom: 0;
    margin: auto
}

.catalog-panel__link_active span {
    border-bottom: 1px solid red
}

.catalog-panel__link_active span::after {
    background-position: 0 0
}

.catalog-panel__view {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 90px;
    justify-content: space-between
}

.catalog-panel__view-type {
    display: block;
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
    background-position: center 0
}

.catalog-panel__view-type_grid {
    background-image: url(/bitrix/templates/sroymat/css/../images/view-type-grid.png)
}

.catalog-panel__view-type_list {
    background-image: url(/bitrix/templates/sroymat/css/../images/view-type-list.png)
}

.catalog-panel__view-type_active {
    background-position: center -29px
}

.catalog-calc-link {
    font-size: 20.5px;
    font-weight: 300;
    color: #00796b;
    text-decoration: none;
    position: absolute;
    right: 40px;
    top: 60px;
    background-image: url(/bitrix/templates/sroymat/css/../images/calc-icon-mini.png);
    background-repeat: no-repeat;
    padding-left: 50px;
    padding-bottom: 6px
}

.catalog-calc-link span {
    border-bottom: 1px solid #00796b
}

.catalog {
    min-height: 2000px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.catalog__left {
    width: 379px;
    border-right: 1px solid #6c7478;
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.catalog__right {
    width: calc(100% - 380px)
}

.breadcrumbs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.catalog__breadcrumbs {
    margin: 0;
    padding: 15px 60px
}

.breadcrumbs__item {
    display: inline;
    padding: 0 13px;
    position: relative
}

.breadcrumbs__item::after {
    content: '';
    width: 5px;
    height: 12px;
    background-image: url(/bitrix/templates/sroymat/css/../images/breadcrumbs-separator.png);
    position: absolute;
    right: -2.5px;
    top: 0;
    bottom: 0;
    margin: auto
}

.breadcrumbs__item:last-child::after {
    display: none
}

.breadcrumbs__link {
    color: #000;
    font-weight: 300;
    font-size: 16.5px;
    text-decoration: underline
}

.breadcrumbs__link_active {
    color: #f60a0a;
    text-decoration: none
}

.leftpanel {
    padding: 7px 0;
    position: relative;
    width: inherit
}

.leftpanel_fixed-bottom {
    position: fixed;
    bottom: 0;
    z-index: 1
}

.leftpanel_absolute-bottom {
    position: absolute;
    bottom: 0;
    z-index: 1
}

.leftpanel_fixed-top {
    position: fixed;
    top: 122px;
    z-index: 1
}

.leftpanel__tumbler {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 37px;
    margin-top: 28px
}

.leftpanel__tumbler-item {
    cursor: pointer;
    display: block;
    font-size: 20.5px;
    font-weight: 300;
    color: #757575;
    position: relative;
    padding-left: 33px
}

.leftpanel__tumbler-item_cat {
    margin-right: 45px
}

.leftpanel__tumbler-item_cat::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 17px;
    background-image: url(/bitrix/templates/sroymat/css/../images/cat-icon.png);
    background-position: 0 top;
    left: 2px;
    top: 2px
}

.leftpanel__tumbler-item_cat.active::before {
    background-position: 0 bottom
}

.leftpanel__tumbler-item_filter::before {
    content: '';
    position: absolute;
    width: 19px;
    height: 15px;
    background-image: url(/bitrix/templates/sroymat/css/../images/filter-icon.png);
    background-position: 0 bottom;
    left: 0;
    top: 3px
}

.leftpanel__tumbler-item_filter.active::before {
    background-position: 0 top
}

.leftpanel__tumbler-item.active {
    font-weight: 400;
    color: #000
}

.left-cm {
    margin: 0;
    padding: 0 12px;
    margin-top: 30px;
    margin-bottom: 50px
}

.left-cm__item {
    display: block;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 10px 30px;
    font-weight: 300
}

.left-cm__item_active {
    border-bottom: 1px solid #ee1717;
    font-weight: 400
}

.left-cm__link {
    font-size: 20.5px;
    text-decoration: none;
    color: #000
}

.filter {
    display: none
}

.filter__list {
    margin: 0;
    padding: 0 12px;
    margin-top: 30px
}

.filter__item {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 10px 5px 10px 30px;
    font-weight: 300;
    font-size: 20.5px;
    color: #000;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between
}

.button_filter {
    width: 185px;
    margin: 20px auto
}

.filter__input-cnt {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    justify-content: flex-end
}

.filter__select {
    max-width: 100%
}

.filter__title span {
    color: red
}

.filter__custom-checkbox {
    cursor: pointer
}

.filter__custom-checkbox input {
    display: none
}

.filter__custom-checkbox > div {
    width: 25px;
    height: 25px;
    border: 1px solid #6c7478;
    position: relative
}

.filter__custom-checkbox > div > div {
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #e92020;
    display: none
}

.filter__custom-checkbox input:checked + div > div {
    display: block
}

.cside-action {
    padding: 0 7px
}

.cside-action__big-btn {
    border: 1px solid #5e6a6e;
    height: 520px;
    cursor: pointer;
    background-image: url(/bitrix/templates/sroymat/css/../images/side-action-bg.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.cside-action__big-btn-text {
    font-size: 50px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 5px 0
}

.cside-action__arrow {
    margin-top: 60px;
    margin-bottom: 25px
}

.arrow__item {
    width: 99px;
    height: 25px;
    background-image: url(/bitrix/templates/sroymat/css/../images/arrow-item.png);
    margin-top: -6px;
    margin-left: auto;
    margin-right: auto;
    -webkit-animation-name: glimer;
    -o-animation-name: glimer;
    animation-name: glimer;
    -webkit-animation-duration: .6s;
    -o-animation-duration: .6s;
    animation-duration: .6s;
    animation-duration: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.arrow__item_first {
    margin-top: 0;
    opacity: .5;
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.arrow__item_second {
    opacity: .75;
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.arrow__item_third {
    opacity: 1
}

@-webkit-keyframes glimer {
    from {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@-o-keyframes glimer {
    from {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@-moz-keyframes glimer {
    from {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@keyframes glimer {
    from {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 20.5px;
    color: #fff;
    width: 220px
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    color: #ea1b1b;
    padding: 0 15px;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    text-align: right;
    padding-right: 35px
}

.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #ea1b1b transparent transparent;
    position: absolute;
    top: 8px;
    right: 7px
}

.select-styled:hover {
    background-color: #fff
}

.select-styled:active,.select-styled.active {
    background-color: #fff
}

.select-styled:active:after,.select-styled.active:after {
    top: 2px;
    border-color: transparent transparent #ea1b1b
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #ab3326
}

.select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-top: 1px solid #962d22;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    text-align: right;
    padding-right: 35px
}

.select-options li:hover {
    color: #c0392b;
    background: #fff
}

.select-options li[rel="hide"] {
    display: none
}

.section_detail {
    background-color: #f8f8f8;
    min-height: 1000px;
    padding-right: 40px;
    padding-bottom: 80px;
    position: relative
}

.detail {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 40px;
    padding-right: 40px
}

.detail__left {
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    -o-flex: none;
    flex: none;
    width: 590px
}

.detail__right {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1
}

.catalog-panel_detail {
    padding-left: 0;
    margin-bottom: 40px
}

.catalog-panel__bold_green {
    color: #98da94
}

.catalog-panel_not-available {
    color: red
}

.detail__image-cnt {
    border: 1px solid #e3e3e3;
    background-color: #fff;
    width: 100%;
    height: 445px;
    position: relative
}

.detail__image {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(/bitrix/templates/sroymat/css/../images/fugen.jpg);
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    cursor: pointer
}

.price__title {
    color: #949494;
    font-size: 16.5px;
    font-weight: 300;
    margin: 0
}

.price__base {
    font-size: 30px;
    color: #404040;
    font-weight: 300;
    margin: 35px 0 45px
}

.price__discount {
    font-size: 30px;
    color: #404040;
    font-weight: 300;
    margin: 25px 0 65px
}

.count {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    min-height: 45px;
    width: 100%;
    background-color: #e91515;
    justify-content: space-between;
    padding: 0 5px;
    margin-bottom: 50px
}

.counter {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding-left: 5px
}

.counter__button {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background-color: transparent;
    margin: 5px 0;
    font-size: 20.5px px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    outline: none
}

.counter__input {
    width: 80px;
    height: 40px;
    border: none;
    margin: 0 3px;
    font-size: 20.5px;
    font-weight: 400;
    text-align: center
}

.counter__info {
    font-size: 16.5px;
    color: #fff;
    padding: 0 15px;
    font-weight: 300
}

.detail__add-basket {
    font-size: 20.5px;
    font-weight: 300;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-image: url(/bitrix/templates/sroymat/css/../images/white_cart.png);
    background-size: 30px 30px;
    padding-left: 50px;
    text-decoration: none;
    border: none;
    background-color: transparent;
    font-family: 'Roboto',sans-serif;
    cursor: pointer;
    padding-right: 35px;
    padding-bottom: 3px
}

.count__right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.detail__add-basket span {
    border-bottom: 1px solid #fff;
    white-space: nowrap
}

.detail__actions {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px
}

.catalog-calc-link_detail {
    position: relative;
    right: 0;
    top: 0
}

.detail__to-favorite {
    font-size: 20.5px;
    font-weight: 300;
    color: #d1b51d;
    text-decoration: none;
    background-image: url(/bitrix/templates/sroymat/css/../images/detail_heart.png);
    background-repeat: no-repeat;
    padding-left: 50px;
    padding-bottom: 6px
}

.detail__to-favorite span {
    border-bottom: 1px solid #d1b51d
}

.detail-tabs {
    padding: 100px 100px 0
}

.dtabs-title {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0
}

.dtabs-title__item {
    border-bottom: 1px solid #a0a0a0;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    -o-flex: none;
    flex: none;
    display: block;
    padding: 35px 80px;
    font-size: 29px;
    color: #9d9d9d;
    font-weight: 300;
    cursor: pointer
}

.dtabs-title__item_active {
    border: 1px solid #a0a0a0;
    border-bottom: none;
    color: #00796b
}

.dtabs-title__item_active span {
    position: relative
}

.dtabs-title__item_active span:after {
    position: absolute;
    content: '';
    right: -30px;
    top: 8px;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0;
    border-color: #00796b transparent transparent
}

.dtabs-title__item_active:first-child {
    border-left: 1px solid transparent
}

.dtabs-title__item_active:last-child {
    border-right: none
}

.dtabs-title__item:last-child {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1
}

.dtabs-tabs {
    padding-left: 80px;
    padding-top: 40px;
    padding-right: 20px
}

.dtabs-tabs__item {
    display: none
}

.dtabs-tabs__p {
    font-size: 16.6px;
    font-weight: 300;
    line-height: 28px
}

.section__title_catalog {
    padding-right: 310px
}

.items-list__element_catalog-list {
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 15px;
/* Убираю левый падинг */
	padding-left: 0;
    height: auto;
    text-align: left;
    margin-bottom: 5px
}

.items-list__img-cnt {
    width: 135px;
    margin-right: 20px;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    -o-flex: none;
    flex: none
}

.items-list__info-cnt {
    width: 600px;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    -o-flex: none;
    flex: none;
    padding-right: 40px
}

.items-list__price-cnt {
    width: 100%;
    max-width: 550px;
    margin-right: 30px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.items-list__element-add-info_list {
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    display: none
}

.items-list__element-name_list {
    text-align: left;
    width: 100%;
    font-size: 29px;
    margin-bottom: 10px;
    white-space: normal
}

.items-list__sections-chain {
    color: #949494;
    font-size: 20.5px;
    font-weight: 300;
    margin-right: 50px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 10px
}

.items-list__sections-chain a {
    font-size: 16.5px;
    color: #424242;
    position: relative;
    padding-right: 20px;
    white-space: nowrap
}

.items-list__sections-chain a::after {
    content: '';
    width: 5px;
    height: 12px;
    background-image: url(/bitrix/templates/sroymat/css/../images/breadcrumbs-separator.png);
    position: absolute;
    right: 5px;
    top: 1px;
    bottom: 0;
    margin: auto
}

.items-list__sections-chain span {
    color: red
}

.items-list__add-info {
    color: #949494;
    font-size: 20.5px;
    font-weight: 300;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0
}

.items-list__storage {
    margin-right: 70px
}

.items-list__storage span {
    color: #98da94;
    font-weight: 400;
    white-space: nowrap
}

.items-list__artikul span {
    font-weight: 400
}

.price_list {
    padding-left: 0
}

.count_list {
    margin-left: 0;
    width: 100%;
    margin-bottom: 0
}

.counter__button_list {
    width: 44px;
    height: 44px
}

.counter__input_list {
    font-size: 20px;
    height: 44px;
    width: 84px
}

.detail__add-basket_list {
    font-size: 20px;
    background-position: 0 center
}

.price__title_list {
    margin-bottom: 20px
}

.price__title_list span {
    font-size: 29px;
    color: red;
    white-space: nowrap
}

.price__title_list-discount span {
    font-size: 41px
}

.price__title_list span span {
    color: #999;
    position: relative
}

.price__title_list span span::after {
    position: absolute;
    content: '';
    height: 2px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #999
}

.price__title_list-discount {
    margin-bottom: 0
}

.items-list__info-wraper {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between
}

.items-list__storage span.not-available,.not-available {
    color: red
}

.items-list__element-price_not-available {
    color: red;
    font-size: 16px
}

@media only screen and (max-width : 1850px) {
    .top-logo {
        margin-right:20px
    }

    .top-phones {
        margin-right: 30px
    }

    .top-time {
        margin-right: 60px
    }

    .header-sale {
        padding-top: 0;
        height: 40px;
        -webkit-background-size: contain;
        background-size: contain;
        padding-left: 60px
    }

    .header-pay {
        padding-top: 0;
        height: 40px;
        -webkit-background-size: contain;
        background-size: contain;
        padding-left: 60px
    }

    .header-cart {
        padding-top: 0;
        height: 40px;
        -webkit-background-size: contain;
        background-size: contain;
        padding-left: 60px
    }

    .button_top {
        margin-right: 20px
    }

    .gallery-slider {
        max-width: 1000px
    }

    .items-list__element {
        min-width: calc(20% - 20px);
        max-width: calc(20% - 20px);
        margin: 20px 10px
    }

    .items-list__element_big {
        min-width: calc(40% - 20px)
    }

    .items-list__element_super-big {
        min-width: calc(60% - 20px)
    }

    .items-list__element_catalog-list {
        min-width: calc(100% - 20px);
        max-width: calc(100% - 20px)
    }

    .items-list__element_mini-catalog {
        min-width: calc(50% - 140px)
    }

    .tips-slider {
        max-width: 55%
    }

    .calc-list {
        width: 60%
    }

    .cl-list__item {
        min-width: 50%
    }

    .count {
        max-width: 540px
    }
}

@media only screen and (max-width : 1700px) {
    .top-logo {
        margin-right:20px
    }

    .scroll__bar {
        width: 400px
    }

    .scroll__bar span {
        margin-left: 20px;
        margin-right: 20px
    }

    .top-max,.top-telegram {
        margin-right: 25px
    }

    .top-time,.header-sale,.header-pay {
        margin-right: 30px
    }

    .footer__catalog-item {
        min-width: 33.3%
    }

    .footer__top {
        padding-bottom: 40px
    }

    .footer__text {
        padding-right: 120px;
        padding-bottom: 40px
    }

    .catalog-menu__baner {
        display: none
    }

    .catalog-menu__list-cnt {
        width: 100%
    }

    .catalog-panel {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .catalog-panel__item_count {
        width: 100%;
        -webkit-flex: none;
        -moz-flex: none;
        -ms-flex: none;
        -o-flex: none;
        flex: none;
	}
    .gallery-slider {
        max-width: 800px
    }

    .section__title_catalog {
        padding-left: 40px
    }

    .detail__left {
        width: 420px
    }

    .catalog-panel__item_detail {
        margin-right: 0
    }

    .catalog-panel__item_detail-art {
        margin-right: 20px
    }

    .detail__image-cnt {
        height: 300px
    }

    .detail__actions {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: start
    }

    .catalog-calc-link_detail {
        font-size: 22px;
        -webkit-background-size: contain;
        background-size: contain;
        padding-left: 35px;
        margin-right: 30px
    }

    .detail__to-favorite {
        font-size: 22px;
        -webkit-background-size: contain;
        background-size: contain;
        padding-left: 45px
    }

    .price__base {
        margin: 10px 0 20px
    }

    .price__discount {
        margin: 10px 0 30px;
        font-size: 30px
    }

    .detail-tabs {
        padding: 100px 0 0 40px
    }

    .items-list__element_catalog-list {
        min-width: calc(100% - 20px);
        max-width: calc(100% - 20px)
    }

    .items-list__info-wraper {
        width: auto;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .items-list__info-cnt {
        width: 100%
    }

    .items-list__add-info {
        justify-content: start
    }

    .items-list__artikul {
        margin-right: 50px
    }

    .tems-list__e-cart,.tems-list__e-favor {
        right: 10px
    }

    .tems-list__e-discount {
        right: 5px
    }
}

@media (min-width : 1501px) {
	div.title-search-result {
		width: 875px !important;
	}
	table.title-search-result {
		width: 100% !important;
	}
}

@media (min-width : 1400px) and (max-width: 1500px) {
	.header-search {
		width: 35vw;
	}
}

@media (min-width : 1201px) and (max-width: 1399px) {
	.header-search {
		width: 25vw;
	}
}

@media (min-width : 820px) and (max-width: 1200px) {
	.header-search {
		width: 40%;
	}
}

@media (min-width : 769px) and (max-width: 819px) {
	.header-search {
		width: 35%;
	}
}

@media only screen and (max-width : 1500px) {
    .top-time {
        display:none
    }

    .top-max,.top-telegram,.top-phones,.top-time,.header-sale,.header-pay {
        margin-right: 40px
    }

    .top-max,.top-telegram {
        width: 40px;
        height: 40px
    }

    .user-menu {
        display: none
    }

    .header-bottom__user-menu {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex
    }

    .items-list {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 20px
    }

    .items-list__element {
        min-width: calc(25% - 20px);
        max-width: calc(25% - 20px);
        margin: 20px 10px
    }

    .items-list__element_catalog {
        min-width: calc(33.3% - 20px);
        max-width: calc(33.3% - 20px)
    }

    .items-list__element_big {
        min-width: calc(50% - 20px);
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        -o-order: 3;
        order: 3
    }

    .items-list__element_catalog-big {
        min-width: calc(66.6% - 20px);
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5 -o-order: 5;
        order: 5
    }

    .items-list__element_super-big {
        display: none
    }

    .items-list__element_catalog-super-big {
        min-width: calc(100% - 20px);
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5 -o-order: 5;
        order: 5
    }

    .items-list {
        justify-content: center
    }

    .section__tips {
        background-image: none;
        padding-bottom: 50px
    }

    .section__calc {
        min-height: 520px;
        background-image: none
    }

    .calc-list {
        max-width: 1360px;
        width: auto;
        padding-right: 70px;
        margin-top: 30px
    }

    .calc-list-text {
        margin-right: 50px
    }

    .cl-list__item {
        min-width: 50%
    }

    .section__title_green_margin {
        margin-bottom: 30px
    }

    .section__recently-seen {
        min-height: 460px
    }

    .footer__logo {
        margin-right: 20px
    }

    .footer__catalog-item {
        min-width: 50%;
        font-size: 18px;
        margin-bottom: 10px
    }

    .footer__text {
        font-size: 14px;
        line-height: 20px
    }

    .catalog-menu__items-list {
        margin-left: -23px;
        margin-right: -23px;
        padding-left: 40px
    }

    .items-list__element_mini-catalog {
        min-width: calc(50% - 140px);
        margin: 23px
    }

    .cl-list__item {
        font-size: 22px;
        padding-bottom: 15px
    }

    .cm-list__item a {
        font-size: 16px
    }

    .cm-list__item_sub > a::after {
        top: 8px
    }

    .tips-header-slider {
        width: 100%
    }

    .section__title_catalog {
        padding-right: 20px
    }

    .catalog-calc-link_category {
        position: relative;
        right: 0;
        top: 0;
        margin-left: 40px;
        display: block;
        margin-bottom: 30px;
        width: 320px
    }

    .catalog-panel__item_sort {
      	 width: 100%;
        -webkit-flex: none;
        -moz-flex: none;
        -ms-flex: none;
        -o-flex: none;
        flex: none;
        margin-bottom: 15px;
    }

    .section__title_slider {
        margin-bottom: 0;
        font-size: 40px
    }

    .gallery-slider {
        width: 100%
    }

    .gallery-slider .slick-prev {
        left: 15px
    }

    .gallery-slider .slick-next {
        right: 15px
    }

    .gallery-slider__inner {
        padding-left: 50px;
        padding-right: 50px
    }

    .gallery-slider__inner:after {
        display: none
    }

    .section__title {
        font-size: 40px;
        padding-left: 40px
    }

    .catalog__breadcrumbs {
        padding-left: 27px;
        padding-right: 10px;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .breadcrumbs__item {
        margin: 5px 0
    }

    .breadcrumbs__link {
        font-size: 14px
    }

    .detail {
        padding-right: 0
    }

    .detail__left {
        max-width: 450px;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1
    }

    .catalog-panel__item_detail-art {
        margin-bottom: 10px
    }

    .catalog-panel_detail {
        margin-bottom: 27px
    }

    .count {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 240px;
        margin-left: 60px
    }

    .count__left {
        width: 100%
    }

    .count__right {
        width: 100%;
        border-top: 5px solid #f8f8f8
    }

    .counter__info {
        display: none
    }

    .count__left {
        width: 100%
    }

    .counter {
        justify-content: center;
        padding-left: 0
    }

    .detail__add-basket {
        margin: auto;
        padding: 10px 0;
        background: none;
        width: 100%
    }

    .catalog-panel__item_detail {
        width: 100%
    }

    .catalog-calc-link_detail {
        width: 100%;
        margin-bottom: 20px
    }

    .detail-tabs {
        padding: 60px 0 0 40px
    }

    .detail__actions {
        width: auto
    }

    .dtabs-title__item {
        padding: 35px 40px
    }

    .dtabs-title__item_active span:after {
        display: none
    }

    .dtabs-tabs {
        padding-left: 40px
    }

    .items-list__element_catalog-list {
        min-width: calc(100% - 20px);
        max-width: calc(100% - 20px)
    }

    .count_list {
        margin-left: 0
    }

    .detail__add-basket_list {
        height: 54px
    }

    .tips-slider {
        margin-top: 30px;
        max-width: 100%
    }
}

@media only screen and (max-width : 1350px) {
    .top-max,.top-telegram,.top-phones,.top-time,.header-sale,.header-pay {
        margin-right:15px
    }
}

@media only screen and (max-width : 1200px) {
    .header-sale {
        padding-left:0;
        height: 40px;
        width: 40px;
        position: relative;
        background-position: center center
    }

    .header-sale a {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 0;
        color: transparent
    }

    .header-pay {
        padding-left: 0;
        height: 40px;
        width: 40px;
        position: relative;
        background-position: center center
    }

    .header-pay a {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 0;
        color: transparent
    }

    .header-cart {
        padding-left: 0;
        height: 40px;
        width: 40px;
        position: relative;
        background-position: center center
    }

    .header-cart a {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 0;
        color: transparent
    }

    .header-middle {
        justify-content: flex-end;
        position: relative;
        padding-right: 40px
    }

    .user-menu__element {
        padding-left: 0;
        width: 30px;
        overflow: hidden;
        margin-left: 0;
        margin-right: 20px;
        background-position: center 7px
    }

    .user-menu {
        padding-left: 40px
    }

    .user-menu__element a {
        color: transparent
    }

    .top-catalog__bottom {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: 30px;
        padding-left: 30px
    }

    .scroll_top-catalog {
        min-width: 100%;
        margin-bottom: 30px
    }

    .scroll__bar {
        width: 160px
    }

    .scroll__bar span {
        width: 10px;
        overflow: hidden;
        font-size: 0;
        color: transparent;
        margin-left: 10px;
        margin-right: 10px
    }

    .button_top {
        margin-left: auto;
        margin-right: auto
    }

    .items-list__element {
        min-width: calc(33.3% - 20px);
        max-width: calc(33.3% - 20px)
    }

    .items-list__element_big {
        min-width: calc(66.6% - 20px)
    }

    .items-list__element_catalog-big {
        min-width: calc(66.6% - 20px)
    }

    .items-list__element_catalog-super-big {
        min-width: calc(100% - 20px)
    }

    .footer__title {
        font-size: 40px
    }

    .footer__catalog-item {
        font-size: 16.5px
    }

    .footer__flex {
        padding-left: 30px
    }

    .items-list__element_mini-catalog {
        min-width: calc(50% - 40px);
        margin: 40px 20px
    }

    .cm-list {
        padding-left: 25px
    }

    .cside-action {
        display: none
    }

    .catalog {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .catalog__left {
        width: 100%;
        border-right: none
    }

    .leftpanel {
        padding-bottom: 0
    }

    .leftpanel__tumbler {
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px
    }

    .leftpanel_fixed-bottom {
        position: relative
    }

    .catalog__right {
        width: 100%
    }

    .left-cm {
        display: none
    }

    .leftpanel__tumbler {
        margin-top: 10px;
        margin-bottom: 0
    }

    .left-cm {
        margin-top: 10px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .filter {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0
    }

    .filter__list {
        margin-top: 10px
    }

    .left-cm__item:last-child {
        border-bottom: none
    }

    .items-list__element_catalog-list {
        min-width: calc(100% - 20px);
        max-width: calc(100% - 20px)
    }
}

@media only screen and (max-width : 992px) {
    .top-max,.top-telegram {
        width: 40px;
        height: 40px
    }

    .items-list__element {
        min-width: calc(33.33% - 10px);
        max-width: calc(33.33% - 10px);
        margin: 10px 5px
    }

    .items-list__element_big {
        min-width: calc(66.66% - 10px)
    }

    .calc-list {
        max-width: 1360px;
        width: auto;
        padding-right: 30px;
        margin-left: 30px
    }

    .calc-list-text {
        margin: 0
    }

    .cl-list__item {
        min-width: 100%;
        font-size: 20.5px;
        padding-bottom: 30px
    }

    .calc-list {
        margin-top: 30px
    }

    .cl-list {
        margin-top: 40px
    }

    .section__calc {
        padding-bottom: 30px
    }

    .footer__title {
        display: none
    }

    .footer__catalog {
        display: none
    }

    .footer__contacts {
        margin-left: 40px;
        margin-top: 30px
    }

    .footer__top {
        min-height: 200px
    }

    .footer__text {
        padding: 30px 60px
    }

    .cm-list {
        width: 100%;
        padding-left: 0;
        padding-top: 0
    }

    .catalog-menu__items-list {
        display: none
    }

    .catalog-menu__inner {
        overflow: hidden
    }

    .cm-list_second {
        width: 100%;
        visibility: visible;
        opacity: 1
    }

    .cm-list_third {
        width: 100%;
        visibility: visible;
        opacity: 1
    }

    .cm-list__item {
        padding-right: 0
    }

    .cm-list_sub {
        left: 0
    }

    .catalog-menu__mobile-back-link_active {
        visibility: visible
    }

    .catalog-menu__mobile-panel {
        display: block
    }

    .items-list__element_catalog-big {
        min-width: calc(100% - 10px)
    }

    .items-list__element_catalog-super-big {
        min-width: calc(100% - 10px)
    }

    .detail__left {
        max-width: 100%;
        width: 100%;
        -webkit-flex: none;
        -moz-flex: none;
        -ms-flex: none;
        -o-flex: none;
        flex: none
    }

    .detail {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .detail__image-cnt {
        max-width: 450px;
        margin: 30px auto
    }

    .count {
        margin-left: 0;
        width: 100%;
        max-width: 100%
    }

    .detail__actions {
        margin-left: 0;
        padding-left: 0
    }

    .detail__add-basket {
        padding: 15px 0
    }

    .detail-tabs {
        padding-top: 50px
    }

    .dtabs-title__item {
        padding: 20px
    }

    .items-list__element_catalog-list {
        min-width: calc(100% - 10px);
        max-width: calc(100% - 10px)
    }
}

@media only screen and (max-width : 768px) {
    .top-max,.top-telegram {
        width:35px;
        height: 37px
    }

	.header-bottom__user-menu {
		height: 36px;
	}

    .header-search {
        padding-right: 0;
        padding-left: 0;
		background: none;
    	left: 0;
    	width: 95%;
		margin: auto;
    	top: 49px;
    }

	.header-search::before {
		display: none;
	}

    .header-search__input {
        width: 100% !important
    }

    .header-middle {
        min-height: 65px;
        padding: 13px 20px 0
    }

    .header-sale {
        height: 37px;
        width: 30px;
        background-image: url(/bitrix/templates/sroymat/css/../images/percent_mini.png)
    }

    .header-pay {
        height: 37px;
        width: 30px;
        background-image: url(/bitrix/templates/sroymat/css/../images/wallet_mini.png)
    }

    .header-cart {
        height: 37px;
        width: 35px;
        background-image: url(/bitrix/templates/sroymat/css/../images/cart_mini.png)
    }

    .top-logo {
        height: 40px;
        width: 200px;
        background-image: url(/bitrix/templates/sroymat/css/../images/logo_new.png);
        top: 20px
    }

    .header-top {
        padding-left: 15px;
        padding-right: 15px
    }

    .top-menu__element {
        padding: 0
    }

    .top-menu__element a {
        display: block;
        padding-top: 6px;
        height: 30px
    }

    .header-bottom {
        border-bottom: none;
		height: 100px;
    	background: none;
    }

    .top-catalog__content {
        height: 320px;
        padding: 0
    }

    .section_top-catalog {
        padding-top: 0
    }

    .top-catalog__element-title-cnt {
        display: none
    }

    .top-catalog__content-inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        height: 320px
    }

    .top-catalog__element {
        position: relative;
        height: 320px;
        left: auto;
        top: auto;
        border-right: none;
        border-left: none;
        padding-top: 40px
    }

    .top-catalog__top-catalog-cnt {
        display: block
    }

    .scroll_top-catalog {
        display: none
    }

    .section_top-slider {
        display: none
    }

    .items-list__element {
        min-width: calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin: 10px 5px
    }

    .items-list__element_big {
        min-width: calc(100% - 10px);
        margin-left: 5px;
        margin-right: 5px
    }

    .items-list {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        width: 100%
    }

    .section_items-list {
        padding-right: 0
    }

    .tips-slider {
        margin-left: 50px;
        margin-right: 50px
    }

    .tips-slider .slick-arrow {
        top: -50px;
        bottom: auto;
        width: 28px;
        height: 61px
    }

    .tips-slider .slick-prev {
        background-image: url(/bitrix/templates/sroymat/css/../images/arrow_left_mini.png);
        left: 70px
    }

    .tips-slider .slick-next {
        background-image: url(/bitrix/templates/sroymat/css/../images/arrow_right_mini.png);
        right: 70px
    }

    .tips-slider .slick-dots {
        width: 350px;
        top: -25px;
        bottom: auto;
        width: 200px
    }

    .section__text {
        padding-left: 60px;
        padding-right: 60px
    }

    .section__recently-seen {
        display: none
    }

    .footer__logo {
        display: none
    }

    .footer__phones {
        margin-left: 0;
        margin-top: 0
    }

    .footer__top {
        min-height: 100px;
        padding-bottom: 0
    }

    .footer__text {
        font-size: 16px
    }

    .header-top__gradient {
        display: block
    }

    .top-catalog__hider {
        height: 43px;
        top: 0;
        z-index: 4;
        width: 100px;
        opacity: .9
    }

    .catalog-panel {
        padding-right: 10px;
        margin-bottom: 30px
    }

    .items-list__element_catalog-big {
        min-width: calc(100% - 10px)
    }

    .items-list__element_catalog-super-big {
        min-width: calc(100% - 10px)
    }

    .catalog-calc-link {
        font-size: 20px;
        -webkit-background-size: contain;
        background-size: contain;
        padding-left: 25px
    }

    .catalog-panel__item_num {
       /* width: 100%; */
        margin-bottom: 20px;
    }

    .catalog-panel__item_view {
      /*  width: 100%;
        margin-left: 0; */
		margin-bottom: 10px;
    }

    .dtabs-title__item {
        padding: 15px;
        font-size: 16px
    }

    .items-list__element_catalog-list {
        min-width: calc(100% - 10px);
        max-width: calc(100% - 10px);
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center
    }

    .items-list__img-cnt {
        margin-right: 0;
        margin-bottom: 20px
    }
}

@media only screen and (max-width : 480px) {
    .header-sale, {
        display:none
    }

    .top-max,.top-telegram,.top-phones,.top-time,.header-sale,.header-pay {
        margin-left: 5px
    }

    .top-logo {
        left: 10px
    }

    .catalog-menu__burger {
        left: 15px
    }

    .catalog-menu {
        width: 135px;
        padding-left: 60px
    }

    .header-bottom__user-menu {
        left: 110px
    }

    .user-menu__element {
        margin-right: 5px
    }

    .header-sale {
        margin-right: 0
    }

    .header-pay {
        margin-right: 4px
    }

    .header-cart {
        margin-right: 4px
    }

    .top-max {
        margin-right: 4px
    }

    .top-telegram {
        margin-right: 4px
    }

    .top-phones {
        margin-right: 4px
    }

    .section__title {
        font-size: 20.5px;
        padding-top: 25px;
        padding-left: 10px;
        margin-bottom: 20px
    }

    .items-list__element-image {
        margin: 20px;
        height: 120px;
        -webkit-background-size: contain;
        background-size: contain
    }

    .items-list__element {
        min-width: calc(50% - 5px);
        max-width: calc(50% - 5px);
        margin: 5px 2.5px;
        border: 1px solid #000
    }

    .items-list {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        width: 100%
    }

    .section_items-list {
        padding-right: 0
    }

    .items-list__element {
        height: auto;
        padding-bottom: 10px
    }

    .items-list__element-title {
        font-size: 10.5px;
        padding-bottom: 5px;
        padding-top: 15px
    }

    .items-list__element-old-price {
        font-size: 13px;
        padding-top: 10px
    }

    .items-list__element-old-price span:before {
        top: 7px
    }

    .items-list__element-price {
        padding-top: 5px;
        font-size: 16px
    }

    .items-list__element-name {
        font-size: 13px
    }

    .items-list__element-add-info {
        font-size: 8.5px;
        padding-top: 5px;
        padding-bottom: 10px
    }

    .tems-list__e-cart {
        right: 12px;
        top: 304px
    }

    .tems-list__e-favor {
        right: 12px;
        top: 75px
    }

    .tems-list__e-discount {
        right: 6px;
        top: 101px
    }

    .items-list__element_big {
        height: 445px;
        min-width: 100%;
        margin-left: 0;
        margin-right: 0;
        border-right: none;
        border-left: none;
        background-position: right top
    }

    .button_items-list {
        display: none
    }

    .tips-slider .slick-prev {
        left: 50px
    }

    .tips-slider .slick-next {
        right: 50px
    }

    .tips-slider {
        margin-left: 30px;
        margin-right: 30px
    }

    .section__title-link span::after {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 3px 0;
        border-color: #eb1717 transparent transparent;
        right: -12px;
        top: 12px
    }

    .section_items-list {
        padding-bottom: 0
    }

    .section__title_welcome {
        padding-left: 20px;
        padding-right: 60px;
        padding-top: 40px;
        margin-bottom: 30px
    }

    .section__text {
        padding-left: 30px;
        padding-right: 30px
    }

    .footer__text {
        font-size: 12px;
        line-height: 11px;
        padding: 30px
    }

    .footer__bottom {
        min-height: 100px
    }

    .footer__contacts {
        margin-left: 30px
    }

    .catalog-menu__inner {
        border: none
    }

    .gallery-slider {
        margin-top: 30px
    }

    .items-list__element_catalog-big {
        display: none
    }

    .items-list__element_catalog-super-big {
        display: none
    }

    .pagination__cnt {
        width: 100%;
        border: none
    }

    .pagination {
        padding-bottom: 20px
    }

    .section_items-list_catalog {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .pagination__item {
        padding: 15px 10px
    }

    .pagination__link {
        font-size: 15px
    }

    .catalog-calc-link {
        margin-left: 10px;
        font-size: 14px
    }

    .catalog-panel {
        padding-left: 10px
    }

    .catalog-panel__item {
        font-size: 14px;
    }

    .gallery-slider__inner {
        padding-left: 10px;
        padding-right: 10px
    }

    .detail {
        padding-left: 10px
    }

    .detail-tabs {
        padding-left: 10px
    }

    .section_detail {
        padding-right: 10px
    }

    .left-cm__link {
        font-size: 16px
    }

    .dtabs-tabs {
        padding-left: 10px;
        padding-right: 10px
    }

    .items-list__element_catalog-list {
        min-width: calc(100% - 5px);
        max-width: calc(100% - 5px)
    }

    .items-list__sections-chain {
        display: none
    }

    .items-list__artikul {
        display: none
    }

    .items-list__storage {
        font-size: 13px
    }

    .price__title_list {
        font-size: 13px
    }

    .price__title_list span {
        font-size: 13px
    }

    .items-list__element_catalog-list {
        padding-left: 20px;
        padding-right: 20px
    }

    .count_list {
        margin-bottom: 10px
    }

    .top-catalog__btn_solo,.top-catalog__btn {
        font-size: 15px
    }
}

@media only screen and (max-width : 400px) {
    .header-search__input {
        width:30px
    }

    .header-search__input:focus {
        width: 100px
    }

    .header-sale {
        display: none
    }
}
.header-middle{
 z-index:113!important;
}
.header-middle {
 background:none;
}

.header-middle_fixed{
 background:#fff;
}


@media (max-width : 1680px) {
	div.title-search-result {
		top: 295px !important;
		right: 2.4% !important;
		left: unset !important;
	}
}

@media (max-width : 1500px) {
	div.title-search-result {
		top: 270px !important;
		right: 3.35% !important;
		left: unset !important;
	}
}

@media (max-width : 1200px) {
	div.title-search-result {
		top: 260px !important;
		right: 4.1% !important;
		left: unset !important;
	}
}

@media (max-width : 992px) {
	div.title-search-result {
		top: 250px !important;
		right: 5% !important;
		left: unset !important;
	}
}

@media (max-width : 768px) {
	div.title-search-result {
		top: 310px !important;
                right:2%!important;
                left:unset!important;
	}
}

/* End */


/* Start:/bitrix/templates/sroymat/css/custom.css?177348567796470*/
@media screen and (min-width:1501px) and (max-width:1680px) {
    #ym-informer{
        top: auto!important;
    bottom: 250px!important;
    width: 500px!important;
    height: 320px!important;
}
	body{
	position:relative;
	}
	.leftpanel_fixed-bn{position:absolute!important;}
}


.header-cart {

  outline: 0px solid;
  outline-color: rgba(255, 0, 0, .5);
  outline-offset: 0px;
  text-shadow: none;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 9999999999;
}
.header-cart.moment {
	outline: 2px solid;
  outline-color: #ff0000;
  outline-offset: 15px;
}
.items-list__element, .items-list__element_big, .items-list__element_super-big {
	border: 1px solid #e3e3e3;
}

.items-list__element-image{
	margin:30px 15px;
	-webkit-background-size: contain;
	background-size: contain;
	height: 170px;
}

.items-list__element-image_list{
	margin:0 15px;
 /* Убираю отступ у левого маржина */
	margin-left: 0;
	-webkit-background-size: contain;
	background-size: contain;
	height: 100px;
}

.items-list__element-title{
	padding: 20px 20px 15px;
	height: 54px;
}
.items-list__element-price {
	color: #000;
	font-weight: 400;
	padding-top: 15px;
}
.rc-list__item {
	max-width: 438px;
}

.rc-list__item-dscr{

	width: calc(100% - 140px);

}

.rc-list__item-title{

	width: 90%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.section_common{
	background-color: #f8f8f8;
	padding: 60px 45px 70px;
}
.section_common-page{
    background: url(/bitrix/templates/sroymat/css/../images/bg-ptrn.png) 0 0 repeat;
}
.section__title_common{

	padding-left: 30px;

}

.bx_ordercart .bx_ordercart_order_pay, .bx_ordercart .bx_ordercart_order_sum, .bx_ordercart .bx_ordercart_order_pay_left, .bx_ordercart .bx_ordercart_order_pay_right, .bx_ordercart .bx_ordercart_order_pay_center, .bx_ordercart .bx_ordercart_order_pay_center span, .bx_ordercart .bx_ordercart_order_pay_center .checkout, .bx_ordercart .bx_ordercart_order_table_container table, .bx_ordercart .bx_ordercart_order_table_container table tbody, .bx_ordercart .bx_ordercart_order_table_container table tbody tr, .bx_ordercart .bx_ordercart_order_table_container table tbody tr td, .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a, .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price {

	font-size: 16.5px;

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

}

.bx_ordercart .bx_ordercart_order_table_container tbody td.itemphoto{

	width: 100px;

}

.bx_ordercart .bx_ordercart_order_table_container tbody td.item, .bx_ordercart .bx_ordercart_order_table_container tbody td.custom, .bx_ordercart .bx_ordercart_order_table_container tbody td.control, .bx_ordercart .bx_ordercart_order_table_container tbody td.price{

	vertical-align: middle;

}
.bx_ordercart_order_sum tr:first-child td, .bx_ordercart_order_sum tr:nth-child(2) td{
	display: none;
}
.bx_ordercart .bx_ordercart_order_sum tr td.fwb {
	font-weight: 300;
	font-size: 29px;
}
.bx_ordercart .bx_ordercart_order_sum tr td.fwb:nth-child(2) {
	color: #f22e34;
	font-weight: 400;
	padding-left: 40px;
}

.bx-soa-section.bx-selected .bx-soa-section-title{

	font-family: 'Roboto', sans-serif;

}

.bx-soa-item-title{

	font-size: 16.5px;

	font-weight: 300;

}

.bx-soa-item-title a{

	color: #00796b;

	font-weight: 300;

}

.bx_ordercart .bx_ordercart_order_pay_center span, .bx_ordercart .bx_ordercart_order_pay_center a{

	line-height: 38px;

}

.button_basket{

	margin-left: auto;

	margin-right: auto;

}

.catalog-panel__link_price-desc span::after{

	background-image: url(/bitrix/templates/sroymat/css/../images/order_price_desc.png);

}

.catalog{

	min-height: 20px;

}

.section__title_catalog{

	padding-right: 320px;

}

.top-catalog__element {
	border: 1px solid #e3e3e3;
}

.gallery-slider__item{

	-webkit-background-size: cover;

	background-size: cover;

}

.gallery-slider__inner:after{

	pointer-events: none;

}

.tems-list__e-favor{

	cursor: pointer;

}

.tems-list__e-favor.active{
	background-image: url(/bitrix/templates/sroymat/css/../images/item-heart_active.png);
	filter: none;
}

.catalog__breadcrumbs {

	background-color: #fff;

}

.section__tips_catalog{

	background-color: #fff;

}

.catalog__right{

	background-color: #f8f8f8;

}

.price__base span{

	color: #999;

	position: relative;

	white-space: nowrap;

        font-size: 20px;

        font-weight: 300;

}

.price__base span::after{

	position: absolute;

	content: '';

	height: 1px;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin-top: auto;

	margin-bottom: auto;

	background-color: #e91515;

}

.price__base mes{

	color: #404040;

	position: relative;

	white-space: nowrap;

        font-size: 20.5px;

        font-weight: 300;

}

.price__discount span{

	color: #999;

	position: relative;

	white-space: nowrap;
        font-size: 20px;
        font-weight: 300;

}

.price__discount span::after{

	position: absolute;

	content: '';

	height: 1px;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin-top: auto;

	margin-bottom: auto;

	background-color: #e91515;

}

.price__discount mes{

	color: #404040;

	position: relative;

	white-space: nowrap;

        font-size: 20.5px;

        font-weight: 300;
}

.item-mesure{

    font-size: 16.5px;

    font-weight: 300;

    color: #000;

    padding-left: 45px;

}

.catalog-menu__wraper{

	z-index: 112;

}

.header-middle{

	z-index: 113;

}

.search-empty{

    font-size: 16.5px;

    font-weight: 300;

    color: #000;

    padding: 30px 45px;

}

.buyer-select{

    font-size: 50px;

    font-weight: 300;

    margin: 0;

    padding-top: 50px;

    padding-left: 70px;

    margin-bottom: 30px;

	color: #ff0000;

}

.selectric-wrapper{

	display: inline-block;

	top: 8px;

}

.selectric{

	border: none;

}

.selectric .label{

	font-size: 50px;

	height: 50px;

	line-height: 50px;

	color: #ff0000;

	border-bottom: 1px solid #ff0000;

}

.selectric .button{

	line-height: 50px;

	height: 50px;

}

.selectric .button:after{

	border: 5px solid transparent;

	border-top-color: #ff0000!important;

	top: 8px;

}

.section_items-list_buyers{

	min-height: 20px;

}

.detail__to-favorite.active{
	background-image: url(/bitrix/templates/sroymat/css/../images/detail_heart_active.png);
}

.detail__to-favorite.active span{

	border-color: #ff0000;

}

.item-questions__title{

	font-size: 20.5px;

    font-weight: 400;

    line-height: 28px;

}

.item-questions__body{

	font-size: 16.6px;

    font-weight: 300;

    line-height: 28px;

}

.item-questions__group{

	margin-bottom: 50px;

}

.bx-catalog-tab-list{

	display: none;

}

.bx_soc_comments_div.bx_important.bx_red .bx_bt_button,

.bx_soc_comments_div.bx_important.bx_red .bx_bt_button:hover,

.bx_soc_comments_div.bx_important.bx_red .bx_bt_button:active{

	width: 100%;

    max-width: 345px;

    height: 40px;

    background: none;

    background-color: #d32f2f;

    color: #fff;

    text-decoration: none;

    font-weight: 300;

    font-size: 16.5px;

    border-radius: 20px;

    text-align: center;

    line-height: 38px;

    display: block;

    position: relative;

    border: none;

    cursor: pointer;

    margin-left: auto;

    margin-right: auto;

}

.blog-comments{

	padding-top: 20px;

}

.blog-comment-cont-white{

	padding: 20px;

}

.lhe-smiles-tlbr-table{

	display: none;

}

.section_reg{

	padding-top: 60px;
	background: url(/bitrix/templates/sroymat/css/../images/ptrn.png) 0 0 repeat-x;
	background-size: auto 100%;
}

.section_reg .btn{

	width: 100%;

    max-width: 345px;

    height: 40px;

    background: none;

    background-color: #d32f2f;

    color: #fff;

    text-decoration: none;

    font-weight: 300;

    font-size: 16.5px;

    border-radius: 20px;

    text-align: center;

    display: block;

    position: relative;

    border: none;

    cursor: pointer;

}

.section_reg a{

	font-size: 16px;

	font-weight: 300;

	color: #d32f2f;

}

.section_reg h3{

	font-size: 20.5px;

	font-weight: 400;

}

.bx-authform-content-container, .bx-authform-label-container{

	font-size: 16.8px;

	font-weight: 300;

	color: #000;

}

.visible-xs{

	display: none;

}

.bx-soa-section.bx-step-completed{

	border: 1px solid #e8e9eb!important;

}

.bx-soa-section.bx-selected{

	border: 1px solid #d32f2f!important;

}

.bx-soa-editstep{

	color: #d32f2f;

	border-bottom: none!important;

}

.text-right{

	text-align: right;

}

.sale_order_full_table{

	font-size: 16.8px;

	font-weight: 300;

}

.sale_order_full_table a{

	color: #d32f2f;

}

.section_personal{

	padding-top: 60px;

}

.sale-personal-section-index-block.bx-theme-green{

	background: none;

}

.sale-personal-section-index-block{

	background: none;

	border: 3px solid #d32f2f;

	color: #d32f2f;

}

.sale-personal-section-index-block-link, .sale-personal-section-index-block-link:hover, .sale-personal-section-index-block-link:active, .sale-personal-section-index-block-link:focus, .sale-personal-section-index-block-link:visited{

	color: #d32f2f;

	width: 100%;

}

.bx_my_order_cancel{

	font-size: 16.8px;

	font-weight: 300;

}

.section_personal a{

	color: #d32f2f;

	font-weight: 300;

}

.sale-order-list-button{

	display: none;

}

.sale-order-list-repeat-link:before{

	background: none;

	padding-left: 1px;

}

.sale-order-list-repeat-link{

	padding-left: 1px;

}

.sale-order-detail-payment-options-methods-button-element, .sale-order-detail-payment-options-methods-button-element-new-window, .sale-order-detail-about-order-inner-container-repeat-button{

	color: #fff!important;

	background-color: #d32f2f!important;

}

.sale-order-detail-about-order-inner-container-name-read-less:after, .sale-order-detail-about-order-inner-container-name-read-more:after, .sale-order-detail-payment-options-methods-info-change-link:after, .sale-order-detail-show-link:after, .sale-order-detail-hide-link:after{

	display: none;

}

.sale-order-detail-about-order-inner-container-name-read-less, .sale-order-detail-about-order-inner-container-name-read-more, .sale-order-list-cancel-payment,

.sale-order-detail-show-link, .sale-order-detail-hide-link, .sale-order-detail-payment-options-methods-info-change-link{

	border-bottom: none;

}

.sale-paysystem-close-item{

    background: url(/bitrix/components/bitrix/sale.personal.order.detail/templates/.default/images/sale-personal-order-sprite.svg) 1px 1px no-repeat;

}

div.sale-order-detail-payment-options-methods-template{

	border: 1px solid #d32f2f;

}

.sale-order-detail-general{

	border: none;

}

.sale-order-detail-back-to-list-link-down{

	padding-bottom: 0;

}

.section_personal p{

	font-weight: 300;

}

.section_personal strong{

	font-weight: 400;

}

.section_personal h3{

	font-size: 20.8;

	font-weight: 400;

}

input[type='submit']{

	cursor: pointer;

}

.bx_catalog_tile .bx_catalog_tile_title a{

	font-size: 16.5px;

	font-weight: 300;

	color: #d32f2f;

	text-decoration: none;

	line-height: 20px;

}

.bx_catalog_tile .bx_catalog_tile_title span{

	font-weight: 300;

	line-height: 20px;

	font-size: 16.5px;

}

.bx-green .btn.btn-default{

	background-color: #d32f2f!important;

	border-color: #d32f2f!important;

}

.bx-filter{

	font-family: 'Roboto', sans-serif;

}

.bx-filter .bx-filter-parameters-box{

	padding: 10px 30px;

	border-bottom: 1px solid #cccccc;

}

.bx-filter .bx-filter-parameters-box-title{

    font-size: 20.5px;

    text-decoration: none;

    color: #000;

    font-weight: 300;

    border-bottom: none;

    padding-bottom: 0px;

    cursor: pointer;

    position: relative;

}

.bx-filter .bx-filter-parameters-box-title:after{

	position: absolute;

	content: '';

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 7px 5px 0 5px;

	border-color: #d32f2f transparent transparent transparent;

	top: 0;

	bottom: 0;

	right: 10px;

	margin: auto;

}

.bx-filter .bx-active .bx-filter-parameters-box-title:after{

	position: absolute;

	content: '';

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 5px 7px 5px;

	border-color: transparent transparent #d32f2f transparent;

	top: 0;

	bottom: 0;

	right: 10px;

	margin: auto;

}

.bx-filter .bx-filter-parameters-box-title span{

	color: #000;

    font-weight: 300;

    border-bottom: none;

}

.bx-filter .bx-active .bx-filter-parameters-box-title span{

	color: #d32f2f;

}

.bx-filter.bx-red .bx-filter-section{

	background-color: #fff;

}

.bx-filter-parameters-box-container{

	padding-top: 20px;

	padding-bottom: 0;

}

.bx-filter-section{

	padding-left: 27px;

	padding-right: 27px;

}

.bx-filter-input-checkbox{

	position: relative;

}

.bx-filter .bx-filter-param-label{

	padding-left: 0;

}

.radio, .checkbox{

	margin: 0;

	padding: 12px 0;

}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text{

	font-size: 16.5px;

	font-weight: 300;

	padding-right: 45px;

	padding-left: 0px;

	position: relative;

}

.bx-filter .checkbox .bx-filter-input-checkbox .bx-filter-param-text:before{

	position: absolute;

	content: '';

	width: 20px;

	height: 20px;

	border: 1px solid #aaa;

	right: 4px;

	top: 0;

	bottom: 0;

	margin: auto;

}

.bx-filter .checkbox .bx-filter-input-checkbox .bx-filter-param-text:after{

	position: absolute;

	content: '';

	width: 12px;

	height: 12px;

	border: 1px solid #d32f2f;

	right: 8px;

	top: 0;

	bottom: 0;

	margin: auto;

	visibility: hidden;

}

.bx-filter .checkbox .bx-filter-input-checkbox input:checked + .bx-filter-param-text:after{

	visibility: visible;

}

.checkbox input[type="checkbox"]{

	position: absolute;

	height: 0;

	width: 0;

	left: -1px;

	top: -1px;

	visibility: hidden;

}

.radio input[type="radio"]{

	position: absolute;

	height: 0;

	width: 0;

	left: -1px;

	top: -1px;

	visibility: hidden;

}

.bx-filter .radio .bx-filter-input-checkbox .bx-filter-param-text:before{

	position: absolute;

	content: '';

	width: 20px;

	height: 20px;

	border: 1px solid #aaa;

	right: 4px;

	top: 0;

	bottom: 0;

	margin: auto;

	border-radius: 50%;

}

.bx-filter .radio .bx-filter-input-checkbox .bx-filter-param-text:after{

	position: absolute;

	content: '';

	width: 12px;

	height: 12px;

	border: 1px solid #d32f2f;

	right: 8px;

	top: 0;

	bottom: 0;

	margin: auto;

	visibility: hidden;

	border-radius: 50%;

}

.bx-filter .radio .bx-filter-input-checkbox input:checked + .bx-filter-param-text:after{

	visibility: visible;

}

.bx-filter .bx-filter-popup-result.right{

	z-index: 1;

}

.bx-filter .bx-filter-popup-result a{

	color: #d32f2f;

}

.btn-link, .btn-link:hover, .btn-link:focus{

	color: #d32f2f;

}

.bx-filter .bx-filter-section{

	padding-top: 30px;

}

.bx-filter.bx-red .btn-themes{

    height: 40px;

    background-color: #d32f2f;

    color: #fff;

    text-decoration: none;

    font-weight: 300;

    font-size: 16.5px;

    border-radius: 20px;

    text-align: center;

    position: relative;

    border: none;

    cursor: pointer;

}

.cside-action{

	overflow: hidden;

	height: 520px;

}

.cside-action__big-btn{

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.cside-action__big-btn.active{

	-webkit-transform: translateY(-520px);

	-ms-transform: translateY(-520px);

	-o-transform: translateY(-520px);

	transform: translateY(-520px);

}

.cside-action__content{

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

	background-color: #ddd;

	height: 520px;

	border: 1px solid #5e6a6e;

	padding: 5px;

}

.cside-action__content.active{

	-webkit-transform: translateY(-520px);

	-ms-transform: translateY(-520px);

	-o-transform: translateY(-520px);

	transform: translateY(-520px);

}

.section_items-list_no-b-padding{

	padding-bottom: 0;

}

.section_items-list_no-t-padding{

	padding-top: 0;

}

.top-catalog__sub-menu-element a{

	display: inline-block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	width: 100%;

	padding-right: 40px;

}

.price {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-top: 15px;
        width: 100%;
}
.price-item {
	width: 50%;
}
.price__base {
	margin: 20px 0 45px;
	background-color: #f8f8f8;
	padding: 5px;
        text-align: center;
        margin-right: 10px;
}
.price__discount {
	font-size: 30px;
	margin: 20px 0 45px;
	background-color: #f8f8f8;
	padding: 5px;
        text-align: center;
}
.detail {
	padding: 40px 0 ;
	margin: 0 0 0 45px;
	background-color: transparent;
}
.detail__right {
	margin-top: 59px;
	margin-left: 40px;
	padding: 40px;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	position: relative;
	padding-bottom: 20px;
}
.detail-tabs {
	background-color: #fff;
	border: 1px solid #e3e3e3;
	padding: 0;
	padding-bottom: 50px;
	margin: 45px 0px 0 45px;
}
.dtabs-title__item_active {
	border:none;
}
.dtabs-title__item {
	border-bottom: none;
}
.dtabs-title__item:hover {
	color: #00796b;
}

.bx-authform{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	max-width: 100%;
}
.bx-authform__left{
	width: 100%;
	max-width: 595px;
	padding-right: 80px;
	position: relative;
}
.bx-authform__left::after{
	content: '';
	width: 1px;
	height: 315px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #e5e5e5;
}
.bx-authform__right{
	width: 100%;
	max-width: 595px;
	padding-left: 80px;
}
.bx-authform-social ul{
	padding: 20px 0 30px;
}
.bx-authform-social ul li{
	width: 48px;
	height: 48px;
	margin-right: 15px;
}
.bx-authform-social ul li .bx-authform-social-icon{
	width: 48px;
	height: 48px;
}
.bx-authform-social ul li .bx-authform-social-icon.google-plus{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc_g.png);
	background-position: 0 0;
}
.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc_ok.png);
	background-position: 0 0;
}
.bx-authform-social ul li .bx-authform-social-icon.yandex{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc_y.png);
	background-position: 0 0;
}
.bx-authform-social ul li .bx-authform-social-icon.vkontakte{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc_vk.png);
	background-position: 0 0;
}
.bx-authform-social ul li .bx-authform-social-icon.facebook{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc_f.png);
	background-position: 0 0;
}
.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc_m.png);
	background-position: 0 0;
}
.header-middle {
	justify-content: flex-start;
}
.top-logo{
	height: 73px;
	background-image: url(/bitrix/templates/sroymat/css/../images/logo_new.png);
	margin-top: -15px;
	margin-right: auto;
}
.remodal-overlay{
	background: rgba(0, 0, 0, 0.3);
}
.remodal_backcall{
	max-width: 570px;
	border: 1px solid #F52B2B;
	border-radius: 2px;
	padding-top: 16px;
	text-align: left;
}
.remodal_backcall h1{
	text-align: left;
	margin-top: 0;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
}
.remodal_backcall .remodal-close{
	background-color: #F52B2B;
	border-radius: 50%;
	color: transparent;
	right: 10px;
	top: 10px;
	left: auto;
}
.remodal_backcall .remodal-close::after, .remodal_backcall .remodal-close::before{
	content: '';
	height: 1px;
	width: 29px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #fff;
}
.remodal_backcall .remodal-close::after{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.remodal_backcall .remodal-close::before{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.backcall-form__title{
    font-size: 16.8px;
    font-weight: 300;
    color: #000;
}
.backcall-form__input{
	display: block;
    width: 100%;
    font-size: 18px;
    height: 38px;
    margin: 0;
    padding: 0 4px;
    border: 1px solid #ccd5db;
    border-radius: 2px;
    background: #f8fafc;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.backcall-form__button{
	margin-left: auto;
	margin-right: auto;
}
.backcall-form__input-group{
	margin-bottom: 25px;
}
.backcall-form__text{
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin: 30px 0;
}
.backcall-form__text_success{
	color: green;
	display: none;
}
.cart_wraper{
	position: relative;
}
.cart-detail{
	width: 570px;
	border-radius: 0px;
	position: absolute;
	top: 60px;
	right: -10px;
	z-index: 11;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.header-cart:hover .cart-detail{
	visibility: visible;
	opacity: 1;
}
.cart-detail__inner{
	width: 100%;
	max-height: 400px;
	margin-top: 0px;
	border: 1px solid #F52B2B;
	background-color: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.cart-detail__inner::before{
	content: '';
	position: absolute;
	height: 80px;
	width: 230px;
	right: 0;
	top: -80px;
	border: 1px solid #F52B2B;
	border-bottom: none;
}
.cart-detail__inner::after{
	content: '';
	position: absolute;
	height: 10px;
	width: 230px;
	right: 1px;
	top: -5px;
	background-color: #fff;
	z-index: 1;
}
.bx-basket-item-list{
	display: none;
}
.cart-detail__list{
	width: 100%;
	padding-left: 30px;
	margin-top: 40px;
	overflow: auto;
}
.cart-detail__item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-right: 30px;
	position: relative;
}
.cart-detail__item-img{
	-webkit-flex: none;
	-moz-flex: none;
	-ms-flex: none;
	-o-flex: none;
	flex: none;
	width: 110px;
	min-height: 150px;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center 0;
}
.cart-detail__item-separator{
	height: 1px;
	width: calc(100% - 30px);
	background-color: #000;
	margin-top: 15px;
	margin-bottom: 40px;
	margin-right: 30px;
}
.cart-detail__item-info{
	padding-left: 30px;
	width: 100%;
}
.cart-detail__item-text_section{
    font-size: 16.5px;
    font-weight: 300;
    margin-top: 0;
    color: #757575;
}
a.cart-detail__item-link{
	text-decoration: none;
	font-size: 20px;
	color: #00796b;
	display: block;
	margin-bottom: 25px;
}
.cart-detail__item-text_price{
	font-weight: 300;
	font-size: 20px;
}
.cart-detail__item-text_price b{
	float: right;
	font-weight: 400;
}
.cart-detail__item-text_price span{
	color: #F52B2B;
}
.cart-detail__total{
	font-weight: 300;
	font-size: 20px;
	color: #F52B2B;
	margin-top: 50px;
	text-align: right;
	padding-right: 30px;
}
.cart-detail__total b{
	font-weight: 400;
	color: #000;
}
a.cart-detail__button{
	color: #fff;
	margin: 35px auto 40px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #F52B2B!important;
	border-radius: 0;
	width: 3px;
}
.mCSB_scrollTools{
	width: 4px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	display: none;
}
.mCSB_inside > .mCSB_container{
	margin-right: 0;
}
.cart-detail__close{
	position: absolute;
	height: 20px;
	width: 20px;
	right: 0;
	top: 0;
	cursor: pointer;
}
.cart-detail__close::after, .cart-detail__close::before{
	position: absolute;
	width: 1px;
	height: 20px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	margin: auto;
	content: '';
}
.cart-detail__close::after{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cart-detail__close::before{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cart-mob-link{
	display: none;
}

.basket-item{
	border: 1px solid #e3e3e3;
	background-color: #fff;
	min-height: 205px;
	margin-bottom: 15px;
	padding: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
}
.basket-item:hover,.detail__image-cnt:hover,.detail__right:hover,.detail-tabs:hover {
	-webkit-box-shadow: 0px 10px 20px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 10px 20px -4px rgba(0,0,0,0.3);
	box-shadow: 0px 10px 20px -4px rgba(0,0,0,0.3);
}
.basket-item__img-wrap{
	width: 200px;
	-webkit-flex: none;
	-moz-flex: none;
	-ms-flex: none;
	-o-flex: none;
	flex: none;
	position: relative;
	margin-right: 20px;
}
.basket-item__img{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 130px;
	height: 130px;
	margin: auto;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.basket-item__info{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.basket-item__descr{
	min-width: 460px;
	max-width: 460px;
	-webkit-flex: none;
	-moz-flex: none;
	-ms-flex: none;
	-o-flex: none;
	flex: none;
	margin-right: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.basket-item__additional{
	min-width: 600px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.basket-item__availability{
	margin-right: 40px;
	min-width: 250px;
}
.basket-item__text{
	color: #757575;
    font-size: 20.5px;
    font-weight: 300;
    margin: 0;
    margin-bottom: 10px;
}
.basket-item__text_name{
	font-size: 29px;
	color: #00796b;
	text-decoration: none;
}
.basket-item__text_mesure{
    color: #9e9e9e;
    font-size: 16.5px;
}
.basket-item__text_section{
	color: #F52B2B;
}
.basket-item__text_discount{
	margin-top: 10px;
}
.basket-item__text_discount span{
	color: #F52B2B;
	font-weight: 400;
}
.basket-item__text_available{
	margin-bottom: 0;
	display: none;
}
.basket-item__availability, .basket-item__count-cnt, .basket-item__price{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 33%;
}
.basket-item__price table{
	border-spacing: 0;
	padding: 0;
	margin: 0;
}
.basket-item__count-cnt{
	margin-right: 100px;
	margin-top: -10px;
}
.count_basket{
	margin-left: 0;
	margin-bottom: 5px;
}
.basket-item__text_artikul span{
	font-weight: 400;
}
.basket-item__text_available span{
	color: #98da94;
    font-weight: 400;
    white-space: nowrap;
}
.basket-item__text_available span.red{
	color: #F52B2B;
}
.basket-item__text_sum-title{
	margin-bottom: 0;
}
.basket-item__text_price{
	color: #000;
	font-size: 29px;
	white-space: nowrap;
	margin-bottom: 10px;
}
.basket-item__availability .basket-item__text_price:after {
	content: 'x';
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 15px;
	font-size: 1rem;
	margin-left: 10px;
	line-height: 1em;
	color: #dadada;
}
.basket-item__text_price-title{
	margin-bottom: 10px;
}
.basket-item__text_sum{
	margin-bottom: 0;
	font-weight: 400;
	color: #000;
	font-size: 29px;
	white-space: nowrap;
}

.basket-item__remove{
	position: absolute;
	right: 15px;
	top: 15px;
	height: 40px;
	width: 40px;
	cursor: pointer;
}
.basket-item__remove::after, .basket-item__remove::before{
	height: 2px;
	width: 36px;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #6b7376;
}
.basket-item__remove::after{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.basket-item__remove::before{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.count_basket{
	max-width: 235px;
}
.cart-detail__footer{
	margin-top: auto;
}
.order-form__title-cnt{
	background-color: #0f796b;
	padding: 15px;
}
.order-form__cnt{
	border: 1px solid #e8e9eb;
	border-radius: 2px;
	margin-bottom: 8px;
	background-color: #fff;
}
.order-form__title{
	font-size: 22px;
	color: #fff;
	margin: 0;
	line-height: 15px;
	font-weight: 300;
}
.order-form__inner{
	padding: 15px;
}
.bx-soa-section.bx-step-completed .bx-soa-section-content, .bx-soa-section.bx-selected .bx-soa-section-content {
	background-color: #fff;
}
.bx-soa-section-title{
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}
.bx-soa-section-title-count{
	display: none!important;
}
.bx-soa-item-td-text .bx-price {
	font-weight: 300;
}

.bx_ordercart-toggle {
	display: inline-table;
	vertical-align: bottom;
}
.bx_ordercart-toggle__inner{
  border: 1px solid #c8c8c8;
    background: transparent; /* You'll want to see the area being toggled, but feel free to change the color */
    display: inline-block; /* ...So that we can set a height and width */
    height: 16px; /* You can change this later if you want */
    position: relative; /* Required to allow the switch to move around */
    width: 29px; /* This can be changed later as well */
    border-radius: 8px;

    opacity: 0.3;
    transition: opacity 0.3s;
}
.bx_ordercart-toggle__inner:hover {
	opacity: 1;
	transition: opacity 0.3s;
}
.bx_ordercart-toggle__inner input{
    height: 28px;
    left: 0;
    margin: 0; /* Reset the margins and padding */
    opacity: 0; /* Invisible! */
    padding: 0;
    position: absolute;
    cursor: pointer;
    top: -10px; /* Shift vertically */
    width: 36px;
    z-index: 2; /* We want the input to be over the span.switch, which we'll give a z-index of 1 */
        /*IE*/
        zoom: 1;
        filter: alpha(opacity=0);
}

.bx_ordercart-toggle__inner .switch{
    background: #00796a;
    display: block;
    float: left;
    height: 14px;
    left: 1px; /* This is the starting point. When adding a border radius, a small bit of the background is shown if we use left: 0;, so -1px is best.*/
    position: relative;
    top: 0px; /* ...To keep it centered vertically */
    width: 14px;
    z-index: 1; /* Remember, it must be below the invisible inputs */
    border-radius: 50%;
}

.bx_ordercart-toggle__inner input:checked~.switch{left: 1px;} /* initial toggle position */

.bx_ordercart-toggle__inner input~:checked~.switch{left: 12px;} /* final relative toggle position */

.bx_ordercart-toggle__inner input:checked{z-index: 0;}

.toggle-cnt{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: start;
}
.toggle-cnt__item_middle{
	margin-left: 10px;
	margin-right: 10px;
}
.order-form__inner_pt-0{
	padding-top: 0;
	color: #757575;
}
.bx-soa-more{
	display: none;
}
.bx-soa-item-td{
	border: none!important;
}
.sale-order-detail-payment-options-container{
	display: none;
}
.sale-order-list-change-payment{
	display: none;
}
.button_continue-buy{
	display: inline-block;
	max-width: 300px;
}
.continue-buy{
	margin-bottom: 10px;
	text-align: right;
}
.remodal_express-cart{
	max-width: 1365px;
	padding: 0;
	text-align: left;
}
.basket-item_express-cart{
	border: none;
	margin-bottom: 0;
}
.basket-item__descr_express{
	min-width: 260px;
    max-width: 260px;
}
.button_exress-cart{
	-webkit-flex: none;
	-moz-flex: none;
	-ms-flex: none;
	-o-flex: none;
	flex: none;
	height: 44px;
	background-color: #e91515;
	border-radius: 0;
	font-size: 23px;
    font-weight: 300;
    background-image: url(/bitrix/templates/sroymat/css/../images/white_cart.png);
    background-repeat: no-repeat;
    background-position: 25px center;
    font-family: 'Roboto', sans-serif;
    padding-left: 40px;
	max-width: 235px;
	-webkit-background-size: 28px;
	background-size: 28px;
}
.button_exress-cart span{
	font-weight: 300;
}
.basket-item__count-cnt_express{
	margin-right: 20px;
	margin-top: 0;
	width: 33%;
	max-width: 196px;
}
.catalog-panel__item.catalog-panel__item_detail:nth-child(2) {
	display: none;
}
.items-list__element-name_out {
    height: 65px;
    overflow: hidden;
    display: block;
}
.items-list__element-name {
	font-size: 19px;
	transition: all 0.4s;
}
.items-list__element-name:hover  {
	color: red;
	transition: color 0.4s;
}

.product-description {
	font-size: 16,6 px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
        line-height: 28px;
}

/* Why us */
.adw {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 10px 2%;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-around;
}
.adw__item {
	min-width: 360px;
	max-width: 360px;
	margin: 50px;
	height: 360px;
	border: none;
	border-radius: 50%;
	background-color: #fdd835;
	padding: 16px;

}
.adw__item-inner {
	height: 100%;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 2px solid #fff;
	border-radius: 50%;
	background-color: transparent;
	padding-top: 50px;
}
.adw__item-img {
	width: 160px;
	height: 125px;
	margin: 0;
	background-position: center;
	background-color: transparent;
	background-repeat: no-repeat;
}
.adw__item-img_a {
	background-image: url(/bitrix/templates/sroymat/css/../images/adw1.png);
}
.adw__item-img_b {
	background-image: url(/bitrix/templates/sroymat/css/../images/adw2.png);
}
.adw__item-img_c {
	background-image: url(/bitrix/templates/sroymat/css/../images/adw3.png);
}
.adw__item-img_d {
	background-image: url(/bitrix/templates/sroymat/css/../images/adw4.png);
}
.adw__item-txt {
	min-width: 80%;
	max-width: 80%;
	margin: 0;
	font-size: 30px;
	text-align: center;
	color: #201b1b;
}
.detail__raiting{
	position: absolute;
	right: 20px;
    top: -63px;
}
.bx-rating{
	font-size: 16.5px;
	font-weight: 300;
	color: #949494;
}
.bx-rating i.fa{
	margin-left: 8px;
	font-size: 23px;
	vertical-align: middle;
}
.fa-star:before {
    content: "\f005";
    color: #f3c600;
}
.fa-star-o:before {
    content: "\f005";
}
.fa.bx-star-active{
    color: #f3c600;
}
.bx-rating-title{
	vertical-align: middle;
}
.price__tultip-mark{
	display: inline-block;
	cursor: pointer;
	position: relative;
}
.price__tutltip{
	position: absolute;
	width: 165px;
	padding: 12px;
	font-size: 16.5px;
	border: 1px solid #949494;
	left: -10px;
	top: 30px;
	background-color: #fff;
	z-index: 1;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	opacity: 0;
	visibility: hidden;
	white-space: normal;
}
.price__tultip-mark i{
	font-size: 18px;
}
.price__tultip-mark:hover .price__tutltip{
	top: 22px;
	opacity: 1;
	visibility: visible;
}
.detail__share{
	margin-left: 43px;
	margin-top: 40px;
}
.ya-share2__badge{
	border-radius: 0!important;
}
.ya-share2__container_size_m .ya-share2__icon{
	width: 48px!important;
	height: 48px!important;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover!important;
}/*
.ya-share2__item_service_vkontakte .ya-share2__icon{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc.png)!important;
}
.ya-share2__item_service_collections .ya-share2__icon{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc.png)!important;
	background-position: -140px 0!important;
}
.ya-share2__item_service_facebook .ya-share2__icon{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc.png)!important;
	background-position: -70px 0!important;
}
.ya-share2__item_service_odnoklassniki .ya-share2__icon{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc.png)!important;
	background-position: -280px 0!important;
}
.ya-share2__item_service_moimir .ya-share2__icon{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc.png)!important;
	background-position: -350px 0!important;
}
.ya-share2__item_service_gplus .ya-share2__icon{
	background-image: url(/bitrix/templates/sroymat/css/../images/soc.png)!important;
	background-position: -210px 0!important;
}
*/

section.section.section__tips.section__tips_catalog:has(div.gallery-slider){
	margin-bottom:40px;
	padding-bottom:140px;
}

.ya-share2__container_size_m .ya-share2__item{
	margin-right: 20px!important;
	margin-bottom: 10px!important;
}

.active .price__base{
	background-color: #00796b;
	color: #fff;
	font-weight: 500;
}
.active .price__base span{
	color: #fff;
}
.active .price__base mes{
	color: #fff;
	font-weight: 500;
}

.active .price__discount{
	background-color: #00796b;
	color: #fff;
	font-weight: 500;
}
.active .price__discount span{
	color: #fff;
}
.active .price__discount mes{
	color: #fff;
	font-weight: 500;
}
span.price__currency{
	font-size: inherit;
	color: inherit;
}
.price__currency::after{
	display: none;
}
.sections-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 50px;
	padding-right: 0;
}
.sections-list__section{
	width: calc(33.3% - 50px);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 80px;
	margin-right: 50px;
}
.sections-list__icon{
	-webkit-flex: none;
	-moz-flex: none;
	-ms-flex: none;
	-o-flex: none;
	flex: none;
	width: 100px;
	height: 100px;
	border: 1px solid #000;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	margin-right: 20px;

-moz-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;
 -webkit-transition: all 0.5s ease-out;

}

.sections-list__icon:hover{

-webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);



}

.sections-list__line{
	margin-top: 0;
	margin-bottom: 0;
}
.sections-list__line_main{
	margin-bottom: 10px;
}
.sections-list__link{
        font-size: 16.5px;
display: block;
padding-bottom: 8px;
line-height: 1.30;
	font-size: 16.5px;
	color: #000;
	font-weight: 300;
}
.sections-list__link_main{
	font-size: 20.5px;
	color: #ff0000;
	text-decoration: none;
	font-weight: 400;
}
.selectric-items{
	border: 1px solid #ff0000;
}
.section-description{
	padding: 40px;
	background-color: #fff;
}
.section-description p{
	font-size: 16px;
	font-weight: 300;
}
.items-list__element-section-link{
	text-decoration: none;
	color: inherit;
}
.header-middle_fixed{
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
}
.counter__button_express{
	margin: 4px 0;
	width: 36px;
	height: 36px;
}
.counter__input_express{
	height: 36px;
	font-size: 16px;
	width: 70px;
}
.count_express{
	min-height: 40px;
	margin-bottom: 20px;
	padding-left: 4px;
}
.counter_express{
	padding-left: 0;
}
.counter__info_express{
	font-size: 13.5px;
}
.basket-item__additional_express{
	min-width: 800px;
}
.express-prices{
	width: 265px;
	margin-right: 70px;
}
.express-prices__price{
    margin: 20px 0;
    background-color: #f8f8f8;
    padding: 5px;
    text-align: center;
    margin-right: 10px;
    font-size: 30px;
    font-weight: 300;
    min-width: 255px;
    white-space: nowrap;
    padding-left: 15px;
    position: relative;
}
.express-prices__price.active{
    background-color: #00796b;
    color: #fff;
    font-weight: 500;
}
.express-prices__price span {
    color: #999;
    position: relative;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 300;
}
.express-prices__price.active span{
	color: #fff;
}
.express-prices__price span::after{
    position: absolute;
    content: '';
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #e91515;
}
.express-prices__price .price__currency{
	font-size: inherit;
	color: inherit;
}
span.price__mes{
	position: relative;
    white-space: nowrap;
    font-size: 20.5px;
	color: inherit;
}
.express-prices__price.active span.price__mes{
	font-weight: 500;
}
.price__mes::after{
	display: none;
}
span.price__tultip-mark_express{
    position: absolute;
    right: -10px;
    top: -10px;
    left: auto;
    display: block;
    height: 16px;
    width: 16px;
    color: #949494!important;
}
span.price__tultip-mark_express::after{
	display: none;
}
span.price__tultip-mark_express span::after{
	display: none;
}
.price__tutltip_express{
	color: #949494!important;
	font-size: 16.5px!important;
	display: block!important;
	white-space: normal!important;
	text-align: left!important;
	top: 10px;
}
.price__tultip-mark:hover .price__tutltip_express{
	top: 0;
}
.price__base_list{
	margin-bottom: 0;
	position: relative;
	margin-top: 0;
}
.price__discount_list{
	margin-bottom: 0;
	position: relative;
	margin-top: 0;
}
.price_list{
	margin-bottom: 8px;
	padding-top: 0;
}
.price-list-wraper{
	width: 50%;
}
span.price__tultip-mark_list{
    position: absolute;
    right: -10px;
    top: -10px;
    left: auto;
    display: block;
    height: 16px;
    width: 16px;
    color: #949494!important;
}
span.price__tultip-mark_list::after{
	display: none;
}
span.price__tultip-mark_list span::after{
	display: none;
}
.price__tutltip_list{
	color: #949494!important;
	font-size: 16.5px!important;
	display: block!important;
	white-space: normal!important;
	text-align: left!important;
	top: 10px;
	right: 150px;
	left: auto;
}
.price__tultip-mark:hover .price__tutltip_list{
	top: 0;
}
.section_contacts {
    padding-top: 60px;
    background: url(/bitrix/templates/sroymat/css/../images/bg-ptrn.png) 0 0 repeat;
    min-height: 200px;
}
.section__title_common{
    font-size: 50px;
    color: #00796b;
    padding-top: 5px;
    padding-left: 30px;
    margin-bottom: 80px;
}
.section__title_contacts{
    font-size: 50px;
    color: #00796b;
    padding-top: 5px;
    padding-left: 30px;
    margin-bottom: 80px;
}
.contacts__info{
	padding-left: 100px;
}
.contacts__info_welcome {
	padding-right: 100px;
}
.section__text_common{
	padding-left: 0px;
	padding-right: 0px;
}
.section__text_contacts{
	padding-left: 0;
	margin-bottom: 5px;
	margin-top: 0;
}
.section__text_contacts-phone{
	font-size: 29px;
	color: #263238;
	margin-bottom: 25px;
}
.section__text_contacts-email{
	margin-bottom: 25px;
}
.section__text_contacts span{
	font-weight: 400;
	font-size: 16.5px;
}
.section__link{
	color: #00796b;
}
.contacts{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.contacts__left{
	width: 50%;
}
.contacts__right{
	width: 50%;
	margin-right: 30px;
	padding-top: 25px;
}
.map{
	width: 100%;
	min-height: 580px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.2);
}
.common__info{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-right: 30px;
	padding-left: 100px;
}
.common__img-cnt{
	padding-top: 25px;
	max-width: 530px;
	width: 100%;
}
.common__img-cnt_right{
	margin-left: 80px;
}
.common__img-cnt_left{
	margin-right: 80px;
}
.common__img{
	width: 100%;
}
.section_items-list-common{
	background-color: #fff;
	min-height: 0;
}
.section__advantages{
	background-color: #f8f8f8;
    padding: 30px 0;
}
.section_common-contacts{
	background: none;
	background-color: #fff;
	padding-bottom: 120px;
}
.section__title_contacts-common{
	color: #263238;
	font-size: 40px;
}
.map_common{
	min-height: 320px;
}
.contacts__right_common{
	padding-top: 135px;
}
.items-list__element-price_list{
	display: none;
}
.remodal-pay__remove{
	position: absolute;
	right: 15px;
	top: 15px;
	height: 40px;
	width: 40px;
	cursor: pointer;
}
.remodal-pay__remove::after, .remodal-pay__remove::before{
	height: 2px;
	width: 36px;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #6b7376;
}
.remodal-pay__remove::after{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.remodal-pay__remove::before{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.remodal_pay{
	max-width: 790px;
	text-align: left;
	padding:40px 50px;
}
.pay__title{
	color: #00796b;
	font-size: 50px;
	font-weight: 300;
	margin-top: 0;
}
.pay__text{
	font-size:16px;
	font-weight: 300;
	line-height: 20px;
}
.pay__text_bold{
	font-weight: 500;
	color: #000;
}
.pay__text_red{
	color: #d32f2f;
}
.pay__form-title{
	font-size: 29px;
	font-weight: 300;
	color: #000;
}
.pay_form-group{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	justify-content: space-between;
	margin-bottom: 15px;
	position: relative;
}
.pay__form-label{
	margin: 0;
	line-height: 37px;
	font-size: 20.5px;
	color: #000;
	font-weight: 300;
}
.pay__form-input{
	max-width: 460px;
	width: 100%;
	height: 37px;
	border: 1px solid #e2e2e2;
	margin-right: 50px;
	padding-left: 8px;
	padding-right: 8px;
}
.pay__form-label_red{
	color: #d32f2f;
}
.pay_form-checkbox{
	height: 22px;
	width: 22px;
	border: 1px solid #e2e2e2;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
.pay_form-checkbox-title{
	font-size: 16.5px;
	font-weight: 300;
	cursor: pointer;
}
.pay_form-checkbox-label{
	position: relative;
	padding-left: 35px;
	padding-top: 2px;
}
.pay_form-input-checkbox:checked + .pay_form-checkbox:after{
	position: absolute;
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
	background-color: #00796b;
	content: '';
	margin: auto;
}
.pay_form-input-checkbox{
    height: 1px;
    width: 1px;
    opacity: 0;
    /* visibility: hidden; */
    position: absolute;
    left: 11px;
    top: 22px;
    /* display: none; */
}
.pay_form-group_checkbox{
	padding-left: 10px;
	margin-top: 30px;
	margin-bottom: 25px;
}
.button_pay{
	width: auto;
    padding: 0 60px;
    margin: auto;
    margin-top: 60px;
}

.section_news{
	min-height: 300px;
}
.news{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 50px 70px 40px;
	padding-right: 20px;
}
.section__title_news{
	padding-top: 0;
}
.news__item{
	width: calc(33.3% - 50px);
	margin-right: 50px;
	margin-bottom: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.news__date{
	font-size: 29px;
	color: #00796b;
	font-weight: 300;
	margin-right: 40px;
	text-align: center;
}
.news__date-day{
	display: block;
	font-size: 96px;
	line-height: 80px;
}
.news__title{
	color: #404040;
	font-size: 29px;
	font-weight: 300;
	margin-top: 2px;
	margin-bottom: 45px;
}
.news__text{
	font-size: 16.5px;
	font-weight: 300;
}
.news__link{
	font-size: 16.5px;
	font-weight: 300;
	color: #ff0000;
}
.button_news{
	max-width:245px;
	padding-left: 50px;
	padding-right: 50px;
	margin: auto;
	margin-bottom: 60px;
}
.section_news-full{
	background: url(/bitrix/templates/sroymat/css/../images/bg-ptrn.png) 0 0 repeat;
	padding-bottom: 10px;
}
.bx-pagination-container.row{
	margin-left: 0;
	margin-right: 0;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
	background: #00796b!important;
}
.dtabs-title__item{
	padding: 35px 55px;
	font-size: 20.5px;
}
.dtabs-tabs{
	padding-right: 80px;
}
.dtabs-title__item_active span:after{
    right: -15px;
    top: 5px;
}
.item-props{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}
.item-props__element{
	width: 46%;
	display: block;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	background-color: #e8e8e8;
	justify-content: space-between;
	padding: 4px 10px;
}
.item-props__element:nth-child(odd){
	margin-right: 2%;
}
.item-props__element:nth-child(even){
	margin-left: 2%;
}
.item-props__element:nth-child(4n+4){
	background-color: #fff;
}
.item-props__element:nth-child(4n+3){
	background-color: #fff;
}
.item-props__element-left{
	font-size: 20.8px;
	font-weight: 300;
	margin: 0;
	max-width: 50%;
	padding-right: 5px;
}
.item-props__element-right{
	font-size: 20.8px;
	font-weight: 400;
	margin: 0;
	max-width: 50%;
    text-align: right;
}
.dtabs-tabs__video{
    height: auto;
    padding-top: 60%;
    position: relative;
}
.dtabs-tabs__video iframe{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.news-detail__title{
    font-size: 50px;
    color: #00796b;
    margin-bottom: 80px;
    font-weight: 300;
    margin-top: 0;
}
.news-detail__text p{
    font-size: 16.5px;
    font-weight: 300;
    line-height: 30px;
}
.news-detail__img{
	width: 100%;
}
.news-detail__img-cnt{
    max-width: 530px;
    width: 100%;
    float: right;
    margin-left: 60px;
    margin-bottom: 50px;
}
.news-detail{
	padding-left: 140px;
	padding-right: 85px;
	padding-top: 65px;
	padding-bottom: 70px;
	position: relative;
}
.news-detail__date{
	font-size: 16.5px;
	color: #52595d;
	font-weight: 300;
	margin-right: 40px;
	text-align: center;
	position: absolute;
    left: 40px;
    top: 58px;
}
.news-detail__date-day{
	display: block;
	font-size: 50px;
	line-height: 40px;
}
.tips-slider h2.section__title.section__title_green {
	padding-left: 0;
}

@media(max-width: 768px) {
	section.section__tips .tips-slider .slick-arrow {
		/*top : auto;*/
    top:-165px;
        bottom: -40px;
	}
	.detail_prods_tips section.section__tips .tips-slider .slick-arrow {
		/*top : auto;*/
    top:-325px;
        bottom: -40px;
	}
}
.tips-slider__item-wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.tips-slider__item-left{
	height: 200px;
	width: 200px;
	background-color: #ddd;
	margin-right: 20px;
	-webkit-flex: none;
	-moz-flex: none;
	-ms-flex: none;
	-o-flex: none;
	flex: none;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-ms-align-self: center;
	align-self: center;
}
.news-detail_articles{
	padding-left: 85px;
}
.detail-tabs__mobile-title{
	display: none;
}
.section_list-description{
	padding: 40px;
}
.button_basket-bottom{
	display: inline-block;
	margin: 0 10px;
}
.delivery{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.delivery_right{
	flex-grow: 1;
}
.delivery-map{
	width: 453px;
	height: 453px;
	background-image: url(/bitrix/templates/sroymat/css/../images/delivery-map.jpg);
	border: 4px solid #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.2);
	display: block;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	margin-left: 50px;
}
.section__title_delivery{
	margin-bottom: 60px;
}
.delivery__table{
	max-width: 1230px;
	width: auto;
	height: 575px;
	background-color: #fff;
	margin-left: 50px;
}
.delivery-map-modal{
	width: 724px;
	height: 725px;
	background-image: url(/bitrix/templates/sroymat/css/../images/delivery-map.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.remodal_delivery-map{
	padding: 10px;
	max-width: 743px;
}
.delivery-table{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.delivery-table tr:hover{
	background-color: rgba(253, 216, 53,0.4);
}
.delivery-table td{
	width: 130px;
	height: 48px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	text-align: center;
	font-weight: 300;
	vertical-align: middle;
	position: relative;
}
td.delivery-table__fitrst-td{
	width: 50px;
	background-color: #fff;
}
td.delivery-table__fitrst-tr{
	background-color: #fff;
}
.delivery-table td:not(.delivery-table__fitrst-tr):hover::after,
.delivery-table thead th:not(:empty):hover::after,
.delivery-table td:not(.delivery-table__fitrst-tr):focus::after,
.delivery-table thead th:not(:empty):focus::after {
  content: '';
  height: 10000px;
  left: 0;
  position: absolute;
  top: -5000px;
  width: 100%;
  z-index: -1;
}
.delivery-table td:hover::after,
.delivery-table th:hover::after {
	background-color: rgba(253, 216, 53,0.4);
}
.vertical-text{
	transform: rotate(-90deg);
	display: block;
	white-space: nowrap;
	position: absolute;
	left: 0;
	width:100% ;
	text-align: center;
	color: #263238;
	font-size: 29px;
	bottom: 30px;
}
td.delivery-table__fitrst-td_vertical-text{
	background-color: #f3f3f3;
}
td.delivery-table__td_orange::before{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: #f57331;
	z-index: -2;
}
td.delivery-table__td_green::before{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: #91d7c2;
	z-index: -2;
}
td.delivery-table__td_grey::before{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: #e8e8e8;
	z-index: -2;
}
.section_common-white{
	background: none;
	background-color: #fff;
}
.section__title_shipment{
	color: #263238;
}
.shipment{
	padding: 0 35px 0 55px;
}
.shipment__info{
	padding-left: 40px;
	padding-top: 40px;
}
.shipment__text{
	font-size: 16.5px;
	font-weight: 300;
	line-height: 26px;
	margin-top: 5px;
}
.shipment__subtitle{
	font-size: 33.3px;
	font-weight: 300;
	margin-bottom: 0;
}
.delivery-form__line{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.delivery-form{
	width: 100%;
	padding-top: 20px;
}
.delivery-form__right{
	width: 100%;
	max-width: 300px;
}
.delivery-form__input{
	padding: 5px;
	width: 100%;
}
.delivery-form__left{
	font-size: 16.5px;
	font-weight: 400;
}
.delivery-form__right span{
	font-size: 16.5px;
	font-weight: 300;
}
.delivery-form{
	display: none;
}
.shipment__form{
	display: none;
}
.shipment__line{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-size: 16.5px;
	font-weight: 300;
	margin-bottom: 5px;
}
.shipment__left{
	width: 50%;
}
.shipment__right{
	width: 50%;
}
.shipment__line-title{
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 25px;
}
.section_brands{
	background: none;
	background-color: #f8f8f8;
}
.brands-alpha{
	width: 100%;
	max-width: 1445px;
	margin-left: auto;
	margin-right: auto;
	min-height: 250px;
	background-color: #fff;
	border: 1px solid #888888;
}
.brands-alpha__line{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.brands-alpha__link{
	font-size: 33.3px;
	color: #00796b;
	text-decoration: none;
	font-weight: 300;
	margin-left: 7px;
	margin-right: 7px;
}
.brands-alpha__link span{
	border-bottom: 2px solid #00796b;
}
.brands-list{
	min-height: 300px;
	padding: 80px 230px;
	position: relative;
}
.brands-list:nth-child(odd){
	background-color: #f8f8f8;
}
.brands-list__list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.brands-list__item{
	width: 16.6%;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
.brands-list__link{
	font-size: 16.6px;
	color: #000;
	font-weight: 300;
}
.brands-list_letter{
	font-size: 50px;
	color: #52595d;
	font-weight: 300;
	position: absolute;
    left: 100px;
    top: 55px;
}
.tips-slider .slick-dots li{
	display: none;
}
.section_compare{
	background: none;
	background-color: #fff;
}
.section__title_compare{
	color: #000;
	margin-bottom: 50px;
}
.compare-wraper{
	width: 100%;
	overflow: hidden;
	margin-top: 70px;
}
.compare{
	display: inline-block;
	position: relative;
}
.compare-section-description{
	font-size: 16.5px;
	font-weight: 300;
    padding: 0 100px;
}
.compare-section-count{
	font-size: 33.3px;
	font-weight: 300;
	padding-left: 30px;
}
.c-table{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
	padding-left: 300px;
}
.c-table__image{
	width: 150px;
	height: 150px;
	background-image: url(/upload/iblock/84f/84f4d5437bbb8ad1e86a38985e45fc6e.png);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	margin: 0 auto;
}
.c-table__item{
	width: 330px;
	border: 1px solid #4c565b;
	margin-right: 30px;
	position: relative;
	z-index: 2;
}
.c-table__item-line {
/*	padding: 20px 20px; */
	min-height: 54px;
	justify-content: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	flex-flow: column;
}
.c-table__item-line:nth-child(even){
	background-color: #f8f8f8;
}
.c-table__section{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	font-size: 16.6px;
	color: #8a8a8a;
	font-weight: 300;
	margin: 0;
	margin-bottom: 5px;
}
.c-table__title{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #00796b;
	font-size: 20.8px;
	font-weight: 300;
	margin: 0;
	cursor: pointer;
}
.c-table__description{
	font-size: 16.6px;
	font-weight: 300;
    line-height: 25px;
}
.c-table__weight{
	font-size: 20.8px;
	font-weight: 300;
	text-align: center;
	margin: 0;
}
.c-table__measure{
	font-size: 20.8px;
	font-weight: 300;
	text-align: center;
	margin: 0;
}
.c-table__old-price{
	font-size: 20.8px;
	font-weight: 300;
	text-align: center;
	margin: 0;
	margin-bottom: 10px;
}
.c-table__old-price span{
	position: relative;
}
.c-table__old-price span::after{
	height: 1px;
	position: absolute;
	left: -10px;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #F52B2B;
	content: '';
}
.c-table__price{
	font-size: 29.1px;
	font-weight: 300;
	color: #F52B2B;
	text-align: center;
	margin: 0;
}
.c-table__item-line_price{
	min-height: 140px;
	background-color: #fff1b3!important;
}
.c-table__legend-title{
	font-size: 20.8px;
	font-weight: 400;
	margin: 0;
}
.c-table__item_legend{
	border: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 1px;
	width: auto;
	z-index: 1;
}
.c-table__item-line_description{
	justify-content: start;
}
.c-table__legend-title_description{
	margin-top: 15px;
}
.c-table__item-line_img{
	min-height: 200px;
}
.c-table__to-basket{
    position: absolute;
    width: 26px;
    height: 23px;
    background-image: url(/bitrix/templates/sroymat/css/../images/item-cart.png);
    background-repeat: no-repeat;
    right: 20px;
    top: 25px;
    z-index: 1;
}
.c-table__favorite{
    position: absolute;
    width: 23px;
    height: 21px;
    background-image: url(/bitrix/templates/sroymat/css/../images/item-heart.png);
    background-repeat: no-repeat;
    right: 20px;
    top: 70px;
    z-index: 1;
    cursor: pointer;
}
.c-table__delete{
	position: absolute;
	height: 25px;
	width: 25px;
	left: 20px;
	top: 25px;
	cursor: pointer;
}
.c-table__delete:after,.c-table__delete:before{
	content: '';
	height: 1px;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #000;
	z-index: 1;
	position: absolute;
}
.c-table__delete:after{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.c-table__delete:before{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.compare-scroll{
	margin-top: 40px;
}
.c-table__item:last-child{
	margin-right: 5px;
}
.scroll_compare{
	display: none;
}
.detail__compare{
	font-size: 20.5px;
    font-weight: 300;
    color: #404040;
    text-decoration: none;
    position: relative;
    padding-left: 45px;
    margin-right: 15px;
    margin-bottom: 20px;
}
.detail__compare span{
	border-bottom: 1px solid #404040;
}
.detail__compare::before{
	content: '';
	width: 34px;
	height: 25px;
	position: absolute;
	background-image: url(/bitrix/templates/sroymat/css/../images/compare.png);
	left: 0;
	top: 0;
}
.detail__compare.active::before{
	background-image: url(/bitrix/templates/sroymat/css/../images/compare-active.png);
}
.c-table__favorite.active{
	background-image: url(/bitrix/templates/sroymat/css/../images/item-heart_active.png);
}
.tems-list__compare{
	width: 34px;
	height: 25px;
	position: absolute;
	background-image: url(/bitrix/templates/sroymat/css/../images/compare.png);
	right: 19px;
	top: 130px;
	cursor: pointer;
	filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(40%) hue-rotate(134deg) brightness(115%) contrast(72%);
}
.tems-list__compare.active{
	background-image: url(/bitrix/templates/sroymat/css/../images/compare-active.png);
	filter: none;
}
.tems-list__compare_catalog{
	top: 115px;
}
.tems-list__e-discount{
	top: 170px;
}
.tems-list__e-discount_catalog{
	top: 160px;
}
.catalog-calc-link_detail, .detail__to-favorite{
	white-space: nowrap;
	margin-bottom: 15px;
}
.user-menu__element_compare{
    background-image: url(/bitrix/templates/sroymat/css/../images/compare-menu.png);
}
.shares{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.shares__item{
	width: calc(33.3% - 30px);
	margin: 15px;
	border: 1px solid #888888;
	background-color: #eee;
	min-height: 280px;
    background-image: url(/bitrix/templates/sroymat/css/../images/podarki.jpg);
    -webkit-background-size: cover;
    background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	padding: 25px 25px 90px;
}
.shares__type{
	font-size: 41px;
	color: #263238;
	font-weight: 300;
	margin: 0;
	color: #fff;
	margin-bottom: 10px;
}
.shares__type_black{
	color: #263238;
}
.shares__title{
	font-size: 41px;
	color: #263238;
	font-weight: 500;
	margin: 0;
	color: #fff;
}
.shares__title_black{
	color: #263238;
}
.shares__link{
    max-width: 175px;
    height: 40px;
    background-color: #fdd835;
    border: 1px solid #d7b611;
    color: #263238;
    text-decoration: none;
    font-weight: 300;
    font-size: 16.5px;
    border-radius: 20px;
    text-align: center;
    line-height: 38px;
    display: block;
    position: absolute;
    cursor: pointer;
    width: 100%;
    left: 25px;
    bottom: 25px;
}
.shares__link span{
	border-bottom: 1px solid #263238;
}
.brands-list__logo{
	width: 150px;
	height: 50px;
	background-position: center center;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
.section__akcii-title{
	color: #ff0000;
}
.section_akcii{
	min-height: 100px;
}
.articles-inner{
	background-color: #fff;
	padding: 40px;
}
.footer__counter-cnt{
	padding-left: 120px;
	padding-top: 30px;
}
.footer__text{
	padding-top: 30px;
}
.uslugi-img{
	width: 100%;
	font-weight: normal;
	height: auto;
	padding-top: 50%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
.uslugi-price{
	font-size: 20px;
}
.news__item_uslugi{
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.news_uslugi{
	padding: 0;
}

/* Page Calculator */
.calc-table {
	width: 100%;
	margin: 0 auto;
}
.calc-table tr:nth-child(odd) {
	background-color: #e6ddc9;
}
.calc-table tr:nth-child(even) {
	background-color: #fff6e1;
}

.calc-table tr td {
	padding: 5px;
	text-align: left;
}
.calc-table tr td:first-child {
	font-weight: 600;
}
.calc-table tr td input, .calc-table tr td select {
	width: 100%;
	display: block;
	text-indent: 10px;
	padding: 3px;
}
.calc-table tr td input[type="checkbox"] {
	width: auto;
}
#hide legend {
	color: #41a298;
}
.itogi,.under-itog {
	width: 100%;
}
.itogi tr,.under-itog tr {
	width: 100%;
}
.itogi tr:nth-child(odd), .under-itog tr:nth-child(odd) {
	background-color: #e6ddc9;
}
.itogi tr:nth-child(even), .under-itog tr:nth-child(even) {
	background-color: #fff6e1;
}

.itogi tr:first-child {
	background-color: #41a298;
	color: #fff;
}
.itogi tr td, .under-itog tr td {
	padding: 5px;
}
.itogi tr td strong {
	color: #41a298;
}
.itogi tr td input, .under-itog tr td input {
	width: 100%;
	text-indent: 10px;
	padding: 3px;
}



/* NewsList */
.news__item_uslugi {
	width: 100%;
	justify-content: space-between;
}
.news__item_uslugi .uslugi-img {
	width: 300px;
	padding-top: 0;
	margin-bottom: 0;
	min-height: 200px;
}
.news__item_uslugi .news__info {
	width: calc(100% - 330px);
}
@media only screen and (max-width : 1700px) {
	.top-logo{
		margin-right: auto;
	}v
	.detail {
		margin-right: 0;
	}
	.count {
		max-width: 490px;
	}
	.catalog-calc-link span {
		white-space: nowrap;
	}
	.detail-tabs {
		margin-right: 0;
	}
	.basket-item__availability, .basket-item__count-cnt, .basket-item__price{
		width: 33%;
	}
	.basket-item__count-cnt{
		margin-bottom: 20px;
	}
	.basket-item__additional{
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-o-flex: 1;
		flex: 1;
	}
	.basket-item__availability {
		min-width: 200px;
		margin-right: 30px;
	}
	.basket-item__count-cnt {
		margin-right: 30px;
	}
	.basket-item__descr{
		width: auto;
		min-width: 400px;
		max-width: 400px;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-o-flex: 1;
		flex: 1;
	}
	.basket-item__info{
		justify-content: space-between;
	}
	.basket-item__descr_express{
		justify-content: center;
	}
	.adw__item {
		margin: 20px;
	}
	.detail__share{
		margin-top: 40px;
	}
	.price__tutltip{
		right: -20px;
		left: auto;
	}
	.price__title{
		white-space: nowrap;
	}
	.basket-item__descr_express{
		max-width: 100%;
		min-width: 0;
	}
	.basket-item__count-cnt_express{
		margin-bottom: 0;
	}
	.items-list__storage_list{
		display: none;
	}
	.items-list__info-wraper_list{
		width: 100%;
		justify-content: space-between;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.items-list__info-cnt_list{
		width: 60%;
	/*	max-width: 300px; */
	}
	.price__tutltip_list{
		color: #949494!important;
		font-size: 16.5px!important;
		display: block!important;
		white-space: normal!important;
		text-align: left!important;
		top: 10px;
		right: 150px;
		left: auto;
	}
	.count_list{
		max-width: 100%;
	}
	.contacts{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.contacts__left{
		width: 100%;
		margin-bottom: 30px;
	}
	.contacts__right{
		width: 100%;
		margin-right: 0;
	}
	.dtabs-title__item{
		padding: 35px 30px;
	}
	td.delivery-table__fitrst-td{
		min-width: 50px;
	}
}
@media only screen and (max-width : 1500px) {
	.header-middle {
		padding-top: 30px;
		min-height: 100px;
	}
	.top-logo {
		height: 60px;
		width: 200px;
		margin-top: -10px;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.top-slider__text_first-line {
		padding-right: 30px;
	}

	.items-list__element-name {
		font-size: 19px;
	}
	.items-list__element-add-info {
		font-size: 14.5px;
	}
	.items-list__element-old-price {
		font-size: 18px;
	}
	.items-list__element-old-price span:before {
		top: 11px;
	}
	.items-list__element-price{
		font-size: 26px;
	}
	.items-list__element-price_list-grey {
		font-size: 13px;
		color: grey;
	}
	.cl-list {
		margin-top: 30px;
	}


	.basket-item__additional {
		min-width: 250px;
		flex-wrap: wrap;
		justify-content: flex-end;

	}
	.basket-item__availability, .basket-item__count-cnt, .basket-item__price{
		width: 100%;
		align-items: flex-start;
	}
	.basket-item__count-cnt{
		margin-top: 20px;
	}

	.selectric .label{

		font-size: 40px;

	}

	.selectric-wrapper{

		top: 12px;

	}

	.section__title{

		padding-right: 40px;

	}

	.price__title {
		font-size: 16px;
	}
	.detail__right {
		margin-top: 55px;
	}
	.detail-tabs {
		padding: 0;
		padding-bottom: 40px;
		margin: 100px 0 0 40px;
	}
	.basket-item__info{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.product-description {
		font-size: 16,6px;
	}
	.adw__item {
		max-width: 270px;
		min-width: 270px;
		height: 270px;
		margin: 10px;
	}
	.adw__item-inner {
		padding-top: 30px;
	}

	.adw__item-img {
		width: 90px;
		height: 80px;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.adw__item-txt {
		font-size: 24px;
	}
	.sections-list__section{
		width: calc(50% - 50px);
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		margin-bottom: 80px;
		margin-right: 50px;
	}
	.basket-item__additional_express{
		justify-content: start;
	}
	.count_express{
		margin-left: 0;
		width: 255px;
	}
	.basket-item__count-cnt_express{
		margin-bottom: 30px;
	}
	.basket-item__count-cnt_express{
		max-width: 300px;
	}
	.button_exress-cart{
		max-width: 255px;
	}
	.price__tutltip_list{
		color: #949494!important;
		font-size: 16.5px!important;
		display: block!important;
		white-space: normal!important;
		text-align: left!important;
		top: 10px;
		right: 150px;
		left: auto;
	}
	.common__img-cnt{
		min-width: 400px;
		-ms-align-self: center;
		align-self: center;
	}
	.items-list__add-info_list{
		display: none;
	}
	.count_list{
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
		width: 100%;
		padding: 0;
	}
	.count__right_list{
		border-top: none;
	}
	.items-list__price-cnt_list{
		margin-right: 0;
	}
	.news__item{
		display: block;
	}
	.news__item_uslugi {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.news__info{
		width: 100%;
	}
	.news__date-day{
		font-size: inherit;
		display: inline;
		line-height: normal;
	}
	.news__date br{
		display: none;
	}
	.news__date{
		font-size: 20px;
		text-align: left;
	}
	.dtabs-title__item{
		padding: 25px 20px;
	}
	.dtabs-tabs{
		padding-right: 40px;
	}
	.breadcrumbs_common{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.delivery{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.delivery-map{
		width: 100px;
		height: 100px;
		margin-bottom: 30px;
	}
	.section__title_delivery{
		margin-bottom: 30px;
	}
	.delivery__table{
		max-width: 100%;
	}
	.delivery_right{
		padding-right: 35px;
	}
	.brands-list__item{
		width: 25%;
	}
}

@media only screen and (max-width : 1200px) {
	.header-middle {
		padding-top: 30px;
		min-height: 80px;
	}

	.top-logo {
		height: 50px;
		width: 200px;
		margin-top: -5px;
	}
	.items-list__element-name_out {
		height: 36px;
	}
	.items-list__element-name {
		font-size: 16px;
	}



	.bx-filter .bx-filter-popup-result.right{
		display: none!important;
	}

	.bx-authform{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.bx-authform__left{
		max-width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
	}
	.bx-authform__left::after{
		height: 1px;
		width: 80%;
		left: 0;
		right: 0;
		top: auto;
		bottom: 0;
	}
	.bx-authform__right{
		padding-top: 20px;
		max-width: 100%;
		padding-left: 0;
	}
	.cart-detail{
		display: none;
	}
	.cart-mob-link{
		display: block;
	}
	.basket-item__descr{
		margin-bottom: 20px;
	}
	.product-description {
		font-size: 16,6px;
	}
	.adw__item {
		max-width: 220px;
		min-width: 220px;
		height: 220px;
		margin: 10px;
		padding: 10px;
	}
	.adw__item-inner {
		padding-top: 20px;
	}
	.adw__item-img {
		width: 70px;
		height: 60px;
	}
	.adw__item-txt {
		font-size: 18px;
	}
	.price__tutltip_list{
		color: #949494!important;
		font-size: 16.5px!important;
		display: block!important;
		white-space: normal!important;
		text-align: left!important;
		top: 10px;
		right: 150px;
		left: auto;
	}
	.common__info{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		padding-left: 30px;
	}
	.common__text{
		width: 100%;
	}
	.common__img-cnt{
		min-width: 0;
		margin-bottom: 20px;
	}
	.common__img-cnt_right{
		margin-left: 0;
	}
	.common__img-cnt_left{
		margin-right: 0;
	}
	.section_common-contacts{
		padding-left: 0;
		padding-right: 0;
	}
	.news{
		padding: 50px 40px 40px;
	}
	.news__item{
	    width: calc(50% - 50px);
	}
	.news__item_uslugi {
		width: 100%;
	}
	.news__date{
		font-size: 20px;
	}
	.delivery__table{
		display: none;
	}
	.delivery-map{
		display: none;
	}
	.delivery_right{
		width: 100%;
	}
	.delivery_right{
		padding-right: 0;
	}
	.delivery-form{
		display: block;
	}
	.shipment__table{
		display: none;
	}
	.shipment__form{
		display: block;
	}
	.shipment__info{
		padding-left: 0;
	}
	.brands-list__item{
		width: 33.3%;
	}
	.brands-list{
		padding: 80px 130px;
	}
	.brands-list_letter{
		left: 50px;
	}
	.brands-alpha{
		padding: 40px;
	}
	.brands-alpha__link{
		display: inline-block;
		margin-bottom: 20px;
	}
	.shares__item{
		width: calc(50% - 30px);
	}
}
.header-mobile-middle{
  display:none;
}
@media only screen and (max-width : 992px) {
	.header-middle {
		padding-top: 20px;
	}
	.top-phones {
		height: 30px;
		margin-top: 7px;
	}
	/*.top-phones p:last-child {
		display: none;
	}*/
	.detail {
		padding: 40px;
		background-color: #fff;
		border: 1px solid #e3e3e3;
	}
	.detail__image-cnt {
		border: none;
	}
	.detail__right {
		margin-top: 0;
		margin-left: 0;
		border: none;
	}
	.detail__image-cnt:hover,.detail__right:hover {
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.detail-tabs {
		margin-top: 40px;
	}
	.item-mesure{

		padding-left: 0px;

	}
	.basket-item__descr{
		min-width: 0;
		-webkit-flex: auto;
		-moz-flex: auto;
		-ms-flex: auto;
		-o-flex: auto;
		flex: auto;
	}
	.footer__contacts {
		min-width: 100%;
		max-width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-align-items: center;
		align-items: center;
		justify-content: space-around;
		margin: 0;
		margin-top: 30px;
	}
	.footer__logo,.footer__phones,.footer__soc {
		margin: 20px 5px 0;
	}
	.basket-item {
		min-height: 160px;
	}
	.basket-item__text_mesure,.basket-item__text_section,.basket-item__text_artikul,.basket-item__text_discount {
		display: none;
	}
	.basket-item__descr {
		min-width: 100%;
		margin-bottom: 10px;
	}
	.basket-item__text {
		font-size: 16px;
	}
	.basket-item__text_sum, .basket-item__text_price{
		font-size: 24px;
	}
	.basket-item__text_name {
		font-size: 22px;
	}
	.basket-item__additional {
		min-width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-around;
	}
	.basket-item__availability, .basket-item__count-cnt, .basket-item__price {
		width: auto;
		margin: 0 5px;
	}
	.basket-item__img-wrap {
		width: 130px;
	}
	.count {
		min-width: 150px;
		min-height: 35px;
	}
	.counter__button_list {
		width: 25px;
		height: 25px;
		margin: 5px 0;
		font-size: 13px;
	}
	.counter__input_list {
		font-size: 18px;
		height: 25px;
	}
	.adw__item {
		max-width: 170px;
		min-width: 170px;
		height: 170px;
		margin: 10px 5px;
		padding: 7px;
	}
	.adw__item-img {
		width: 60px;
		height: 48px;
	}
	.adw__item-txt {
		font-size: 16px;
	}
	.detail__raiting{
		position: relative;
		top: 0;
		right: 0;
	}
	.detail__share{
		margin-left: 0;
	}
	.basket-item__price_express{
		width: 100%;
	}
	.basket-item__additional_express{
		justify-content: start;
	}
	.price__tutltip_list{
		color: #949494!important;
		font-size: 16.5px!important;
		display: block!important;
		white-space: normal!important;
		text-align: left!important;
		top: 10px;
		right: 150px;
		left: auto;
	}
	.items-list__sections-chain_list{
		display: none;
	}
	.items-list__price-cnt_list{
		display: none;
	}
	.items-list__element_catalog-list{
		padding: 0;
	}
	.items-list__info-wraper_list{
		padding-top: 10px;
	}
	.items-list__element-price_list{
		display: block;
		text-align: right;
		padding-top: 0;
	}
	.items-list__info-cnt_list{
		max-width: 100%;
		width: 100%;
	}
	.items-list__list-element-cart{
		display: inline-block;
		width: 26px;
		height: 24px;
		background-image: url(/bitrix/templates/sroymat/css/../images/item-cart.png);
		background-position: center center;
		background-repeat: no-repeat;
		margin-left: 10px;
		position: relative;
		top: 1px;
	}
	.dtabs-title{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.dtabs-title__item {
	    padding: 25px 20px 0;
	}
	.item-props__element{
		width: 100%;
	}
	.item-props__element:nth-child(4n+4){
		background-color: #e8e8e8;
	}
	.item-props__element:nth-child(4n+3){
		background-color: #e8e8e8;
	}
	.item-props__element:nth-child(odd){
		margin-right: 0;
	}
	.item-props__element:nth-child(even){
		margin-left: 0;
		background-color: #fff;
	}
	.news-detail__img-cnt{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.tips-slider__item-wrap{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tips-slider__item-left{
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		margin-bottom: 5px;
	}
}

@media only screen and (max-width : 768px) {
	.top-phones {
		width: 35px;
		height: 36px;
		background: url(/bitrix/templates/sroymat/css/../images/phone-768.png) center no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		overflow: hidden;
		margin-top: 0;
		position: relative;
	}
	.top-phones p:first-child a {
		display: block;
		width: 100%;
		height: 100%;
		max-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		background-color: transparent;
		color: 	transparent;
	}
	.items-list__element-name_out {
		height: 32px;
	}
	.items-list__element-name {
		font-size: 15px;
	}
	.selectric-wrapper{

		display: block;

		top: auto;

	}

	.selectric .button{

		display: none;

	}

	.selectric .label{

		margin-right: 0;

		margin-left: 0;

	}
	.top-logo{
		height: 40px;
		width: 190px;
		margin-top: 0;
		background-image: url(/bitrix/templates/sroymat/css/../images/logo_new.png);
	}
	.basket-item{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.basket-item__img-wrap{
		width: 100%;
		-webkit-flex: none;
		-moz-flex: none;
		-ms-flex: none;
		-o-flex: none;
		flex: none;
		margin-bottom: 20px;
	}
	.basket-item__img{
		position: relative;
	}
	.footer__contacts {
		min-width: auto;
	}
	.footer__logo, .footer__phones, .footer__soc {
		margin: 0;
		-ms-align-self: flex-start;
		align-self: flex-start;
	}
	.product-description {
		font-size: 16px;
	}
	.adw {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sections-list__section{
		width: calc(100%);
		margin-right: 0px;
	}
	.sections-list{
		padding: 30px;
	}
	.section_contacts{
		padding: 30px 0 0;
	}
	.contacts__info{
		padding-left: 30px;
	}
	.contacts__info_welcome {
		padding-right: 30px;
	}
	.items-list__element_catalog-list{
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
		justify-content: start;
		min-height: 80px;
	}
	.items-list__img-cnt_list{
		margin-bottom: 0;
	}
	.items-list__img-cnt_list{
		width: 80px;
	}
	.items-list__element-image_list{
		margin: 10px;
		height: 60px;
	}
	.footer__soc{
		margin-left: 20px;
	}
	.pay_form-group{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.pay__form-input{
		max-width:100%;
		margin-right: 0;
	}
	.news__item{
	    width: 100%;
	    margin-right: 0;
	}
	.news__item_uslugi {
		display: block;
	}
	.news__item_uslugi .uslugi-img {
		margin-bottom: 20px;
	}
	.news__item_uslugi .uslugi-img, .news__item_uslugi .news__info {
		width: 100%;
	}
	.news__title{
		margin-bottom: 25px;
		font-size: 20px;
	}
	.news__date{
		font-size: 16px;
	}
	.news{
		padding: 50px 30px 40px;
		padding-top: 10px;
	}
	.section__title_news{
		font-size: 29px;
	}
	.item-props__element-right {
	    font-size: 16.8px;
	}
	.item-props__element-left {
	    font-size: 16.8px;
	}
	.news-detail__title{
	    font-size: 29px;
	    color: #00796b;
	    margin-bottom: 20px;
	    font-weight: 300;
	    margin-top: 0;
	}
	.news-detail__text p{
	    font-size: 16.5px;
	    font-weight: 300;
	    line-height: 30px;
	}
	.news-detail__img{
		width: 100%;
	}
	.news-detail__img-cnt{

	}
	.news-detail{
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 65px;
		padding-bottom: 70px;
		position: relative;
	}
	.news-detail__date{
		font-size: 16.5px;
		margin-right: 0;
		text-align: left;
		position: relative;
	    left: 0;
	    top: 0;
	    margin-bottom: 20px;
	}
	.news-detail__date br{
		display: none;
	}
	.news-detail__date-day{
		display: inline;
		font-size: 16.5px;
		line-height: normal;
	}
	.delivery-form__left{
		width: 50%;
	}
	.delivery-form__right{
		width: 50%;
	}
	.delivery-form__line_input{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.delivery-form__right_input{
		width: 100%;
		max-width: 100%;
		margin-top: 10px;
	}
	.delivery-form__line_input-sec{
		margin-bottom: 30px;
	}
	.brands-list__item{
		width: 50%;
	}
	.brands-list{
		padding: 80px 50px;
	}
	.brands-list_letter{
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 20px;
	}
	.brands-alpha{
		padding: 20px;
	}
	.brands-alpha__link{
		font-size: 20px;
	}
	.compare-scroll{
		display: none;
	}
	.shares__item{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}
@media only screen and (max-width : 992px) {

  .top-phones p:first-child a{
      font-size:18px;
  }

  .top-phones p:last-child a{
      font-size:15px;
  }

  .top-phones{
      width:179px;
  }

}

@media only screen and (max-width: 768px){
    .top-phones{
        width:35px;
    }

  .top-phones p:last-child a{
      opacity:0;
  }
  .header-mobile-middle{
      display:flex;
      justify-content: flex-end;
  }
  .header-mobile-middle a{
      background:#d32f2f;
      padding:7px 15px;
      border-radius:5px;
      color:#fff;
      font-size:15px;
      margin-bottom:10px;
      margin-top:-10px;
      margin-right:29px;
      width:274px;
      text-align: center;
  }
  .header-middle .top-logo{
    margin-top:10px;
    height:50px;
}
.header-mobile-middle{
    margin-top:0px;
}
.header-middle.header-middle_fixed .top-logo{
  margin-top:unset;
}
}

@media screen and (max-width:500px) {

    .header-mobile-middle a{
    padding:7px 20px;
    margin-top:-18px;

    }
    .header-middle .top-logo{
      margin-top:12px;
      height:40px;
  }
  .header-mobile-middle{
      margin-top:0px;
  }
  .header-middle.header-middle_fixed .top-logo{
    margin-top:unset;
  }
}



@media screen and (max-width:300px) {
    .header-mobile-middle a{
        padding:5px 10px;
    }
}
@media only screen and (max-width : 480px) {
	.price__base mes, .price__discount mes{
		display: none;
	}
	.price{
		padding-right: 0;
		width: auto;
	}
	span.price__currency{
		font-size: 20px;
	}
	.detail {
		margin-left: 10px;
		padding: 30px 10px;
	}
	.detail__to-favorite{

		padding-left: 25px;

		margin-left: 10px;

		font-size: 14px;

	}
	.catalog-calc-link_detail span{
		display: none;
	}
	.detail__to-favorite span{
		display: none;
	}
	.detail__actions{
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.catalog-calc-link_detail{
		width: 24px;
		height: 27px;
		margin-right: 10px;
	}
	.detail__to-favorite{
		width: 30px;
		height: 26px;
	}
	.items-list__element-image {
		height: 115px;
	}
	.items-list__element-name_out {
		height: 28px;
	}
	.items-list__element-name {
		font-size: 13px;
	}

	.section__title{

		padding-right: 10px;

	}

	.selectric-wrapper{

		margin-top: 10px;

	}

	.selectric .label{

		font-size: 20.5px;

		height: 25px;

		line-height: 25px;

	}

	.visible-xs{

		display: block;

	}

	.hidden-xs{

		display: none;

	}

	.section_common .section__title{

		padding-left: 0;

	}

	.section_personal{

		padding: 30px 15px 70px;

	}

	.sale-order-list-about-container{

		margin-bottom: 20px;

	}

	.sale-order-detail{

		padding-left: 0;

		padding-right: 0;

	}

	div.payment-options-methods-row{

		margin: 0;

		padding-left: 15px;

		padding-right: 15px;

	}

	.sale-order-detail-payment-options-methods-container:before,

	div.payment-options-methods-row:before,

	div.payment-options-methods-row:last-child:after{

		display: none;

	}

	.section_common{

		padding-left: 15px;

		padding-right: 15px;

	}
	.price {
		-ms-align-items: flex-end;
		align-items: flex-end;
	}
	.price-item {
		min-width: 50%;
	}
	.price__title {
		font-size: 14px;
	}
	.price__base {
		font-size: 30px;
		text-align: center;
	}
	.price__discount {
		font-size: 30px;
		text-align: center;
	}
	.detail-tabs {
		margin: 50px 0 0 10px;
		padding-bottom: 20px;
	}

	.basket-item__text{
	    font-size: 16.5px;
	}
	.basket-item__text_name{
		font-size: 20px;
	}
	.basket-item__descr_express{
		margin-bottom: 0;
	}
	.basket-item__additional_express{
		padding-top: 0;
	}
	.product-description {
		font-size: 14px;
	}

	.ya-share2__container_size_m .ya-share2__icon{
		width: 36px!important;
		height: 36px!important;
		-webkit-background-size: contain!important;
		background-size: contain!important;
	}
	.ya-share2__item_service_vkontakte .ya-share2__icon{
		background-image: url(/bitrix/templates/sroymat/css/../images/soc_vk.png)!important;
	}
	.ya-share2__item_service_collections .ya-share2__icon{
		background-image: url(/bitrix/templates/sroymat/css/../images/soc_y.png)!important;
		background-position: 0 0!important;
	}
	.ya-share2__item_service_facebook .ya-share2__icon{
		background-image: url(/bitrix/templates/sroymat/css/../images/soc_f.png)!important;
		background-position: 0 0!important;
	}
	.ya-share2__item_service_odnoklassniki .ya-share2__icon{
		background-image: url(/bitrix/templates/sroymat/css/../images/soc_ok.png)!important;
		background-position: 0 0!important;
	}
	.ya-share2__item_service_moimir .ya-share2__icon{
		background-image: url(/bitrix/templates/sroymat/css/../images/soc_m.png)!important;
		background-position: 0 0!important;
	}
	.ya-share2__item_service_gplus .ya-share2__icon{
		background-image: url(/bitrix/templates/sroymat/css/../images/soc_g.png)!important;
		background-position: 0 0!important;
	}
	.ya-share2__item_service_whatsapp .ya-share2__icon{
		background-color: #d32f2f !important;
		background-position: 0 0!important;
	}
	.ya-share2__container_size_m .ya-share2__item{
		margin-right: 8px!important;
		margin-bottom: 10px!important;
	}

	.sections-list__section{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}
	.sections-list__icon{
		margin-bottom: 30px;
	}
	.sections-list__list{
		width: 100%;
	}
	.bx-authform-social ul li{
		width: 36px;
		height: 36px;
		margin-right: 9px;
	}
	.bx-authform-social ul li .bx-authform-social-icon{
		width: 36px;
		height: 36px;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.adw__item{
		max-width: 140px;
    	min-width: 140px;
    	height: 140px;
	}
	.adw__item-txt{
		font-size: 10px;
	}
	.detail__right{
		padding-left: 5px;
		padding-right: 5px;
	}
	.count{
		padding: 0;
	}
	.basket-item__count-cnt_express{
		margin: 0;
		margin-bottom: 30px;
	}
	.basket-item__additional_express{
		justify-content: center;
	}
	.express-prices{
		margin-right: 0;
		width: 255px;
	}
	.fa-question-circle:before{
		content: "\f059";
	}
	.price__tutltip_express{
		right: 170px;
	}
	.section_common .section__title_contacts{
		margin-bottom: 40px;
		padding-left: 20px;
		font-size: 26.5px;
	}
	.contacts__info{
		padding-left: 20px;
	}
	.contacts__info_welcome {
		padding-right: 20px;
	}
		.section_contacts{
		padding-left: 0;
		padding-right: 0;
	}
	.section__title_common{
		font-size: 20.5px;
	    padding-top: 25px;
	    padding-left: 10px;
	    margin-bottom: 20px;
	    padding-top: 0;
	}
	.common__info{
		padding-left: 0;
		padding-right: 0;
	}
	.section_common-contacts{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	.contacts__right_common{
		padding-top: 30px;
	}
	.section_common .section__title_contacts-common{
		padding-left: 20px;
	}
	.items-list__element-image_list{
		height: 60px;
	}
	.items-list__element-name_list{
		margin-bottom: 5px;
	}
	.items-list__info-wraper_list{
		padding-bottom: 5px;
	}
	.footer__soc{
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.remodal_pay{
		padding: 40px 20px;
	}
	.pay__title{
		font-size: 30px;
	}
	.dtabs-title__item{
		font-size: 16.5px;
	}
	.dtabs-tabs{
		padding-right: 10px;
		padding-top: 10px;
	}
	.news-detail__title{
		font-size: 20px;
	}
	.news-detail{
		padding-left: 15px;
		padding-right: 15px;
	}
	.tips-slider__item-left{
		width: 100%;
	}
	.dtabs-title{
		display: none;
	}
	.detail-tabs__mobile-title{
		display: block;
		padding: 20px 10px;
		font-size: 20.5px;
		color: #00796b;
		font-weight: 300;
		position: relative;
	}
	.dtabs-tabs__item{
		border-bottom: 1px solid #ddd;
    	padding-bottom: 25px;
	}
	.detail-tabs__mobile-title::after{
		position: absolute;
		height: 15px;
		width: 15px;
		content: "\f078";
		font-family: FontAwesome;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
		font-size: 13px;
	}
	.detail-tabs__mobile-title.active::after{
		content: "\f077";
	}
	.item-questions__title{
		font-size: 16.5px;
	}
	.item-questions__body{
		font-size: 14px;
	}
	.section_list-description{
		padding: 10px;
	}
	.section-description{
		padding: 10px;
	}
	.button_basket-bottom{
		margin: 5px 0;
	}
	.bx-touch .bx_ordercart .bx_ordercart_order_pay_center span{
		display: inline;
	}
	.shipment{
		padding-left: 0;
		padding-right: 0;
	}
	.brands-list{
		padding: 30px 20px;
	}
	.section_brands{
		padding-bottom: 30px;
	}
	.brands-alpha__line{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.brands-alpha__link{
		margin-bottom: 10px;
	}
	.scroll__bar{
		width: 40px;
		color: transparent;
	}
	.compare-section-description{
		padding: 0 10px;
	}
	.compare-section-count{
		padding-left: 0;
		font-size: 16.6px;
		font-weight: 400;
	}
	.c-table__section{
		font-size: 10.5px;
	}
	.c-table__title{
		font-size: 13px;
	}
	.c-table__item-line{
		min-height: 50px;
		padding: 10px;
	}
	.c-table__legend-title{
		font-size: 13px;
	}
	.c-table{
		padding-left: 150px;
	}
	.c-table__description{
		font-size: 13px;
		line-height: 16px;
	}
	.c-table__item-line_img{
		min-height: 130px;
	}
	.c-table__image{
		width: 100px;
		height: 100px;
	}
	.c-table__item{
		width: 250px;
		margin-right: 10px;
	}
	.c-table__weight{
		font-size: 16px;
	}
	.c-table__measure{
		font-size: 16px;
	}
	.compare-wraper{
		margin-top: 30px;
	}
	.tems-list__compare{
		right: 10px;
		top: 101px;
	}
	.tems-list__compare_catalog{
		right: 10px;
		top: 101px;
	}
	.tems-list__e-discount{
		top: 133px;
		width: 45px;
		height: 45px;
	}
	.tems-list__e-discount_catalog{
		top: 133px;
		width: 45px;
		height: 45px;
	}
	.header-bottom__user-menu{
		left: 95px;
	}
	.shares__type{
		font-size: 30px;
	}
	.shares__title{
		font-size: 30px;
	}
	.brands-list__item{
		width: 100%;
	}
}

.breadcrumbs{
padding-top:15px!important;
padding-bottom:15px!important;
}
.section__calc{
 background:#fff;
 position:relative;
}
.section__calc a .btnvse {
	background: url(https://stroimaterial-moskva.ru/bitrix/templates/sroymat/images/calc-icon.png) no-repeat center center;
 background-size:contain;
	width: 389px;
	height: 337px;
    background-repeat: no-repeat;
	position: absolute;
    right: 100px;
    bottom: 100px;
     display:block;
}
@media(max-width:480px) {
	.section__calc a .btnvse {
		display: none;
	}
  .header-mobile-middle a{
  margin-right: 24px;
  width: 232px;
  }
}

@media(max-width:1500px) {
	.section__calc a .btnvse {
		display: none;
	}
}
.section-description p,.section-description h2,.section-description strong{
 font-family:'Roboto',sans-serif!important;
 line-height:1.1;
}
.section-description h2{
 margin:15px 0 15px;
 font-weight: 400;
}
.section-description h2:first-child{
 margin:0 0 15px;
}
.section-description table{
 margin-top:15px;
}
.section-description table td{
 padding:5px;
}
.section-description tr td{
 padding:10px;
}
.section-description p{
 padding:3px 0;
}
.section-description .calc-list-text{
 margin:0;
}
.section-description p,.section-description li,.section-description td {
    font-size: 16.5px!important;
    font-weight: 300!important;
    line-height: 30px!important;
}


.items-list__element_big_new:has(img) img{
 height:auto;
 min-height:100%;
 width:auto;
 min-width:100%;
}
.items-list__element_big_new:has(img){
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center;
}

.catalog .items-list__element_catalog-big_new:has(img) img{
 height:auto;
 /*min-height:100%;*/
 width:auto;
 min-width:100%;
}
.catalog  .items-list__element_catalog-big_new:has(img){
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center;
}

.footer__title,.footer__flex{
 padding-left:120px;
}

.cl-list__item{
 width:calc(50% - 15px);
}

@media screen and (min-width:1921px) {

}

@media screen and (max-width:992px) {
  .footer__counter-cnt,.footer__flex{
    padding-left:60px;
  }
  .footer__top{
    padding-bottom:0;
    min-height:165px;
  }
  .footer__contacts{
    justify-content: space-between;
  }
}

@media screen and (max-width:768px) {
  .footer__contacts{
    min-width:100%;
  }

  .cl-list__item{
   width:calc(100% - 15px);
  }
}


@media screen and (max-width:1500px) {
  .items-list__element_big_new:has(img) img{
   min-height:unset;
  }
  .items-list__element_big_new:has(img){
    height:fit-content;
  }
}

@media screen and (max-width:992px) {
  .items-list__element_catalog-big_new:has(img) img{
   min-height:unset;
  }
  .items-list__element_catalog-big_new:has(img){
    height:fit-content;
  }
}

@media screen and (max-width:480px) {
  .catalog .items-list__element_catalog-big_new:has(img){
   width:100%;
   min-width:calc(100% - 5px);
  }
}

@media screen and (max-width:380px) {
  .catalog .items-list__element-price{
    text-align: left;
    padding-left:15px;
    padding-top:16px;
  }
}

@media screen and (max-width:330px) {
  .catalog .items-list__element-price{
    text-align: left;
    padding-left:5px;
    padding-top:16px;
  }
  .tems-list__e-cart{
    right:5px;
    bottom:15px;
    top:unset;
  }
}

/*
.footer__callback a{
     background:#d32f2f;
     padding:7px 15px;
     border-radius:5px;
     color:#fff;
     font-size:15px;
     margin-bottom:10px;
     margin-top:-10px;
     margin-right:10px;
 }
   .footer__callback{
       display:flex;
       justify-content: center;
       margin-top:10px;
   }

   @media screen and (max-width:992px) {
     .footer__callback{
         height:100%;
         align-items:center;
         margin-top:25px;
     }
   }

       @media screen and (max-width:768px) {
     .footer__callback{
         height:100%;
         align-items:center;
         margin-top:0;
     }
   }

   @media screen and (max-width:600px) {
       .footer__contacts{
           flex-direction: column;
           flex-wrap:nowrap;
           align-items:center;
           width:calc(100%- 60px);
           min-width:calc(100% - 60px);
           overflow:hidden;
           margin-right:60px;
           padding-bottom:20px;
       }
       .footer__phones{
           display:block;
           align-self:center;
       }
       .footer__soc{
           align-self:center;
       }
        .footer__callback{
         width:unset;
         margin-top:10px;
     }

   }*/
   @media screen and (max-width:480px) {
     .header-mobile-middle a{
     margin-right: 24px;
     width: fit-content!important;
     }
   }

   .mobile-measure{
 background:none;
 padding:0 5px;
 font-weight:300!important;
 color:#bababa;
 font-size:20px;
}
.custom__share{
	display: flex;
}
.share-max img{
	width: 48px;
	height: 48px;
}
.share-max:hover{
opacity: 0.9;
}
@media(max-width: 480px){
.share-max img{
	width: 36px;
	height: 36px;
}
}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/sale.basket.basket.line/stroymat/style.min.css?16245497083567*/
.bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media(min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:998;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;z-index:998;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden;bottom:0;left:0;right:0}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;padding-bottom:20px;border-top:1px solid #f7f7f7;overflow:hidden}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;position:absolute;bottom:0;right:0;left:0;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.bx-basket-item-list-button-container{text-align:center;position:absolute;bottom:20px;border-top:1px solid #f7f7f7;padding:10px 0;background:#fff;left:0;right:0}.bx-basket-item-list-button-container a.btn{color:#ddd;text-decoration:none}.bx-basket-item-list-button-container a.btn:hover,.bx-basket-item-list-button-container a.btn:active{color:#fff}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding-top:15px;position:relative;padding-right:10px;padding-left:10px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:0;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:bold;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center;white-space:normal}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;color:#3f3f3f;text-decoration:none;white-space:normal;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:-7px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */


/* Start:/bitrix/templates/.default/components/arturgolubev/search.title/default/style.css?170710966514210*/
/* div.title-search-result {
	display: block !important;
} */

.bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	/* font-family: Helvetica, Arial, sans-serif; */
	font-family: 'Roboto',sans-serif;
	font-size: 16px;
}

.bx-searchtitle {
	margin: 10px 0 0;
}
.bx-searchtitle-history {
	margin-top: 5px;
}
	.bx-searchtitle-history a {
		color: #222;
		text-decoration: underline;
	}
	.bx-searchtitle-history a:hover {
		text-decoration: none;
	}
.bx-searchtitle .bx-block-title {
	/* font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; */
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 1px 0 0 1px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-searchtitle .bx-input-group .bx-form-control:focus {
	background-color: #fff;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
	line-height: normal;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: url(/bitrix/templates/.default/components/arturgolubev/search.title/default/images/search-icon.png) center center no-repeat #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:0;
	border-radius: 0 1px 1px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	height: 34px;
	width: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background-color: #1484CE;
}


div.title-search-result {
	border:0 none !important;
	border-top: 0 none;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 200px;
	margin-top: 3px;
	background-color: #FFF;
	/* border-top: 0 none; */
	border-radius: 2px;
	box-shadow: 0px 0px 7px -2px #d6d6d6;
	
	/* display: block !important; */
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/.default/components/arturgolubev/search.title/default/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_smart_searche {
	padding-top:8px;
	
	border-top: 0 none;
	border-radius: 0 0 3px 3px;
}
.bx_smart_searche .bx_info_wrap{
	margin-left: 85px;
}
.bx_smart_searche .bx_img_element{
	float: left;
	padding: 5px;
	width: 75px;
	text-align: center;
}
.bx_smart_searche .bx_item_block{
	min-height: 65px;
	position: relative;
}
.bx_smart_searche .bx_image{
	/* width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8; */
	display: inline-block;
	max-width: 100%;
}
.bx_smart_searche .bx_image.empty_image{
	background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/default/image/noimg.png);
}
.bx_smart_searche .bx_item_element{
	padding: 8px 0;
}
.bx_smart_searche .bx_item_element_all_result {
	text-align: center;
}
.bx_smart_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_smart_searche .bx_item_element a{
	margin-top: 5px;
	display: inline-block;
	color: #333;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
.bx_smart_searche .bx_item_element a b{
	font-weight: bold;
}
.bx_smart_searche .bx_item_element a b{color: #000;}
.bx_smart_searche .bx_item_element a:hover,
.bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_smart_searche .bx_item_preview_text{
	font-size:13px;
	padding: 5px 10px 5px 0;
}
.bx_smart_searche .bx_price{
	font-weight:bold;
	font-size:17px;
	margin-top: 5px;
}
.bx_smart_searche .bx_price .old{
	font-weight: normal;
	text-decoration: line-through;
	color: #636363;
	font-size: 12px;
	vertical-align: middle;
}
.bx_smart_searche .bx_item_block.all_result{min-height:0}
.bx_smart_searche .bx_item_block.others_result{
	min-height: 0;
	line-height: 12px;
	padding: 0;
}
.bx_smart_searche .bx_item_block.all_result .all_result_button{
	display: inline-block;
	font-size: 16px;
	background-color: #1485CE;
	border: 1px solid;
	border-color: #1485CE;
	color: #FFF;
	padding: 0 22px;
	height: 34px;
	text-decoration: none;
	border-radius: 2px;
	margin: 0 0 8px;
	
	line-height: 34px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .5px;
}
.bx_smart_searche .bx_item_block_href {
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 8px;
	line-height: 14px;
}
.bx_smart_searche .bx_item_block_href:hover {
	background-color: #feeed2;
}
.bx_smart_searche .bx_item_block_hrline {
	border-bottom: 1px solid #f5a61c;
	margin: 0 8px 5px;
}
.bx_item_block_item_clear {
	display: block;
	clear:both;
}
.bx_smart_searche .bx_item_block_item_info_wrap {
	display: block;
}
.bx_smart_searche .bx_item_block_item_info_wrap.wpic {
	padding-left: 39px;
}
.bx_smart_searche .bx_item_block_item_info {
	display: block;
}
.bx_smart_searche .bx_item_block_href_category_title {
	color: #a2a2a2;
	/* font-weight: bold; */
	margin-bottom: 5px;
	display: inline-block;
}
.bx_smart_searche .bx_item_block_href_category_name {
	color: #f5a61c;
	font-weight: bold;
	text-transform: uppercase;
}
.bx_smart_searche .bx_item_block_item_image {
	width: 50px;
	height: 50px;
	float:left;
	margin-right: 5px;
	position: relative;
}
	.bx_smart_searche .bx_item_block_item_image img {
		position: absolute;
		top: 0;
		left:0;
		right:0;
		bottom:0;
		margin: auto;
		max-width: 100%;
		max-height: 100%;
	}
.bx_smart_searche .bx_item_block_item_name {
	color: #333;
	overflow: hidden;
	height: 34px;
	display: block;
	line-height: 17px;
	display: flex;
}
.bx_smart_searche .bx_item_block_item_name_flex_align {
	margin: auto 0;
}
.bx_smart_searche .bx_item_block_item_simple_name {
	color: #333;
	display: block;
	line-height: 17px;
}
.bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b {
	color: #f5a61c;
}
.bx_smart_searche .bx_item_block_item_price {
	float:right;
	text-align: right;
	color: #333;
	line-height: 17px;
	padding-left: 5px;
}
.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one {
	line-height: 34px;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_new {
	white-space: nowrap;
	font-weight: bold;
	display: block;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_old {
	white-space: nowrap;
	text-decoration: line-through;
}
.bx_smart_searche .bx_item_block_item_text {
	color: #9b9b9b;
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 15px;
}
.bx_smart_searche .bx_item_block_item_props {
	color: #9b9b9b;
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 15px;
}
.bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic {
	/* padding-left: 39px; */
}
.bx_item_block_item_prop_item {
	display: block;
}
.bx_smart_no_result_find {
	padding: 0 8px 8px;
}


/* preloader base */
.bx-searchtitle .bx-searchtitle-preloader {
	position: absolute;
	top: 2px;
	right: 110%;
	width: 30px;
	height: 30px;
	z-index: 5;
	display: none;
	/* display: block; */
}
.bx-searchtitle .bx-searchtitle-preloader.view {
	background: url(/bitrix/templates/.default/components/arturgolubev/search.title/default/images/loader_orange.gif) center center no-repeat;
}



/* blue */
.bx-searchtitle.theme-blue .bx-input-group .bx-form-control {
	border-color:#0083d1;
}
.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view {
	background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/default/images/loader_blue.gif);
}
.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{
	background-color: #0083d1;
	border-color: #0083d1;
}
.bx-searchtitle.theme-blue .bx-input-group-btn button {
	background-color: #0083d1;
	border-color: #0083d1;
	color: #FFF;
}
.bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover {
	background-color: #5ca6e4;
	border-color: #5ca6e4;
	text-decoration: none;
}
.bx_smart_searche.theme-blue .bx_item_element a b{
	color: #5ca6e4;
}
.bx_smart_searche.theme-blue .bx_item_block_href:hover {
	background-color: #b2d9f1;
}
.bx_smart_searche.theme-blue .bx_item_block_href_category_name {
	color:#0083d1;
}
.bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b {
	color:#0083d1;
}
.bx_smart_searche.theme-blue .bx_item_block_hrline {
	border-color: #0083d1;
}
/* black */
.bx-searchtitle.theme-black .bx-input-group .bx-form-control {
	border-color:#333;
}
.bx-searchtitle.theme-black .bx-searchtitle-preloader.view {
	background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/default/images/loader_black.gif);
}
.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{
	background-color: #333;
	border-color: #333;
}
.bx-searchtitle.theme-black .bx-input-group-btn button {
	background-color: #333;
	border-color: #333;
	color: #FFF;
}
.bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover {
	background-color: #5c5c5c;
	border-color: #5c5c5c;
	text-decoration: none;
}
.bx_smart_searche.theme-black .bx_item_element a b{
	color: #5c5c5c;
}
.bx_smart_searche.theme-black {
	/* border:1px solid #333; */
	border-top: 0 none;
	border-radius: 0 0 3px 3px;
}
.bx_smart_searche.theme-black .bx_item_block_href:hover {
	background-color: #eaeaea;
}
.bx_smart_searche.theme-black .bx_item_block_href_category_name {
	color:#333;
}
.bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b {
	color:#333;
}
.bx_smart_searche.theme-black .bx_item_block_hrline {
	border-color: #333;
}
/* green */
.bx-searchtitle.theme-green .bx-input-group .bx-form-control {
	border-color:#159ebb;
}
.bx-searchtitle.theme-green .bx-searchtitle-preloader.view {
	background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/default/images/loader_green.gif);
}
.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{
	background-color: #159ebb;
	border-color: #159ebb;
}
.bx-searchtitle.theme-green .bx-input-group-btn button {
	background-color: #159ebb;
	border-color: #159ebb;
	color: #FFF;
}
.bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover {
	background-color: #44b1c9;
	border-color: #44b1c9;
	text-decoration: none;
}
.bx_smart_searche.theme-green .bx_item_element a b{
	color: #44b1c9;
}
.bx_smart_searche.theme-green .bx_item_block_href:hover {
	background-color: #d0ebf1;
}
.bx_smart_searche.theme-green .bx_item_block_href_category_name {
	color:#159ebb;
}
.bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b {
	color:#159ebb;
}
.bx_smart_searche.theme-green .bx_item_block_hrline {
	border-color: #159ebb;
}
/* red */
.bx-searchtitle.theme-red .bx-input-group .bx-form-control {
	border-color:#E22B2B;
}
.bx-searchtitle.theme-red .bx-searchtitle-preloader.view {
	background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/default/images/loader_red.gif);
}
.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{
	background-color: #E22B2B;
	border-color: #E22B2B;
}
.bx-searchtitle.theme-red .bx-input-group-btn button {
	background-color: #E22B2B;
	border-color: #E22B2B;
	color: #FFF;
}
.bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover {
	background-color: #e95c5c;
	border-color: #e95c5c;
	text-decoration: none;
}
.bx_smart_searche.theme-red .bx_item_element a b{
	color: #e95c5c;
}
.bx_smart_searche.theme-green .bx_item_block_href:hover {
	background-color: #f9d4d4;
}
.bx_smart_searche.theme-red .bx_item_block_href_category_name {
	color:#E22B2B;
}
.bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b {
	color:#E22B2B;
}
.bx_smart_searche.theme-red .bx_item_block_hrline {
	border-color: #E22B2B;
}
/* yellow */
.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control {
	border-color:#F9A91D;
}
.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view {
	background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/default/images/loader_yellow.gif);
}
.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{
	background-color: #F9A91D;
	border-color: #F9A91D;
}
.bx-searchtitle.theme-yellow .bx-input-group-btn button {
	background-color: #F9A91D;
	border-color: #F9A91D;
	color: #FFF;
}
.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover {
	background-color: #faba4a;
	border-color: #faba4a;
	text-decoration: none;
}
.bx_smart_searche.theme-yellow .bx_item_element a b{
	color: #faba4a;
}
.bx_smart_searche.theme-yellow .bx_item_block_href_category_name {
	color:#F9A91D;
}
.bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b {
	color:#F9A91D;
}
.bx_smart_searche.theme-yellow .bx_item_block_hrline {
	border-color: #F9A91D;
}

.header-search__input {
	font-size: 18px;
}
/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17833260462515*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a,.bx-pagination .bx-pagination-container ul li span{display:block;height:32px;min-width:32px;line-height:32px;color:#444;border-radius:16px;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a{text-decoration:none}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/catalog.section/random_menu/themes/blue/style.min.css?1624549707706*/
.bx-blue .product-item-image-slider-progress-bar{background-color:#0083d1}.bx-blue .product-item-image-slider-control:hover{background-color:rgba(0,131,209,.8)}.bx-blue .product-item-image-slider-control.active,.bx-blue .product-item-image-slider-control:hover{background-color:#0083d1}.bx-blue .product-item-scu-item-text-block:hover,.bx-blue .product-item-scu-item-color-block:hover,.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-color:#006cc0}.bx-blue .product-item-amount-field:focus{border-color:#006cc0}.bx-blue .catalog-section-header{border-color:#006cc0}
/* End */


/* Start:/bitrix/templates/sroymat/styles.css?17734380371834*/
.video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Scaledown pane on laptops*/
@media (max-width: 1680px) and (min-width: 1501px) {

html {
	zoom:0.8;
}

.count {
    max-width: none;
}
.counter{
background-color:#e91515;
	}

	.popup-window-overlay{
	width:100%!important;
	}

	.popup-window.popup-window-with-titlebar{
		position:fixed!important;
		left:calc(50% - 116px)!important;
		top:calc(50% - 161px)!important;
		transform: scale(1.3);
	}



	.gallery-slider{
		max-width: 1240px;
	}

  .items-list__element_catalog {
    max-width: calc(25% - 20px);
    min-width: calc(25% - 20px);
  }
  .items-list__element_catalog-super-big {
    min-width: calc(75% - 20px);
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgb(49, 102, 170);
    background: linear-gradient(
      28deg,
      rgba(49, 102, 170, 1) 0%,
      rgba(185, 154, 232, 1) 100%
    );
  }
  .items-list__element_catalog-big {
    min-width: calc(50% - 20px);
    background-position: center;
    background-color: #095682;
    background-repeat: no-repeat;
  }
  .tems-list__compare {
    right: 8px;
  }

  .detail__left {
    width: 590px;
  }
  .detail__image-cnt {
    height: 445px;
  }

  @-moz-document url-prefix() {
    html {
      transform: scale(0.8);
      transform-origin: left top;
      width: calc(100% / 0.8);
      height: calc(100% / 0.8);
    }
  }

  div.title-search-result{
    top:242px;
    left:805px;
  }

}

/*Fix image on mobile*/
@media (max-width: 400px) and (min-width: 360px) {
  .items-list__element_big {
    height: 266px;
    min-width: 100%;
    width: 100%;
    background-size: cover;
  }
}

/* End */


/* Start:/bitrix/templates/sroymat/template_styles.css?1773438037126*/
@media only screen and (max-width: 480px) {
    .items-list__element-title {
        font-size: 13px;
		height: 50px;
     }
}
/* End */
/* /bitrix/templates/sroymat/css/normalize.css?16245497107719 */
/* /bitrix/templates/sroymat/assets/slick-1.8.0/slick/slick.css?16245497101776 */
/* /bitrix/templates/sroymat/assets/fancybox-master/dist/jquery.fancybox.min.css?162454970913894 */
/* /bitrix/templates/sroymat/assets/Remodal-master/dist/remodal.css?16245497091602 */
/* /bitrix/templates/sroymat/assets/Remodal-master/dist/remodal-default-theme.css?16245497095718 */
/* /bitrix/templates/sroymat/assets/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.min.css?162454971042839 */
/* /bitrix/templates/sroymat/css/bootstrap-grid.css?162454971011535 */
/* /bitrix/templates/sroymat/css/bootstrap-form-only.css?162454971031042 */
/* /bitrix/templates/sroymat/assets/lcdsantos-jQuery-Selectric/public/selectric.css?16245497104299 */
/* /bitrix/templates/sroymat/css/style.css?177343809086720 */
/* /bitrix/templates/sroymat/css/custom.css?177348567796470 */
/* /bitrix/templates/.default/components/bitrix/sale.basket.basket.line/stroymat/style.min.css?16245497083567 */
/* /bitrix/templates/.default/components/arturgolubev/search.title/default/style.css?170710966514210 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17833260462515 */
/* /bitrix/templates/.default/components/bitrix/catalog.section/random_menu/themes/blue/style.min.css?1624549707706 */
/* /bitrix/templates/sroymat/styles.css?17734380371834 */
/* /bitrix/templates/sroymat/template_styles.css?1773438037126 */