/* Start:/local/templates/alt/components/bitrix/breadcrumb/nav/style.css?1757426440227*/
ul.breadcrumb-navigation
{
	padding:0; margin:0;
	padding-top:4px;
	list-style:none;
}

ul.breadcrumb-navigation li
{
	display:inline;
}

ul.breadcrumb-navigation a
{
	
}

ul.breadcrumb-navigation span
{
	
}
/* End */


/* Start:/local/templates/alt/components/bitrix/catalog.smart.filter/new/style.css?17574264407361*/
@media screen and (min-width: 1000px) {
    .new-filter .left-filter .fitr-box .filter-container .m-hide.m-filter__box .chec-body .chec-list.price-type-block {
        margin-bottom: 0;
    }
}

.chec-body .f-label.price-type {
    display: flex;
    align-items: center;
    margin: 0;
}

/*Track*/
.fitr-box .bx_ui_slider_track{
	position:relative;
	height:7px;
	margin:25px 10px;
	border:1px solid #8da3ad;
	background:#a1c0c8;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYzBjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q1ZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1c0c8), color-stop(100%,#b3d5df));
	background:-webkit-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%);
	background:   -moz-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%);
	background:    -ms-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%);
	background:     -o-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%);
	background:        linear-gradient(top bottom, #a1c0c8 0%,#b3d5df 100%);
	box-shadow:0 1px 0 0 rgba(255,255,255,.35);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c0c8', endColorstr='#b3d5df',GradientType=0 );
}
.fitr-box .bx_ui_slider_part{
	position:absolute;
	top:-6px;
	width:1px;
	height:17px;
	background:#a2bfc7;
}
.fitr-box .bx_ui_slider_part.p1{left:-1px;}
.fitr-box .bx_ui_slider_part.p2{left:25%;}
.fitr-box .bx_ui_slider_part.p3{left:50%;}
.fitr-box .bx_ui_slider_part.p4{left:75%;}
.fitr-box .bx_ui_slider_part.p5{right:-1px;}
.fitr-box .bx_ui_slider_part span{
	font-size:11px;
	font-weight: bold;
	position:absolute;
	top:-16px;
	left:50%;
	display:block;
	width:100px;
	margin-left:-50px;
	text-align:center;
	color:#000;
}
.fitr-box .bx_ui_slider_part.p2 span,
.fitr-box .bx_ui_slider_part.p3 span,
.fitr-box .bx_ui_slider_part.p4 span{color:#6b8086;}

.fitr-box .bx_ui_slider_range,
.fitr-box .bx_ui_slider_pricebar,
.fitr-box .bx_ui_slider_pricebar_VD,
.fitr-box .bx_ui_slider_pricebar_VN,
.fitr-box .bx_ui_slider_pricebar_V{
	position:absolute;
	top:-1px;
	bottom:-1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.fitr-box .bx_ui_slider_range{
	z-index:150;
}
.fitr-box .bx_ui_slider_pricebar{
	z-index:100;
}

.fitr-box .bx_ui_slider_pricebar_VD{
	z-index:60;
	border-top:   1px solid #74868e;
	border-bottom:1px solid #74868e;
	background:#849da4;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0OWRhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2FmYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#849da4), color-stop(100%,#93afb7));
	background:-webkit-linear-gradient(top, #849da4 0%,#93afb7 100%);
	background:   -moz-linear-gradient(top, #849da4 0%,#93afb7 100%);
	background:    -ms-linear-gradient(top, #849da4 0%,#93afb7 100%);
	background:     -o-linear-gradient(top, #849da4 0%,#93afb7 100%);
	background:        linear-gradient(top bottom, #849da4 0%,#93afb7 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#849da4', endColorstr='#93afb7',GradientType=0 );
}
.fitr-box .bx_ui_slider_pricebar_VN{
	z-index:70;
	border:1px solid #8da3ad;
	background:#a8dff3;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZGZmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGVhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6eccea), color-stop(100%,#73d6f6));
	background:-webkit-linear-gradient(top, #6eccea 0%,#73d6f6 100%);
	background:   -moz-linear-gradient(top, #6eccea 0%,#73d6f6 100%);
	background:    -ms-linear-gradient(top, #6eccea 0%,#73d6f6 100%);
	background:     -o-linear-gradient(top, #6eccea 0%,#73d6f6 100%);
	background:        linear-gradient(top bottom, #6eccea 0%,#73d6f6 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eccea', endColorstr='#73d6f6',GradientType=0 );
}
.fitr-box .bx_ui_slider_pricebar_V{
	z-index:80;
	top:-1px;
	bottom:-1px;
	/*	border-right:1px solid #1888cc;
		border-left: 1px solid #1888cc;*/
	background:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y left,
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y right,
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAABGdBTUEAALGPC/xhBQAAAL1QTFRFANz2ALTqAKrmALbrAN33AKzmANf0ALPqAKfkAKrlAKbkHpThALXqALHqAI/dAKDkAJviAJ/lAJrhAKnnAKTnAJTgAJ/kAKTmAJXfAJnhAKbjAJriAJ3iAKfoAKPnAJHeAKHjAKfmAKznAKvoAKvpAKHkAKzqALTrALTpANb0ALXrALPrALjtAJ7kAKfnAKPlAKTlAKLnAKbnAK/pHpTiALDqANz3AHi6AKzpAKjoANv2AHm6AKzoAHm7H5XiGxHqSgAAAG9JREFUCNcVxEUCwkAQBMDG3V2Dxz3rO/n/s4A6FOqq/vk3qsC7XGsfuu1rjk7gtZoNLxqMgwg9xvqh6w7ZJDyitDcpbVbax9titVT35yFRr7P8YJ5k6T7dFadLoTBbxNN1vN3k19yBEIYEkTGG6AvhQBEyBjCadgAAAABJRU5ErkJggg==') repeat-x;
}



.fitr-box .bx_ui_slider_handle{
	position: absolute;
        top: -8px;
        width: 20px;
        height: 20px;
        background: #ffffff;
        border: solid 1px #f1f1f1;
        box-sizing: border-box;
        border-radius: 100%;
        
}
.fitr-box .bx_ui_slider_handle:hover{
	-webkit-cursor:grab;
	-ms-cursor:grab;
	-o-cursor:grab;
	cursor:grab;
}
.fitr-box .bx_ui_slider_handle:active{
	-webkit-cursor:grabbing;
	-ms-cursor:grabbing;
	-o-cursor:grabbing;
	cursor:grabbing;
}
.fitr-box .bx_ui_slider_handle.left{
	left:0;
	margin-left:-21px;
	background:url(/local/templates/alt/components/bitrix/catalog.smart.filter/new/images/handle_left.png) no-repeat right top;
}
.fitr-box .bx_ui_slider_handle.right{
	right:0;
	margin-right:-21px;
	background:url(/local/templates/alt/components/bitrix/catalog.smart.filter/new/images/handle_right.png) no-repeat left top;
}
/* End */


/* Start:/css/style-razdel.css?175742620622890*/
/**
* letter-spacing
*/
/**
* sprite
*/
/**
* breakpoints custom
*/
/**
* breakpoints custom
*/
/**
* clearfix
*/
/**
* verticatfix
*/
/**
* list_jst
*/
/**
* hold-center
*/
/**
* core-justify
*/
/**
* placeholder
*/
/**
* placeholder
*/
/**
* triangle
*/
.filtr-wrap {
  position: relative; }
  @media screen and (max-width: 999px) {
    .filtr-wrap {
      z-index: 7;
      margin-left: -100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000;
      height: 100%;
      overflow-y: scroll;
      transition: margin .2s;
      width: 100%; }
      .filtr-wrap.active {
        margin-left: 0px; } }

.fitr-box {
  padding: 15px 40px 5px 40px;
  /*border-top: 1px solid #353535;*/ }
  @media screen and (max-width: 999px) {
    .fitr-box {
      padding: 0 0 70px 0; } }
  .fitr-box .col-7 .h4 {
    /*font-family: Arial;*/ }

.fitr-box_bb {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 999px) {
    .fitr-box_bb {
      width: 100%; } }
  .fitr-box_bb .mob-subfiltr-title {
    display: none;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    padding: 15px;
    box-sizing: border-box;
    background: #3a3a3a;
    width: 100%;
    color: #ffffff;
    cursor: pointer; }
    .fitr-box_bb .mob-subfiltr-title span {
      font-size: 17px;
      font-weight: 600;
      margin: auto; }
    .fitr-box_bb .mob-subfiltr-title svg {
      position: absolute;
      top: 15px;
      left: 15px;
      fill: #ffffff;
      width: 15px;
      height: 15px; }
    @media screen and (max-width: 999px) {
      .fitr-box_bb .mob-subfiltr-title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .fitr-box_bb .mob-filtr-title {
    display: none;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    padding: 15px;
    background: #3a3a3a;
    width: 100%;
    color: #ffffff; }
    .fitr-box_bb .mob-filtr-title input {
      color: #a2a1a1;
      font-size: 13px; }
    .fitr-box_bb .mob-filtr-title span {
      font-size: 17px;
      font-weight: 600;
      margin-right: 15px; }
    .fitr-box_bb .mob-filtr-title svg {
      margin-left: auto;
      fill: #ffffff;
      width: 15px;
      height: 15px; }
    .fitr-box_bb .mob-filtr-title.active {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    @media screen and (max-width: 999px) {
      .fitr-box_bb .mob-filtr-title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .fitr-box_bb .filter-container {
    width: 100%; }
    @media screen and (max-width: 999px) {
      .fitr-box_bb .filter-container {
        width: 100%;
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3; } }
  .fitr-box_bb .price-type-container {
    width: 100%;
    margin-bottom: 10px;
    border-top: solid 1px #e2e2e2;
    padding-top: 15px;
    margin-top: 5px; }
    @media screen and (max-width: 999px) {
      .fitr-box_bb .price-type-container {
        width: 100%;
        margin-bottom: 0;
        margin-top: 0;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        padding: 20px 15px 10px 15px;
        border-top: none; }
        .fitr-box_bb .price-type-container .f-label .rf-label {
          color: #1c1c1c;
          font-size: 14px; } }
  .fitr-box_bb .ucenka-link {
    text-decoration: none;
    border-bottom: 1px dotted;
    padding: 5px 12px;
    border: 1px solid #f5a200;
    border-radius: 7px;
    background: #f5a200;
    color: #fff; }
    .fitr-box_bb .ucenka-link:hover {
      background: #fff;
      color: #f5a200; }

@media screen and (max-width: 999px) {
  .m-filter__box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 2; }
    .m-filter__box .chec-body {
      padding: 15px 15px 40px 15px; } }

.js-open-filter {
  text-align: center;
  font-weight: bold;
  padding: 20px 0;
  border-bottom: 1px solid #353535;
  font-size: 1.73333rem; }
  .js-open-filter:after {
    display: inline-block;
    content: '';
    vertical-align: middle;
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -271px -262px;
    width: 22px;
    height: 13px;
    margin-left: 6px; }
  .js-open-filter.filter-open {
    border-bottom-color: transparent; }
    .js-open-filter.filter-open:after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  @media screen and (max-width: 420px) {
    .js-open-filter {
      font-size: 1.36364rem; }
      .js-open-filter:after {
        background-image: url("/css/../images/sprites.png");
        background-repeat: no-repeat;
        background-position: -392px -259px;
        width: 9px;
        height: 5px; } }

.all-link {
  text-decoration: none;
  color: #a2a1a1; }
  .all-link:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    content: '';
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -406px -353px;
    width: 6px;
    height: 10px; }
  .all-link:hover {
    color: #a2a1a1;
    text-decoration: underline; }

.col-7 .h4 {
  font-size: 1em; }

@media screen and (min-width: 1000px) {
  .col-7 {
    position: relative;
    float: left;
    /*width: 14.2857%;*/
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 35px;
    margin-bottom: 10px; }
    .col-7.price-type-block {
      margin-right: 0;
      float: right; }
    .col-7.col-7_big {
      width: 17.5844%; }
    .col-7.col-7_small {
      width: 10.987%; }
    .col-7 .h4 {
      /*font-family: Arial;*/
      font-weight: bold;
      cursor: pointer;
      font-size: 1em;
      /*min-height: 45px;*/ }
      .col-7 .h4.fwn {
        font-weight: normal; }
      .col-7 .h4:after {
        display: inline-block;
        vertical-align: middle;
        content: '';
        margin-left: -15px;
        background-image: url("/css/../images/sprites.png");
        background-repeat: no-repeat;
        background-position: -392px -235px;
        width: 9px;
        height: 5px; }
      .col-7 .h4.filter-open:after {
        display: inline-block;
        vertical-align: middle;
        content: '';
        margin-left: -15px;
        background-image: url("/css/../images/sprites.png");
        background-repeat: no-repeat;
        background-position: -406px -380px;
        width: 9px;
        height: 5px; } }

.col-7.lbl .h4:after {
  display: none; }

@media screen and (max-width: 1200px) {
  .col-7.lbl {
    display: none; }
    .col-7.lbl .h4:after {
      display: none; } }

@media screen and (max-width: 999px) {
  .col-7 .h4 {
    color: #1a1a1a;
    padding: 12px 20px;
    position: relative;
    border-bottom: solid 1px #e2e2e2;
    border-top: solid 1px #e2e2e2;
    font-size: 14px;
    margin-top: -1px; }
    .col-7 .h4:after {
      display: none;
      content: '';
      border: solid #fdb019;
      padding: 3px;
      margin: -3px 0 0 8px;
      border-width: 0 2px 2px 0;
      vertical-align: middle;
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }
    .col-7 .h4.filter-open {
      color: #fdb019; }
      .col-7 .h4.filter-open:after {
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
        -webkit-transform: rotate(225deg); } }
  @media screen and (max-width: 999px) and (max-width: 420px) {
    .col-7 .h4 {
      font-size: 1.36364rem;
      padding-right: 40px; } }

.filtr-row {
  /*height: 40px;*/
  margin-bottom: 15px; }
  @media screen and (max-width: 999px) {
    .filtr-row {
      display: block;
      vertical-align: top; } }
  @media screen and (max-width: 750px) {
    .filtr-row {
      width: 48%; } }
  @media screen and (max-width: 420px) {
    .filtr-row {
      width: auto;
      display: block; } }
  .filtr-row.hidden {
    display: none !important; }

@media screen and (min-width: 1000px) {
  .chec-body {
    min-width: 155px;
    margin-bottom: 20px;
    /*position: relative;*/
    /*overflow: hidden;*/ }
    .chec-body.showed {
      overflow: visible;
      z-index: 3; }
    .chec-body .mCS_y_hidden {
      padding-right: 10px; } }

.chec-body .f-label {
  display: block;
  overflow: hidden; }

.chec-body .cf-ico, .chec-body .rf-ico {
  float: left; }

.chec-body .rf-label {
  display: block;
  margin-left: 28px; }

@media screen and (max-width: 750px) {
  .rf-label {
    font-size: 1.36364rem;
    padding-top: 2px; } }

@media screen and (min-width: 1000px) {
  .chec-list {
    /*position: absolute;*/
    height: 190px;
    box-sizing: border-box;
    max-height: none;
    /*top: 0;*/
    /*left: 0;*/
    /*
    .filtr-row:nth-child(5){
      margin-bottom: 80px;
    }*/ }
    .chec-list:before {
      display: none;
      content: '';
      position: absolute;
      left: -17px;
      top: -16px;
      right: 0;
      background: #f5f5f5;
      bottom: 0; }
    .showed .chec-list {
      max-height: 360px; }
      .showed .chec-list:before {
        display: block; }
      .showed .chec-list .filtr-row:nth-child(5) {
        margin-bottom: 0; } }

.selected-filters {
  font-size: 0; }

.selected-filter {
  display: inline-block;
  vertical-align: top;
  margin: 0 20px 20px 0;
  transition: all 0.3s;
  color: #fff;
  font-size: 1rem;
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  background: #fdb019;
  border-radius: 4px;
  overflow: hidden; }
  .selected-filter:hover {
    background: #ffca29; }
  .selected-filter.cancel {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
    background: #fff;
    border: 1px solid #fff;
    color: #1c1c1c; }
    @media screen and (max-width: 650px) {
      .selected-filter.cancel {
        position: initial;
        margin-right: 20px; } }
    .selected-filter.cancel a {
      cursor: pointer;
      text-decoration: none; }
      .selected-filter.cancel a:hover {
        color: #fff;
        background: #fdb019; }
    .selected-filter.cancel .selected-filter__title {
      border-right: 0 none; }

.selected-filter__title {
  float: left;
  padding: 6px 18px;
  border-right: 1px solid #fff;
  cursor: default; }

.selected-filter__remove {
  float: right;
  height: 100%;
  width: 30px;
  height: 27px;
  cursor: pointer;
  text-align: center; }
  .selected-filter__remove:before, .selected-filter__remove:after {
    display: inline-block;
    content: '';
    vertical-align: middle; }
  .selected-filter__remove:before {
    height: 100%; }
  .selected-filter__remove:after {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -406px -280px;
    width: 10px;
    height: 10px; }

.filtr-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: none; }

.sect__name {
  margin-bottom: 60px; }

@media screen and (min-width: 1000px) {
  .wrap-sect-link {
    vertical-align: middle;
    display: inline-block;
    margin-right: 30px; } }

@media screen and (max-width: 999px) {
  .wrap-sect-link {
    text-align: center;
    margin-bottom: 30px; } }

.sect__name__link {
  color: #1c1c1c;
  font-weight: 600;
  font-size: 23px; }

@media screen and (min-width: 1000px) {
  .sect__countries {
    display: inline-block;
    vertical-align: middle; } }

.sect__countries .flag {
  margin-bottom: 0;
  margin-right: 6px; }

@media screen and (max-width: 999px) {
  .sect__countries {
    text-align: center;
    padding-top: 20px; }
    .sect__countries .flag {
      margin: 0 3px 10px; } }

.js-open-countries {
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif; }
  @media screen and (max-width: 999px) {
    .js-open-countries {
      font-size: 1.69231rem; }
      .js-open-countries:after {
        display: inline-block;
        content: '';
        vertical-align: middle;
        margin-left: 6px;
        background-image: url("/css/../images/sprites.png");
        background-repeat: no-repeat;
        background-position: -271px -262px;
        width: 22px;
        height: 13px; }
      .js-open-countries.country-open:after {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); } }
  @media screen and (max-width: 420px) {
    .js-open-countries {
      font-size: 1.36364rem; }
      .js-open-countries:after {
        background-image: url("/css/../images/sprites.png");
        background-repeat: no-repeat;
        background-position: -392px -259px;
        width: 9px;
        height: 5px; } }

.clear-gray-link {
  position: absolute;
  top: 22px;
  right: 40px;
  font-size: 15px;
  text-decoration: none;
  color: #a2a1a1; }
  @media screen and (min-width: 1000px) {
    .clear-gray-link {
      /*float: right;*/ } }
  .clear-gray-link:hover {
    color: #fdb019; }

.page-desc {
  line-height: 1.8;
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  max-width: 770px; }
  .page-desc .h4 {
    margin-bottom: 40px; }

.clear-form-box {
  padding-bottom: 20px; }

.top-panel {
  margin-bottom: 35px; }
  @media screen and (max-width: 650px) {
    .top-panel .flr {
      float: left; } }
  .top-panel .show-more {
    display: none; }
  .top-panel .navigate {
    margin-top: 20px; }

.bottom-panel {
  position: relative;
  min-height: 34px;
  text-align: center;
  /*background: #fff;
    padding: 30px;
    border-top: 3px solid #fdb019;*/ }
  @media screen and (max-width: 420px) {
    .bottom-panel {
      padding: 10px; } }
  .bottom-panel .show-more {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    /*height: 34px;*/
    font-size: 15px;
    cursor: pointer;
    font-weight: bold;
    background: #fdb019;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 20px; }
    .bottom-panel .show-more span {
      font-size: 1.5em;
      margin-right: 10px;
      font-family: Geneva;
      margin-top: -5px; }
    .bottom-panel .show-more svg {
      width: 20px;
      height: 20px;
      margin-right: 15px; }
    .bottom-panel .show-more:hover {
      background: #ffca29; }
    @media screen and (max-width: 1100px) {
      .bottom-panel .show-more {
        margin-bottom: 15px; } }
  .bottom-panel .flr {
    float: none;
    position: absolute;
    top: 4px;
    right: 0; }
    @media screen and (max-width: 1100px) {
      .bottom-panel .flr {
        position: initial; }
        .bottom-panel .flr .pagination {
          display: inline-block; } }

.sort-box {
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  padding-top: 20px; }
  @media screen and (max-width: 650px) {
    .sort-box {
      margin-bottom: 30px; }
      .sort-box.fll {
        float: none; } }
  .sort-box.active .sort-el {
    z-index: 7; }
  .sort-box.active .sort-overlay {
    display: block; }

.sort-title, .sort-el {
  vertical-align: middle;
  display: inline-block; }

.sort-title {
  margin-right: 10px;
  font-weight: bold; }
  @media screen and (max-width: 999px) {
    .sort-title {
      margin: 5px; } }

.sort-el {
  position: relative; }

.sort-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 18px;
  width: calc(100% - 50px);
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #c3c3c3;
  z-index: 1;
  /*white-space: nowrap;*/
  padding: 5px 0; }
  @media screen and (max-width: 999px) {
    .sort-list {
      top: calc(100% - 5px);
      left: 17px;
      width: calc(100% - 30px); } }

.sort-list__item {
  padding: 6px 10px;
  cursor: pointer; }
  .sort-list__item:hover, .sort-list__item.active {
    background: #f5f5f5; }
  .sort-list__item.active {
    cursor: default; }

.sort-prop {
  cursor: pointer;
  padding: 12px 20px 12px 30px;
  background: #ffffff;
  border-radius: 20px;
  margin-right: 15px; }
  .sort-prop:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    margin-left: 18px;
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -406px -267px;
    width: 13px;
    height: 8px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  @media screen and (max-width: 999px) {
    .sort-prop {
      padding: 6px 12px;
      border-radius: 14px;
      margin: 5px; } }

.sort-overlay {
  position: fixed;
  z-index: 6;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none; }

.smf .tags {
  position: relative;
  margin-top: 25px;
  padding-right: 155px;
  /*
        @include breakpointmedia($m, max-width){
            display: none;
        }*/ }
  .smf .tags.new-tag-block {
    padding-right: 0; }
    @media screen and (max-width: 999px) {
      .smf .tags.new-tag-block {
        padding: 0 15px; } }
  @media screen and (max-width: 650px) {
    .smf .tags {
      padding-right: 0;
      margin-top: 15px; } }
  .smf .tags.minh {
    min-height: 47px; }
    @media screen and (max-width: 999px) {
      .smf .tags.minh {
        display: none; } }

.smf .apply-filter {
  color: #fff;
  font-size: 1rem;
  font-family: Arial, Helvetica, sans-serif;
  background: #fdb019;
  border-radius: 4px;
  padding: 6px;
  border: 0 none;
  transition: all 0.3s;
  cursor: pointer; }
  .smf .apply-filter:hover {
    background: #ffca29; }
  .smf .apply-filter.disabled {
    background: #dbdbdb;
    cursor: default; }
  .smf .apply-filter.sub-close {
    display: none; }

.smf .cancel-filter {
  color: #000000;
  font-size: 1rem;
  font-family: Arial, Helvetica, sans-serif;
  background: #d6d6d6;
  border-radius: 4px;
  padding: 6px;
  border: 0 none;
  transition: all 0.3s;
  cursor: pointer;
  margin-right: 25px; }
  .smf .cancel-filter:hover {
    background: #ededed; }

@media screen and (max-width: 999px) {
  .smf .m-filter__box .apply-filter {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px;
    border-radius: 0;
    font-size: 15px;
    font-weight: bold; }
    .smf .m-filter__box .apply-filter.sub-close {
      display: block; }
    .smf .m-filter__box .apply-filter.desk {
      display: none; } }

.product-popup {
  opacity: 0;
  position: absolute;
  top: -10000px;
  left: 50%;
  margin-left: -450px;
  width: 900px;
  background: #fff;
  border: 2px solid #fdb019;
  min-height: 565px;
  z-index: 1000; }
  .product-popup .icons-stock-status {
    display: block; }
    .product-popup .icons-stock-status .stock-status {
      margin-top: 7px; }
  .product-popup .product-popup-in {
    padding: 50px 80px; }
  .product-popup .popup-close {
    position: absolute;
    top: 20px;
    right: 15px; }
  .product-popup .arrows .arrow {
    position: absolute;
    top: 50%;
    margin-top: -29px;
    cursor: pointer; }
  .product-popup .arrows .left {
    left: -60px;
    width: 31px;
    height: 58px;
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -36px -221px;
    width: 31px;
    height: 58px; }
    .product-popup .arrows .left:hover {
      background-image: url("/css/../images/sprites.png");
      background-repeat: no-repeat;
      background-position: -72px -221px;
      width: 31px;
      height: 58px; }
  .product-popup .arrows .right {
    right: -60px;
    width: 31px;
    height: 58px;
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -255px -104px;
    width: 31px;
    height: 58px; }
    .product-popup .arrows .right:hover {
      background-image: url("/css/../images/sprites.png");
      background-repeat: no-repeat;
      background-position: 0px -221px;
      width: 31px;
      height: 58px; }
  .product-popup .gallery {
    position: relative;
    width: 420px;
    float: left;
    margin-right: 45px; }
    .product-popup .gallery .pb-slide-box {
      position: relative; }
    .product-popup .gallery .pb-hor {
      width: 370px;
      margin: 30px auto 0 auto; }
  .product-popup .info {
    width: 275px;
    float: left; }
    .product-popup .info .title {
      font-size: 1.2em;
      line-height: 1.2em; }
    .product-popup .info .price {
      margin-top: 30px; }
      .product-popup .info .price .main-price {
        float: left;
        /*font-family: Arial;*/ }
        .product-popup .info .price .main-price .rf-bold {
          display: block;
          font-size: 1.2em; }
        .product-popup .info .price .main-price .izm {
          display: block;
          font-size: 0.7em;
          margin-top: 3px; }
      .product-popup .info .price .old-price {
        /*font-family: Arial;*/
        float: left;
        font-size: 1.4em;
        text-decoration: line-through;
        margin-left: 10px;
        color: #c3c3c3; }
      .product-popup .info .price .promo-icon {
        float: left;
        position: initial;
        margin-left: 15px; }
        .product-popup .info .price .promo-icon .icon {
          font-size: 0.8em; }
    .product-popup .info .hars {
      margin-top: 30px; }
      .product-popup .info .hars .har {
        margin-bottom: 10px; }
        .product-popup .info .hars .har:last-child {
          margin-bottom: 0; }
        .product-popup .info .hars .har span {
          color: #a2a1a1; }
    .product-popup .info .icons {
      margin-top: 30px; }
    .product-popup .info .title a:after {
      content: '';
      border: solid black;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 2px;
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      margin-top: 9px;
      vertical-align: top; }
    .product-popup .info .title a span {
      border-bottom: 1px solid;
      margin-right: 4px; }
    .product-popup .info a {
      color: #1c1c1c;
      /*font-family: Arial;*/
      text-decoration: none; }
      .product-popup .info a:hover {
        color: #fdb019; }
    .product-popup .info .readmore {
      margin-top: 30px; }
      .product-popup .info .readmore a {
        color: #a2a1a1; }
        .product-popup .info .readmore a:hover {
          color: #fdb019; }
        .product-popup .info .readmore a span {
          border-bottom: 1px solid; }
  .product-popup .collection__labels .coll-label {
    margin-bottom: 0; }

/* End */


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

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

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

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

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

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

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

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

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

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

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

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

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

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

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }

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

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

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

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

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

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(186, 186, 186, 0.7); }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #bababa; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(/css/mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

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

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

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

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

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* End */


/* Start:/css/style-homepage.css?175742620522112*/
/**
* letter-spacing
*/
/**
* sprite
*/
/**
* breakpoints custom
*/
/**
* breakpoints custom
*/
/**
* clearfix
*/
/**
* verticatfix
*/
/**
* list_jst
*/
/**
* hold-center
*/
/**
* core-justify
*/
/**
* placeholder
*/
/**
* placeholder
*/
/**
* triangle
*/
.box_big {
  background: #fff; }
  @media screen and (min-width: 1000px) {
    .box_big {
      width: 73.8%; } }
  @media screen and (max-width: 999px) {
    .box_big {
      float: none;
      margin-bottom: 74px; } }

.box_small {
  background: #fff;
  border: 0 none !important; }
  @media screen and (min-width: 1000px) {
    .box_small {
      margin-left: calc( 73.8% + 0px); } }

.h-half.new {
  padding: 25px;
  /*font-family: Arial;*/ }
  .h-half.new:before {
    display: none; }
  .h-half.new .dib-lost {
    width: 100%; }
    .h-half.new .dib-lost li {
      margin: 0; }
      .h-half.new .dib-lost li .g-link {
        text-decoration: none; }
  .h-half.new .decor-but {
    float: right;
    font-size: 9px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 7px 15px 5px 15px;
    border-radius: 12px;
    display: block;
    margin-top: 15px; }
  @media screen and (max-width: 999px) {
    .h-half.new .t-head,
    .h-half.new .hf-box {
      font-size: 18px;
      margin: 20px 0; } }
  @media screen and (max-width: 650px) {
    .h-half.new {
      margin: 0; } }

.h-half {
  border: 1px solid #e2e2e2;
  border-left: 0 none;
  box-sizing: border-box;
  padding: 10px 5% 10px 10%; }
  .h-half:first-child {
    border-bottom: 0 none; }
  @media screen and (max-width: 1200px) {
    .h-half {
      padding: 10px 3.5% 10px 6%; } }
  .h-half:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: ''; }
  @media screen and (min-width: 1000px) {
    .h-half {
      position: absolute;
      height: calc( 50% - 0px);
      width: 100%;
      left: 0; }
      .h-half:first-child {
        top: 0; }
      .h-half:last-child {
        bottom: 0; } }
  @media screen and (max-width: 999px) {
    .h-half {
      width: calc( 50% - 23px);
      padding: 60px 40px;
      text-align: center; }
      .h-half:first-child {
        float: left; }
      .h-half:last-child {
        float: right; } }
  @media screen and (max-width: 650px) {
    .h-half {
      float: none !important;
      width: auto;
      margin-bottom: 50px; } }

.t-link {
  color: #1a1915;
  font-size: 1.4rem;
  text-decoration: none;
  border-bottom: 1px solid #1a1915;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 600; }
  @media screen and (max-width: 1150px) {
    .t-link {
      font-size: 1.26667rem; } }
  @media screen and (max-width: 999px) {
    .t-link {
      font-size: 2.33333rem;
      margin-bottom: 50px; } }
  .t-link:hover {
    border-bottom-color: #f5a200; }

.t-head {
  color: #1a1915;
  font-size: 24px;
  line-height: 28px;
  text-decoration: none;
  display: inline-block;
  margin: 30px 0;
  font-weight: bold; }
  @media screen and (max-width: 1150px) {
    .t-head {
      font-size: 1.26667rem; } }
  @media screen and (max-width: 999px) {
    .t-head {
      font-size: 2.33333rem;
      margin-bottom: 50px; } }

.hf-box .g-link {
  font-size: 1.2em;
  line-height: 1.4em; }

@media screen and (min-width: 1000px) {
  .hf-box {
    text-align: justify;
    text-justify: nespaper; }
    .hf-box:after {
      display: inline-block;
      content: '';
      width: 100%; } }

@media screen and (max-width: 1150px) {
  .hf-box {
    font-size: 0.86667rem; } }

@media screen and (max-width: 999px) {
  .hf-box {
    font-size: 1.86667rem;
    text-align: center; } }

.dib-lost {
  font-weight: 400; }
  @media screen and (min-width: 1000px) {
    .dib-lost {
      display: inline-block;
      vertical-align: middle; } }
  @media screen and (min-width: 1000px) {
    .dib-lost li {
      margin-bottom: 8px;
      text-align: left; } }
  @media screen and (max-width: 999px) {
    .dib-lost li {
      text-align: center;
      margin-bottom: 30px; } }

.r-lab {
  cursor: default;
  font-size: 0;
  display: inline-block;
  border-radius: 50%;
  width: 83px;
  height: 83px;
  text-align: center;
  position: relative;
  transition: all 0.3s; }
  @media screen and (min-width: 1000px) {
    .r-lab {
      border: 2px solid #fedd9c;
      color: #323335;
      font-weight: 300; }
      .r-lab:before {
        display: block;
        border-radius: 50%;
        width: 67px;
        height: 67px;
        position: absolute;
        content: '';
        background: #fdb019;
        top: 8px;
        left: 8px;
        transition: all 0.3s; } }
  @media screen and (max-width: 999px) {
    .r-lab {
      background: #fdb019;
      color: #fff;
      font-weight: 600; } }
  .r-lab:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    height: 100%; }

.h-half_r:hover .r-lab {
  border-color: transparent; }
  .h-half_r:hover .r-lab:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.r-lab_new {
  font-size: 1.4rem;
  vertical-align: middle; }

.r-lab_sale {
  font-size: 2.4rem;
  vertical-align: middle; }

.h-half__body {
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .h-half__body {
      vertical-align: middle;
      width: 98%; } }
  @media screen and (max-width: 999px) {
    .h-half__body {
      display: block; } }

.slider-wrap {
  width: 56.3%;
  margin-bottom: -2px; }
  .slider-wrap img {
    display: block;
    width: 100%; }
  @media screen and (max-width: 650px) {
    .slider-wrap {
      float: none;
      width: auto; } }

.sl-content {
  margin-left: 56.3%;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: #e2e2e2 #e2e2e2 #e2e2e2 transparent;
  height: 100%; }
  .sl-content .h2 {
    font-size: 2.93333rem;
    font-weight: 600;
    margin-bottom: 10%; }
    @media screen and (max-width: 1200px) {
      .sl-content .h2 {
        font-size: 2.53333rem; } }
    @media screen and (max-width: 999px) {
      .sl-content .h2 {
        margin-bottom: 50%; } }
  .sl-content p {
    font-size: 1.13333rem;
    font-weight: 300;
    line-height: 1.41; }
    @media screen and (max-width: 1300px) {
      .sl-content p {
        padding-bottom: 23%; } }
    @media screen and (max-width: 1150px) {
      .sl-content p {
        padding-bottom: 21%; } }
  @media screen and (max-width: 999px) {
    .sl-content {
      position: relative; }
      .sl-content .h2 {
        font-size: 2rem; } }
  @media screen and (max-width: 650px) {
    .sl-content {
      margin-left: 0;
      border-width: 0 2px 2px 2px;
      border-color: transparent #fdb019 #fdb019;
      text-align: center; }
      .sl-content p {
        padding-bottom: 50px;
        font-size: 1.26667rem; }
      .sl-content .h2 {
        margin: 30px; } }
  .sl-content .owl-wrapper:after {
    content: "";
    display: block;
    clear: both; }

.slider-text__item {
  /*font-family: Arial;*/
  padding: 10% 5% 0 10%;
  box-sizing: border-box; }
  @media screen and (max-width: 999px) {
    .slider-text__item {
      padding: 50px 45px 0; } }
  @media screen and (max-width: 650px) {
    .slider-text__item {
      padding-bottom: 50px; } }

.sl-content___gray {
  font-size: 0.86667rem;
  color: #a8a8a8;
  padding-bottom: 10%; }
  @media screen and (max-width: 650px) {
    .sl-content___gray {
      padding-bottom: 50px;
      font-size: 1rem; } }

.category-link__bg_right {
  background-position: 100% 100%; }

.category-link__bg_center {
  background-position: 50% 100%; }

.category-link__bg_left {
  background-position: 0 100%; }

.cat-link-wrap {
  float: left;
  position: relative;
  box-sizing: border-box; }
  @media screen and (min-width: 1000px) {
    .cat-link-wrap {
      width: calc( 33.33%);
      /*
    margin-right: 2px;
    margin-bottom: 2px;
    */ }
      .cat-link-wrap:first-child .cat-link {
        border-left: 0 none; }
      .cat-link-wrap:nth-child(4) .cat-link {
        border-left: 0 none; } }
  @media screen and (max-width: 999px) {
    .cat-link-wrap {
      width: 50%;
      /*padding: 16px;*/ }
      .cat-link-wrap .cat-link {
        border-left: 1px solid #e2e2e2; }
      .cat-link-wrap:nth-child(odd) .cat-link {
        border-left: 0 none; } }
  @media screen and (max-width: 650px) {
    .cat-link-wrap {
      width: auto;
      /*padding: 16px 0;*/
      float: none; } }

.cat-link {
  background-color: #fff;
  background-repeat: no-repeat;
  height: 325px;
  text-decoration: none;
  text-align: center;
  font-size: 1.4rem;
  color: #1c1c1c;
  border-left: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  font-weight: 600; }
  @media screen and (max-width: 1150px) {
    .cat-link {
      font-size: 1.2rem; } }
  @media screen and (max-width: 999px) {
    .cat-link {
      font-size: 2rem; } }
  .cat-link:hover .category-link__text {
    color: #fdb019;
    border-bottom-color: #fed59a; }

.category-link__text {
  border-bottom: 2px solid transparent;
  line-height: 1;
  font-size: 1.2em; }

.catalog-link__name {
  box-sizing: border-box;
  height: 70px;
  line-height: 1.1;
  position: relative;
  margin-top: 20px; }
  .catalog-link__name:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle; }

@media screen and (min-width: 1000px) {
  .category-link__ico {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; } }

@media screen and (max-width: 999px) {
  .category-link__ico {
    display: inline-block;
    margin-bottom: -100px;
    padding-top: 30px; } }

.dib_cat {
  width: 97%;
  vertical-align: middle; }

.cat-link_all {
  float: left;
  height: 327px;
  text-align: center;
  box-sizing: border-box;
  border-style: solid;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  background: #fff;
  transition: all 0.2s;
  text-decoration: none; }
  @media screen and (min-width: 1000px) {
    .cat-link_all {
      width: 33.33%;
      border-color: #e2e2e2 #fff #fff #e2e2e2; }
      .cat-link_all:hover {
        background: #fff; } }
  @media screen and (max-width: 999px) {
    .cat-link_all {
      /*border-color: #fff;*/
      /*width: calc( 50% - 32px );*/
      width: calc( 50%);
      /*margin: 16px 0 0 16px;*/ } }
  @media screen and (max-width: 650px) {
    .cat-link_all {
      float: none;
      width: auto;
      margin: 16px 0; } }
  .cat-link_all:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle; }

.cl__body {
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  height: 240px;
  max-width: 98%;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  background: #f5f5f5;
  font-size: 2.4rem;
  color: #161c12;
  padding-top: 83px; }
  .cl__body .rf-light {
    margin-bottom: 6px; }
  .cl__body .rf-bold {
    margin-bottom: 8px; }

.arrov-cat {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -75px -94px;
  width: 44px;
  height: 12px; }

.box_news img {
  display: block;
  max-width: 100%;
  margin-bottom: -1px; }

.col-half_text {
  position: relative;
  box-sizing: border-box;
  padding: 50px 10% 0; }

.news-link {
  color: #a8a8a8;
  font-weight: 300;
  font-size: 1.13333rem;
  line-height: 1.76; }

.news__date {
  position: absolute;
  bottom: 40px; }

.col-half_text {
  margin-left: 50%;
  color: #a8a8a8;
  font-weight: 300;
  font-size: 1.13333rem;
  /*
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: #e2e2e2 #e2e2e2 #e2e2e2 transparent;
  */ }

.item-4 {
  position: relative;
  margin: 27px 26px 0 26px;
  box-sizing: border-box; }
  @media screen and (min-width: 1000px) {
    .item-4 {
      min-height: 380px; } }
  @media screen and (min-width: 1100px) {
    .item-4 {
      min-height: 410px; } }
  @media screen and (min-width: 1200px) {
    .item-4 {
      min-height: 430px; } }
  @media screen and (min-width: 1300px) {
    .item-4 {
      min-height: 450px; } }
  .item-4 img {
    width: 100%;
    display: none; }
    .item-4 img.active-important, .item-4 img.active {
      display: block; }
  @media screen and (min-width: 1000px) {
    .item-4 .hv {
      position: absolute;
      top: -20px;
      left: -20px;
      padding: 20px 20px 0 20px; }
    .item-4.hover .hv:hover {
      background: #fff;
      box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.18);
      z-index: 5; }
      .item-4.hover .hv:hover .icons-stock-status {
        display: block; }
      .item-4.hover .hv:hover .fast-look {
        display: block; }
      .item-4.hover .hv:hover .item-4__bottom {
        margin: 0 -20px;
        border: 0 none; }
      .item-4.hover .hv:hover .hars-icons {
        display: block; }
      .item-4.hover .hv:hover img {
        display: block; }
        .item-4.hover .hv:hover img.active {
          display: none; }
      .item-4.hover .hv:hover .item-4__img {
        /*border: 1px solid #ededed;*/
        border-bottom: 0 none; } }

.grid-4__size {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #1c1c1c;
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  text-align: right; }
  .grid-4__size .old-price {
    display: block;
    float: left;
    margin-right: 5px;
    color: #c3c3c3;
    text-decoration: line-through;
    font-size: 1.2em;
    /*@include breakpointmedia($m-750, min-width){
        font-size: 0.6em;
        vertical-align: middle;
      }
      @include breakpointmedia($m-850, min-width){
        font-size: 0.6em;
        vertical-align: middle;
      }
      @include breakpointmedia($d, min-width){
        font-size: 0.6em;
        vertical-align: middle;
      }
      @include breakpointmedia($m-1100, min-width){
        font-size: 1.2em;
        vertical-align: top;
      }*/ }
  .grid-4__size .main-price {
    display: block;
    float: left;
    vertical-align: top; }
    .grid-4__size .main-price .measure {
      font-size: 0.5em;
      margin-top: 4px; }
  .grid-4__size span {
    display: block; }
  @media screen and (min-width: 1000px) {
    .grid-4__size {
      font-size: 1.6rem; } }
  @media screen and (max-width: 999px) {
    .grid-4__size {
      font-size: 2.6rem; } }
  @media screen and (max-width: 420px) {
    .grid-4__size {
      font-size: 1.73333rem; } }

.icons-stock-status {
  background: #ededed;
  padding: 8px 15px;
  display: none; }
  .icons-stock-status .icons {
    float: left;
    margin: 0; }
    .icons-stock-status .icons .collection__labels {
      min-height: auto;
      /*background: #ededed;*/ }
  .icons-stock-status .stock-status {
    margin-top: 3px;
    /*font-family: Arial;*/
    float: right; }
    .icons-stock-status .stock-status.green {
      color: #15aa19; }
    .icons-stock-status .stock-status.red {
      color: #dd3c3b; }

.hars-icons .hars {
  margin: 10px 0; }
  .hars-icons .hars .har {
    /*font-family: Arial;*/
    margin-bottom: 15px; }
    .hars-icons .hars .har .label {
      color: #a2a1a1;
      font-size: 0.9em;
      line-height: 1.4em;
      margin-bottom: 3px; }
    .hars-icons .hars .har .value {
      font-size: 0.9em;
      line-height: 1.4em; }

.item-4__bottom {
  position: relative;
  padding: 22px 20px;
  background: #fff;
  /*border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: transparent #e2e2e2 #e2e2e2 #e2e2e2;*/ }
  @media screen and (min-width: 420px) {
    .item-4__bottom {
      height: 200px; } }
  @media screen and (min-width: 750px) {
    .item-4__bottom {
      height: 300px; } }
  @media screen and (min-width: 1000px) {
    .item-4__bottom {
      height: 150px; } }

.promo-icon {
  position: absolute;
  /*@include breakpointmedia($m-750, min-width){
        bottom: 48px;
    }*/
  left: 20px; }
  @media screen and (min-width: 320px) {
    .promo-icon {
      bottom: 32px; } }
  @media screen and (min-width: 650px) {
    .promo-icon {
      bottom: 35px; } }
  @media screen and (min-width: 1000px) {
    .promo-icon {
      bottom: 30px; } }
  .promo-icon .icon {
    color: #fff;
    /*font-family: Arial;*/
    font-weight: bold;
    display: block;
    padding: 5px 15px;
    background-color: #dd3c3b;
    border-radius: 7px;
    font-size: 0.8em;
    /*@include breakpointmedia($m-320, min-width){
            font-size: 1.6em;
        }
        @include breakpointmedia($m-650, min-width){
            font-size: 1.4em;
        }
        @include breakpointmedia($m-750, min-width){
            font-size: 1.4em;
        }
        @include breakpointmedia($d, min-width){
            
        }*/ }
    .promo-icon .icon.finger:after {
      content: '';
      background-image: url("/css/../images/sprites.png");
      background-repeat: no-repeat;
      background-position: -179px -42px;
      width: 17px;
      height: 19px;
      display: block; }
    .promo-icon .icon.partner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 11px;
      margin-bottom: -10px;
      line-height: 13px; }
      .promo-icon .icon.partner span {
        width: 65px; }
      .promo-icon .icon.partner svg {
        width: 22px;
        height: 22px;
        fill: #ffffff;
        margin-right: 5px; }

.price-type.disabled {
  display: none; }

.price-type .promo-icon {
  position: initial;
  left: auto;
  display: inline-block; }
  .price-type .promo-icon .icon {
    font-size: 16px;
    padding: 5px 12px; }
    .price-type .promo-icon .icon.finger:after {
      content: '';
      background-image: url("/css/../images/sprites.png");
      background-repeat: no-repeat;
      background-position: -104px -356px;
      width: 14px;
      height: 14px;
      display: inline-block; }
    .price-type .promo-icon .icon.check {
      background: #18b31c;
      border-radius: 100%;
      padding: 0;
      margin-bottom: -6px; }
      .price-type .promo-icon .icon.check svg {
        width: 15px;
        height: 15px;
        fill: #ffffff;
        display: block;
        padding: 5px; }
    .price-type .promo-icon .icon.new {
      background: #18b31c; }

.act-label {
  position: absolute;
  top: 20px;
  left: 25px;
  border-radius: 15px;
  text-align: center;
  font-family: Raleway;
  font-weight: 700;
  text-transform: uppercase;
  padding: 8px 12px 5px; }

.act-label_new {
  font-size: 0.6rem;
  font-weight: 700;
  color: #fff;
  background: #18b31c; }

.act-label_sale {
  font-size: 1.4rem;
  font-weight: 700; }

.item-4__links {
  text-align: right;
  font-size: 13px; }
  @media screen and (max-width: 999px) {
    .item-4__links {
      font-size: 2.33333rem;
      min-height: 115px; } }
  @media screen and (max-width: 420px) {
    .item-4__links {
      font-size: 1.6rem;
      min-height: 0;
      margin-bottom: 50px; } }
  .item-4__links .orange-link {
    display: inline-block;
    margin-right: 15px; }
    @media screen and (max-width: 420px) {
      .item-4__links .orange-link {
        margin-bottom: 20px; } }
  .item-4__links .gray {
    /*font-family: Arial;*/
    color: #c3c3c3; }
    .item-4__links .gray:last-child {
      margin-left: 10px; }

.item-4__wrap-name {
  text-align: right; }
  @media screen and (min-width: 1000px) {
    .item-4__wrap-name {
      margin-bottom: 3px; } }
  @media screen and (max-width: 999px) {
    .item-4__wrap-name {
      height: 125px;
      overflow: hidden;
      margin-bottom: 3px; } }
  @media screen and (max-width: 420px) {
    .item-4__wrap-name {
      min-height: 0;
      margin-bottom: 50px; } }

.grid-4__link {
  text-decoration: none;
  color: #000;
  line-height: 1.3em;
  /*font-family: Arial;*/ }
  @media screen and (min-width: 1000px) {
    .grid-4__link {
      font-size: 1.06667rem; } }
  @media screen and (max-width: 999px) {
    .grid-4__link {
      font-size: 3.26667rem; } }
  @media screen and (max-width: 420px) {
    .grid-4__link {
      font-size: 2.4rem; } }
  .grid-4__link:hover {
    border-bottom-color: #f5a200; }

@media screen and (max-width: 999px) {
  .main-blocks .h2.tac {
    padding-bottom: 50px; } }

.main-blocks .act-label {
  top: 0;
  left: 0;
  font-weight: bold;
  height: 30px;
  border-radius: 0;
  width: auto;
  padding: 0 20px; }
  .main-blocks .act-label.new {
    background: #1dbc60; }
  .main-blocks .act-label.raspr {
    background: #f85c4d; }
  .main-blocks .act-label.act-label_new {
    padding: 10px;
    height: auto;
    font-size: 0.8em; }

.main-blocks .preview {
  line-height: 1.4em;
  text-align: left;
  color: #a8a8a8; }

.main-blocks .grid-4__link {
  color: #000; }
  .main-blocks .grid-4__link:hover {
    color: #fdb019; }

.main-blocks .look-all a {
  text-decoration: none;
  display: inline-block;
  background: #fdb019;
  color: #fff;
  text-align: center;
  padding: 10px 45px;
  border-radius: 20px;
  margin-top: 20px; }

.main-blocks .item-4 {
  margin-bottom: 30px; }

.main-blocks .item-4__bottom {
  text-align: center;
  border: 0 none; }

.main-blocks .item-4__wrap-name {
  height: auto;
  margin-bottom: 20px;
  text-align: center; }

@media screen and (max-width: 999px) {
  .box_news .cl {
    display: none; }
  .box_news .title-link {
    display: block;
    text-decoration: underline;
    border: 5px solid #fedd9c;
    padding: 70px 0; }
    .box_news .title-link:after {
      display: none; }
  .box_news .h2 {
    margin-bottom: 0;
    font-size: 2.8rem;
    font-weight: 600; } }

@media screen and (max-width: 999px) {
  .grid-4-carusel .owl-pagination, .grid-5-carusel .owl-pagination {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    text-align: center;
    padding-bottom: 35px; } }

@media screen and (max-width: 650px) {
  .grid-4-carusel .owl-pagination, .grid-5-carusel .owl-pagination {
    padding-bottom: 20px; } }

.grid-4-carusel .owl-wrapper-outer, .grid-5-carusel .owl-wrapper-outer {
  padding-bottom: 1px; }

.slider-wrap .owl-next, .slider-wrap .owl-prev {
  height: 100%;
  width: 100px;
  top: 0; }

.slider-wrap .owl-next {
  right: 0; }

.slider-wrap .owl-prev {
  left: 0; }

/* End */


/* Start:/css/style-catalog.css?17574262054738*/
/**
* letter-spacing
*/
/**
* sprite
*/
/**
* breakpoints custom
*/
/**
* breakpoints custom
*/
/**
* clearfix
*/
/**
* verticatfix
*/
/**
* list_jst
*/
/**
* hold-center
*/
/**
* core-justify
*/
/**
* placeholder
*/
/**
* placeholder
*/
/**
* triangle
*/
.section-desc {
  line-height: 1.4em;
  margin-top: 40px; }
  .section-desc p {
    margin-bottom: 20px; }
  .section-desc b {
    font-weight: bold; }
  .section-desc ul {
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px; }
    .section-desc ul li {
      margin-bottom: 10px; }
      .section-desc ul li:before {
        display: inline-block;
        content: '';
        margin-right: 15px;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        background: #fdb019;
        vertical-align: middle; }
  @media screen and (max-width: 999px) {
    .section-desc {
      padding-left: 15px;
      padding-right: 15px; } }

.cat-wrap {
  padding-top: 87px; }
  @media screen and (max-width: 650px) {
    .cat-wrap {
      padding-top: 10px; } }

.cat-box {
  margin-bottom: 100px; }
  @media screen and (max-width: 650px) {
    .cat-box {
      margin-bottom: 40px; } }

.subsections .cat-box {
  padding: 35px 40px 10px 40px; }
  .subsections .cat-box .tac a {
    padding-right: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
    border-right: 1px solid #fdb019; }
    .subsections .cat-box .tac a span {
      text-decoration: none;
      margin-bottom: 0; }
  .subsections .cat-box .tac:last-child a {
    border-right: none;
    padding-right: 0;
    margin-right: 0; }

.tags {
  margin-top: 30px; }
  .tags .dib {
    margin-right: 30px;
    margin-bottom: 10px; }
    .tags .dib:last-child {
      margin-right: 0; }
      @media screen and (max-width: 999px) {
        .tags .dib:last-child {
          margin-right: 5px; } }
    .tags .dib a {
      color: #a8a8a8;
      /*font-family: Arial;*/ }
      .tags .dib a:hover {
        color: #f5a200; }

.cb__title {
  border-bottom: 2px solid #353535;
  margin-bottom: 70px;
  padding-bottom: 20px; }
  .cb__title .h3 {
    float: left;
    margin-bottom: 0;
    padding-top: 4px; }
    @media screen and (max-width: 750px) {
      .cb__title .h3 {
        float: none;
        margin-bottom: 20px; } }
  @media screen and (max-width: 650px) {
    .cb__title {
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 15px; } }

.cb__title__counties {
  float: right; }
  .cb__title__counties .flag {
    margin-left: 6px; }
  @media screen and (max-width: 750px) {
    .cb__title__counties {
      float: none; }
      .cb__title__counties .flag {
        margin-left: 0;
        margin-right: 6px; } }

.cb__title__ico {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

.cb__body {
  font-size: 0; }
  @media screen and (max-width: 650px) {
    .cb__body {
      white-space: nowrap;
      overflow-x: auto; } }

.cb__dib {
  width: 20%;
  margin-bottom: 50px;
  /*@include breakpointmedia($mm, max-width){
    width: 100%;
  }*/ }
  @media screen and (max-width: 999px) {
    .cb__dib {
      width: 33.3333%; } }
  @media screen and (max-width: 650px) {
    .cb__dib {
      width: 150px;
      padding: 0 15px;
      box-sizing: border-box;
      margin-bottom: 25px; } }

.cb__link {
  text-decoration: none;
  color: #1c1c1c;
  /*font-family: $fR;*/
  font-family: 'Inter', sans-serif;
  white-space: initial; }
  .cb__link:hover .cb__img_img:after {
    opacity: 1; }
  .cb__link:hover .cb__img_ico {
    background: #ffca29; }

.cb__link__title {
  font-size: 1.13333rem;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 25px; }
  @media screen and (max-width: 650px) {
    .cb__link__title {
      font-size: 14px;
      margin-bottom: 15px; } }

.cb__img {
  display: inline-block;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%; }
  @media screen and (max-width: 650px) {
    .cb__img {
      width: 120px;
      height: 120px; } }

.cb__img_img {
  position: relative; }
  .cb__img_img img {
    display: block;
    max-width: 100%; }
  .cb__img_img:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(30, 30, 30, 0.3);
    transition: all 0.3s;
    opacity: 0;
    border-radius: 50%; }

.cb__img_ico {
  background: #fdb019;
  transition: all 0.3s;
  font-weight: 300;
  color: #353535; }
  .cb__img_ico:before {
    display: inline-block;
    content: '';
    vertical-align: middle;
    height: 100%; }
  .cb__img_ico img {
    vertical-align: middle; }

.cb__img_new {
  font-size: 2.8rem; }

.cb__img_sale {
  font-size: 4rem; }
  .cb__img_sale:before {
    margin-top: 10px; }

/* End */


/* Start:/css/style-card.css?175742620552610*/
/**
* letter-spacing
*/
/**
* sprite
*/
/**
* breakpoints custom
*/
/**
* breakpoints custom
*/
/**
* clearfix
*/
/**
* verticatfix
*/
/**
* list_jst
*/
/**
* hold-center
*/
/**
* core-justify
*/
/**
* placeholder
*/
/**
* placeholder
*/
/**
* triangle
*/
.anons-materialy-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background: #ffffff;
  border: solid 1px #e2e2e2;
  margin-top: 50px; }
  @media screen and (max-width: 999px) {
    .anons-materialy-wrap {
      margin: 20px 0; } }
  @media screen and (max-width: 650px) {
    .anons-materialy-wrap {
      border: none; } }
  .anons-materialy-wrap .anons-materialy-slider {
    border-right: 1px solid #e2e2e2;
    width: 61.7%;
    padding: 35px 40px;
    box-sizing: border-box; }
    @media screen and (max-width: 1200px) {
      .anons-materialy-wrap .anons-materialy-slider {
        padding: 20px 40px; } }
    @media screen and (max-width: 999px) {
      .anons-materialy-wrap .anons-materialy-slider {
        border: none;
        width: 100%; } }
    @media screen and (max-width: 650px) {
      .anons-materialy-wrap .anons-materialy-slider {
        padding: 20px 0; } }
    .anons-materialy-wrap .anons-materialy-slider .materialy-slider {
      margin: 0 40px;
      padding: 0 20px; }
      @media screen and (max-width: 1200px) {
        .anons-materialy-wrap .anons-materialy-slider .materialy-slider {
          margin: 0 20px;
          padding: 0; } }
      @media screen and (max-width: 650px) {
        .anons-materialy-wrap .anons-materialy-slider .materialy-slider {
          margin: 0 15px; }
          .anons-materialy-wrap .anons-materialy-slider .materialy-slider .slick-prev,
          .anons-materialy-wrap .anons-materialy-slider .materialy-slider .slick-next {
            display: block !important;
            width: 18px;
            padding: 0; } }
      .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        width: 100%; }
        @media screen and (max-width: 650px) {
          .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid {
            padding: 0 30px; } }
        .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid img {
          width: 130px;
          display: block; }
          @media screen and (max-width: 650px) {
            .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid img {
              width: initial;
              max-width: 100%;
              margin: 0 auto 15px auto; } }
        .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid .info {
          width: calc(100% - 160px); }
          @media screen and (max-width: 1200px) {
            .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid .info {
              width: calc(100% - 145px); } }
          @media screen and (max-width: 650px) {
            .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid .info {
              width: 100%; } }
          .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid .info .name {
            font-size: 21px;
            font-weight: bold;
            margin-bottom: 18px;
            color: #1c1c1c;
            display: block;
            cursor: pointer; }
            .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid .info .name:hover {
              color: #fdb019; }
            @media screen and (max-width: 650px) {
              .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid .info .name {
                margin-bottom: 10px;
                font-size: 17px; } }
          .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid .info .date {
            color: #959595;
            margin-bottom: 15px; }
            @media screen and (max-width: 650px) {
              .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid .info .date {
                margin-bottom: 5px; } }
          .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid .info .txt {
            line-height: 20px;
            overflow: hidden;
            max-height: 40px; }
            @media screen and (max-width: 650px) {
              .anons-materialy-wrap .anons-materialy-slider .materialy-slider .materialy-slid .info .txt {
                overflow: initial;
                max-height: initial; } }
  .anons-materialy-wrap .anons-materialy-menu {
    width: 38.3%;
    padding: 35px 40px;
    box-sizing: border-box; }
    @media screen and (max-width: 1200px) {
      .anons-materialy-wrap .anons-materialy-menu {
        padding: 20px; } }
    @media screen and (max-width: 999px) {
      .anons-materialy-wrap .anons-materialy-menu {
        width: 100%;
        border-top: 1px solid #e2e2e2;
        padding-bottom: 5px; } }
    @media screen and (max-width: 650px) {
      .anons-materialy-wrap .anons-materialy-menu {
        padding: 15px;
        padding-bottom: 5px; } }
    .anons-materialy-wrap .anons-materialy-menu .title {
      font-size: 21px;
      font-weight: bold;
      margin-bottom: 20px; }
      @media screen and (max-width: 650px) {
        .anons-materialy-wrap .anons-materialy-menu .title {
          font-size: 17px;
          margin-bottom: 10px; } }
    .anons-materialy-wrap .anons-materialy-menu .link {
      color: #a2a1a1;
      margin-bottom: 12px;
      text-decoration: none;
      display: inline-block; }
      @media screen and (max-width: 650px) {
        .anons-materialy-wrap .anons-materialy-menu .link {
          font-size: 13px;
          margin-bottom: 8px; } }
      .anons-materialy-wrap .anons-materialy-menu .link svg {
        width: 17px;
        height: 17px;
        fill: #a2a1a1;
        margin-left: 5px;
        vertical-align: middle; }
      .anons-materialy-wrap .anons-materialy-menu .link:hover {
        color: #fdb019; }
        .anons-materialy-wrap .anons-materialy-menu .link:hover svg {
          fill: #fdb019; }

.ucenka-popup {
  /*font-family: Arial;*/
  color: #f1a000;
  border-bottom: dashed 1px;
  margin-bottom: 15px;
  font-size: 15px;
  text-decoration: none;
  display: inline-block; }
  .ucenka-popup span {
    font-weight: bold; }
  .ucenka-popup:hover {
    border-color: rgba(255, 255, 255, 0); }

.new-showcase {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%; }
  .new-showcase .new-showcase-open {
    width: 100%;
    margin: 30px 0;
    text-align: center; }
    .new-showcase .new-showcase-open span {
      cursor: pointer; }
  .new-showcase.open .collection__dib {
    display: inline-block !important; }
  .new-showcase.open .new-showcase-open {
    display: none; }
  .new-showcase .collection__dib {
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    width: calc(20% + 1px);
    margin: 0 -1px -1px 0;
    padding: 30px 38px; }
    .new-showcase .collection__dib:nth-child(n+6) {
      display: none; }
    @media screen and (max-width: 1300px) {
      .new-showcase .collection__dib {
        width: calc(25% + 1px); }
        .new-showcase .collection__dib:nth-child(n+5) {
          display: none; } }
    @media screen and (max-width: 999px) {
      .new-showcase .collection__dib {
        width: calc(50% + 1px); }
        .new-showcase .collection__dib:nth-child(n+3) {
          display: none; } }
    @media screen and (max-width: 650px) {
      .new-showcase .collection__dib {
        padding: 15px; } }
    @media screen and (max-width: 420px) {
      .new-showcase .collection__dib {
        width: 100%;
        margin: 0;
        border-right: none; } }
    .new-showcase .collection__dib .stock-status {
      display: none;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      background: #ededed; }
      .new-showcase .collection__dib .stock-status span {
        display: block;
        padding: 7px 15px;
        font-size: 0.9em; }
    .new-showcase .collection__dib:hover .stock-status {
      display: block; }

.pb__right__title {
  text-align: left;
  color: #1c1c1c;
  font-weight: 300;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: bold;
  /*font-family: Arial;*/ }

#result-calc {
  /*font-family: Arial;*/
  font-size: 1.1em;
  margin-bottom: 30px;
  color: #fdb019;
  font-weight: bold; }

.pb__price_big {
  font-size: 1.53333rem;
  height: 42px;
  margin-bottom: 25px; }
  @media screen and (max-width: 999px) {
    .pb__price_big {
      margin-bottom: 30px; } }
  @media screen and (max-width: 420px) {
    .pb__price_big {
      margin-bottom: 20px; } }
  .pb__price_big span.price {
    font-weight: bold; }
  .pb__price_big span.izm {
    font-size: 1.2rem; }
  .pb__price_big .itogo {
    display: none;
    font-size: 0.93333rem;
    color: #dd4848;
    font-weight: normal;
    margin-top: 9px; }

.wrapper-interiors-solutions-n-like {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin: 0 0 15px 0; }
  .wrapper-interiors-solutions-n-like .interior-solutions {
    width: 160px;
    max-width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 12px 0;
    text-decoration: none;
    border-radius: 8px;
    background: #f5a200;
    color: #fff; }
    .wrapper-interiors-solutions-n-like .interior-solutions svg {
      width: 25px;
      height: 25px;
      margin-right: 10px; }
    .wrapper-interiors-solutions-n-like .interior-solutions span {
      font-size: 13px;
      line-height: 15px; }
    .wrapper-interiors-solutions-n-like .interior-solutions:hover span {
      color: #1c1c1c; }
  .wrapper-interiors-solutions-n-like .favorites-card {
    margin: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }

.pb__right .samples {
  margin-bottom: 20px; }
  .pb__right .samples .head {
    font-weight: bold;
    margin-bottom: 12px; }
  .pb__right .samples .sample {
    margin-bottom: 7px; }
    .pb__right .samples .sample.hide {
      display: none; }
    .pb__right .samples .sample a {
      color: #a2a1a1;
      font-size: 14px;
      text-decoration: none; }
      .pb__right .samples .sample a:hover {
        color: #f5a200; }
  .pb__right .samples .more {
    margin-top: 10px; }
    .pb__right .samples .more a {
      color: #f5a200;
      text-decoration: none;
      font-size: 14px;
      /*border-bottom: 1px dotted;*/ }
      .pb__right .samples .more a:hover {
        color: #ffca29; }

.pb__right .last-block-card {
  margin-top: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .pb__right .last-block-card .pb__delivery {
    width: calc(100% - 175px);
    min-width: 175px;
    font-size: 14px;
    margin-right: auto; }
  .pb__right .last-block-card .salon-reg-card {
    width: 160px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px; }
    .pb__right .last-block-card .salon-reg-card .interior-solutions {
      background: #f5a200; }
      .pb__right .last-block-card .salon-reg-card .interior-solutions span {
        color: #fff; }
      .pb__right .last-block-card .salon-reg-card .interior-solutions:hover span {
        color: #1c1c1c; }
    .pb__right .last-block-card .salon-reg-card a {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 12px 0;
      text-decoration: none;
      background: #f5f5f5;
      border-radius: 8px; }
      .pb__right .last-block-card .salon-reg-card a svg {
        width: 25px;
        height: 25px;
        margin-right: 10px; }
        .pb__right .last-block-card .salon-reg-card a svg .fill {
          fill: #1c1c1c; }
      .pb__right .last-block-card .salon-reg-card a span {
        font-size: 13px;
        line-height: 15px;
        color: #1c1c1c; }
      .pb__right .last-block-card .salon-reg-card a:hover svg .fill {
        fill: #f5a200; }
      .pb__right .last-block-card .salon-reg-card a:hover span {
        color: #f5a200; }
    @media screen and (max-width: 1300px) {
      .pb__right .last-block-card .salon-reg-card {
        width: 130px; }
        .pb__right .last-block-card .salon-reg-card a {
          padding: 10px 0;
          border-radius: 5px; }
          .pb__right .last-block-card .salon-reg-card a svg {
            width: 20px;
            height: 20px;
            margin-right: 8px; }
          .pb__right .last-block-card .salon-reg-card a span {
            font-size: 12px;
            line-height: initial; } }
    @media screen and (max-width: 420px) {
      .pb__right .last-block-card .salon-reg-card {
        width: 110px; }
        .pb__right .last-block-card .salon-reg-card a {
          padding: 8px 0; }
          .pb__right .last-block-card .salon-reg-card a svg {
            width: 18px;
            height: 18px;
            margin-right: 5px; } }

.pb__right .original-link {
  margin-bottom: 15px; }
  .pb__right .original-link a {
    border-bottom: 1px dotted;
    text-decoration: none; }

.pb__right .discount-reason {
  margin-bottom: 10px;
  line-height: 18px; }
  .pb__right .discount-reason span {
    font-weight: bold;
    margin-right: 5px; }

.pb__right .skidka-info {
  font-size: 0.875em;
  font-weight: bold;
  margin-bottom: 25px; }

.pb__right .input-text_order {
  border-color: #ffca29;
  border-width: 1px;
  border-radius: 5px;
  width: 46px;
  height: 36px; }

.pb__right .dib_inp {
  width: 115px; }

.pb__right .collection-inputs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px; }
  .pb__right .collection-inputs .fl-inputs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .pb__right .collection-inputs .fl-inputs .itm {
      width: 20%;
      background: #f5f5f5;
      border-radius: 3px;
      padding: 8px 10px;
      margin-right: 15px; }
      .pb__right .collection-inputs .fl-inputs .itm label {
        display: block;
        margin-bottom: 5px;
        color: #a2a1a1;
        font-size: 13px; }
      .pb__right .collection-inputs .fl-inputs .itm input {
        width: 100%;
        border: none;
        border-radius: 3px;
        box-sizing: border-box;
        background: none; }
  .pb__right .collection-inputs .dib {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px; }
  .pb__right .collection-inputs .r-ico {
    width: 30px;
    height: 30px;
    margin-right: 2px; }
    .pb__right .collection-inputs .r-ico:after {
      width: 10px;
      height: 10px; }
  .pb__right .collection-inputs .minus,
  .pb__right .collection-inputs .plus {
    background: #f1a000;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    margin-left: 5px;
    padding: 7px 11px;
    cursor: pointer; }
    .pb__right .collection-inputs .minus:hover,
    .pb__right .collection-inputs .plus:hover {
      background: #ffca29; }
  .pb__right .collection-inputs .minus {
    margin-right: 5px; }
  .pb__right .collection-inputs .plus {
    margin-left: 5px; }

.pb__form {
  margin-bottom: 10px; }
  @media screen and (max-width: 420px) {
    .pb__form {
      margin-top: 25px; } }
  .pb__form .btn {
    margin-right: 12px;
    margin-bottom: 15px; }
    @media screen and (max-width: 650px) {
      .pb__form .btn {
        /*width: 100%;
          margin-right: 0;*/
        box-sizing: border-box; } }

.tab .pb__list {
  max-width: 600px; }

@media screen and (max-width: 850px) {
  .tab {
    font-size: 16px;
    line-height: 20px; } }

.pb__list {
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  margin-bottom: 20px; }

.pb__list__item {
  /*overflow: hidden;*/
  line-height: 1.2; }
  @media screen and (max-width: 650px) {
    .pb__list__item {
      margin-bottom: 15px; } }
  .pb__list__item .new-ico.big-txt {
    margin-right: auto;
    margin-bottom: 0;
    margin-left: -8px; }
    .pb__list__item .new-ico.big-txt .title-label {
      z-index: 6; }
    .pb__list__item .new-ico.big-txt img {
      background: #ffffff;
      position: relative;
      z-index: 5;
      padding-right: 5px; }
  .pb__list__item.all-hars a {
    color: #f5a200;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    /*border-bottom: 1px dotted;*/ }
    .pb__list__item.all-hars a:hover {
      color: #ffca29; }

.pb__list__title {
  float: left;
  /*width: 70px;*/
  color: #a2a1a1;
  margin-right: 8px;
  margin-bottom: 4px; }

.wrapper_pr-desc .pb__list__title {
  width: 170px; }

.pb__list .pb__list__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  /*z-index: 0;*/ }
  @media screen and (max-width: 420px) {
    .pb__list .pb__list__item {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .pb__list .pb__list__item .pb__list__title {
    background: #ffffff;
    z-index: 2;
    padding-right: 3px; }
  .pb__list .pb__list__item .pb__list__desc {
    background: #ffffff;
    z-index: 2;
    padding-left: 3px; }
    .pb__list .pb__list__item .pb__list__desc a {
      color: #1c1c1c;
      text-decoration: none;
      line-height: 27px;
      display: inline-block; }
    .pb__list .pb__list__item .pb__list__desc svg {
      width: 18px;
      height: 18px;
      margin-left: 3px;
      vertical-align: sub; }
  .pb__list .pb__list__item.all-hars:before {
    display: none; }

.pb__list.hars .pb__list__item:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 8px;
  border-bottom: dotted 1px #a2a1a1;
  z-index: 1; }
  @media screen and (max-width: 420px) {
    .pb__list.hars .pb__list__item:before {
      display: none; } }

.pb__list.hars .pb__list__item .pb__list__desc {
  text-align: right; }

.box.prod-box {
  margin-top: 25px;
  padding-top: 0; }
  @media screen and (max-width: 650px) {
    .box.prod-box {
      margin-top: 15px; } }

.collect-box .pb-slide-box {
  padding: 40px 105px; }

.product-popup .gallery .pb-slide-box {
  padding: 0; }

.product-popup .gallery .pb-hor {
  padding: 0; }

.gallery .pb-slide-box {
  padding: 40px 105px;
  position: relative; }
  @media screen and (max-width: 650px) {
    .gallery .pb-slide-box {
      padding: 0; } }
  .gallery .pb-slide-box .act-label {
    top: 60px;
    left: 130px; }
    @media screen and (max-width: 650px) {
      .gallery .pb-slide-box .act-label {
        top: 20px;
        left: 50px; } }

.gallery .pb-hor {
  /*border-top: 1px solid #e2e2e2;*/
  padding: 0 105px; }
  @media screen and (max-width: 999px) {
    .gallery .pb-hor {
      display: none; } }
  .gallery .pb-hor .hor-slider {
    margin-top: -1px; }
    .gallery .pb-hor .hor-slider .hor-item {
      margin-top: 0;
      margin-bottom: 30px;
      border: 0 none;
      padding-top: 18px;
      border-top-width: 3px;
      border-top-color: transparent;
      border-top-style: solid; }
      .gallery .pb-hor .hor-slider .hor-item.slick-current {
        border-top-color: #fdb019; }

.collect-box .c-link__title {
  min-height: 80px;
  text-decoration: none;
  margin-top: 30px; }
  .collect-box .c-link__title span {
    border-bottom: 1px solid;
    line-height: 1.4em; }

.collect-box .grid-4__size {
  position: initial;
  top: 0;
  left: 0;
  text-align: left; }

.collect-box .price .promo-icon {
  display: inline-block;
  position: initial;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  font-size: 0.6em;
  vertical-align: top; }
  .collect-box .price .promo-icon .icon.finger:after {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -104px -356px;
    width: 14px;
    height: 14px; }

.page.shop .pb__left {
  height: 330px; }

.page.shop .pb__right {
  padding: 0 45px; }

.prod-box .product-question {
  /*font-family: Arial;*/
  margin-bottom: 10px;
  line-height: 1.3em;
  font-weight: bold; }
  .prod-box .product-question > span {
    vertical-align: middle; }
  .prod-box .product-question a {
    cursor: pointer;
    color: #1c1c1c;
    text-decoration: none; }
    .prod-box .product-question a span {
      border-bottom: 1px dotted; }
    .prod-box .product-question a:hover {
      color: #f5a200; }
  .prod-box .product-question:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url(/images/sprite/question.png) no-repeat; }

.prod-box .credit {
  /*font-family: Arial;*/
  margin-bottom: 25px;
  line-height: 1.3em;
  font-weight: bold; }
  .prod-box .credit > span {
    vertical-align: middle; }
  .prod-box .credit a {
    color: #a2a1a1;
    text-decoration: none; }
    .prod-box .credit a span {
      border-bottom: 1px dotted; }
    .prod-box .credit a:hover {
      color: #f5a200; }
  .prod-box .credit:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url(/images/sprite/clock.png) no-repeat; }

.prod-box .c-link__title {
  min-height: 80px;
  text-decoration: none;
  margin-top: 30px; }
  .prod-box .c-link__title span {
    border-bottom: 1px solid;
    line-height: 1.4em; }

.prod-box .pb__fool {
  padding: 40px 100px 0 100px; }
  .prod-box .pb__fool .status {
    color: #a2a1a1;
    font-size: 0.9em;
    margin-right: 30px;
    display: inline-block; }
    .prod-box .pb__fool .status.blue svg {
      background: #00a8b3; }
    .prod-box .pb__fool .status.green svg {
      background: #15aa19; }
    .prod-box .pb__fool .status.red svg {
      background: #dd3c3b; }
    .prod-box .pb__fool .status svg {
      width: 8px;
      padding: 4px;
      fill: #ffffff;
      border-radius: 100%;
      vertical-align: sub; }
  .prod-box .pb__fool .sku {
    color: #a2a1a1;
    font-size: 0.9em;
    display: inline-block;
    margin-right: 30px; }
  .prod-box .pb__fool .modify-compare {
    color: #a2a1a1;
    cursor: pointer;
    display: inline-block;
    margin-right: 30px;
    font-size: 0.9em; }
    .prod-box .pb__fool .modify-compare svg {
      width: 15px;
      height: 15px;
      fill: #fdb019;
      margin-right: 5px; }
  @media screen and (max-width: 999px) {
    .prod-box .pb__fool {
      padding: 20px 15px 0 15px; }
      .prod-box .pb__fool .status,
      .prod-box .pb__fool .sku,
      .prod-box .pb__fool .modify-compare {
        margin-bottom: 10px;
        margin-right: 20px; } }

.prod-box .pb__left {
  /*border-right: 1px solid #e2e2e2;*/ }
  @media screen and (max-width: 999px) {
    .prod-box .pb__left {
      margin-bottom: 0;
      border: none; } }

.prod-box .pb__right {
  margin-left: calc(66% - 45px);
  padding: 45px 45px 45px; }
  @media screen and (max-width: 999px) {
    .prod-box .pb__right {
      margin-left: 0;
      padding: 40px; } }
  @media screen and (max-width: 650px) {
    .prod-box .pb__right {
      padding: 25px 15px; } }
  .prod-box .pb__right .pb__labels {
    position: relative;
    top: initial;
    left: initial; }
    .prod-box .pb__right .pb__labels .new-ico svg {
      fill: #353535; }
  .prod-box .pb__right .pereocenka {
    font-size: 12px;
    line-height: 16px;
    color: #a2a1a1;
    margin-bottom: 15px; }

.prod-box .tab-links {
  margin-top: 50px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 999px) {
    .prod-box .tab-links {
      margin-top: 0;
      font-size: 14px; } }
  .prod-box .tab-links .tab {
    /*background: #ffffff;*/
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    border-top: 3px solid #e2e2e2;
    width: 100%;
    padding: 40px 0; }
    .prod-box .tab-links .tab.cl {
      display: block; }
    @media screen and (max-width: 999px) {
      .prod-box .tab-links .tab {
        -webkit-order: initial;
            -ms-flex-order: initial;
                order: initial;
        border-top: none; } }
    .prod-box .tab-links .tab .pb__list .pb__list__item .pb__list__title,
    .prod-box .tab-links .tab .pb__list__item .new-ico.big-txt img,
    .prod-box .tab-links .tab .pb__list .pb__list__item .pb__list__desc {
      background: #f5f5f5; }

@media screen and (max-width: 420px) {
  .prod-box .price .main-price {
    /*font-size: 1.6em;*/
    margin-bottom: 10px; } }

.prod-box .price .old-price {
  /*@include breakpointmedia($m-1100, max-width){
                font-size: 1em;
            }
            @include breakpointmedia($mm, max-width){
                font-size: 1.6em;
                margin-bottom: 10px;
            }*/ }

.prod-box .price .promo-icon {
  display: inline-block;
  position: initial;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  font-size: 0.6em;
  margin-bottom: 15px;
  vertical-align: top; }
  .prod-box .price .promo-icon .icon {
    font-size: 0.9em; }
    .prod-box .price .promo-icon .icon.finger:after {
      background-image: url("/css/../images/sprites.png");
      background-repeat: no-repeat;
      background-position: -104px -356px;
      width: 14px;
      height: 14px; }
    @media screen and (max-width: 999px) {
      .prod-box .price .promo-icon .icon {
        padding: 7px 15px 8px;
        font-size: 0.7em; } }
    @media screen and (max-width: 420px) {
      .prod-box .price .promo-icon .icon {
        font-size: 1em; } }

.prod-box .price .stock-status {
  display: inline-block;
  font-size: 0.6em;
  border-radius: 5px;
  background: #ededed;
  padding: 5px 15px;
  vertical-align: top; }
  @media screen and (max-width: 420px) {
    .prod-box .price .stock-status {
      font-size: 1em; } }

.stock-status.green {
  color: #15aa19; }

.stock-status.blue {
  color: #00a8b3; }

.stock-status.red {
  color: #dd3c3b; }

.pb__labels {
  margin-bottom: 15px; }
  .pb__labels .lbl-315 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: 0px -117px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-314 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: 0px -169px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-moroz {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -52px -117px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-pei1 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -104px -117px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-pei2 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -203px 0px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-pei3 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -255px 0px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-pei4 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -156px -169px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-pei5 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -104px -169px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-r9 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -127px -42px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-r10 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -52px -169px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-r11 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -255px -52px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-r12 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -203px -104px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-r13 {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -203px -52px;
    width: 47px;
    height: 47px; }
  .pb__labels .lbl-var {
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -75px -42px;
    width: 47px;
    height: 47px; }
  .pb__labels .coll-label {
    margin-right: 20px;
    margin-bottom: 20px; }

.pb__delivery__item {
  margin-bottom: 10px; }
  .pb__delivery__item a {
    text-decoration: none; }
  .pb__delivery__item.car:before {
    content: '';
    display: inline-block;
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -173px -94px;
    width: 20px;
    height: 11px;
    margin-right: 5px; }
  .pb__delivery__item.samovyvoz:before {
    content: '';
    display: inline-block;
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -291px -128px;
    width: 11px;
    height: 16px;
    margin-right: 14px; }

.prod-box {
  margin-top: 30px;
  /*margin-bottom: 100px;*/ }

.prod-tab {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  padding: 20px 24px;
  text-decoration: none;
  color: #1c1c1c;
  margin-bottom: -3px; }
  @media screen and (max-width: 1200px) {
    .prod-tab {
      padding: 20px 12px; } }
  .prod-tab svg {
    display: none;
    float: right;
    width: 11px;
    height: 11px;
    fill: #ffffff; }
  .prod-tab:hover {
    color: #fdb019; }
  .prod-tab.active {
    cursor: default;
    color: #1c1c1c;
    /*font-weight: 600;
        background: #fff;*/
    border-bottom: 3px solid #fdb019;
    /*border-right: 1px solid #e2e2e2;
        border-left: 1px solid #e2e2e2;*/ }
    .prod-tab.active span.gray-dotted-link {
      border-bottom: 0 none;
      color: #1a1915; }
  @media screen and (max-width: 999px) {
    .prod-tab {
      background: #3a3a3a;
      width: calc(100% - 24px);
      color: #fff;
      border-bottom: solid 1px #f5f5f5; }
      .prod-tab svg {
        display: inline-block;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
      .prod-tab.active {
        background: #3a3a3a;
        border: none;
        border-bottom: solid 1px #f5f5f5;
        color: #fff; }
        .prod-tab.active svg {
          -webkit-transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
                  transform: rotate(-90deg); }
        .prod-tab.active span.gray-dotted-link {
          color: #fff; }
      .prod-tab:last-child {
        border-bottom: 1px solid #e2e2e2; }
      .prod-tab span.gray-dotted-link {
        border-bottom: 0 none;
        color: #fff; } }

.wrapper_pr-desc {
  padding-top: 100px; }

@media screen and (min-width: 1000px) {
  .pd-left {
    width: 18.8%;
    float: left; } }

@media screen and (max-width: 999px) {
  .pd-left {
    text-align: center; } }

.collection-link {
  display: block;
  box-sizing: border-box;
  /*border: 2px solid #fedd9c;*/
  text-decoration: none;
  padding: 28px 28px 47px;
  color: #1c1c1c;
  font-weight: 600;
  font-size: 1.2rem;
  max-width: 320px;
  margin: 0 auto; }
  .collection-link img {
    width: 100%;
    border-radius: 50%; }

.collection-link-wrap {
  width: 25%;
  float: left; }
  .collection-link-wrap .collection-link {
    padding: 40px;
    text-align: center;
    background: #e5d7c4;
    margin-right: 20px;
    max-width: 100%; }
  @media screen and (max-width: 999px) {
    .collection-link-wrap {
      width: 50%; } }
  @media screen and (max-width: 650px) {
    .collection-link-wrap {
      width: 100%;
      float: none;
      margin-bottom: 20px; }
      .collection-link-wrap .collection-link {
        padding: 40px;
        text-align: center;
        background: #e5d7c4;
        margin-right: 0; } }

.collection-link__img {
  margin-bottom: 25px; }

.pd-right .collection__dib {
  /*font-family: Arial;*/
  margin-bottom: 0;
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2; }
  .pd-right .collection__dib .act-label {
    top: 10px;
    left: 10px; }
  .pd-right .collection__dib:last-child {
    border-right: 1px solid #e2e2e2; }
  .pd-right .collection__dib .price .old-price {
    margin-right: 5px;
    font-size: 0.9em; }
  .pd-right .collection__dib .price .main-price {
    margin-right: 5px;
    font-size: 0.7em; }
  .pd-right .collection__dib .price .promo-icon {
    margin-bottom: 0; }
  .pd-right .collection__dib .stock-status {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #ededed; }
    .pd-right .collection__dib .stock-status span {
      display: block;
      padding: 7px 15px;
      font-size: 0.9em; }
  .pd-right .collection__dib:hover .stock-status {
    display: block; }
  .pd-right .collection__dib .promo-icon .icon.percent {
    padding: 5px 8px; }
    @media screen and (max-width: 420px) {
      .pd-right .collection__dib .promo-icon .icon.percent {
        padding: 1px 8px; } }

@media screen and (min-width: 1000px) {
  .pd-right {
    margin-left: 20%; }
    .pd-right .collection__link, .pd-right .collection-order {
      max-width: 184px;
      margin: 0 auto; }
    .pd-right .collection__dib {
      padding: 30px 0; } }

@media screen and (max-width: 999px) {
  .pd-right .collection__dib {
    padding: 20px; } }

@media screen and (max-width: 650px) {
  .pd-right .collection__dib {
    padding: 10px; } }

.kit-wrap {
  border: solid 1px #e2e2e2;
  margin-top: 50px; }
  .kit-wrap .kit-block-title-wrap {
    background: #ffffff;
    border-bottom: 3px solid #fdb019;
    text-align: center;
    position: relative;
    padding: 25px 0; }
    .kit-wrap .kit-block-title-wrap .kit-block-title {
      /*font-family: $fR;*/
      font-family: 'Inter', sans-serif;
      font-size: 30px;
      font-weight: 600; }
      .kit-wrap .kit-block-title-wrap .kit-block-title img {
        margin-right: 12px;
        vertical-align: bottom; }
      @media screen and (max-width: 420px) {
        .kit-wrap .kit-block-title-wrap .kit-block-title {
          font-size: 25px; }
          .kit-wrap .kit-block-title-wrap .kit-block-title img {
            margin-right: 8px;
            width: 25px; } }
    .kit-wrap .kit-block-title-wrap p {
      position: absolute;
      right: 35px;
      top: 35px;
      /*font-family: $fA;*/
      font-family: 'Inter', sans-serif;
      font-size: 15px;
      color: #a2a1a1; }
      @media screen and (max-width: 999px) {
        .kit-wrap .kit-block-title-wrap p {
          position: relative;
          right: initial;
          top: initial;
          margin-top: 10px; } }
  .kit-wrap .slid-sum-item {
    background: #fffded;
    padding: 18px 0;
    margin-bottom: 0; }
  .kit-wrap .news-slider {
    background: #ffffff;
    padding: 0 150px; }
    @media screen and (max-width: 1300px) {
      .kit-wrap .news-slider {
        padding: 0 30px; } }
    @media screen and (max-width: 650px) {
      .kit-wrap .news-slider {
        padding: 0 10px; } }
    .kit-wrap .news-slider .slick-next,
    .kit-wrap .news-slider .slick-prev {
      top: -43px;
      height: initial;
      left: calc(50% + 25px); }
      @media screen and (max-width: 650px) {
        .kit-wrap .news-slider .slick-next,
        .kit-wrap .news-slider .slick-prev {
          width: 60px; } }
    .kit-wrap .news-slider .slick-prev {
      left: calc(50% - 85px); }
    .kit-wrap .news-slider .slick-slide {
      text-align: center; }
    .kit-wrap .news-slider .collection__dib {
      width: calc(25% - 60px);
      padding: 0;
      margin-right: 75px;
      position: relative; }
      @media screen and (max-width: 850px) {
        .kit-wrap .news-slider .collection__dib {
          width: calc(50% - 40px);
          margin-bottom: 20px; }
          .kit-wrap .news-slider .collection__dib:nth-child(even) {
            margin-right: 0; }
            .kit-wrap .news-slider .collection__dib:nth-child(even):before {
              display: none; } }
      .kit-wrap .news-slider .collection__dib:before {
        content: '+';
        position: absolute;
        top: 22%;
        right: -55px;
        color: #fdb019;
        font-size: 70px; }
      @media screen and (max-width: 420px) {
        .kit-wrap .news-slider .collection__dib {
          margin-right: 30px;
          width: calc(50% - 18px); }
          .kit-wrap .news-slider .collection__dib:before {
            right: -23px;
            font-size: 45px; } }
      .kit-wrap .news-slider .collection__dib:last-child {
        margin-right: 0; }
        .kit-wrap .news-slider .collection__dib:last-child:before {
          display: none; }
      .kit-wrap .news-slider .collection__dib .grid-4__size {
        font-size: 17px;
        bottom: -10px;
        left: 0;
        right: 0; }
        @media screen and (max-width: 420px) {
          .kit-wrap .news-slider .collection__dib .grid-4__size .main-price {
            font-size: 17px; } }
      .kit-wrap .news-slider .collection__dib .promo-icon {
        float: left; }
      .kit-wrap .news-slider .collection__dib .stock-status {
        display: none;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #ededed; }
        .kit-wrap .news-slider .collection__dib .stock-status span {
          display: block;
          padding: 7px 15px;
          font-size: 0.9em; }
      .kit-wrap .news-slider .collection__dib:hover .stock-status {
        display: block; }
  .kit-wrap .kit-footer {
    border-top: solid 1px #e2e2e2;
    padding: 35px;
    background: #fffded;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .kit-wrap .kit-footer .complect-articul {
      font-family: Arial, Helvetica, sans-serif;
      margin-right: 40px;
      margin-top: 10px; }
      @media screen and (max-width: 1150px) {
        .kit-wrap .kit-footer .complect-articul {
          width: 100%;
          margin: 0 0 20px 0; } }
      @media screen and (max-width: 750px) {
        .kit-wrap .kit-footer .complect-articul {
          width: 100%;
          margin: 0 0 10px 0; } }
      .kit-wrap .kit-footer .complect-articul span {
        font-size: 18px;
        font-weight: 500; }
    .kit-wrap .kit-footer .kit-footer-info {
      margin-right: 90px; }
      .kit-wrap .kit-footer .kit-footer-info .kit-footer-top {
        font-size: 17px;
        /*font-family: $fA;*/
        font-family: 'Inter', sans-serif; }
        .kit-wrap .kit-footer .kit-footer-info .kit-footer-top .label {
          width: 220px;
          font-size: 21px;
          line-height: 32px;
          display: inline-block; }
        .kit-wrap .kit-footer .kit-footer-info .kit-footer-top .top-cena {
          font-size: 30px;
          font-weight: bold;
          margin-right: 5px; }
        .kit-wrap .kit-footer .kit-footer-info .kit-footer-top .old-cena {
          color: #dc4848;
          text-decoration: line-through; }
        .kit-wrap .kit-footer .kit-footer-info .kit-footer-top .discount {
          color: #ffffff;
          font-size: 21px;
          font-weight: bold;
          box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.16);
          background-image: url(/images/fon-sale.png);
          background-size: 100% 100%;
          padding: 12px 25px;
          display: inline-block;
          vertical-align: top;
          margin-left: 10px; }
      .kit-wrap .kit-footer .kit-footer-info .kit-footer-dop {
        font-size: 15px;
        /*font-family: $fA;*/
        font-family: 'Inter', sans-serif;
        /*margin-top: -12px;*/ }
        .kit-wrap .kit-footer .kit-footer-info .kit-footer-dop .label {
          width: 220px;
          font-size: 15px;
          display: inline-block; }
    @media screen and (max-width: 999px) {
      .kit-wrap .kit-footer .kit-footer-info {
        margin-right: 30px; }
        .kit-wrap .kit-footer .kit-footer-info .kit-footer-top .label {
          width: 180px; }
        .kit-wrap .kit-footer .kit-footer-info .kit-footer-dop .label {
          width: 180px; } }
    @media screen and (max-width: 850px) {
      .kit-wrap .kit-footer {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        padding: 35px 20px 15px 20px; }
        .kit-wrap .kit-footer .kit-footer-info {
          margin: 0 auto 20px auto;
          padding: 0 15px; }
        .kit-wrap .kit-footer .btn {
          margin: 0 auto 20px auto; } }
    @media screen and (max-width: 650px) {
      .kit-wrap .kit-footer {
        padding: 20px 10px 0px 10px; }
        .kit-wrap .kit-footer .kit-footer-info {
          padding: 0; }
          .kit-wrap .kit-footer .kit-footer-info .kit-footer-top .label {
            width: 100%;
            margin-bottom: 10px; }
          .kit-wrap .kit-footer .kit-footer-info .kit-footer-top .discount {
            vertical-align: initial; }
          .kit-wrap .kit-footer .kit-footer-info .kit-footer-dop {
            margin-top: 10px; }
            .kit-wrap .kit-footer .kit-footer-info .kit-footer-dop .label {
              width: initial; } }
    @media screen and (max-width: 420px) {
      .kit-wrap .kit-footer .kit-footer-info .kit-footer-top .top-cena {
        font-size: 24px; }
      .kit-wrap .kit-footer .kit-footer-info .kit-footer-top .discount {
        padding: 8px 15px;
        font-size: 18px; } }

/*.coll-tab{
  font-size: 0;
  margin-bottom: -1px;
  .new-ico-wrap {
      min-height: 94px;
  }
}*/
.item-5__bottom {
  padding: 25px 28px 0px; }
  .item-5__bottom.collection-order {
    padding-bottom: 40px; }

.item-5-link {
  color: #1c1c1c;
  text-decoration: none; }

.item-5__name {
  font-weight: 300;
  text-decoration: underline;
  min-height: 100px;
  line-height: 1.4; }

.grid-5__size {
  color: #1c1c1c;
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  margin-bottom: 10px; }

.equipment-label {
  font-weight: 600;
  color: #fff;
  background: #bababa;
  padding: 8px 12px;
  display: inline-block;
  margin-bottom: 20px; }

.equipment-desc {
  margin-bottom: 50px;
  color: #a2a1a1;
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  line-height: 1.333;
  max-width: 70%; }

.related {
  margin-right: -22px;
  font-size: 0; }
  .related .collection__dib {
    width: 20%; }
    @media screen and (max-width: 1300px) {
      .related .collection__dib {
        width: 25%; } }
    @media screen and (max-width: 999px) {
      .related .collection__dib {
        width: 50%; } }
    @media screen and (max-width: 650px) {
      .related .collection__dib {
        width: 100%; } }

.rel-prod {
  border-style: solid;
  border-width: 0 1px 1px;
  border-color: transparent #e2e2e2 #e2e2e2; }
  .rel-prod .collection__img {
    margin: 0 -1px 25px;
    background-color: #fff; }
  .rel-prod .collection__link {
    margin-bottom: 0; }

.prod-pad {
  padding: 0 28px; }
  .prod-pad.collection-order {
    padding-bottom: 40px; }

.zoomContainer {
  z-index: 6; }
  @media screen and (max-width: 999px) {
    .zoomContainer {
      display: none; } }

.comments-wrap {
  padding: 0 130px 0 80px;
  /*font-family: Arial;*/ }
  @media screen and (max-width: 1300px) {
    .comments-wrap {
      padding: 0 70px; } }
  @media screen and (max-width: 999px) {
    .comments-wrap {
      padding: 0 40px; } }
  @media screen and (max-width: 650px) {
    .comments-wrap {
      padding: 0 15px; } }
  .comments-wrap .comments-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: solid 1px #e2e2e2;
    padding: 35px 0;
    margin-bottom: 35px; }
    @media screen and (max-width: 650px) {
      .comments-wrap .comments-title {
        padding: 20px 0;
        margin-bottom: 15px; } }
    .comments-wrap .comments-title .title {
      width: 170px;
      color: #a2a1a1;
      font-size: 15px; }
      @media screen and (max-width: 650px) {
        .comments-wrap .comments-title .title {
          width: initial;
          margin-right: 10px; } }
    .comments-wrap .comments-title .average {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .comments-wrap .comments-title .average .val {
        font-size: 23px;
        font-weight: bold;
        color: #1c1c1c;
        display: inline-block;
        margin-right: 10px; }
        @media screen and (max-width: 420px) {
          .comments-wrap .comments-title .average .val {
            font-size: 16px;
            margin-right: 5px; } }
      .comments-wrap .comments-title .average .svg {
        fill: #fdb019;
        display: inline-block;
        width: 26px;
        margin-right: 3px; }
        .comments-wrap .comments-title .average .svg .full {
          fill: transparent; }
        .comments-wrap .comments-title .average .svg.active .full {
          fill: #fdb019; }
        @media screen and (max-width: 420px) {
          .comments-wrap .comments-title .average .svg {
            font-size: 16px;
            margin-right: 1px;
            width: 18px; } }
    .comments-wrap .comments-title .count {
      margin-left: 30px; }
      @media screen and (max-width: 420px) {
        .comments-wrap .comments-title .count {
          margin-left: 10px; } }
      .comments-wrap .comments-title .count .val {
        color: #a2a1a1;
        font-size: 17px;
        vertical-align: top; }
        @media screen and (max-width: 420px) {
          .comments-wrap .comments-title .count .val {
            font-size: 16px; } }
      .comments-wrap .comments-title .count svg {
        fill: #a2a1a1;
        width: 15px;
        margin-left: 8px; }
  .comments-wrap .comments-button {
    padding: 0 0 0 170px;
    margin-bottom: 35px; }
    @media screen and (max-width: 750px) {
      .comments-wrap .comments-button {
        padding: 0; } }
    @media screen and (max-width: 650px) {
      .comments-wrap .comments-button {
        margin-bottom: 20px; }
        .comments-wrap .comments-button a {
          width: 100%;
          margin: 10px 0;
          box-sizing: border-box; } }
    .comments-wrap .comments-button .regulation {
      margin-left: 25px;
      color: #a2a1a1;
      display: inline-block; }
      .comments-wrap .comments-button .regulation:hover {
        color: #fdb019; }
      @media screen and (max-width: 650px) {
        .comments-wrap .comments-button .regulation {
          margin: 10px 0;
          text-align: center; } }
  .comments-wrap .comments-block {
    margin-bottom: 35px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%; }
    .comments-wrap .comments-block .rating {
      width: 170px; }
      @media screen and (max-width: 650px) {
        .comments-wrap .comments-block .rating {
          width: 100%;
          margin-bottom: 5px; } }
      .comments-wrap .comments-block .rating .svg {
        fill: #fdb019;
        display: inline-block;
        width: 22px; }
        .comments-wrap .comments-block .rating .svg .full {
          fill: transparent; }
        .comments-wrap .comments-block .rating .svg.active .full {
          fill: #fdb019; }
    .comments-wrap .comments-block.answer .comments-info {
      padding-left: 50px; }
    .comments-wrap .comments-block .comments-info {
      width: calc(100% - 290px);
      margin-right: auto; }
      @media screen and (max-width: 650px) {
        .comments-wrap .comments-block .comments-info {
          width: 100%; } }
      .comments-wrap .comments-block .comments-info .name {
        display: inline-block;
        font-size: 21px;
        font-weight: bold; }
        @media screen and (max-width: 420px) {
          .comments-wrap .comments-block .comments-info .name {
            font-size: 18px; } }
      .comments-wrap .comments-block .comments-info .date {
        display: inline-block;
        color: #a2a1a1;
        margin-left: 22px; }
      .comments-wrap .comments-block .comments-info .txt {
        margin: 10px 0;
        line-height: 22px; }
        @media screen and (max-width: 420px) {
          .comments-wrap .comments-block .comments-info .txt {
            line-height: 18px;
            font-size: 15px; } }
      .comments-wrap .comments-block .comments-info img {
        height: 110px;
        margin-right: 15px; }
    .comments-wrap .comments-block .like {
      margin-top: 38px;
      width: 50px;
      cursor: pointer; }
      @media screen and (max-width: 650px) {
        .comments-wrap .comments-block .like {
          width: 100%;
          margin-top: 5px; } }
      .comments-wrap .comments-block .like .svg {
        fill: #bababa;
        display: inline-block;
        width: 17px;
        margin-right: 3px; }
        .comments-wrap .comments-block .like .svg.active {
          fill: #fdb019; }
      .comments-wrap .comments-block .like .val {
        display: inline-block;
        vertical-align: top; }
  .comments-wrap .comments-more {
    padding-left: 170px;
    margin-bottom: 35px; }
    @media screen and (max-width: 650px) {
      .comments-wrap .comments-more {
        padding: 0;
        text-align: center; } }
    .comments-wrap .comments-more .show-more {
      /*font-family: $fA;*/
      font-family: 'Inter', sans-serif;
      font-size: 17px;
      cursor: pointer;
      font-weight: bold;
      display: inline-block; }
      .comments-wrap .comments-more .show-more span {
        font-size: 2em;
        margin-right: 10px;
        color: #fdb019;
        font-family: Geneva; }
      .comments-wrap .comments-more .show-more:hover {
        color: #fdb019; }

.item-4__bottom .grid-4__size {
  font-size: 1.2rem; }
  @media screen and (max-width: 1100px) {
    .item-4__bottom .grid-4__size {
      font-size: 1rem; } }
  @media screen and (max-width: 999px) {
    .item-4__bottom .grid-4__size {
      font-size: 1.7rem; } }

/* End */


/* Start:/css/style-collection.css?175742620517638*/
/**
* letter-spacing
*/
/**
* sprite
*/
/**
* breakpoints custom
*/
/**
* breakpoints custom
*/
/**
* clearfix
*/
/**
* verticatfix
*/
/**
* list_jst
*/
/**
* hold-center
*/
/**
* core-justify
*/
/**
* placeholder
*/
/**
* placeholder
*/
/**
* triangle
*/
.collection-links {
  border-bottom: 1px solid #353535;
  margin-bottom: 60px; }

.cl-link {
  text-decoration: none;
  margin-top: 30px;
  color: #353535;
  font-weight: 300;
  border-bottom: 2px solid transparent;
  margin-right: 50px;
  padding-bottom: 20px;
  line-height: 1;
  margin-bottom: -1px; }
  .cl-link.active {
    font-weight: 600;
    cursor: default;
    border-bottom-color: #353535; }
  .cl-link:hover {
    color: #353535;
    font-weight: 600; }
  @media screen and (max-width: 420px) {
    .cl-link {
      font-size: 1.33333rem; } }

@media screen and (min-width: 1000px) {
  .pb__left {
    width: 61.5%; } }

@media screen and (max-width: 999px) {
  .pb__left {
    float: none;
    margin-bottom: 70px;
    margin-right: 50px; 
    max-width: 100%;
  }
    .pb__left:after {
      content: "";
      display: block;
      clear: both; } }

@media screen and (max-width: 650px) {
  .pb__left {
    margin-right: 0; } }

.vert-item {
  display: block;
  margin: 6px 0;
  font-size: 0;
  height: 71px !important;
  padding: 2px 0;
  overflow: hidden;
  white-space: nowrap;
  border-top: 2px solid transparent; }
  .vert-item.slick-current {
    border-top-color: #bababa; }
  .vert-item:before {
    display: inline-block;
    content: '';
    vertical-align: middle;
    height: 100%;
    width: 0; }
  .vert-item img {
    display: inline-block !important;
    vertical-align: middle;
    max-height: 72px; }

.hor-slider {
  margin-right: -2px; }
  .hor-slider .hor-item {
    display: block;
    outline: none;
    margin: 6px 0;
    font-size: 0;
    /*height: 71px !important;*/
    padding: 2px 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    border: 2px solid transparent; }
    .hor-slider .hor-item.slick-current {
      border-color: #ececec; }
    .hor-slider .hor-item:before {
      display: inline-block;
      content: '';
      vertical-align: middle;
      height: 100%;
      width: 0; }
    .hor-slider .hor-item img {
      display: inline-block !important;
      vertical-align: middle;
      /*max-height: 72px;*/
      max-width: 100%; }

.pb-vert {
  width: 80px; }
  @media screen and (max-width: 650px) {
    .pb-vert {
      display: none; } }

.pb__img {
  margin-left: 167px; }
  @media screen and (max-width: 650px) {
    .pb__img {
      margin-left: 0; } }

.pb-slide {
  position: relative;
  max-width: 100vw; }
  .pb-slide img {
    display: block;
    width: 100%; }

.pb__labels {
  position: absolute;
  top: 30px;
  left: 30px; }

.pb__label {
  float: left;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  border-radius: 50%;
  color: #fff;
  font-weight: 300;
  background: #fdb019;
  text-align: center; }
  .pb__label:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle; }

.pb__label_sale {
  font-size: 1.33333rem; }

.pb__label_new {
  font-family: 0.93333rem; }

@media screen and (min-width: 1000px) {
  .pb__right {
    margin-left: 71.2%; } }

@media screen and (max-width: 420px) {
  .pb__right {
    font-size: 1.4rem; } }

.pb__price {
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  color: #1a1915;
  font-size: 1.13333rem;
  margin-bottom: 50px; }
  @media screen and (max-width: 420px) {
    .pb__price {
      font-size: 1.13333rem; } }

.pb__name__link {
  font-weight: 600;
  font-size: 1.53333rem;
  color: #1c1c1c;
  text-decoration: none;
  border-bottom: 1px dotted #1c1c1c; }
  .pb__name__link:hover {
    border-bottom-color: #f5a200; }

.pb__name {
  margin-bottom: 50px; }

.pb__desc {
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  line-height: 1.8;
  margin-bottom: 35px; }
  @media screen and (max-width: 420px) {
    .pb__desc {
      font-size: 0.875em; } }

.collect-box .pb__desc {
  margin-top: 30px;
  padding-right: 35px; }
  @media screen and (max-width: 650px) {
    .collect-box .pb__desc {
      margin-top: 0; } }
  .collect-box .pb__desc p {
    margin-bottom: 20px; }

.collect-box .pb__desc_block {
  position: relative;
  padding-right: 50px;
  margin-top: 20px; }
  .collect-box .pb__desc_block.styled .pb__desc_block_in {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    padding: 25px;
    border-radius: 10px;
    background: #fff;
    z-index: 2;
    width: calc(100% - 100px); }

.collect-box .pb__desc {
  margin: 0;
  padding-right: 0; }

.read-more {
  text-decoration: none;
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  color: #a2a1a1;
  display: inline-block;
  position: relative; }
  .read-more:after {
    display: inline-block;
    content: '';
    vertical-align: middle;
    margin-left: 6px;
    background-image: url("/css/../images/sprites.png");
    background-repeat: no-repeat;
    background-position: -406px -323px;
    width: 6px;
    height: 10px; }
  .read-more:hover {
    text-decoration: underline;
    color: #a2a1a1; }

.tab {
  display: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .tab:first-child, .tab.active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.collection__body {
  font-size: 0;
  margin-right: -22px; }

.collect-box {
  margin-bottom: 50px; }
  .collect-box .pb__left {
    /*border-right: 1px solid #e2e2e2;*/ }
    @media screen and (max-width: 999px) {
      .collect-box .pb__left {
        margin-bottom: 0;
        border-right: 0 none;
        margin-right: 0; } }
  .collect-box .pb__right {
    margin-left: 0;
    padding: 45px 0;
    width: 38.5%; }
    @media screen and (max-width: 999px) {
      .collect-box .pb__right {
        margin-left: 0;
        padding: 15px;
        width: 100%;
        box-sizing: border-box; } }
  @media screen and (max-width: 999px) {
    .collect-box .tab {
      display: block; } }

.collection__title {
  color: #353535;
  background: #f5f5f5;
  font-size: 1.4rem;
  padding: 20px 0;
  margin-bottom: 60px; }

.collection__dib {
  width: 25%;
  margin-bottom: 60px;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 22px; }
  @media screen and (max-width: 999px) {
    .collection__dib {
      width: 50%; } }
  @media screen and (max-width: 420px) {
    .collection__dib {
      width: 100%; } }

.collection__link {
  color: #1c1c1c;
  margin-bottom: 40px;
  text-decoration: none;
  font-size: 1rem; }
  @media screen and (max-width: 420px) {
    .collection__link {
      font-size: 1.26667rem; } }
  .collection__link .price.grid-4__size {
    position: initial; }

.collection__img {
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  margin-bottom: 20px; }

.collection__labels .coll-label {
  margin-right: 4px;
  margin-bottom: 4px; }

.collection__labels .lbl-315 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -70px -321px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-314 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -280px -321px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-moroz {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -371px -35px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-pei1 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -336px 0px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-pei2 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -210px -321px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-pei3 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -214px -284px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-pei4 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -336px -245px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-pei5 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -336px -280px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-r9 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -144px -284px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-r10 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -35px -321px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-r11 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -74px -284px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-r12 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -336px -105px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-r13 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -284px -284px;
  width: 30px;
  height: 30px; }

.collection__labels .lbl-var {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -105px -321px;
  width: 30px;
  height: 30px; }

.icons-stock-status .collection__labels .lbl-315 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -240px -221px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-314 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -307px -227px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-moroz {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -307px -102px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-pei1 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -307px -202px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-pei2 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -215px -221px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-pei3 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -190px -221px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-pei4 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -307px -252px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-pei5 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -371px -295px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-r9 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -307px -177px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-r10 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -265px -221px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-r11 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -307px -127px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-r12 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -371px -270px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-r13 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -307px -152px;
  width: 20px;
  height: 20px; }

.icons-stock-status .collection__labels .lbl-var {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -371px -320px;
  width: 20px;
  height: 20px; }

.product-popup .icons-stock-status .collection__labels .lbl-315-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -315px -321px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-314-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -245px -321px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-moroz-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -109px -284px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-pei1-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -371px 0px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-pei2-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -249px -284px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-pei3-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: 0px -321px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-pei4-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -336px -35px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-pei5-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -336px -175px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-r9-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -179px -284px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-r10-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -140px -321px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-r11-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -336px -210px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-r12-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -336px -140px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-r13-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -336px -70px;
  width: 30px;
  height: 30px; }

.product-popup .icons-stock-status .collection__labels .lbl-var-b-gray-30 {
  background-image: url("/css/../images/sprites.png");
  background-repeat: no-repeat;
  background-position: -175px -321px;
  width: 30px;
  height: 30px; }

.coll-label {
  display: inline-block;
  vertical-align: middle; }

.c-link__title {
  font-weight: 300;
  min-height: 60px;
  text-decoration: underline; }

.collection__price {
  color: #1c1c1c;
  /*font-family: $fA;*/
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  min-height: 53px;
  display: block;
  line-height: 1.4; }

.collection-inputs {
  margin-bottom: 20px; }

.dib_inp {
  width: 52px; }

.collection-order .dib {
  vertical-align: middle;
  margin-left: 10px; }
  .collection-order .dib:first-child {
    margin-left: 0; }

.collection_conv_links {
  padding-bottom: 45px; }
  @media screen and (max-width: 650px) {
    .collection_conv_links {
      padding-bottom: 15px; } }
  .collection_conv_links a {
    display: block;
    text-decoration: none;
    color: #1c1c1c;
    margin-bottom: 20px;
    padding-left: 36px;
    line-height: 1.4em;
    /*font-family: Arial;*/ }
    .collection_conv_links a span {
      border-bottom: 1px dotted; }
    .collection_conv_links a:hover {
      color: #fdb019; }
    .collection_conv_links a.products {
      background: url(/images/sprite/eye.png) no-repeat 0 5px; }
    .collection_conv_links a.subs {
      background: url(/images/sprite/env.png) no-repeat 0 5px; }

/* End */
/* /local/templates/alt/components/bitrix/breadcrumb/nav/style.css?1757426440227 */
/* /local/templates/alt/components/bitrix/catalog.smart.filter/new/style.css?17574264407361 */
/* /css/style-razdel.css?175742620622890 */
/* /css/style-scroll.css?175742620650192 */
/* /css/style-homepage.css?175742620522112 */
/* /css/style-catalog.css?17574262054738 */
/* /css/style-card.css?175742620552610 */
/* /css/style-collection.css?175742620517638 */