* {margin: 0; padding: 0; outline: none; vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0, 0, 0, 0);}
*::-moz-focus-inner {border: 0; padding: 0;}
*:focus {outline: none;}
::selection {background-color: rgba(223,48,164,.4);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, main {display: block;}
audio, canvas, img, svg {vertical-align: middle;}
iframe, video {vertical-align: top; width: 100%;}

/*====================================================
  Fonts
====================================================*/
@font-face {
  font-family: 'mus700';
  src: url('fonts/exljbris_-_museosanscyrl-700-webfont.eot');
  src: url('fonts/exljbris_-_museosanscyrl-700-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/exljbris_-_museosanscyrl-700-webfont.woff') format('woff'),
    url('fonts/exljbris_-_museosanscyrl-700-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'mus900';
  src: url('fonts/exljbris_-_museosanscyrl-900-webfont.eot');
  src: url('fonts/exljbris_-_museosanscyrl-900-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/exljbris_-_museosanscyrl-900-webfont.woff') format('woff'),
    url('fonts/exljbris_-_museosanscyrl-900-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'mus300';
  src: url('fonts/exljbris_-_museosanscyrl-300-webfont.eot');
  src: url('fonts/exljbris_-_museosanscyrl-300-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/exljbris_-_museosanscyrl-300-webfont.woff') format('woff'),
    url('fonts/exljbris_-_museosanscyrl-300-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'mus500';
  src: url('fonts/exljbris_-_museosanscyrl-500-webfont.eot');
  src: url('fonts/exljbris_-_museosanscyrl-500-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/exljbris_-_museosanscyrl-500-webfont.woff') format('woff'),
    url('fonts/exljbris_-_museosanscyrl-500-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'mus100';
  src: url('fonts/exljbris_-_museosanscyrl-100-webfont.eot');
  src: url('fonts/exljbris_-_museosanscyrl-100-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/exljbris_-_museosanscyrl-100-webfont.woff') format('woff'),
    url('fonts/exljbris_-_museosanscyrl-100-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*====================================================
  Global
====================================================*/
html, body { height:100%; }
body.ved_editable, body.ved_ltr {background: none; margin: 10px;}

body { color: #706F73; font-family: Arial; font-size: 14px; background:#ffffff;}

@media screen and (max-width: 1024px) {
  body {background: rgb(236,228,210) !important;}
  body.compare-page {background: #fff !important;}
}

h1, .h1 { color: rgb(53,59,115); font-family: mus700; font-size: 24px; font-weight: normal; margin: 0; padding: 10px 0 15px; text-transform: uppercase;}
h2, .h2 { color: rgb(53,59,115); font-family: mus700; font-size: 18px;  font-weight: normal; margin: 0;  padding: 5px 0 25px; text-transform: uppercase;}
h3, .h3 { color: rgb(53,59,115); font-family: mus700; font-size: 17px;  font-weight: normal; margin: 0; padding: 5px 0 15px; }
h5, .h4 { color: rgb(53,59,115); font-family: mus700; font-size: 13px;  font-weight: normal; padding: 0 0 10px; text-transform: uppercase;}

@media screen and (max-width: 480px) {
  h1, .h1 {font-size: 22px; padding-bottom: 10px;}
}
@media screen and (max-width: 374px) {
  h1, .h1 {font-size: 20px;}
}

.block-center.main-h1 h1 {padding: 0;  font-size: 15px;}

a { color: #353B73; text-decoration: underline;}
a.highlight {color: #DF30A4;}
  a:hover {  text-decoration: none;}

img {max-width: 100%; height: auto;}
table img {max-width: none;}
a img { border:0; }
  img.imgl { display:block; float:left; margin:0px 20px 10px 0; }
  img.imgr { display:block; float:right; margin:0px 0 10px 20px; }

ul { margin-left:10px; padding: 0px 0 20px 0px;}
#left-block ul {margin: 0; padding: 0;}
ol { margin-left:20px; padding: 0px 0 20px 0px;}
ul li ol {padding-bottom:0px;}
ul li { padding:5px 0 0px 0; }
#content ul li { list-style-image: url('../i/bull-ul.png'); }
ul li p {padding:0px;}
ol li {padding:5px 0 0px 0; }
p { padding: 0 0 20px 0; }
p.title-s { color: rgb(53,59,115); font-family: mus700; font-size: 13px;}
p strong {font-weight: bold;}

#content.base table tr:nth-child(even),
#content .info-bottom table tr:nth-child(even) { background: #F2F2F2;}
table { width:100%; border-collapse:collapse; margin: 0 0 20px;}
  table thead td  { color:#333333; font-weight:bold; padding:10px 5px;}
  table tbody td  { padding:5px 5px 5px 20px;}
  table tr td  { text-align:left;}
  .block-bottom-base table td {padding: 10px; vertical-align: top; border: 1px solid rgb(188,188,188);}
    .block-bottom-base table td p {padding: 0;}

@media screen and (max-width: 1024px) {
  .block-bottom-base table {width: 100% !important;}
    .block-bottom-base table td {width: auto !important;}
}
@media screen and (max-width: 767px) {
  .block-bottom-base table td img {max-width: 30vw;}
}
@media screen and (max-width: 374px) {
  .block-bottom-base table td {font-size: 13px;}
  .block-bottom-base table td img {max-width: 25vw;}
}

#content.base table tr td  { color:#706F73; font-family: Arial; font-size: 13px;}
#content.base table tr:first-child td, #content table thead td { padding:10px 5px 10px 20px; font-family: mus500; font-size: 13px; color: rgb(53,59,115);}

hr { }
.easing, .easing * {
     -webkit-transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
     -o-transition: all 0.2s ease 0s;
     transition: all 0.2s ease 0s;
}
/* ------------------------------------------------------------------------------------------------------------------ */

.cl:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
*:first-child+html .cl { display:inline-block; }

.fl { float:left; } .fr { float:right; } .bl { display:block; }

.tb {display: table; width: 100%;}
  .tb-head {display: table-header-group;}
  .tb-body {display: table-row-group;}
    .tb-row {display: table-row;}
      .tb-cell {display: table-cell; vertical-align: middle;}

input, textarea { outline:none; max-width: 100%; }
input:active, textarea:active { outline:none; }
:focus { outline:none; }
input[type="submit"], button, input[type="button"] {-webkit-appearance: none; cursor: pointer;}

.cat_btn {margin: 15px 0;}

.button-g { transition: all 0s ease 0s; display: inline-block; width: auto; padding: 3px 10px; font-family: mus500; cursor: pointer; font-size: 13px; color: #fff; background: rgb(161,188,211);  border: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); text-decoration: none; text-align: center; }
  .button-g:hover {  opacity: 0.9; background: rgb(216,48,153); background: linear-gradient(to top, rgb(180,47,102), rgb(219,48,158));}
  .button-g.active {  opacity: 0.9; background: rgb(216,48,153); background: linear-gradient(to top, rgb(180,47,102), rgb(219,48,158));}
  .button-g:active {  opacity: 1; background: rgb(219,48,158); -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5); margin-bottom: -1px; margin-top: 1px;}

.button-p { /*display: inline-block;*/ width: auto; padding: 3px 10px; font-family: mus500; cursor: pointer; font-size: 13px; color: #fff; background: rgb(216,48,153); background: linear-gradient(to top, rgb(180,47,102), rgb(219,48,158)); border: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); text-decoration: none; }
  .button-p:hover { transition: all 0s ease 0s; opacity: 0.9}
  .button-p:active {  opacity: 1; background: rgb(219,48,158); -webkit-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5); margin-bottom: -1px; margin-top: 1px;}

a.close-btn { font-size: 20px; left: 600px; position: absolute; top: 57px;}

/* ------------------------------------------------------------------------------------------------------------------ */
.counters-top { left:0; position:absolute; top:-1000px; visibility:visible; }

/*====================================================
  Header
====================================================*/
#header-box { background: rgb(236,228,210); width: 980px; max-width:100%;  margin:0 auto; padding: 0 20px 20px; position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box;}
  #header {  position: relative; height: 213px; }

  /*костыли - закрыть тень от субменю*/
  #header:before, #header:after {content: ''; position: absolute; top: 0; height: 100%; width: 8px; background: rgb(236,228,210); z-index: 120;}
  #header:before {right: 100%;}
  #header:after {left: 100%;}

/*-- header --*/
#header .top, #header .center, #header .pink, .full-menu-catalog { position: relative; z-index: 110; }

.top-nav { background: rgb(236,228,210); padding: 8px 0 5px; height: 18px; margin: 0 -20px; position: relative; z-index: 900; text-align: center;}
  .top-nav > ul { /*display: table-row;*/ display: inline-block; margin: 0; padding: 0; text-align: center;}
    .top-nav > ul > li { display: table-cell; height: 14px; padding: 0; text-align: center; vertical-align: middle; width: auto; margin: 0; border-left: 1px solid rgba(0, 0, 0, 0.4);}
    .top-nav > ul > li:first-child { border-left: 0px solid rgba(0, 0, 0, 0.4);}
      .top-nav > ul > li > a { display: table-cell;  /*width: 1000px;*/ padding: 0 18px; vertical-align: middle; text-shadow: 1px 1px rgba(255, 255, 255, 0.7); font-family: Tahoma; font-size: 12px; color: #767575; text-decoration: none;}
      .top-nav > ul > li > a:hover { text-decoration: underline; }
      .top-nav .last > a { color: #E91FA2;}

.top-nav .pod-nav { background: rgb(236, 228, 210); margin: 7px 0 0; box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.2); max-height: 0; max-width: 300px; overflow: hidden; position: absolute; z-index: 110;}
  .top-nav .pod-nav ul { padding: 8px 20px 10px 10px; margin: 0;}
    .top-nav .pod-nav ul li { border: medium none; font-style: normal; height: auto; list-style: square; text-align: left; margin: 0 0 0 17px; padding: 0 0 5px 0;}
      .top-nav .pod-nav ul li a { font-family: Tahoma; font-size: 12px; color: #767575; text-shadow: 1px 1px rgba(255, 255, 255, 0.7); text-decoration: none;}
      .top-nav .pod-nav ul li a:hover { text-decoration: underline;}


/*-----*/
#header .top, .footer-search { height: 36px; width: 100%; background: rgb(54,59,115);     position: relative;}
#header .top .action { float: left; font-family: Tahoma; font-size: 12px; color: #fff; width: 675px;}
  #header .top .action p {  display: table-cell; height: 36px; padding: 0 0 0 8px; vertical-align: middle; }
    #header .top .action p span { background: none repeat scroll 0 0 #D874AA; display: inline-block; padding: 0 0 1px; text-align: center; width: 20px;}
    #header .top .action p a { font-family: Tahoma; font-size: 12px; color: #fff;}

#header .top .search, .footer-search .search {  float: right; height: 36px; width: 265px;}
  #header .top .search div, .footer-search .search div { height: 20px; width: 250px; background: #fff;  margin: 8px 0;}
    #header .top .search input[type="text"], .footer-search .search input[type="text"] { padding: 0 5px; width: 220px; height: 20px; border: 0px; background: rgba(0,0,0,0); float: left;  display: block; color: #706F73; font-family: mus300; font-size: 15px;}
    #header .top .search input[type="submit"], .footer-search .search input[type="submit"] { width: 20px; height: 20px; border: 0px; background:url(../i/search-icon.svg) 50% 50% / 12px 12px no-repeat; border: 0;  cursor: pointer; display: block; float: left;}

#header .center { height: 91px; background: #fff; }

  /*-----*/
  #header .center .logo-sakura { width: 225px; height: 87px; position: relative; background:url(../i/logo-header.png) 15px 7px no-repeat  rgba(0,0,0,0);}
    #header .center .logo-sakura span, #header .center .logo-sakura span { color: rgb(223,48,164); font-family: mus900; font-size: 14px; position: absolute; bottom: 10px; left: 92px;}
    #header .center .logo-sakura a, #header .center .logo-sakura a { display: block; height: 100%; width: 100%;}
  #header .center .logo {position: relative; margin: 2px 20px 0 4px;}
    #header .center .logo a {display: inline-block; text-decoration: none;}

/*-----*/
  #header .phone { width: 225px; line-height: 25px; padding: 10px 0 0; color: rgb(53,59,115); font-family: mus300; font-size: 24px;}
    #header .phone span.address { line-height: 17px; display: block; color: rgb(199,66,144); font-family: mus700; font-size: 12px;margin-top:10px;padding-left: 8px;}
	#header .phone .a_tel {text-decoration:none;font-weight:bold;}

/*-----*/
  #header .popup-z { width: 113px; padding: 14px 0 0;}
    #header .popup-z .button-z { width: 68px; height: 27px; padding: 0 6px; border:1px solid #DF30A4;  color: rgb(53,59,115); font-family: mus700; font-size: 12px;  line-height: 12px; background:url(../i/phone-icon.svg) 59px 50% / 16px 16px no-repeat; cursor: pointer; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    #header .popup-z .button-z:hover {color: rgb(199,66,144)}

/*-----*/
  #header .center .work { width: 182px; padding: 14px 0 0 30px; background:url(../i/time-adres.png) 0 15px no-repeat rgba(0,0,0,0);}
    #header .center .work p { padding: 0;}
    #header .center .work .text-s, #header .center .work .text-s a { text-decoration: none; color: rgb(129,128,128); font-family: mus700; font-size: 13px;}
      #header .center .work .text-s span {display: block;}

/*-----*/
  #header .center .esm { width: 115px; padding: 14px 0 0 40px; background:url(../i/esm-header.png) 0 15px no-repeat rgba(0,0,0,0);}
    #header .center .esm p { padding: 0;}
    #header .center .esm .text-s { color: rgb(129,128,128); font-family: mus700; font-size: 11px;}
    #header .center .esm .text-s a { color: rgb(199,66,144); text-decoration: none; font-family: mus700; font-size: 12px;}

/*-----*/
#header .pink { background: rgb(223,48,164); height: 40px; width: 100%; }
  #header .pink ul { height: 40px; margin: 0; padding: 0 40px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  #header .pink ul li { display: inline-block; vertical-align: top; /*width: 105px;*/ height: 40px; line-height: 40px; padding: 0px 0 0px 35px; background:url(../i/ikon-pink.png) 0 0 no-repeat rgba(0,0,0,0); margin: 0; list-style: none;}
  #header .pink ul li:first-child { margin: 0px;}
  #header .pink ul li span { color: rgb(255,255,255); font-family: mus300; font-size: 15px;line-height: 15px; vertical-align: middle;display: inline-block;}
  #header .pink ul li span a { color: rgb(255,255,255); font-family: mus300; font-size: 15px; line-height: 15px;vertical-align: middle;display: inline-block;}

  #header .pink ul li:first-child { background-position: 0px -275px; /*width: 90px; */ padding: 0px 0 0px 65px;}
  #header .pink ul li:first-child + li { background-position: 0 6px;}
  #header .pink ul li:first-child + li + li { background-position: 0 -60px; /*width: 85px;*/}
  #header .pink ul li:first-child + li + li + li { background-position: 2px -118px; /*width: 95px; */ padding: 0px 0 0px 50px;}
  #header .pink ul li:first-child + li + li + li + li { background:url(../i/icon-clock.png) 0 50% no-repeat rgba(0,0,0,0); /*width: 75px;*/}

  #header .pink ul li:first-child:hover { background-position: 0 -198px;}
  #header .pink ul li:first-child + li:hover { background-position: -10px -348px;}
  #header .pink ul li:first-child + li + li:hover { background-position: -8px -430px;}
  #header .pink ul li:first-child + li + li + li:hover { background-position: -1px -516px;}
  #header .pink ul li:first-child + li + li + li + li:hover { background:url(../i/icon-clock-h.png) 0 50% no-repeat rgba(0,0,0,0);}
  #header .pink ul li a { text-decoration: none; }
  #header .pink ul li:hover a { text-shadow: 0 0 3px #FFFFFF, 0 0 1px #FFFFFF, 0 0 0 #FFFFFF; }

/*-- header-menu --*/
#header .header-menu {position: relative;}
  /* .full-menu-catalog */
  #header .full-menu-catalog { position: relative; height: 46px; background: #fff; }
    #header .header-menu ul.catalog-menu { display: table; width: 100%; height: 46px; margin: 0; padding: 0; }
      #header .header-menu ul.catalog-menu > li { display: table-cell; padding: 0; text-align: center; vertical-align: middle; width: auto; }
      #header .header-menu ul.catalog-menu > li:hover > a { color: rgb(223,48,164); }
      #header .header-menu ul.catalog-menu > li.active > a { color: rgb(223,48,164); }
        #header .header-menu ul.catalog-menu > li > a { border-left: 1px solid rgb(159,159,159); padding: 0 5px; color: rgb(54,59,115); display: table-cell; font-family: mus500; font-size: 16px; height: 24px; line-height: 13px; text-decoration: none; vertical-align: middle; width: 1000px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
        #header .header-menu ul.catalog-menu > li:first-child > a { border-left:0px; }
  /* .full-menu-subblock */
  .full-menu-subblock, .full-menu-subblock * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
  .full-menu-subblock { position: absolute; top: 100%; left: 0; z-index: 100; text-align: left; background: #fff; border-top: 1px solid #e6e6e6; border-radius: 0 0 5px 5px; box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.25); visibility: hidden; -webkit-transform: translate3d(0,-120%,0); transform: translate3d(0,-120%,0); -webkit-transition: all 0.27s ease 0s; transition: all 0.27s ease 0s; }
  .full-menu-subblock-right {left: auto; right: 0;}
  .full-menu-subblock.show-bl {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); visibility: visible;}
      .submemu-box { display: inline-block; padding: 17px 20px; font-size: 0; line-height: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
        .submemu-box ul { display: inline-block; vertical-align: top; max-width: 170px; min-width: 88px; margin: 0; padding: 0 32px 0 0; list-style: none; }
        .submemu-box ul:last-child {padding-right: 0;}
          .submemu-box ul li { display: block; margin: 0; padding: 3px 0 4px; list-style: none; font-size: 12px; line-height: 1.3; }
          .submemu-box ul li.tt { font-weight: bold; padding-top: 18px;}
            .submemu-box ul li, .submemu-box ul li a { color: #363B73; text-decoration: none; }
            .submemu-box  ul li a { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
            .submemu-box ul li.active, .submemu-box ul li.active a, .submemu-box ul li a:hover { color: rgb(223,48,164); text-decoration: underline; }

@media screen and (min-width: 1025px) {
  .hamburger {display: none;}
  .contacts-mobile {display: none;}
  .menu-mobile {display: none;}
}
@media screen and (max-width: 1024px) {
  #header-box {width: 100%; height: 50px; padding: 0; z-index: 20;} 
    .top-nav {display: none;}
    #header {position: fixed; top: 0; left: 0; width: 100%; height: auto;}
      #header .top {position: absolute; top: 100%; left: 0; width: 100%; height: auto; max-height: calc(100vh - 50px); overflow: auto; background: rgb(236,228,210); visibility: hidden; z-index: 10; box-shadow: 0 5px 5px rgba(0,0,0,.25); -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-overflow-scrolling: touch;}
      #header .top.visible {visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);}
        #header .top:after {display: none;}
        #header .top .search {float: none; width: auto; height: auto; padding: 8px 15px; background: rgb(54,59,115);}
          #header .top .search div {width: 100%; height: auto; background: none; margin: 0; position: relative;}
            #header .top .search input[type="text"] {float: none; width: 100%; height: 24px; background: #fff; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box;}
            #header .top .search input[type="submit"] {position: absolute; top: 50%; margin-top: -12px; right: 0; width: 30px; height: 24px;}
        #header .top .contacts-mobile {background: #fff; padding: 5px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
          #header .contacts-mobile .phone {width: auto; padding: 0; font-size: 18px;}
            #header .contacts-mobile .phone .address {display: none;}
            #header .contacts-mobile .phone a {text-decoration: none;}
          #header .contacts-mobile .popup-z {float: none; width: auto; padding: 0; margin-bottom: 4px;}
          #header .contacts-mobile .work {text-align: right; font-size: 10px;}
            #header .contacts-mobile .work .text-s {padding: 0;}
              #header .contacts-mobile .work .text-s span {display: none;}
          #header .top .menu-mobile ul {margin: 0; padding: 0; list-style: none;}
            #header .top .menu-mobile ul li {margin: 0; padding: 0; font-family: 'mus500'; font-size: 13px;}
              #header .top .menu-mobile ul li a {display: block; padding: 10px 15px 12px 15px; border-top: 1px solid rgba(188, 188, 188, 0.5); background: #FFF; color: #363B73; text-decoration: none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
              #header .top .menu-mobile ul li a:active, #header .top .menu-mobile ul li.current a {color: #DF30A4;}
              #header .top .menu-mobile ul li a.catalog-link {background: rgb(236,228,210);}
              #header .top .menu-mobile ul li a.catalog-link:active, #header .top .menu-mobile ul li.current a.catalog-link {background: #FFF; color: #363B73;}
      #header .center {position: relative; z-index: 20; background: rgb(236,228,210); height: 50px; padding: 0 15px;}
        #header .center .phone, #header .center .popup-z, #header .center .work {display: none;}
        #header .center .logo {line-height: 50px; margin: 0 0 0 36px;}
          #header .center .logo img {width: 95px; vertical-align: middle;}
        #header .center .esm {width: auto; height: 100%; padding: 0; background: none; float: right; text-align: right; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
          #header .center .esm .title-s {display: none;}
          #header .center .esm .text-s {font-family: mus500;}
          #header .center .esm .text-s, #header .center .esm .text-s a { font-size: 10px;}
        .hamburger {position: absolute; top: 50%; margin-top: -8px; left: 15px; z-index: 100; font-size: 0; line-height: 0; width: 18px; height: 17px; cursor: pointer;}
          .hamburger span, .hamburger span:before, .hamburger span:after {display: block; content: ''; position: absolute; left: 0; width: 100%; height: 3px; background: #353B73;}
          .hamburger span {top: 7px; -webkit-transition: transform .22s cubic-bezier(.55,.055,.675,.19); transition: transform .22s cubic-bezier(.55,.055,.675,.19);}
          .hamburger span:before {top: -7px; -webkit-transition: top .1s ease-in .25s, opacity .1s ease-in; transition: top .1s ease-in .25s, opacity .1s ease-in;}
          .hamburger span:after {top: 7px; -webkit-transition: top .1s ease-in .25s, transform .22s cubic-bezier(.55,.055,.675,.19); transition: top .1s ease-in .25s, transform .22s cubic-bezier(.55,.055,.675,.19);}
          .hamburger.active span {-webkit-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: rotate(225deg); transform: rotate(225deg);}
          .hamburger.active span:before {top: 0; opacity: 0; -webkit-transition: top .1s ease-out, opacity .1s ease-out .12s; transition: top .1s ease-out, opacity .1s ease-out .12s;}
          .hamburger.active span:after {top: 0; -webkit-transition: top .1s ease-out, transform .22s cubic-bezier(.215,.61,.355,1) .12s; transition: top .1s ease-out, transform .22s cubic-bezier(.215,.61,.355,1) .12s; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
      #header .pink {display: none;}
      #header .header-menu {display: none;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #header .top .menu-mobile ul {columns: 2 auto;}
    #header .top .menu-mobile ul li a {width: 50vw;}
}

/*====================================================
  Footer
====================================================*/
#footer { max-width: 980px; min-height:160px; margin:0 auto; overflow: hidden; background: rgb(236,228,210); -webkit-box-sizing: border-box; box-sizing: border-box;}
  #footer-in { min-height:160px; width: 934px; margin:0 auto; padding: 0 3px 3px 3px; background: #fff;}
    .footer-top { position: relative;}
    .icon-footer { bottom: 5px; position: absolute;}

/* -- footer menu -- */
.footer-menu { padding: 20px 15px; }
    .footer-menu > ul { padding: 0; margin: 0;}
    .footer-menu ul li { display: inline-block; vertical-align: top; /*width: 138px;*/ padding: 0;}
    .footer-menu > ul > li {padding: 0 0 5px 20px}
    .footer-menu > ul > li:first-child { padding: 0px;}
        .footer-menu ul li ul { margin: 5px 0 0 0; padding: 0;}
            .footer-menu ul li li { display: inline-block; vertical-align: top; }
        .footer-menu ul li a { font-size: 14px; font-family:'mus500'; color: rgb(54,59,115); text-decoration: none;}
            .footer-menu ul li li a { font-family:'mus300';}
        .footer-menu ul li a:hover {  text-decoration: underline;}

/* -- adress-footer -- */
.footer-bottom { padding: 20px 0px 60px; background: rgb(236,228,210);}
    .footer-bottom div { float: left; width: 170px; padding: 0 0 0 10px; color: rgb(54,59,115); font-size: 10px; font-family:'mus300'; line-height: 17px; }
    .footer-bottom div img { display: block; margin: 0 0 0 15px;}
    .footer-bottom div:first-child { padding: 0 0 0 15px; }
        .footer-bottom div.ad-big1 { padding: 0 0 0 15px; width: 200px;}
        .footer-bottom div.ad-big2 { width: 285px;}
            .footer-bottom div.vipro a { text-decoration: none;}

@media screen and (max-width: 1024px) {
  #footer {width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box;} 
    #footer-in {width: 980px; max-width: 100%; padding: 0; background: none;}
      .footer-menu {display: none;}
      .footer-search {height: 44px;}
        #footer .search {display: none;}
        .icon-footer {bottom: 10px;}
      .footer-logo {display: none;}
      .footer-bottom {background: #F5F1E8; padding: 20px 15px 60px;}
        .footer-bottom div {color: #585A6B; float: right; width: 48%; text-align: right; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
        .footer-bottom div.ad-big1 {float: left; width: 52%; text-align: left; padding: 0;}
        .footer-bottom div.ad-big2 {display: none;}
}
@media screen and (max-width: 374px) {
  .footer-bottom  {padding-left: 10px; padding-right: 10px;}
}

/*====================================================
  Content
====================================================*/
#all-block { padding: 0 20px; background: rgb(236,228,210); width: 980px; max-width: 100%; min-height:100%; margin:0 auto; position: relative; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box;}
#box-all #box-all-pd { margin:0 auto; padding-bottom: 160px;}

#content-block { float: right; margin-left: -205px; width: 100%;}
  #content {  margin: 0 0 0 217px; background: rgba(0,0,0,0); }
#left-block { float: left; width: 205px; background: rgba(0,0,0,0); padding: 0 0 12px;}

#all-block.base #content-block { margin-left:0;}
#all-block.base #content { margin: 0;}

@media screen and (max-width: 1024px) {
  #all-block {width: 100%; min-height: calc(100vh - 192px - 50px); padding: 0 15px;}
    #content-block {float: none; margin-left: 0;}
      #content {margin: 0;}
        #content img {height: auto !important;}
    #left-block {display: none;}
}

/* -- API -- */
.show-me-the-map.first, .show-me-the-map.second, .show-me-the-map.third { cursor:pointer;}
.for-sl-tog { display: none; height: 368px; width: 100%; margin: 0 auto; width: 940px;}
#i-see-the-map1, #i-see-the-map2, #i-see-the-map3 { height: 368px; width: 100%; }
#i-see-the-map1 .ymaps-layers-pane, #i-see-the-map2 .ymaps-layers-pane, #i-see-the-map3 .ymaps-layers-pane { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:url(../css/grayscale.svg#greyscale); filter:gray; }
        #i-see-the-map1 .ymaps-copyrights-pane, #i-see-the-map2 .ymaps-copyrights-pane, #i-see-the-map3 .ymaps-copyrights-pane { display:none; }
/* -- API -- */

/*-- .block-fix --*/
.block-fix { position: fixed; left: 0; right: 0; bottom: 0;  z-index: 1000; -webkit-box-sizing: border-box; box-sizing: border-box; }
.block-fix-in {width: 940px; max-width: 100%; margin: 0 auto; height: 40px; padding-right: 60px; background:rgba(54,59,115,0.8); position: relative; -webkit-box-sizing: border-box; box-sizing: border-box;}

.block-fix .last-goods-link, .block-fix .responses-goods-link { color: #fff; font-size: 13px; font-family:'mus300'; display: inline-block; margin: 14px 0;}
.block-fix .last-goods { display: inline-block; margin: 10px 55px 14px 12px;}
.block-fix .last-goods-link { margin: 0;}

.last-goods {position: relative;}
.last-goods .last-goods-menu { display: none; background: #fff; border-radius: 5px 5px 0 0; bottom: 31px; max-height: calc(100vh - 71px); overflow: auto; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); left: -12px; padding: 15px; position: absolute; z-index: 1;}
.last-goods .last-goods-menu ul { margin: 0; padding: 0;}
.last-goods .last-goods-menu ul li { margin: 0; padding: 0 0 10px 0; list-style: none;}
.last-goods .last-goods-menu ul li:last-child {padding-bottom: 0;}

.last-goods .last-goods-menu .carg-together { width: 220px; min-height: 70px; }
  .last-goods .last-goods-menu .carg-together-image { width: 80px; vertical-align: top; }
   .last-goods .last-goods-menu .carg-together-image img { width: 80px;}
  .last-goods .last-goods-menu .carg-together-text { font-size: 13px;  line-height: 13px;}
   .last-goods .last-goods-menu .carg-together-text span { font-size: 14px; margin: 5px 0 0; }

.block-fix .social-seti { float: right;  padding: 11px 0 0; margin: 0 10px 0 0; }
  .block-fix .social-seti a { width: 21px; height: 19px; display: inline-block; margin: 0 0 0 5px; background:url(../i/icon-seti.png) 0 0 repeat-x rgba(0,0,0,0); }
  .block-fix .social-seti a.face { background-position: 0 0;}
  .block-fix .social-seti a.twit { background-position: -26px 0;}
  .block-fix .social-seti a.vk { background-position: -54px 0;}

@media screen and (min-width: 414px) {
  .block-fix .last-goods-link br, .block-fix .responses-goods-link br {display: none;}
}
@media screen and (max-width: 1024px) {
  .block-fix  {z-index: 10; padding: 0 15px;}
    .block-fix-in {padding: 0 55px 0 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
      .block-fix-in:after {display: none;}
        .block-fix .last-goods {margin: 0; padding-right: 10px;}
        .block-fix .last-goods, .block-fix .responses-goods-link {width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
        .block-fix .responses-goods-link {padding-left: 10px; text-align: right;}
        .block-fix .last-goods-link, .block-fix .responses-goods-link {margin: 0;}
        .block-fix .social-seti {display: none;}
    .last-goods .last-goods-menu { max-height: calc(100vh - 127px); -webkit-overflow-scrolling: touch; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .block-fix-in {width: 980px;}
}
@media screen and (max-width: 480px) {
  .block-fix .last-goods-link, .block-fix .responses-goods-link {font-size: 12px;}
}
@media screen and (max-width: 413px) {
  .last-goods .last-goods-menu {bottom: 37px;}
  .last-goods .last-goods-menu {width: calc(100vw - 66px);}
  .last-goods .last-goods-menu .carg-together {width: 100%;}
}

/*-- #back-top --*/
#back-top { bottom: 0; right: 0; position: absolute; z-index: 1000;}
#back-top a { background: rgba(223,48,164,1); display: block; width: 40px; height: 40px; position: relative; text-decoration: none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
#back-top a:hover {background: rgba(223,48,164,.7);}
  #back-top a:before, #back-top a:after {content: ''; position: absolute; top: 19px; width: 18px; height: 2px; border-radius: 2px; background: #fff;}
  #back-top a:before {left: 5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
  #back-top a:after {right: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}

/*-- path --*/
.path { display: block; list-style: none; padding: 10px 15px; margin: 0; background: rgb(249,246,242); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; color:rgb(112,111,115);}
  .path li {display: inline; padding: 0 1px 0 0; margin: 0; font-size: 13px; font-family: Arial;}
    
@media screen and (max-width: 767px) {
  .path li { font-size: 12px; line-height: 1.35;}
}

/*-- base --*/
.block-top-base { background: #fff; padding: 0 15px 5px; margin: 0 0 0 0;}
.block-bottom-base { background: #fff; padding: 10px 15px 20px; /*padding: 0px 18px 0px;*/ margin: 12px 0 12px 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.block-bottom-base .h1 { text-transform: none;}

/*-------------------------- block left --------------------------*/
.block-w { margin: 12px 0 0 0; background: #fff; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.block-w:first-child { margin: 0px; }
.block-w .h3 { padding: 0px 0 10px; text-transform:uppercase;}

/*-- banner color --*/
.banner-color { margin: 12px 0 0 0; padding: 10px; color: rgb(255,255,255); font-family: mus900; font-size: 18px; text-align: center; background: rgb(186,132,194); background: linear-gradient(to bottom right, rgb(226,104,179), rgb(108,191,225)); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}
  .banner-color span { font-size: 66px;}
  .banner-color a { color: rgb(255,255,255); font-family: mus900; font-size: 18px; text-decoration: none;}

/*-- filter main --*/
.filter-main { padding: 0 0 15px 0;}
.filter-main select { width: 180px; margin: 0 0 5px 0; border: 1px solid rgb(164,164,164); color: rgb(53,59,115); font-family: mus700; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.filter-main .itog { color: rgb(53,59,115); font-family: mus700; font-size: 12px;}
.filter-main input[type="submit"] { width:180px; height: 36px; font-family: mus300; cursor: pointer; font-size: 23px; color: #fff; background: rgb(216,48,153); background: linear-gradient(to top, rgb(180,47,102), rgb(219,48,158)); border: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); text-shadow: 0 -1px #000000; position: relative; z-index: 2;}
.filter-main input[type="submit"]:hover { transition: all 0s ease 0s; opacity: 0.9}
.filter-main input[type="submit"]:active {  opacity: 1; background: rgb(219,48,158); -webkit-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5); margin-bottom: -1px; margin-top: 1px;}

/*-- articles mini --*/
.articles-mini { }
  .articles-mini a { padding: 0 0 10px 0; display: block; font-family: Arial; font-size: 13px; line-height: 13px; color: rgb(112,111,115);}
  .articles-mini a.all-articles-mini { text-align: right; padding: 0;}

/*-- responses mini --*/
.responses-mini {}
  .responses-mini span, .responses-mini > a, .responses-mini .title { display: block; padding: 0 0 10px 0; font-family: Arial; font-size: 13px;  line-height: 15px; color: rgb(112,111,115);}
  .responses-mini .title a { }
  .responses-mini .title { font-family: Arial; font-size: 12px; line-height: 13px; color: rgb(112,111,115); }
  .responses-mini a.all-responses-mini { text-align: right; padding: 0; }

/*-- news mini --*/
.news-mini { }
  .news-mini a { padding: 0 0 15px 0; display: block; font-family: Arial; font-size: 13px; line-height: 15px; color: rgb(112,111,115);}
  .news-mini a.all-articles-mini { text-align: right; padding: 0;}
   .news-mini a span { display: block; font-weight: bold;}

/*------------------------ block left END -----------------------*/
/*------------------------ block center -----------------------*/
.block-center { background: #fff; margin: 0 0 20px 0; border-radius: 5px 5px 0 0;}
  .block-center .title-g {  padding: 5px 15px; color: rgb(53,59,115); font-family: mus700; font-size: 16px; text-transform: uppercase; background: rgb(235,128,199); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-shadow: -1px 1px rgba(255, 255, 255, 0.7);}
.block-center.buyers .title-g { background: rgb(207,165,193);}
.block-center.recommend .title-g { background: rgb(178,182,227);}
.block-center.factorie .title-g { background: rgb(54,59,115); color: #fff; text-shadow:none;}

.block-center-main {padding: 15px;}

@media screen and (max-width: 1024px) {
  .block-center.main-h1 {margin-bottom: 10px; border-radius: 0;}
    .block-center .title-g {font-size: 15px;}
    .block-center-tabs .title-g {height: 42px; line-height: 42px;}
      .block-center-tabs .title-g span {display: inline-block; vertical-align: middle; line-height: 1.2;}
}
@media screen and (max-width: 767px) {
  .block-center .title-g {font-size: 14px;}
}
@media screen and (max-width: 480px) {
  .block-center .title-g {font-size: 13px;}
}
@media screen and (max-width: 374px) {
  .block-center .title-g {font-size: 12px;}
}

/*-- catalog menu mobile --*/
.catalog-menu-mobile ul {margin: 0 0 10px; padding: 0; list-style: none; display: table; width: 100%;}
  .catalog-menu-mobile ul li {display: table-cell; vertical-align: middle; padding: 0 5px;}
  .catalog-menu-mobile ul li:first-child {padding-left: 0;}
  .catalog-menu-mobile ul li:last-child {padding-right: 0;}
    .catalog-menu-mobile ul li a {display: block; height: 30px; line-height: 30px; padding: 0 10px; background: #FFF; text-align: center; white-space: nowrap; text-decoration: none; font-family: 'mus500'; font-size: 13px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    .catalog-menu-mobile ul li a:active {color: #DF30A4;}

@media screen and (min-width: 1025px) {
  .catalog-menu-mobile {display: none;}
}
@media screen and (max-width: 767px) {
  .catalog-menu-mobile ul {display: block; width: auto; margin-bottom: 0; margin-left: -10px; font-size: 0; line-height: 0;}
    .catalog-menu-mobile ul li {display: inline-block; vertical-align: top; padding: 0 0 0 10px; margin-bottom: 10px;}
    .catalog-menu-mobile ul li:first-child {padding-left: 10px;}
}

/*-- main slider --*/
.slider-top-main { position: relative; margin: 0 0 20px 0; background: #ECE4D2; box-shadow: 0 0 5px #ccc;}
.slider-top-main ul li p { position: absolute; top: 35px; left: 20px; width: 390px; color: rgb(53,59,115); font-family: mus500; font-size: 24px;}
.slider-top-main ul li p span { padding: 0 0 30px; font-family: mus700; font-size: 49px; line-height: 43px; display: block;}
.slider-top-main .plomba { display: block; bottom: 0; position: absolute; right: 0; width: 220px; height: 224px; background:url(../upload/banner-top/plomba.png) 0 0 no-repeat  rgba(0,0,0,0);  z-index: 500;}
.slider-top-main img {width: 100%; height: auto;}

@media screen and (max-width: 1024px) {
  .slider-top-main {box-shadow: none; margin-bottom: 10px;}
}

/*-- factorie-mini --*/
.factorie-mini {width: 723px;}
.factorie-mini td { text-align: center; vertical-align: middle; padding: 0;}
.factorie-mini td img { max-width: 240px;}

/*-- action-table --*/
.action-table {width: 100% !important;}
.action-table td {padding: 15px; border: 1px solid rgb(159,159,159); vertical-align: middle;}
.action-table td strong {font-weight: bold;}

/*-- tabs --*/
.tabs-g { box-shadow: 0 -3px 2px -2px rgba(0, 0, 0, 0.4); overflow: hidden;}
.tabs-g ul.tabs-header { display: table; margin: 0; padding: 0; width: 100%; background: rgb(245,241,232);}
  .tabs-g ul.tabs-header li { display: table-cell;  height: 24px; padding: 5px 10px; text-align: center; vertical-align: middle; font-family: mus500; font-size: 13px; line-height: 12px; color: rgb(54,59,115); border-left: 1px solid rgb(199,196,188); border-bottom: 1px solid rgb(199,196,188); cursor: pointer;}
  .tabs-g ul.tabs-header li:first-child { border-left: 0px;}
  .tabs-g ul.tabs-header li.active { background: #fff; border-bottom: 1px solid #fff;}

.tabs-g .tabs-text {padding: 15px 15px 0;}

.tabs-slider-wrapper {position: relative;}
  .tabs-slider {margin: 0 -15px; padding-right: 15px;}
    .tabs-slider .slick-list {overflow: visible;}
    .tabs-slider .slick-prev {left: 15px;}
    .tabs-slider .slick-next {right: 15px;}

@media screen and (min-width: 1025px) {
  .tabs-current {display: none;}
}
@media screen and (max-width: 1024px) {
  .tabs-g-main {padding: 10px 15px 0;}
  .recommend .tabs-g {padding: 15px 15px 0;}
    .tabs-g-main ul.tabs-header {display: block; height: 0; overflow: hidden; background: #FFF; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
      .tabs-g-main ul.tabs-header li {display: block; height: 40px; padding: 0 15px; border: 1px solid rgb(188, 188, 188); border-top: 0; background: rgb(236,228,210); font-size: 13px; line-height: 39px; color: #363B73; text-align: left;}
      .tabs-g-main ul.tabs-header li:first-child {border-top: 1px solid rgb(188, 188, 188); border-left: 1px solid rgb(188, 188, 188);}
      .tabs-g-main ul.tabs-header li:last-child {margin-bottom: 10px;}
      .tabs-g-main ul.tabs-header li.active {border-bottom-color: rgb(188, 188, 188);}
        /*.tabs-g ul.tabs-header li:after {content: ''; position: absolute; bottom: 0; left: -1px; right: -1px; height: 1px; background: rgba(188, 188, 188, 0.5);}*/
    .tabs-current {height: 40px; padding: 0 15px; margin-bottom: 10px; border: 1px solid rgb(188, 188, 188); background: #fff; font-family: mus500; font-size: 13px; line-height: 39px; color: #363B73; position: relative;}
      .tabs-current:after {content: ''; position: absolute; top: 50%; right: 10px; width: 10px; height: 6px; margin-top: -3px; background: url('../i/arrow-select.svg') 0 0 / contain no-repeat; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
      .tabs-current.active:after {-webkit-transform: rotateX(180deg); transform: rotateX(180deg);}
  .tabs-g .tabs-text {padding: 0;}
}

/*-- /matrasy-po-kategoriyam --*/
.cat-name {background-repeat: no-repeat; position: absolute; width: 250px; height: 80px; right: 15px; top: 40px;}
  .cat-name strong {color:#7a023d; float:right; font-size:18px; font-weight:bold; padding:5px 20px 0 0; text-align:center}
.cat-list ul {padding:10px 15px 15px;}

@media screen and (min-width: 1025px) {
  .cat-divan {height: 100px;}
  .cat-divan .cat-name {top: 10px;}
}
@media screen and (max-width: 1024px) {
  .cat-name {background-image: none !important; position: relative; height: auto; width: 100%; top: auto; right: auto;}
    .cat-name strong {display: block; float: none; padding: 20px 15px 0; text-align: left;}
      .cat-name strong br {display: none;}
}
@media screen and (max-width: 374px) {
  .cat-name strong  {font-size: 16px;}
}

/*--- catalog-list ---*/
#catalog-list { background: #fff; padding: 0 15px 5px; margin: 12px 0 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.pagination-block { margin: 15px 0;}
  .pagination-block .pag-top {  padding: 10px 0; border-bottom: 1px solid #BCBCBC;}
   .pagination-block .pag-top .top-in {  display: table;  width: 100%;}
   .pagination-block .pag-top .top-in div {  display: table-cell; text-align: center; font-size: 13px;}
   .pagination-block .pag-top .top-in div:first-child {  text-align: left;}
   .pagination-block .pag-top .top-in div:first-child + div + div {  text-align: right;}
  .pagination-block .pag-bottom { padding: 10px 0; text-align: right; font-size: 13px;}
    .pagination-block .pag-bottom a, .pagination-block .pag-bottom span { padding: 0 3px;}
    .pagination-block .pag-bottom span.active { color:#fff; background: rgb(161,188,211);}

@media screen and (max-width: 767px) {
  .pagination-block .pag-top .top-in {display: block;}
    .pagination-block .pag-top .top-in div {display: block; text-align: left; margin-bottom: 10px; font-size: 14px;}
    .pagination-block .pag-top .top-in div:first-child + div.pag-all {margin-bottom: 0;}
    .pagination-block .pag-top .top-in div:first-child + div + div.pag-show {display: none;}
    .cards-list + .pagination-block .pag-top .top-in div {margin-bottom: 0;}
    .cards-list + .pagination-block .pag-top .top-in div:first-child + div.pag-all {display: none;}
}
@media screen and (max-width: 413px) {
  .pagination-block:first-child .pag-top .item-sort-label {display: block;}
}

/*-- card mini --*/
.cards-list {font-size: 0; line-height: 0;}
#catalog-list .cards-list {margin-left: -15px; margin-bottom: -25px;}
  .card-mini { position: relative; display: inline-block; vertical-align: top; width: 33.333%; padding-left: 15px; margin-bottom: 15px; font-size: 13px; line-height: 1.2; -webkit-box-sizing: border-box; box-sizing: border-box;}
  #catalog-list .cards-list .card-mini {margin-bottom: 25px;}
    .card-mini-in {border: 1px solid rgb(188,188,188); border-bottom: 1px solid rgb(127,127,127); border-radius: 5px 5px 0 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    .card-mini-in:hover { border-bottom: 1px solid rgb(77,77,77); -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);}

.card-mini .title-wrapper {margin-bottom: 8px;}
.card-mini .title { min-height: 35px; font-family: mus700; font-size: 17px; line-height: 17px; color: rgb(54,59,115); padding: 12px 5px 5px 12px; background: #fff;  -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.card-mini .title a { text-decoration: none; }
.card-mini .title a:hover { color: rgb(223,48,164); }
.small_sku {font-size: 12px; padding-right:7px;}
.card-mini .small_sku {padding-left: 12px;}

.card-mini .imges-top { min-height: 170px; background: #fff; position: relative;}
  .card-mini .imges-top img { display: block; float: right;}
  .card-mini .imges-top .icon-img, .img-block-item .cat-it-img .icon-img { position: absolute; bottom: 10px; left: 10px;}
  .card-mini .imges-top .icon-img .sell,
  .card-mini .imges-top .icon-img .car,
  .card-mini .imges-top .icon-img .test,
  .card-mini .imges-top .icon-img .one-day,
  .card-mini .imges-top .icon-img .gift,
  .img-block-item .cat-it-img .icon-img .sell, 
  .img-block-item .cat-it-img .icon-img .car, 
  .img-block-item .cat-it-img .icon-img .test, 
  .img-block-item .cat-it-img .icon-img .one-day, 
  .img-block-item .cat-it-img .icon-img .gift { width: 35px; height: 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1);   float: left; margin: 0 5px 0 0; position: relative;}

    .card-mini .imges-top .icon-img .sell > span,
    .card-mini .imges-top .icon-img .car > span,
    .card-mini .imges-top .icon-img .test > span,
    .card-mini .imges-top .icon-img .one-day > span,
    .img-block-item .cat-it-img .icon-img .sell > span, 
    .img-block-item .cat-it-img .icon-img .car > span, 
    .img-block-item .cat-it-img .icon-img .test > span, 
    .img-block-item .cat-it-img .icon-img .one-day > span{ color: #fff; font-size: 13px; font-family: mus700; text-align: center; line-height: 34px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); display: block;}

  .card-mini .imges-top .allergy, .img-block-item .cat-it-img .allergy { background: url(../i/icon/allergy.svg) 50% 50% / contain no-repeat rgba(0,0,0,0); width: 35px; height: 35px; float: left; margin: 0 5px 0 0; position: relative;}
  .card-mini .imges-top .bacteria, .img-block-item .cat-it-img .bacteria  { background: url(../i/icon/bacteria.svg) 50% 50% / contain no-repeat rgba(0,0,0,0); width: 35px; height: 35px; float: left; margin: 0 5px 0 0; position: relative;}
  .card-mini .imges-top .bag, .img-block-item .cat-it-img .bag { background: url(../i/icon/bag.svg) 50% 50% / contain no-repeat rgba(0,0,0,0); width: 35px; height: 35px; float: left; margin: 0 5px 0 0; position: relative;}
  .card-mini .imges-top .springs, .img-block-item .cat-it-img .springs { background: url(../i/icon/springs.svg) 50% 50% / contain no-repeat rgba(0,0,0,0); width: 35px; height: 35px; float: left; margin: 0 5px 0 0; position: relative;}
  .card-mini .imges-top .wash, .img-block-item .cat-it-img .wash { background: url(../i/icon/wash.svg) 50% 50% / contain no-repeat rgba(0,0,0,0); width: 35px; height: 35px; float: left; margin: 0 5px 0 0; position: relative;}
  .card-mini .imges-top .water, .img-block-item .cat-it-img .water { background: url(../i/icon/water.svg) 50% 50% / contain no-repeat rgba(0,0,0,0); width: 35px; height: 35px; float: left; margin: 0 5px 0 0; position: relative;}
  .card-mini .imges-top .zon5, .img-block-item .cat-it-img .zon5 { background: url(../i/icon/5zon.svg) 50% 50% / contain no-repeat rgba(0,0,0,0); width: 35px; height: 35px; float: left; margin: 0 5px 0 0; position: relative;}
  .card-mini .imges-top .zon7, .img-block-item .cat-it-img .zon7 { background: url(../i/icon/7zon.svg) 50% 50% / contain no-repeat rgba(0,0,0,0); width: 35px; height: 35px; float: left; margin: 0 5px 0 0; position: relative;}
  .card-mini .imges-top .serebro, .img-block-item .cat-it-img .serebro { background: url(../i/icon/serebro.svg) 50% 50% / contain no-repeat rgba(0,0,0,0); width: 35px; height: 35px; float: left; margin: 0 5px 0 0; position: relative;}

  .card-mini .imges-top .sell, .img-block-item .cat-it-img .sell, .card-mini-c .imges-top .sell  { background: rgb(203,44,78); }
  .card-mini .imges-top .test, .img-block-item .cat-it-img .test, .card-mini-c .imges-top .test { background: rgb(161,188,211); }
  .card-mini .imges-top .car, .img-block-item .cat-it-img .car, .card-mini-c .imges-top .car { background: url(../i/icon-img-car.svg) 50% 50% / contain no-repeat rgb(146,189,128);}
  .card-mini .imges-top .one-day, .img-block-item .cat-it-img .one-day, .card-mini-c .imges-top .one-day { background: url(../i/icon-img-one.svg) 50% 50% / contain no-repeat rgb(54,59,115);}
  .card-mini .imges-top .gift, .img-block-item .cat-it-img .gift { background: url(../i/gift-help.svg) 50% 50% / contain no-repeat rgb(223,48,164); }

.small_delivery {font-size: 12px; color: #fff; float: right; background: url(/i/small_delivery.png) no-repeat 5px 50%, linear-gradient(to top, rgb(180,47,102), rgb(219,48,158)); padding: 1px 5px 1px 32px; border-radius: 10px; margin-bottom: -4px; height: 18px; z-index: 1;line-height: 18px; position: relative; top: -1px}
.card-mini .small_delivery {position: absolute; right: 9px;}

.card-mini .info-bottom { width: 100%; min-height: 160px; background: rgb(246,239,225); padding: 0 0 0px 0;}
.card-mini .info-bottom td { font-family: mus500; height: 22px; font-size: 13px; line-height: 13px; color: rgb(54,59,115);  padding: 5px 10px 5px 0px; vertical-align: middle;}
.card-mini .info-bottom td:first-child { padding: 5px 0 5px 10px; width: 92px;}

#content.base .card-mini table tr:first-child td { padding: 5px 10px 5px 0;}
#content.base .card-mini .info-bottom td:first-child { padding: 5px 0 5px 10px;}

.card-mini .info-bottom td.size > div { display: inline-block; width: 88px; margin: 0 5px 0 0;}
.card-mini .info-bottom td.size > div > select { width: 114px;}
.card-mini .info-bottom td.massa { text-align: right;}
.card-mini .info-bottom td.prise { text-align: right;}
.card-mini .info-bottom td.rig > div { display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}
  .card-mini .info-bottom td.rig > div > img { display: block; margin: 0 0 2px;}
.card-mini .info-bottom td.prise, #content.base .card-mini .info-bottom td.prise { font-family: mus700; font-size: 18px; line-height: 18px; color: rgb(203,44,78);}
.card-mini .info-bottom td.prise span { font-family: mus500; font-size: 13px; line-height: 13px; color: rgb(54,59,115); text-decoration: line-through;}
.card-mini .info-bottom td.prise div:not(.price-new) { margin: 0 0 0 -45px;}
.card-mini .info-bottom td.prise div.price-new { display: inline; margin: 0; font-weight: bold;}
.card-mini .info-bottom td .button-g { float: right; display: block; width:107px; padding: 5px 0; }
.card-mini .info-bottom td .button-g.incredit {  background: rgb(207,165,193);}
.card-mini .info-bottom .credit td .button-g.incredit span {color: inherit; font: inherit;}

.card-mini .jq-selectbox { margin: 0;}
.card-mini .jq-selectbox__select { padding: 0 21px 0 5px; text-align: left; border-radius: 0px; background: rgb(251,247,240); box-shadow: none;}
.card-mini .jq-selectbox__dropdown {height: 146px !important;}

.card-mini .null-block { display: block; text-align: center;}

.card-mini .credit { background: none repeat scroll 0 0 #fff;  border-top: 1px dotted #666;}
.card-mini .credit td { height: 50px;}
.card-mini .credit td span { color: rgb(203, 44, 78); font-family: mus700; font-size: 16px; line-height: 23px;}
.card-mini table { margin: 0;}

@media screen and (min-width: 920px) and (max-width: 1024px) {
  .card-mini .info-bottom td:first-child {width: 140px;}
  .card-mini .info-bottom tr.credit br {display: none;}
}
@media screen and (min-width: 667px) and (max-width: 767px) {
  .card-mini .info-bottom td:first-child {width: 140px;}
  .card-mini .info-bottom tr.credit br {display: none;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .card-mini {width: 50%;}
}
@media screen and (min-width: 481px) and (max-width: 567px) {
  .card-mini .info-bottom td {font-size: 12px;}
}
@media screen and (max-width: 480px) {
  #catalog-list .cards-list {margin-left: 0;}
    .card-mini {display: block; width: 100%;}
    #catalog-list .card-mini {padding-left: 0;}
}
@media screen and (min-width: 375px) and (max-width: 480px) {
  .card-mini .info-bottom td:first-child {width: 140px;}
  .card-mini .info-bottom tr.credit br {display: none;}
}

/**-- help poop --**/
.help-link { position: relative;}
div.help-poop { display: none; background: none repeat scroll 0 0 #FFFFFF; bottom: 43px; left: -77px; position: absolute; width: 160px; -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.8); box-shadow: 0 0px 8px rgba(0, 0, 0, 0.8); padding: 10px; z-index: 1000; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
div.help-poop p { padding: 0;  color: rgb(54,59,115); font-size: 14px; font-family: mus500; }
div.help-poop p:first-child { padding: 0 0 10px 0;}
div.help-poop p:first-child + p { line-height: 13px;}
div.help-poop p img { display: inline-block !important; vertical-align: middle;}
div.help-poop p span {  display: inline-block; margin: 0 5px 0 0; width: 40px;}

.imges-top div.ugle { border-bottom: 22px solid rgba(0, 0, 0, 0.1); top: -22px; border-top:0px;}
.imges-top div.ugle span { border-bottom: 20px solid #FFFFFF; bottom: -22px; border-top:0px;}

div.help-poop.left { left: -15px;}
div.help-poop.left div.ugle{ left: 20px;}

.icon-img  div + div + div + div + div div.help-poop.right { left: -157px; }
.icon-img  div + div + div + div + div div.help-poop.right div.ugle { left: 160px;}
div.help-poop.right { left: -116px;}
div.help-poop.right div.ugle{ left: 119px;}
/*.help-link:hover div.help-poop { display: block;}*/

div.ugle {display: block; left: 80px;  bottom: -22px; position: absolute; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 22px solid rgba(0, 0, 0, 0.1); margin: 0; }
div.ugle span {display: block; left: -10px; bottom: 2px; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 20px solid #fff; }

@media screen and (max-width: 480px) {
  div.help-poop, div.help-poop.left {width: 130px; left: -60px;}
  div.help-poop p {font-size: 13px;}
  div.help-poop p:first-child {padding: 0;}
  div.ugle { left: 63px; }
  div.help-poop.left {left: -15px;}
  div.help-poop.left div.ugle { left: 20px; }
  div.help-poop.right { left: -96px;}
  div.help-poop.right div.ugle{ left: 100px;}
}

/*--- catalog slices ---*/
.slices-section, .slices-section * {-webkit-box-sizing: border-box; box-sizing: border-box;}
.slices-section:last-child {padding-bottom: 8px;}
  .slices-title {float: left; width: 120px; padding-right: 20px;}
    .slices-title h3 {padding: 1px 0 12px;}
  .slices-list {font-size: 0; line-height: 0; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    .slices-item {display: inline-block; margin: 0 8px 12px 0; white-space:nowrap}
    .slices-item.hidden {display: none;}
    .slices-item-show {display: none; white-space:nowrap}
    .slices-list.overflow .slices-item-show {display: inline-block;}
      .slices-item a, .slices-item span, .show-all-param-options {font-size: 12px; line-height: 1.2; color: #353B73;}
      .slices-item a, .show-all-param-options {text-decoration: none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
      .slices-item a, .slices-item span {display: inline-block; height: 25px; padding: 0 8px; background: #fff; border: 1px solid #363b73; border-radius: 2em; line-height: 24px;}
      .slices-item a:hover, .slices-item a.active, .slices-item span {background: #363b73; color: #fff;}
      .show-all-param-options {border-bottom: 1px dotted #363b73;}
      .show-all-param-options:hover {color: #E91FA2; border-color: #E91FA2;}

@media screen and (max-width: 1024px) {
  .slices-section.adaptive-hide {display: none;}
}
@media screen and (max-width: 767px) {
  .slices-section {position: relative; margin-bottom: 15px;}
  .slices-section.overflow-parent {padding-bottom: 20px;}
    .slices-title {float: none; width: 100%; padding-right: 0;}
    .slices-list {position: static; margin-bottom: -12px;}
      .slices-item-show {position: absolute; bottom: 0; left: 0;}
}

/*--- .rubric-desc ---*/
.rubric-desc {padding: 8px 0 20px;}
  .rubric-desc p:last-child {padding-bottom: 0;}

/*--- catalog-item ---*/
#catalog-item {position: relative;}

.cat-item-top { background: #fff; padding: 0 15px 15px 15px;  margin: 0 0 20px 0; position: relative;}

.cat-item-top-btn {display: inline;}
    .cat-item-top .button-g {margin-right: 7px;}

.img-block-item { margin: 10px 0 0; border: 1px solid rgb(188,188,188); border-radius: 5px; background: rgb(246,239,225);}

.img-block-item .small_delivery {display: none;}

.img-block-item > .left, .img-block-item .right {-webkit-box-sizing: border-box; box-sizing: border-box;}

.img-block-item > .left { width: 365px; float: left; background: #fff; border-radius: 5px 0 0 5px; background: #fff; position: relative;}
  .img-block-item > .left img { border-radius: 5px 0 0 5px; }

.img-block-item .cat-it-img div.ugle { border-bottom: 22px solid rgba(0, 0, 0, 0.1); top: -22px; border-top:0px;}
.img-block-item .cat-it-img div.ugle span { border-bottom: 20px solid #FFFFFF; bottom: -22px; border-top:0px;}

.img-block-item .right { width: 325px; float: left; }
.img-block-item .right-in { padding:15px 5px 10px 30px; }

.img-block-item .right .price { font-family: mus500; font-size: 20px; color: rgb(54,59,115); padding: 0 0 5px;}
  .img-block-item .right .price p { font-size: 15px; display: inline-block; padding: 0 0 0 15px; }
    .img-block-item .right .price p span.last { font-family: mus500; color: rgb(54,59,115); font-size: 15px; text-decoration: line-through; }
    .img-block-item .right .price p span { font-family: mus700; font-size: 26px; color: rgb(203,44,78); padding: 0 0 0 5px;}

.img-block-item .right .economy {font-size: 12px;  padding: 0 0 15px;}
  .img-block-item .right .economy span.economy-price {font-size: 12px; padding: 0 25px;}

.img-block-item .right .size { padding: 0 0 15px;}
  .img-block-item .right .size > span { font-family: mus500; color: rgb(54,59,115); font-size: 14px;}
  .img-block-item .right .size > div { display: inline-block; }
    .img-block-item .right .size > div select { width: 168px; }
    .img-block-item .right .size > div .jq-selectbox__select { line-height: 22px;}
    .img-block-item .right .size > div .jq-selectbox__dropdown {height: 146px !important;}

.img-block-item .right .text  { font-size: 13px; font-family: Arial;}

.img-block-item .right .button { min-height: 32px;}
.img-block-item .right .button .button-g, .img-block-item .right .button .button-p  { font-size: 16px; }
.img-block-item .right .button .button-g.incredit, .img-block-item .right .button .button-p.incredit  {  background: rgb(207,165,193); }
.img-block-item .right .button p { display: block; float: left; padding: 0; margin: 0 0 10px 5px;}
.img-block-item .right .button p:first-child { margin: 0 0 10px 0;}
.img-block-item .right .button p.credit-btn { clear: both; display: block; float: none; margin: 10px 0;}
.img-block-item .right .button .button-p {display: inline-block;}

#catalog-item .options { text-align: left;}
#catalog-item .tabs-header .red { color: rgb(203,44,78);}
#catalog-item .cat-item-info .tabs-text {padding: 0;}
#catalog-item .cat-item-info .tabs-text-in { padding: 20px 35px;}
#catalog-item .cat-item-info .tabs-text table:last-child, #catalog-item .cat-item-info .tabs-text p:last-child, #catalog-item .cat-item-info .tabs-text ul:last-child {margin-bottom: 0; padding-bottom: 0;}
#catalog-item .options td { vertical-align: bottom; font-size: 14px; font-family: Arial; color:#363B73; }
#catalog-item .options td:first-child { width: 370px; color:#706F73; padding-left: 0;}
#catalog-item .options td:last-child {padding-right: 0;}
  #catalog-item .options td:first-child > span {  display: block; position: relative; }
    #catalog-item .options td:first-child > span:after {content: ''; position: absolute; top: 100%; margin-top: -4px; left: 0; width: 100%; border-bottom: 1px dashed #666666; z-index: 1;}
  #catalog-item .options td span.options-text {display: inline-block; vertical-align: bottom; margin-bottom: -2px;}
  #catalog-item .options td:first-child span.options-text { display: inline; position: relative; background: #FFFFFF; padding: 0 8px 0 0;}
    #catalog-item .options td:first-child span.options-text:after {content: ''; position: absolute; top: 100%; margin-top: -4px; left: 0; width: 100%; height: 4px; background: #fff; z-index: 2;}
    #catalog-item .options td:first-child span.options-text span {position: relative; z-index: 3;}
  #catalog-item .options td a { text-decoration: none; border-bottom: 1px dashed #363B73;}
  #catalog-item .options td a:hover { border-bottom: 0px dashed #363B73;}

.color-i-list, .color-i-list * {-webkit-box-sizing: border-box; box-sizing: border-box;}
.color-i-list {margin-left: -55px; margin-bottom: -20px; font-size: 0; line-height: 0; }
.color-i { display: inline-block; vertical-align: top; width: 20%; padding-left: 55px; margin-bottom: 20px; text-decoration: none; }
.color-i span { display: block; max-width: 87px; padding-top: 5px; text-align: center; font-family: Arial; font-size: 14px; line-height: 1.2; color: #363B73;}

.mini-slider { /*width: 365px;*/width: calc(100% - 30px); height: 47px; overflow: hidden; margin:15px 0 0 0; position: relative; }
  .mini-slider-in {margin-left: -10px; font-size: 0; line-height: 0;}
    .mini-slider .slick-prev {left: 10px;}
    .mini-slider .item {display: inline-block; vertical-align: top; padding-left: 10px;}
      .mini-slider .img a {display: inline-block; vertical-align: top; position: relative;}
        .mini-slider .img a:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid rgb(161,188,211); opacity: 0; z-index: 2; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
        .mini-slider .img a:hover:after {opacity: 1;}
        .mini-slider img { position: relative; z-index: 1; }

@media screen and (min-width: 568px) {
  .img-block-item {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
    .cat-item-top.padding {padding-bottom: 77px;}
      .mini-slider { position:absolute; bottom: 15px; left: 15px; }
  #catalog-item .options td br {display: none;}
}
@media screen and (min-width: 768px) {
  .img-block-item > .left { min-width: 365px; }
  .tabs-text-toggler {display: none;}
  #catalog-item .cat-item-info .tabs-text {display: none;}
  #catalog-item .cat-item-info .tabs-text.visible {display: block;}
}
@media screen and (min-width: 1025px) {
  .mini-slider .img .mini-slider-link-mobile {display: none !important;}
}
@media screen and (max-width: 1024px) {
  .mini-slider .img .mini-slider-link-desktop {display: none !important;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .img-block-item > .left {max-width: 55%;}
  .img-block-item .right {width: 45%;} 
}
@media screen and (max-width: 767px) {
  .img-block-item:after {display: none;}
  .img-block-item > .left, .img-block-item .right {float: none; height: auto; width: 100%;}
  .img-block-item > .left {background: #FFF; position: relative;}
  .img-block-item .right-in {padding-left: 15px;}
    .img-block-item .right .price p {padding: 0;}
    .img-block-item .right .economy span.economy-price {padding: 0 5px;}
    .cat-item-top .small_sku + .small_delivery {display: none;}
    .cat-item-top .img-block-item .small_delivery {display: block; position: absolute; top: 10px; left: 10px;}
  .mini-slider, .mini-slider * {-webkit-box-sizing: border-box; box-sizing: border-box;}
  #catalog-item .cat-item-info .tabs-g {box-shadow: none;}
  #catalog-item .cat-item-info .tabs-header {display: none;}
  #catalog-item .cat-item-info .tabs-text {height: 0; overflow: hidden; padding-top: 40px; position: relative; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; }
  #catalog-item .cat-item-info .tabs-text-in {border-top: 1px solid rgba(188, 188, 188, 0.5); padding: 20px;}
  .tabs-text-toggler {width: 100%; height: 40px; position: absolute; top: 0; left: 0; padding: 0 20px; background: #F5F1E8; border-top: 1px solid rgba(188, 188, 188, 0.5); border-bottom: 0; font-family: 'mus500'; font-size: 14px; line-height: 40px; color: #363B73; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
  .tabs-text-toggler:active {background: #FFF;}
    .tabs-text-toggler:after {content: ''; position: absolute; top: 50%; margin-top: -3px; right: 20px; width: 10px; height: 6px; background: url('../i/arrow-tabs.svg') 0 0 / contain no-repeat; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    .tabs-text-toggler.active:after {-webkit-transform: rotateX(180deg); transform: rotateX(180deg);}
  .color-i-list {margin-left: -20px;}
    .color-i {padding-left: 20px;}
}
@media screen and (min-width: 568px) and (max-width: 767px) {
  .img-block-item > .left {width: 45%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
  .img-block-item .right {width: 55%;}
}
@media screen and (max-width: 567px) {
  .img-block-item > .left { border-radius: 5px 5px 0 0; }
    .img-block-item > .left img { border-radius: 5px 5px 0 0; }
  .mini-slider {position: relative; left: auto; bottom: auto; width: 100%;}
    #cat-it-slider {padding: 0 15px;}
    #cat-it-slider.slick-slider {padding: 0 46px;}
    #cat-it-slider.slick-slider.no-padding {padding: 0 15px;}
      #cat-it-slider.slick-slider.no-padding .item {max-width: 75px;}
}
@media screen and (max-width: 480px) {
  .cat-item-head {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
    .cat-item-top .small_sku {display: block; padding-top: 6px; font-size: 10px; line-height: 1;}
    .cat-item-top-btn {display: block;}
      .cat-item-top-btn .button-g {margin: 0 0 10px 10px;}
  .cat-item-top .img-block-item {margin-top: 0;}
  #cat-it-slider.slick-slider .item {text-align: center;}
  #catalog-item .cat-item-info .tabs-text-in { padding: 20px 15px; font-size: 13px; }
  .tabs-text-toggler {padding: 0 15px;}
    .tabs-text-toggler:after {right: 15px;}
  #catalog-item .options td {padding-left: 10px; font-size: 13px;}
  #catalog-item .options td:first-child {width: 60%;}
  #catalog-item .options td:first-child span.options-text {padding-right: 5px;}
  .color-i-list {margin-left: -15px; margin-bottom: -15px;}
    .color-i {width: 25%; padding-left: 15px; margin-bottom: 15px;}
      .color-i span {font-size: 13px;}
}
@media screen and (max-width: 374px) {
  .img-block-item .right-in {padding: 15px 5px 10px 10px;}
  .img-block-item .right .button p {margin-left: 0;}
  .img-block-item .right .price {font-size: 18px;}
  .img-block-item .right .price p span.last {font-size: 14px;}
  .img-block-item .right .price p span {font-size: 24px;}
  #cat-it-slider {padding: 0 10px;}
  #cat-it-slider.slick-slider.no-padding {padding: 0 10px;}
  .tabs-text-toggler {font-size: 13px;}
  #catalog-item .cat-item-info .tabs-text-in { padding: 15px 10px; font-size: 12px; }
  #catalog-item .options td {font-size: 12px;}
  .color-i-list {margin-left: -10px; margin-bottom: -10px;}
    .color-i {padding-left: 10px; margin-bottom: 10px;}
      .color-i span {font-size: 12px;}
}

/*-- .slider-together --*/
.slider-together-block, .slider-together-block * {-webkit-box-sizing: border-box; box-sizing: border-box;}
.slider-together-block { margin-left: -15px; margin-bottom: 15px; }
  .slider-together .slick-list {overflow: visible;}
  .slider-together .slick-prev {left: 15px;}
  .slider-together-item { display: inline-block; width: 33.333%; padding-left: 15px; }
    .carg-together { display: table; width: 100%; padding: 10px 0; border: 1px solid #BCBCBC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
    .carg-together:hover { border-bottom: 1px solid rgb(77,77,77); -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);}
      .carg-together a { text-decoration: none;}
      .carg-together-image { display: table-cell; vertical-align: middle; width: 110px;}
        .carg-together-image img { width: 110px;}
      .carg-together-text { display: table-cell; vertical-align: top; padding: 0 5px 0 10px; font-family: mus700; color: rgb(54,59,115); font-size: 15px;}
        .carg-together-text span { color: rgb(203,44,78); font-size: 18px; display: block; margin: 10px 0 0 0;}

@media screen and (max-width: 1024px) {
  .slider-together-block {margin: 15px 0; padding-right: 15px;}
}
@media screen and (max-width: 767px) {
  .slider-together-item {width: 50%;}
}
@media screen and (min-width: 481px) and (max-width: 567px) {
  .carg-together-image, .carg-together-image img {width: 90px;}
  .carg-together-text {font-size: 14px;}
}
@media screen and (max-width: 480px) {
  .slider-together-item {width: 100%;}
}

/*------------------------ block center END -----------------------*/

/*--- compare ---*/
.compare {background: #fff; padding: 50px 0;}
.compare table { margin: 0; width: auto;}
.compare-text {margin-left: 226px;}
.compare-title {display: table;  margin: 0 0 30px 226px;}
.compare-title > div {display: table-cell; vertical-align: middle;}
.compare-title  h1 {padding: 0;}
.compare-title a.close-btn {position: relative; left: auto; top: auto; margin-left: 80px;}
.compare td { padding: 0 12px 0 0; vertical-align: middle; height: 28px;}
.compare td:first-child { white-space: nowrap; padding: 0 70px 0 25px; height: 28px; color: #706F73; font-family: Arial; font-size: 14px;}
.compare .card-mini-c { position: relative; width: 200px; min-height: 100%; border-top: 1px solid rgb(188,188,188); border-left: 1px solid rgb(188,188,188); border-right: 1px solid rgb(188,188,188); border-bottom: 0px solid rgb(188,188,188); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.compare .card-mini-c.bottom { position: relative; width: 202px; min-height: 100%; min-height: calc(100% - 1px); border-top: 0px solid rgb(188,188,188);  border-left: 1px solid rgb(188,188,188); border-right: 1px solid rgb(188,188,188); border-bottom: 1px solid rgb(188,188,188); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; text-align: center; padding: 20px 0 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.compare .card-mini-c.bottom .button-g { min-width: 135px; min-height: 27px; font-size: 16px; line-height: 26px;}

.card-mini-c .title {  min-height: 40px; font-family: mus700; font-size: 17px; line-height: 17px; color: rgb(54,59,115); padding: 12px 0 0 12px; background: #fff;  -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}

.card-mini-c .imges-top { min-height: 170px; background: #fff; position: relative;}
  .card-mini-c .imges-top img { display: block; float: right;}
  .card-mini-c .imges-top .icon-img { position: absolute; bottom: 10px; left: 10px;}
  .card-mini-c .imges-top .icon-img .sell, .card-mini-c .imges-top .icon-img .car, .card-mini-c .imges-top .icon-img .test, .card-mini-c .imges-top .icon-img .one-day { width: 35px; height: 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1);   float: left; margin: 0 5px 0 0; position: relative;}
    .card-mini-c .imges-top .icon-img .sell > span, .card-mini-c .imges-top .icon-img .car > span, .card-mini-c .imges-top .icon-img .test > span, .card-mini-c .imges-top .icon-img .one-day > span { color: #fff; font-size: 13px; font-family: mus700; text-align: center; line-height: 34px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); display: block; }

  .compare .card-c { height: 100%;  display: table-cell; vertical-align: middle; }
  .compare .card-c.rig { padding: 5px 0 5px 12px;}
  .compare .card-c.rig > div { display: inline-block; margin: 0 5px 0 0; vertical-align: middle; }
  .compare .card-c.rig > div img { display: block; margin: 0 0 2px; }

  .compare .card-c.size { padding: 0 0 0 12px;}
  .compare .card-c.size > div { display: inline-block; width: 170px; margin: 0 5px 0 0;  padding: 3px 0;}
  .compare .card-c.size > div > select { width: 170px;}
  .compare .card-c.size .jq-selectbox__select { padding: 0 21px 0 5px; text-align: left; border-radius: 0px; background: #fff; box-shadow: none;}
  .compare .card-c.size .jq-selectbox { margin: 0;}

 .compare .card-c.prise { font-family: mus700; font-size: 18px; line-height: 18px; color: rgb(203,44,78);}
 .compare .card-c.prise span.old {  margin: 0 10px 0 0; font-family: mus500; font-size: 13px; line-height: 13px; color: rgb(54,59,115); text-decoration: line-through;}

.card-mini-c .jq-selectbox__select { padding: 0 21px 0 5px; text-align: left; border-radius: 0px; background: rgb(251,247,240); box-shadow: none;}
.card-mini-c .jq-selectbox { margin: 0;}

.compare div.card-c { height: 34px; display: table-cell; vertical-align: middle; width: 188px; border-left: 1px solid rgb(188,188,188); border-right: 1px solid rgb(188,188,188); padding: 0 0 0 12px; color: #363B73; font-size: 14px; font-family: Arial;}

.compare div.card-c.pru { height: 36px;}
.compare .card-mini-c .esc-compare { display: block; height: 8px; position: absolute; right: 8px; top: 8px; width: 8px; background: url(../i/esc-compare.png) 0 0 no-repeat rgba(0,0,0,0); cursor: pointer;}

.compare .card-mini-c .title { padding: 20px 0 0 12px;}

.compare .jq-selectbox__dropdown {height: 90px !important;}

.pinned {position: absolute; left: 0; top: 0; width: 226px;}
.pinned table {width: 100%; border-collapse: collapse;}
.compare .pinned td:first-child {padding-right: 15px;}
.table-wrapper {position: relative; overflow: hidden; padding-left: 226px;}
.table-wrapper .scrollable {overflow: auto; overflow-y: hidden;} 
table.responsive {margin-bottom: 0;}
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {display: none;}

@media screen and (min-width: 1025px) {
  .compare td:last-child {padding-right: 0;}
  .compare td:first-child br {display: none;}
  .compare tr:hover, .compare tr.hover { background:#F2F2F2; }
  .compare tr:first-child:hover, .compare tr.hover:first-child,.compare tr:last-child:hover, .compare tr.hover:last-child {background: none;}
}
@media screen and (max-width: 1024px) {
  .compare-title {margin-left: 120px;}
  .compare-text {margin-left: 120px;}
  .table-wrapper {padding-left: 120px;}
  .pinned {width: 120px;}
  .compare .pinned td:first-child {padding-left: 15px;}
}
@media screen and (max-width: 767px) {
  .compare {padding: 40px 0;}
  .compare-title, .compare-title > div {display: block;}
  .compare-title {margin-bottom: 20px;}
  .compare-title h1 {margin-bottom: 15px;}
  .compare-title a.close-btn {margin-left: 0;}
}
@media screen and (max-width: 480px) {
  .compare-title {margin-left: 15px;}
  .compare-text {margin-left: 15px;}
}
@media screen and (max-width: 374px) {
  .table-wrapper {padding-left: 106px;}
  .pinned {width: 106px;}
  .compare .pinned td:first-child {padding-right: 5px;}
}

/* -- basket -- */
#basket { border: 1px solid #BCBCBC; border-top: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 -3px 2px -2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -3px 2px -2px rgba(0, 0, 0, 0.4); box-shadow: 0 -3px 2px -2px rgba(0, 0, 0, 0.4); font-family: Arial; font-size: 13px; color: #706F73;}
.basket-table, .basket-table * {-webkit-box-sizing: border-box; box-sizing: border-box;}
.basket-table {margin-bottom: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.basket-table tr { border-top: 1px solid #EBEBEB;}
.basket-table tr:first-child { border-top: 0px solid #EBEBEB;}
.basket-table td {padding: 15px 0 15px 15px; vertical-align: middle; border: 0;}
.basket-table tr:first-child td { padding: 5px 0 5px 15px; font-size: 13px; font-family: mus500; color: rgb(54,59,115); background: rgb(178,182,227,.4); text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.7);  text-align: center; /*border-left: 1px solid #BCBCBC;*/}
.basket-table tr:first-child td:first-child { /*border-left: 0px solid #BCBCBC;*/ -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;}
.basket-table tr:first-child td:last-child { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;}
.basket-table td:last-child, .basket-table tr:first-child td {padding-right: 15px;}

.basket-table a { display: block; font-family: mus500; }

.basket-table .img img {width: 110px; max-width: none; height: auto;}
.basket-table .last { white-space: nowrap; text-align: center;}
.basket-table div.item_cost {display: inline;}
  .basket-table  span.last { display: block; text-decoration: line-through; color: #353B73;}
.basket-table .price { white-space: nowrap; text-align: center; font-size: 14px; color: rgb(203,44,78);}
.basket-table .assembly { white-space: nowrap; text-align: center; }
  .basket-table .assembly > div { height: 50px; margin: 25px 0 0;}
  .basket-table .assembly span.assemblage { display: block; margin: 5px 0 0 0; }
.basket-table .del { text-align: center;}
  .basket-table .del a { display: inline-block; text-decoration: none; color: #353B73; border-bottom: 1px dashed #353B73;}
  .basket-table .del a:hover {  border-bottom: 1px dashed #fff;}
.basket-table .quantity div { border: 1px solid rgb(234,234,234); height: 22px; width: 74px; margin: 0 auto;}
  .basket-table .quantity div span { display: inline-block; vertical-align: top; width: 20px; height: 20px; background: rgb(249,247,255); border-left: 1px solid rgb(234,234,234); text-align: center;  line-height: 21px;  color: #000; font-size: 16px; cursor: pointer;}
  .basket-table .quantity div span:first-child { border-left: 0px solid rgb(234,234,234);}
  .basket-table .quantity div span:first-child + span { width: 32px; background: #fff; text-align: right;  line-height: 21px; font-size: 13px; padding: 0 4px 0 0; cursor: auto;}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .basket-table td {padding: 10px 0 10px 10px;}
  .basket-table tr:first-child td {padding: 5px 0 5px 10px;}
  .basket-table td:last-child, .basket-table tr:first-child td {padding-right: 10px;}
  .basket-table .img img {width: 80px;}
}
@media screen and (min-width: 568px) and (max-width: 639px) {
  .basket-table td, .basket-table tr:first-child td {font-size: 12px;}
  .basket-table .price {font-size: 12px;}
  .basket-table .img img {width: 50px;}
  .basket-table .quantity div {width: 64px;}
  .basket-table .quantity div span:first-child + span {width: 22px; padding-right: 2px; font-size: 12px;}
}
@media screen and (max-width: 567px) {
  #basket {box-shadow: none; border-top: 1px solid #BCBCBC;}
  .basket-table, .basket-table tbody, .basket-table tr, .basket-table td {display: block;}
  .basket-table tr {border-top: 0; border-bottom: 1px solid #EBEBEB; padding: 15px;}
  .basket-table tr:first-child {display: none;}
  .basket-table tr:last-child {border: 0;}
  .basket-table tr:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
  .basket-table td {position: relative; padding: 0; padding-left: 125px; text-align: left; margin-bottom: 15px;}
  .basket-table td:last-child {margin-bottom: 0;}
  .basket-table td:before {position: absolute; top: 0; left: 0; width: 125px; color: #353B73;}
  .basket-table td.img {width: 125px; padding-left: 0;}
  .basket-table td.name {padding-left: 0;}
  .basket-table .last {text-align: left;}
  .basket-table td.last:before {content: 'Цена';}
  .basket-table td.quantity:before {content: 'Кол-во';}
  .basket-table .quantity div {margin: 0;}
  .basket-table .assembly {text-align: left;}
    .basket-table td.assembly:before {content: 'Сборка';}
    .basket-table .assembly span.assemblage {margin-top: 0;}
  .basket-table td.price {text-align: left;}
    .basket-table td.price:before {content: 'Стоимость';}
  .basket-table .del {text-align: left;}
}
@media screen and (min-width: 375px) and (max-width: 567px) {
  .basket-table td {float: left; width: 100%;}
  .basket-table td.img {float: left;}
  .basket-table td.name {float: none; padding-left: 125px;}
  .basket-table td.last {clear: left;}
}

table.summa { width: 420px; max-width: 100%; float: right; margin-bottom: 15px;}
  table.summa td {padding: 15px 0 0; vertical-align: top; font-family: mus500; color: rgb(54,59,115); font-size: 14px;}
  table.summa td:first-child { width: 290px; }
  table.summa td:last-child {text-align: right; padding-left: 10px;}
  table.summa tr:last-child td {vertical-align: middle;}
  table.summa tr.dashed td:first-child {position: relative; white-space: nowrap;}
    table.summa tr.dashed td:first-child:before {content: ''; position: absolute; top: 100%; margin-top: -4px; left: 0; width: 420px; border-bottom: 1px dashed rgb(54,59,115); z-index: 0;}
    table.summa tr.dashed td:first-child > span {position: relative; padding-right: 10px;}
    table.summa tr.dashed td:last-child > span {position: relative; padding-left: 10px;}
      table.summa tr.dashed td > span:after {content: ''; position: absolute; top: 100%; margin-top: -4px; left: 0; right: 0; height: 4px; background: #fff; z-index: 1;}
      table.summa tr.dashed td > span > span {position: relative; z-index: 2;}
  table.summa td.summa-g { font-family: Arial; color: rgb(203,44,78); font-size: 23px; white-space: nowrap;}
  table.summa td select { width: 195px;}
  table.summa td .jq-selectbox {width: 195px !important;}
    table.summa td .jq-selectbox {  margin: 5px 0 0;}
    table.summa td .jq-selectbox__select { background: #FFFFFF; height: 28px; line-height: 29px; padding-right: 25px; }
    table.summa td .jq-selectbox__trigger-arrow { top: 13px;}
    table.summa td .jq-selectbox__dropdown {top: 28px;}
  table.summa td .phone {  display: inline-block;  vertical-align: middle; margin: 20px 0 0 0; width: 185px; font-family: Arial; font-size: 13px; color: #706F73;}
  table.summa td .phone span { display: block; font-family: mus300; font-size: 18px; color: #DF30A4; white-space: nowrap;}

@media screen and (max-width: 567px) {
  table.summa {width: 100%; float: none;}
  table.summa tr.dashed td:first-child:before {width: calc(100vw - 70px);}
}
@media screen and (max-width: 480px) {
  table.summa td:first-child {width: 100%;}
  table.summa td select {width: 135px;}
  table.summa td .jq-selectbox {width: 135px !important;}
  table.summa td .phone {width: 165px;}
  table.summa td .phone span {font-size: 16px;}
  table.summa td.summa-g {font-size: 20px;}
}
@media screen and (max-width: 374px) {
  table.summa td:last-child {padding-left: 5px;}
  table.summa tr.dashed td:first-child > span {padding-right: 5px;}
  table.summa tr.dashed td:last-child > span {padding-left: 5px;}
  table.summa td .phone {font-size: 12px; width: auto;}
  table.summa td .phone span {font-size: 13px;}
  table.summa td.summa-g {font-size: 18px;}
}

.basket-text { border-top: 1px solid #BCBCBC; margin: 0 -15px; padding: 20px 15px;}

.basket-form, .basket-form * {-webkit-box-sizing: border-box; box-sizing: border-box;}
.basket-form { margin-left: -20px; }
.basket-form > div { width: 33.333%; float: left; padding-left: 20px;}
.basket-form  div  p { padding: 0;}
.basket-form .gav { display: inline-block; margin: 0 0 0 -24px; width: 20px;}
.basket-form .grey { color: #ADADAD; line-height: 13px; margin: 0 0 15px; }
.basket-form span { display: block; color: #706F73; font-family: Arial; font-size: 13px; margin: 0 0 3px 0;}
.basket-form input[type="text"], .basket-form input[type="email"], .basket-form input[type="tel"], .basket-form textarea { width: 100%; height: 25px; border: 1px solid #BCBCBC; color: #706F73; font-family: mus300; font-size: 15px;  padding: 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 10px 0;}
.basket-form textarea { height: 51px; resize: none;}

.basket-form .right > div:first-child { margin: 0 0 28px 0;}
.basket-form .right p { padding: 10px 0 0 0;}
.basket-form .right .prom { width: 208px; width: calc(100% - 50px); float: left;}
.basket-form .right .button-g { float: right; width: 40px; height: 25px;}

.basket-form .checkbox-wrap {clear: both;}

.basket-form .bottom { clear: both; width: 100%; padding-top: 10px;}
.basket-form .bottom span { font-style: italic;}
.basket-form .bottom .button-p { font-family: mus300; font-size: 21px; /*line-height: 1;*/ text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.7); padding: 5px 15px;}
.basket-form .bottom .button-p + .button-p {margin-left: 20px;}
.basket-form .bottom .btn { text-align: right; padding: 10px 0;}

@media screen and (min-width: 481px) and (max-width: 767px) {
  .basket-form > div {width: 50%;}
  .basket-form .right {clear: both;}
  .basket-form .bottom .button-p {font-size: 20px;}
  .basket-form .bottom .button-p + .button-p {margin-left: 10px;}
}
@media screen and (max-width: 480px) {
  .basket-form { margin-left: 0; }
  .basket-form > div { width: 100%; float: none; padding-left: 0;}
  .basket-form .bottom .button-p {display: block; margin-bottom: 15px; height: 34px;}
  .basket-form .bottom .button-p + .button-p {margin: 0;}
  .basket-form .bottom a.button-p {padding: 0 15px; line-height: 34px;}
}

/* -- news list -- */
.news-list {}
  .news-list div {}
    .news-list div span { float: left; display: block; width: 90px; font-size: 13px; margin: 2px 0 0;}
    .news-list div p { float: left; width: 600px;}
    .news-list div a {  display: block; font-family: mus500; font-size: 17px;}

@media screen and (max-width: 1024px) {
  .news-list div p {width: 100%;}
}

/* -- news item -- */
span.data-news-item {display: block; font-size: 13px; margin: 0 0 10px;}
div.link-news-item { text-align: right;  margin: 0 0 10px;}

/* -- faq list -- */
.faq-list {}
  .faq-list div.cl { padding: 5px 0 5px 35px; background: url("../i/faq-icon.png") no-repeat scroll 0 6px transparent;}
    .faq-list div a {  display: block; font-family: mus500; font-size: 17px;}
    .faq-list div > div { display: none; padding: 10px 0;}
    .faq-list div div a { display: inline; font-family:Arial; font-size: 14px;}
    .faq-list p:last-child {padding: 0;}

@media screen and (max-width: 480px) {
  .faq-list div.cl {background-position: 0 4px;}
  .faq-list div a {font-size: 16px;}
}
@media screen and (max-width: 374px) {
  .faq-list div.cl {padding-left: 30px; background-position: 0 3px;}
  .faq-list div > div {margin-left: -30px;}
  .faq-list div a {font-size: 14px;}
}

/* -- faq form -- */
.faq-form, .faq-form * {-webkit-box-sizing: border-box; box-sizing: border-box;}
.faq-form {  margin: 0 0 0 -20px; width: 585px; }
  .faq-form form > div { width: 50%; float: left; padding-left: 20px;}
  .faq-form  div  p { padding: 0; margin-bottom: 15px; }
  .faq-form span { display: block; color: #706F73; font-family: Arial; font-size: 13px; margin: 0 0 7px 0;}
  .faq-form input[type="text"], .faq-form input[type="tel"], .faq-form textarea { width: 100%; height: 25px; border: 1px solid #BCBCBC; color: #706F73; font-family: mus300; font-size: 15px;  padding: 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0;}
  .faq-form textarea { height: 85px; resize: none;}
  .faq-form .right { margin-bottom: 15px;}
  .faq-form .capcha input { float:left; width: 130px; width: calc(100% - 125px)}
  .faq-form .capcha p { float:left; padding: 0; margin: 0 15px 0 0; width: 110px;  background: #EAE2D1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  .faq-form .right:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
  .faq-form .bottom .button-p { font-size: 21px; font-family: mus300; text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.7); padding: 5px 15px;}
  .faq-form .bottom .btn { text-align: right; width: 100% }

@media screen and (max-width: 767px) {
  .faq-form {width: auto; margin-left: -15px;}
  .faq-form form > div {padding-left: 15px;}
}
@media screen and (max-width: 480px) {
  .faq-form {margin: 0;}
    .faq-form form > div {width: 100%; padding-left: 0; float: none;}
    .faq-form .bottom .btn {text-align: left;}
}

/* -- search block -- */
.search-block {  height: 36px; width: 540px; max-width: 100%; position: relative; }
  .search-block input[type="text"] { width: 100%; padding: 0 25px 0 5px; height: 20px; border: 1px solid rgb(188,188,188); background: rgba(0,0,0,0); float: left;  display: block; color: #706F73; font-family: mus300; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .search-block input[type="submit"] { width: 20px; height: 20px; border: 0; background:url(../i/search-icon.svg) 50% 50% / 12px 12px no-repeat; cursor: pointer; position: absolute; top: 0; right: 0;}

.search-list {padding-bottom: 0;}
.search-list li {padding-top: 0;}
.search-list li:last-child p {padding-bottom: 0;}
.search-list p a { display: block; font-family: mus500; font-size: 13px; margin: 5px 0; }
.search-list p a:first-child { font-size: 17px;}
.search-list p a:last-child {word-break: break-all;}

@media screen and (max-width: 480px) {
  .search-list p a:first-child { font-size: 16px; }
}

/* -- menu-left -- */
.menu-left a { display: block; font-size: 14px; font-family: Arial; margin: 0 0 15px 0;}
.menu-left span { display: block; font-size: 14px; font-family: Arial; margin: 0 0 15px 0;}

/* -- responses -- */
.responses { margin: 0 0 10px 0;}
.responses > div { padding: 5px 0 10px 42px; margin: 0 0 10px 0; background: url("../i/res-icon.png") no-repeat scroll 7px 6px transparent; border: 1px solid rgb(188,188,188); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.responses > div:last-child {margin-bottom: 0;}
.responses > div:hover { background:#F9F6F2; }
.responses > div > span { display: block; padding: 5px 0 8px 0; font-family: Arial; font-size: 14px; font-weight: bold;}
.responses > div > p { padding: 0 50px 10px 0;}
.responses > div span.res-icon { float: right; display: block; width: 21px; height: 11px; margin: 5px 20px 0 0; padding: 0; background: url("../i/res-icon2.png") no-repeat scroll 0 0 transparent; cursor: pointer;}
.responses > div span.res-icon.bullup { background-position:-79px 0; }
.responses > div .res-off { display: inline-block; }
.responses .button-g { font-size: 16px;}
.responses .btn { padding: 0;  float: right; margin: -42px 0 0; background:none;  border:0;}
.responses .btn:hover { background:none;}

.tabs-text .responses .h1 { text-transform: none; }

.responses-form p {padding: 0;}
.responses-form p.title { text-align: center; color: rgb(53,59,115); font-family: mus700; font-size: 26px; padding: 0 0 35px 0;}
#popup-form3.responses-form .popup-in {width: 474px;}
#popup-form3.responses-form .popup-in div.cl { width: 280px; max-width: 100%; margin: 0 auto;}
.responses-form span { display: block; color: #706F73; font-family: mus300; font-size: 15px; margin: 0 0 3px 0;}
.responses-form input[type="text"], .responses-form input[type="tel"], .responses-form textarea { width: 100%; height: 30px; border: 1px solid #BCBCBC; color: #706F73; font-family: mus300; font-size: 15px;  padding: 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.responses-form textarea { height: 65px; resize: none;}

.responses-form p.capcha input { width: 114px;}
.responses-form p.capcha img { display: inline-block; margin: -15px 0 0 10px; vertical-align: top;}
.responses-form p.capcha a { display: inline-block; float: right; margin: -10px 68px 0 0; text-decoration: none; border-bottom: 1px dashed rgb(53,59,115)}
.responses-form p.capcha a:hover { border-bottom: 1px dashed #fff;}

.responses-form  .button-p { color: #fff; font-size: 18px; font-family: mus300; text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.7); }
.responses-form p.btn { padding: 0;  text-align: center;}

@media screen and (max-width: 767px) {
.responses-form p.title { padding-bottom: 20px; }
}
@media screen and (max-width: 480px) {
  .tabs-text .responses .h1 {padding: 0; font-size: 24px; margin-bottom: 15px;}
  .responses > div > p {padding-right: 15px;}
  
}
@media screen and (max-width: 374px)  {
  .tabs-text .responses .h1 {padding: 0; font-size: 20px; margin-bottom: 10px;}
  .responses .btn {float: none; margin: 0 0 15px;}
  .responses-form p.title { padding-bottom: 15px; font-size: 24px;}
}

/* -- popup-in -- */
#fade { background: none repeat scroll 0 0 #000; display: none; height: 100%; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%; z-index:9000;}
.popup-form {display: none; position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-size: 0; line-height: 0;}
.popup-form:before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;}
.popup-in {position: relative; z-index: 100; width: 640px; max-width: 100% !important;  max-height: 100vh !important; overflow: auto; padding: 35px; display: inline-block; vertical-align: middle; background: #fff; border-radius: 5px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8); text-align: left; font-size: 14px; line-height: 1.2; -webkit-box-sizing: border-box; box-sizing: border-box;}

@media screen and (max-width: 767px) {
  .popup-in {padding: 40px 20px;}
}
@media screen and (max-width: 480px) {
  .popup-in {padding: 40px 15px 30px;}
}

/*-- one-click-form --*/
#popup-form.one-click-form .popup-in {width: 315px;}

.one-click-form span { display: block; color: #706F73; font-family: mus300; font-size: 15px; margin: 0 0 3px 0;}
.one-click-form input[type="text"], .one-click-form input[type="tel"] { width: 100%; height: 30px; border: 1px solid #BCBCBC; color: #706F73; font-family: mus300; font-size: 15px;  padding: 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box;}

.one-click-form  .button-p { color: #fff; font-size: 18px; font-family: mus300; text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.7); }
.one-click-form p { padding: 0;  text-align: center;}
div .esc { margin:0; width:32px; height:32px; background: url("../i/esc.png") no-repeat scroll 0 0 transparent; position: absolute; right: 10px; top: 10px; cursor:pointer; }

/*-- credit-click --*/
#popup-form6.credit-click .popup-in { width: 435px; }
#popup-form6.credit-click span.title { display: block; color: rgb(54, 59, 115); font-family: mus700; font-size: 15px; text-transform: uppercase; padding: 0 0 18px;}
#popup-form6.credit-click span.red { color: rgb(203, 44, 78); font-family: mus700; font-size: 16px;  line-height: 20px;}
#popup-form6.credit-click .blue { color: rgb(54, 59, 115);}

/* -- popup size -- */
#popup-form2.pop-size .popup-in {width: 699px; height: 650px;}

.pop-size .popup-in { width: 710px; height: 662px; max-width: 100%; max-height: 100%; background: url("../i/pop-size.png") 0 0 / cover no-repeat;}

.pop-size p.title {  font-size: 34px; font-family: mus700; margin: 35px 40px 25px 45px; padding: 0;}
.pop-size p { color: #363b73; font-size: 18px; line-height: 1.15; font-family: mus300; margin: 0 40px 0 45px; padding: 0;}

@media screen and (min-width: 768px) {
  .pop-size img {display: none;}
}
@media screen and (max-width: 767px) {
  .pop-size .popup-in * {-webkit-box-sizing: border-box; box-sizing: border-box;}
  #popup-form2.pop-size .popup-in {width: 100%; height: auto; background: #fff;}
  .pop-size p {margin: 0 0 20px; font-size: 16px;}
  .pop-size p.title {margin: 0 0 20px; font-size: 30px;}
}
@media screen and (max-width: 640px) {
  .pop-size p.title {font-size: 26px;}
}
@media screen and (max-width: 480px) {
  .pop-size p {font-size: 14px;}
  .pop-size p.title {font-size: 24px;}
}
@media screen and (max-width: 374px) {
  .pop-size p {font-size: 13px;}
  .pop-size p.title {font-size: 20px; margin-bottom: 10px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .pop-size .popup-in {padding-top: 20px; padding-bottom: 20px;}
  .pop-size p {font-size: 14px; margin-bottom: 0;}
  .pop-size p.title {font-size: 24px;}
  .pop-size p:not(.title) {width: 55%; float: left; padding-right: 20px;}
  .pop-size img {width: 45%; float: right;}
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .pop-size img {height: 30vh; width: auto;}
}

/*-- Form elements --*/
.formerror { border: 1px solid #ff0600 !important; }
.error-text { font-size: 12px; color:#ff0600; display: block; position: absolute; right: 0;}
.ant-i-sp-am { display: none !important; }

/*------- stranica podarki ----------*/
.aold {text-decoration:line-through; text-align:center;}
.anew {font-size:18px; color:#980555; font-weight: bold; text-align:center;}
.atabl td {text-align:center;}
.ared {color:#980555; font-size:16px;}

/*------- info block ----------*/
.minfo { font-family: Arial; font-size: 14px; color: #363B73; background-color:#e2ccdb; padding:10px; text-align:center; border: 1px solid #DF30A4;}

/*------- map salony ----------*/
.ymap a {
display: inline-block;
color: #32851f;
text-decoration: none;
padding-right:19px;
border-bottom: 1px dashed #32851f;
float: right;
background-image:url('/upload/yk.png');
background-repeat:no-repeat;
background-position:right;
white-space:nowrap;
}
.map-wrapper {
  position: relative;
}
.map-wrapper:before {
  content: '';
  display: block;
  padding-top: 58%;
}
.map-wrapper > ymaps {
  position: absolute;;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 767px) {
  .ymap a {float: none; margin-top: 15px;}
}

/*------- tab salony ----------*/
.salon1 , .salon1 * {-webkit-box-sizing: border-box; box-sizing: border-box;}

.salon1 {
background-color:#f4f4f4;
border-bottom:1px solid #eae7e3;
}

.salon2 {
background-color:#edf3f9;
border-bottom:1px solid #eae7e3;
}

#content.base table.salon1 tr:first-child td, #content.base table.salon1 tr:first-child td {
  padding: 15px;
}

.vnimanie {padding:10px 0 10px 10px; border-left:8px solid #DF30A4; background-color:#fcf4f9;}
.vnimanie2 {padding:10px 0 0 10px; margin-bottom:10px; border-left:8px solid #DF30A4;}

@media screen and (max-width: 480px) {
  .salon1, .salon1 tr, .salon1 td {display: block;}
}


/*------- hr ----------*/
.mhr {
border-bottom:1px dashed #DF30A4;
width:680px;
height:26px;
margin:10px 0;
background-image:url('/upload/nozh.png');
background-repeat:no-repeat;
background-position:right 100%;
}

.rh1 {
  background-color:#DF30A4;
  border:none;
  color:#DF30A4;
  height:1px;
  margin:40px 0;
}

/*------- rasprodazha red - blue ----------*/
.reds {color:#CB2C4E;}
.blues {color:#363B73;}

/*------- zagolovok sale ----------*/
.zag1 {color:#CB2C4E; font-size:18px;}
.pod4 {border-bottom:1px dashed #CB2C4E;}

#nopadd table tbody td {padding: 0; margin: 0;}

/*------- forma zakaza zvonka  ----------*/

.formback {padding:5px;}

.formzag {color:#DF30A4; font-size:20px; font-weight:bold;}
.formtext {color:#594080; font-size:14px;}
.formtext2 {color:#DF30A4; font-size:18px; display:block;}
.formform {
  background-color:#594080;
  width:630px;
  height:40px;
  padding:10px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border:1px solid #452e6b;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  }
.formleft {float:left; padding-left: 10px; padding-right:10px;}
.form-control {
  -webkit-box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset;
  -webkit-transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset;
  color:#555555;
  display:block;
  font-size:14px;
  height:22px;
  line-height:1.428571429;
  padding:6px 10px;
  transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  vertical-align:middle;
  width:220px;
}
.btn-info {
  background-color:#5BC0DE;
  border-color:#46B8DA;
  color:#FFFFFF;
  }

  .btn {
  -webkit-user-select:none;
  border:1px solid transparent;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  cursor:pointer;
  display:inline-block;
  font-size:14px;
  font-weight:normal;
  line-height:1.428571429;
  margin-bottom:0;
  padding:7px 12px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  }

.strelka {
background-image:url('/upload/strelka.png');
background-repeat:no-repeat;
padding-left:20px;
}

#vak1 {
width:480px;
margin: 0 auto;
}

#vak1 tr td {
text-align:center;
font-size:26px;
}

/*------- blok nashi fabriki ----------*/
#fabrikin a {
text-decoration: none;
color:#BF447B;
}

#fabrikin a:hover {
  color:#363B73;
  text-decoration: underline;
}

#fabrikin span {
font-size:20px;
}

.fabrikin1 {
background-image:url(/pub/brend/sakura.jpg);
background-repeat: no-repeat;
padding: 14px 0 14px 54px;
}

.fabrikin2 {
background-image:url(/pub/brend/askona.jpg);
background-repeat: no-repeat;
padding: 14px 0 14px 54px;
}

.fabrikin3 {
background-image:url(/pub/brend/ormatek.jpg);
background-repeat: no-repeat;
padding: 14px 0 14px 54px;
}

.fabrikin4 {
background-image:url(/pub/brend/perrino.png);
background-repeat: no-repeat;
padding: 14px 0 14px 54px;
}

.fabrikin5 {
background-image:url(/upload/fabrikin5.png);
background-repeat: no-repeat;
padding: 14px 0 14px 54px;
}

.fabrikin6 {
background-image:url(/pub/brend/dreamexpert.jpg);
background-repeat: no-repeat;
padding: 14px 0 14px 54px;
}

.fabrikin7 {
background-image:url(/pub/brend/tatami.jpg);
background-repeat: no-repeat;
padding: 14px 0 14px 54px;
}

.fabrikin8 {
background-image:url(/pub/brend/krug.jpg);
background-repeat: no-repeat;
padding: 14px 0 14px 54px;
}

.fabrikin9 {
background-image:url(/pub/brend/logo-cl.png);
background-repeat: no-repeat;
padding: 14px 0 14px 54px;
}

.fabrikin10 {
background-image:url(/pub/brend/benartti.png);
background-repeat: no-repeat;
padding: 14px 0 14px 54px;
}

.sell.ic { width:35px; height:35px; overflow:hidden; }
.sell.ic.bdn { border-radius:0 !important; }

.zero { clear: both; text-align: center; }
.zero a { display: inline-block; margin: 0 10px 15px 0; text-align: center; vertical-align: top; width: 154px; line-height: 16px;}
.zero img { border: 0px solid #000000; margin: 0 auto 5px; }


/*====================================================
  Slick slider
====================================================*/
.slick-slider {position: relative;display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after {display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;outline: none;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

/* --- dots --- */
.slick-dots { position: absolute; bottom: 15px; left: 20px; z-index: 100; padding: 0; margin: 0; font-size: 0; line-height: 0;}
  .slick-dots li {display: inline-block; padding: 0; margin: 0 5px; z-index: 100;}
    .slick-dots li:before {display: none;}
    .slick-dots li button {display: block; background: rgb(209,205,202); text-indent: -9999px; margin: 0; padding: 0; width: 10px; height: 10px; border-radius: 5px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.6); border: 0; cursor: pointer; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    .slick-dots li.slick-active button, .slick-dots li:hover button {background: rgb(255,248,248); box-shadow: 0 3px 2px rgba(0, 0, 0, 1);}

@media screen and (max-width: 480px) {
  .slick-dots {left: 10px; bottom: 5px;}
    .slick-dots li {margin: 0 3px;}
      .slick-dots li button {width: 6px; height: 6px;}
}
@media screen and (max-width: 374px) {
  .slick-dots {left: 5px; bottom: 2px;}
}

/* --- arrows --- */ 
.slick-arrow {position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 34px; background: rgba(0,0,0,.35); text-indent: -9999px; border: 0; z-index: 100; cursor: pointer; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.slick-arrow:hover {background: rgba(0,0,0,.7);}
.slick-prev {left: 0;}
.slick-next {right: 0;}
  .slick-arrow:before, .slick-arrow:after {content: ''; position: absolute; width: 18px; height: 2px; border-radius: 2px; background: #fff; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
  .slick-prev:before, .slick-next:before {top: 10px;}
  .slick-prev:after, .slick-next:after {bottom: 10px;}
  .slick-prev:before, .slick-prev:after {right: 10px;}
  .slick-next:before, .slick-next:after {left: 10px;}
  .slick-prev:before, .slick-next:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
  .slick-prev:after, .slick-next:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}

/* --- disabled arrows --- */
.slick-arrow.slick-hidden {display: none;}
.slick-arrow.slick-disabled {opacity: 0.5; cursor: default;}
.slick-arrow.slick-disabled:hover {background: rgba(0,0,0,.35);}


/*====================================================
  Form styler
====================================================*/
.jq-selectbox__dropdown  { 
  width: 100% !important; 
}
.jq-checkbox {
  top: -1px;
  width: 20px;
  height: 20px;
  border: 1px solid #BCBCBC;
  background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) repeat-x;
  box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  vertical-align: middle;
  cursor: pointer;
}
.jq-checkbox.checked .jq-checkbox__div {
  width: 9px;
  height: 9px;
  margin: 2px 0 0 2px;
  border-radius: 2px;
  background: #666;
  box-shadow: inset 0 -3px 6px #AAA;
}
.jq-checkbox.checked div {
  width: 20px;
  height: 20px;
  background: url('../i/checked.png') no-repeat 40% 40% rgba(0, 0, 0, 0);
}
.jq-checkbox.focused {
  border: 1px solid #08C;
}
.jq-checkbox.disabled {
  opacity: 0.55;
  filter: alpha(opacity=55);
}
.checkbox-wrap {
  font-size: 0;
  line-height: 0
}
.checkbox-wrap .jq-checkbox + label {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1;
  padding-left: 5px;
}

.jq-radio {
  width: 20px;
  height: 20px;
  border: 1px solid #BCBCBC;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) 0 -1px repeat-x;
  box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  vertical-align: middle;
  cursor: pointer;
}
.jq-radio.checked .jq-radio__div {
  width: 6px;
  height: 6px;
  margin: 3px 0 0 3px;
  border-radius: 50%;
  background: #666;
}
.jq-radio.checked div {
  width: 12px;
  height: 12px;
  margin: 4px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: rgb(223,48,164);
}
.jq-radio.focused {
  border: 1px solid #08C;
}
.jq-radio.disabled {
  opacity: 0.55;
  filter: alpha(opacity=55);
}


.jq-file {
  width: 270px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  border-radius: 4px;
}
.jq-file input {
  cursor: pointer;
  height: auto;
  line-height: 1em;
}
.jq-file__name {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0 80px 0 10px;
  color: #333;
  font: 14px/30px Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1;
  background: #FFF;
}
.focused .jq-file__name {
  border: 1px solid #5794BF;
}
.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  border-radius: 0 4px 4px 0;
  background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px/30px Arial, sans-serif;
}
.jq-file:hover .jq-file__browse {
  background-color: #E6E6E6;
  background-position: 0 -10px;
}
.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD;
}
.jq-file.disabled .jq-file__name {
  color: #888;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer;
  margin: 0 0 5px 0;
}
.jq-selectbox__select {
  height: 20px;
  padding: 0 45px 0 10px;
  border: 1px solid rgb(164,164,164);
  border-bottom-color: rgb(164,164,164);
  border-radius: 4px;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  color: rgb(53,59,115);
  text-shadow: 1px 1px #FFF;
  font-family: mus700;
  font-size: 13px;
  line-height: 19px;
}

.jq-selectbox__select:hover {
  background-color: #E6E6E6;
  background-position: 0 -10px;
}
.jq-selectbox__select:active {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD;
}
.jq-selectbox.focused .jq-selectbox__select {
  border: 1px solid #5794BF;
}
.jq-selectbox.disabled .jq-selectbox__select {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}
.jq-selectbox.changed .jq-selectbox__select,
.jq-selectbox.act-ve .jq-selectbox__select {
  color: rgb(223, 48, 164);
}
.jq-selectbox__select-text {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  border-left: 1px solid rgb(164,164,164);
}
.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 9px;
  right: 8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 7px solid #363B73;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
  opacity: 1;
  filter: alpha(opacity=100);
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.jq-selectbox__dropdown {
  top: 21px;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 1px solid #CCC;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  font-family: mus700;
  font-size: 13px;
  line-height: 15px;
}
/*.css-iPhone .jq-selectbox__dropdown {
  visibility: hidden;
}*/
.jq-selectbox__search {
  margin: 5px;
}
.jq-selectbox__search input {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 27px 6px 8px;
  outline: none;
  border: 1px solid #CCC;
  border-radius: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
  box-shadow: inset 1px 1px #F1F1F1;
  color: #333;
  -webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #F0F0F0;
  font-size: 13px;
}
.jq-selectbox ul {
  margin: 0;
  padding: 0;
}
.jq-selectbox li {
  min-height: 18px;
  padding: 5px 10px 6px;
  color: #231F20;
}
.jq-selectbox li.selected {
  background-color: rgb(223,48,164);
  color: #FFF;
}
.jq-selectbox li:hover {
  background-color: rgb(54,59,115);
  color: #FFF;
}
.jq-selectbox li.disabled {
  color: #AAA;
}
.jq-selectbox li.disabled:hover {
  background: none;
}
.jq-selectbox li.optgroup {
  font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
  background: none;
  color: #231F20;
  cursor: default;
}
.jq-selectbox li.option {
  padding-left: 25px;
}
.jq-select-multiple {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  background: #FFF;
  color: #333;
  font: 14px/18px Arial, sans-serif;
  cursor: default;
}
.jq-select-multiple.focused {
  border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}
.jq-select-multiple ul {
  margin: 0;
  padding: 0;
}
.jq-select-multiple li {
  padding: 3px 9px 4px;
  list-style: none;
}
.jq-select-multiple li:first-child {
  border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
  border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
  background: #08C;
  color: #FFF;
}
.jq-select-multiple li.disabled {
  color: #AAA;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
  background: #CCC;
  color: #FFF;
}
.jq-select-multiple li.optgroup {
  font-weight: bold;
}
.jq-select-multiple li.option {
  padding-left: 25px;
}

input[type="email"].styler,
input[type="number"].styler,
input[type="password"].styler,
input[type="search"].styler,
input[type="tel"].styler,
input[type="text"].styler,
input[type="url"].styler,
textarea.styler {
  padding: 7px 9px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  color: #333;
  font: 14px Arial, sans-serif;
}
input[type="search"].styler {
  -webkit-appearance: none;
}
textarea.styler {
  overflow: auto;
}
input[type="email"].styler:hover,
input[type="number"].styler:hover,
input[type="password"].styler:hover,
input[type="search"].styler:hover,
input[type="tel"].styler:hover,
input[type="text"].styler:hover,
input[type="url"].styler:hover,
textarea.styler:hover {
  border-color: #B3B3B3;
}
input[type="email"].styler:focus,
input[type="number"].styler:focus,
input[type="password"].styler:focus,
input[type="search"].styler:focus,
input[type="tel"].styler:focus,
input[type="text"].styler:focus,
input[type="url"].styler:focus,
textarea.styler:focus {
  border-color: #CCC;
  border-top-color: #B3B3B3;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  outline: none;
}
button.styler,
input[type="button"].styler,
input[type="submit"].styler,
input[type="reset"].styler {
  overflow: visible;
  padding: 7px 11px;
  outline: none;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px Arial, sans-serif;
  cursor: pointer;
}
button.styler::-moz-focus-inner,
input[type="button"].styler::-moz-focus-inner,
input[type="submit"].styler::-moz-focus-inner,
input[type="reset"].styler::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.styler:after {
  content: '';
}
button.styler:hover,
input[type="button"].styler:hover,
input[type="submit"].styler:hover,
input[type="reset"].styler:hover {
  background-color: #E6E6E6;
  background-position: 0 -10px;
}
button.styler:active,
input[type="button"].styler:active,
input[type="submit"].styler:active,
input[type="reset"].styler:active {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD;
}

/*
 *  popselect - v0.1.14
 *  Replaces traditional <select> with a options from popover
 *  http://jquer.in/popselect
 *
 *  Made by Jay Kanakiya
 *  Under MIT License
 */
 .popover-select-wrapper {
  position: relative;
  margin-bottom: 10px;
}

.popover-select {
  width: 550px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  line-break: auto;
}

.popover-select.top {
  margin-top: -10px;
}

.popover-select.right {
  margin-left: 10px;
}

.popover-select.bottom {
  margin-top: 10px;
}

.popover-select.left {
  margin-left: -10px;
}

.popover-select-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 12px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-select-content {
  padding: 9px 14px;
}

.popover-select > .arrow,
.popover-select > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover-select > .arrow {
  border-width: 11px;
}

.popover-select > .arrow:after {
  content: "";
  border-width: 10px;
}

.popover-select.top > .arrow {
  bottom: -11px;
  left: 10%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0;
}

.popover-select.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover-select.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}

.popover-select.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.popover-select.bottom > .arrow {
  top: -11px;
  left: 10%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}

.popover-select.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover-select.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}

.popover-select.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.popover-select-tags {
  cursor: pointer;
  list-style-type: none;
  display: block;
  width: 100%;
  height: 37px;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.popover-select-tags.focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.popover-select-tags .tag {
  display: block;
  float: left;
  margin-left: 3px;
  background-color: #363b73;
  color: white;
  padding: 5px;
  margin-top: 3px;
  border-color: #363b73;
  vertical-align: middle;
  -webkit-transition: 0.25s linear;
  transition: 0.25s linear;
  height: 16px;
}

.popover-select-tags .tag:hover {
  background-color: #5e628f;
  border-color: #5e628f;
}

.popover-select-tags .tag .popSelect-close {
  display: none;
}

.popover-select-tags .tag:hover .popSelect-close {
  display: block;
}

.popSelect-close, .popSelect-close:hover, .popSelect-close:active {
  float: right;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  padding-left: 3px;
  color: white;
  opacity: 0.8;
}

.popSelect-close:hover, .popSelect-close:active {
  cursor: pointer;
  opacity: 1;
}

/* Hide the Textarea Input */

textarea.popover-select-textarea {
  width: 100%;
  height: 29px;
  padding: .3em .5em;
  position: absolute;
  left: -99999px;
}

.popover-select-tags .placeholder {
  display: block;
  float: left;
  margin-left: 10px;
}

/* Dummy Input */

.placeholder input {
  vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
  font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
  box-shadow: none; background: none;
  width: 5px;
  height: 30px;
  margin-top: 3px;
}

/* popSelect */

.popover-select-list {
  list-style-type: none;
  overflow: hidden;
  padding: 5px;
  margin-bottom: 0;
}

.popover-select-list li {
  cursor: pointer;
  text-align: center;
  float: left;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #363b73;
  color: #363b73;
  margin: 5px;
  -webkit-transition: 0.3s all;
}

.popover-select-list li:hover {
  background-color: #5e628f;
  border-color: #5e628f;
  color: #fff;
}

/* Disable Tags inside a Popover */

.popover-select-list li.disabled {
  pointer-events: none;
  opacity: 0.5;
}

/* Placeholder Text */

.placeholder-text {
  position: absolute;
  top: 9px;
  left: 15px;
  color: lightgray;
}


/*=====================================================
  new styles
=====================================================*/
.popover-select-wrapper {
  width: 100% !important;
  box-sizing: border-box;
}

.popover-select-tags {
  min-height: 32px;
  height: auto !important;
  box-sizing: border-box;
}

.popover-select-tags .tag {
  float: none;
  margin: 3px;
  height: auto;
}

.popover-select-tags .tag .popSelect-close {
  display: block !important;
}

.popover-select {
  width: 100%;
  box-sizing: border-box;
}

.popover-select-body {
  max-height: 300px;
  overflow-y: auto;
}

.popover-select-list {
  padding: 0;
}

.popover-select-list li {
  float: none;
  margin: 3px;
  text-align: left;
}

.popover-select.bottom > .arrow {
  border-bottom-color: rgba(0,0,0,.6);
}

.popover-select.bottom > .arrow:after {
}

/*====================================================
   FancyBox v2.1.5
====================================================*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background:#fff;color: #fff;text-shadow: none;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('../i/fancybox/fancybox_loading.gif') center center no-repeat;}

.fancybox-close {position: absolute; top: 0; right: 0; width: 53px; height: 53px;background: rgba(54,59,115,.8); cursor: pointer;z-index: 8040; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.fancybox-close:hover {background: rgba(54,59,115,1);}
.fancybox-close:before, .fancybox-close:after {content: ''; position: absolute; top: 26px; left: 7px; width: 40px; height: 1px; background: #FFF;}
.fancybox-close:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.fancybox-close:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg)}

@media all and (max-width: 767px) {
   .fancybox-close {width: 37px; height: 37px}
   .fancybox-close:before, .fancybox-close:after {top: 18px; left: 7px; width: 24px;}
}
@media all and (max-width: 413px) {
   .fancybox-close {width: 29px; height: 29px}
   .fancybox-close:before, .fancybox-close:after {top: 14px; left: 6px; width: 18px;}
}

.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('../i/fancybox/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev, .fancybox-prev span {left: 0;}
.fancybox-next, .fancybox-next span {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 53px;height: 53px;margin-top: -27px;background: rgba(54,59,115,.8);cursor: pointer;z-index: 8040;visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.fancybox-nav:hover span {opacity: 1; visibility: visible;}
.fancybox-nav span:hover {background: rgba(54,59,115,1);}
.fancybox-nav span:before, .fancybox-nav span:after {content: ''; position: absolute; width: 24px; height: 1px; background: #FFF; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.fancybox-prev span:before, .fancybox-next span:before {top: 18px;}
.fancybox-prev span:after, .fancybox-next span:after {bottom: 18px;}
.fancybox-prev span:before, .fancybox-prev span:after {right: 18px;}
.fancybox-next span:before, .fancybox-next span:after {left: 18px;}
.fancybox-prev span:before, .fancybox-next span:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.fancybox-prev span:after, .fancybox-next span:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}

@media all and (max-width: 767px) {
   .fancybox-nav span {width: 37px; height: 37px;margin-top: -18px;}
   .fancybox-nav span:before, .fancybox-nav span:after {width: 15px;}
   .fancybox-prev span:before, .fancybox-next span:before {top: 13px;}
   .fancybox-prev span:after, .fancybox-next span:after {bottom: 13px;}
   .fancybox-prev span:before, .fancybox-prev span:after {right: 13px;}
   .fancybox-next span:before, .fancybox-next span:after {left: 13px;}
}
@media all and (max-width: 413px) {
   .fancybox-nav span {width: 29px; height: 29px;margin-top: -15px;}
   .fancybox-nav span:before, .fancybox-nav span:after {width: 12px;}
   .fancybox-prev span:before, .fancybox-next span:before {top: 10px;}
   .fancybox-prev span:after, .fancybox-next span:after {bottom: 10px;}
   .fancybox-prev span:before, .fancybox-prev span:after {right: 10px;}
   .fancybox-next span:before, .fancybox-next span:after {left: 10px;}
}

.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: rgba(0,0,0,.6);mix-blend-mode: multiply;}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;opacity: 0; font-size: 12px; line-height: 1.7; color: #FFF; position: absolute; bottom: 0; left: 0; padding: 10px 20px; background: rgba(0,0,0,.8); text-shadow: none;z-index: 8050; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.fancybox-opened .fancybox-title {visibility: visible; opacity: 1;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #FFF;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #FFF;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
.fancybox-title .tb, .fancybox-title .tb-cell {display: block;}
.fancybox-title p {margin-bottom: 0;}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5){

  #fancybox-loading div {
    background-image: url('fancybox_loading@2x.gif');
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}


/*====================================================
  Lightbox
====================================================*/
/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(../i/light/close.png) url(../i/light/loading.gif) url(../i/light/prev.png) url(../i/light/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../i/light/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../i/light/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../i/light/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../i/light/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* .related-list */
.related-list {
  position: relative;
  margin: 0 0 0 -15px;
  font-size: 0;
  line-height: 0;
}
.related-list,
.related-list * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.related-list__item {
  display: inline-block;
  vertical-align: top;
  width: 33.333333%;
  margin: 0 0 30px;
  padding: 0 0 0 15px;
}
.related-card {
  display: block;
  position: relative;
  font-size: 12px;
  line-height: 1.48;
}
.related-card,
a.related-card:hover {
  color: #536069;
  text-decoration: none;
}
.related-card__image {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-bottom: 13px;
}
.related-card__image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.related-card__title {
  font-family: mus700;
  font-size: 15px;
  line-height: 1.4;
  color: inherit;
  margin-bottom: 7px;
}
.related-card__text {
  color: inherit;
}

/* slick slider */
.slick-initialized .related-list__item {margin-bottom: 0;}
.slider-related .slick-prev {left: 15px;}

@media screen and (min-width: 768px) {
  .slider-related:not(.slick-initialized) .related-list__item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {display: none;}
}
@media screen and (max-width: 767px) {
  .related-list__item {width: 50%;}
  .slider-related:not(.slick-initialized) .related-list__item:not(:nth-child(1)):not(:nth-child(2)) {display: none;}
}
@media screen and (max-width: 480px) {
  .related-list__item {width: 100%;}
  .slider-related:not(.slick-initialized) .related-list__item:not(:nth-child(1)) {display: none;}
}

/*video-link*/
.with-btn-video {display: inline-block; position: relative;}
   .with-btn-video:before {content: ''; position: absolute; top: 50%; left: 50%; width: 66px; height: 66px; margin: -33px 0 0 -33px; background: url('../i/arrow-video.svg') 0 0 / contain no-repeat; z-index: 2; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
   .with-btn-video:hover:before {-webkit-transform: scale(1.15); transform: scale(1.15);}

@media screen and (max-width: 374px) {
   .with-btn-video:before {width: 68px; height: 68px; margin: -34px 0 0 -34px;}
}


.payment-form {-webkit-box-sizing: border-box; box-sizing: border-box; max-width: 480px; margin: auto; padding: 0 20px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;}
.payment-form, .payment-form * {box-sizing: border-box;}
  .payment-form input[type="text"], .payment-form input[type="tel"], .payment-form input[type="email"], .payment-form textarea {width: 100%; height: 25px; border: 1px solid #BCBCBC; color: #706F73; font-family: mus300; font-size: 15px; padding: 0 5px; border-radius: 5px; margin: 0 0 10px 0;}
  .payment-form__products {position: relative; padding-bottom: 20px; font-size: 15px; color: #000;}
    .payment-form__line {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 20px;}
      .payment-form__text {color: rgba(0, 0, 0, 0.6); font-size: 15px;}
      .payment-form__input {max-width: 210px;}
        .payment-form__input input[type="text"] {margin: 0;}
  .payment-form__inform {position: relative;}
    .payment-form__title {font-size: 20px; font-weight: bold; color: #000; margin-bottom: 18px;}
    .payment-form__inform p {padding: 0;}
    .payment-form__text {display: block; color: #706F73; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; margin: 0 0 3px 0;}
    .payment-form__inform textarea {height: 65px; resize: none;}
    .payment-form__bottom {padding-top: 10px;}
      .payment-form__bottom .payment-form__text {font-style: italic;}
      .payment-form__bottom .button-p {font-family: mus300; font-size: 21px; text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.7); margin-top: 10px; padding: 5px 15px; white-space: nowrap;}