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, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: 300;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
} 
@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-Italic-4fb0e7ad2c5ba1cb09db160960ee6c8ba2ca154c6dba62b193a0231ef5a9d00f.eot);
    src: local('Cera Pro Italic'), local('CeraPro-Italic'),
        url(/assets/CeraPro/CeraPro-Italic-4fb0e7ad2c5ba1cb09db160960ee6c8ba2ca154c6dba62b193a0231ef5a9d00f.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-Italic-9da1c23251223877d1c14c64ecf0d3436ec2246a10f289087b28682fd0e516d2.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-Italic-f27082f0ff5a5c4e078d09bc3faabbf545f43a4ba51f4e7db931aa14c539e4f5.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-Regular-a4e4e227d67c1c833db52aa00b45cbae00a407ac20c1298f905230b4528f48dc.eot);
    src: local('Cera Pro Regular'), local('CeraPro-Regular'),
        url(/assets/CeraPro/CeraPro-Regular-a4e4e227d67c1c833db52aa00b45cbae00a407ac20c1298f905230b4528f48dc.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-Regular-b8cbc756ef0ddbb4db28eb79bef3538f56d29c089262fcf1b85e36129cab5749.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-Regular-5393d2afeb444956820ad9f5a604cd0eba1fada42f2ad1cb7e24ddaf32c634c4.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-BlackItalic-593c211fca34d286fa0383fd74aa6de6134b209820192bd4a25b309a1e736dad.eot);
    src: local('Cera Pro Black Italic'), local('CeraPro-BlackItalic'),
        url(/assets/CeraPro/CeraPro-BlackItalic-593c211fca34d286fa0383fd74aa6de6134b209820192bd4a25b309a1e736dad.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-BlackItalic-17617e399719d8d00404aacd4b6a69c17d0955d2b2575aa378e68e3a503f8163.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-BlackItalic-0e9e34a03d3192297f79f40a40eb8c1740f860d3a6a381a4327172f02cd0bca0.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-Light-879c4dcdf803b7908f74e0b18bd63fce33b71a7c603ab60b07b1a5eea21b7414.eot);
    src: local('Cera Pro Light'), local('CeraPro-Light'),
        url(/assets/CeraPro/CeraPro-Light-879c4dcdf803b7908f74e0b18bd63fce33b71a7c603ab60b07b1a5eea21b7414.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-Light-43144c72dba71e7b77614875b2b008cb78f745d357a21b9de48d8bb68108fcf7.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-Light-dcce49c10ecdfe892e2ab56f1f28c47e7da06276f5f618b9194eb10fee60c5c2.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-BoldItalic-d1f7de9feb5b1c850392a882e883a4b9cb5d61c08399c9e776e8258f68ff177b.eot);
    src: local('Cera Pro Bold Italic'), local('CeraPro-BoldItalic'),
        url(/assets/CeraPro/CeraPro-BoldItalic-d1f7de9feb5b1c850392a882e883a4b9cb5d61c08399c9e776e8258f68ff177b.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-BoldItalic-869f7c4b17ebd49fbaa33529bd95dd7043f3b0e75c1fde70e707113c091a8e45.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-BoldItalic-5969951584f65e9a7bb020f70c6e58ccec8d781ba8eb7b6aeaeaacb263bf4212.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-Black-4318d8fb836bc0a8bc080c6838ecd925dbbeb4a39c16b20f032bcc53959bc775.eot);
    src: local('Cera Pro Black'), local('CeraPro-Black'),
        url(/assets/CeraPro/CeraPro-Black-4318d8fb836bc0a8bc080c6838ecd925dbbeb4a39c16b20f032bcc53959bc775.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-Black-ccbb78c44a3e8066c404a7610c657e9b8e422e1ec7654fbc0d52c8688ad23343.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-Black-aed828858457ea9a73d00750b8e1ba03e6a5d8241b86f2cdf266fbf4140c371a.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-Medium-24232778154b2e62b13a8701d94c939bc52ae7c506f37715830a53e8a2e8062a.eot);
    src: local('Cera Pro Medium'), local('CeraPro-Medium'),
        url(/assets/CeraPro/CeraPro-Medium-24232778154b2e62b13a8701d94c939bc52ae7c506f37715830a53e8a2e8062a.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-Medium-4bdb4a2838b90c105243a74b8fa3b3410acbb0f8407892131911297cb08a8c6f.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-Medium-b19786bd7e6ee7f2b56ccf6c1d057d58e486ef4d068d5b9291fcea08cf0cf13e.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-Bold-f35ee598f232be3f9bc4993a9e760e5b8c5ce47a9bfe20d93a0e49e1804c2f28.eot);
    src: local('Cera Pro Bold'), local('CeraPro-Bold'),
        url(/assets/CeraPro/CeraPro-Bold-f35ee598f232be3f9bc4993a9e760e5b8c5ce47a9bfe20d93a0e49e1804c2f28.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-Bold-8032e0459bf36b411cb577e846e53dbf29c62fded67151f01ab092e28110bcd2.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-Bold-38b3bb2dcb1dfd5358e19e91eac8fd90a0c34126051b34653d33e23d0a4cce8e.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-Thin-66c52374ecb78786f9fa3de4a4dd57fbe1ef761d8bbf228fa9774ef6b2884568.eot);
    src: local('Cera Pro Thin'), local('CeraPro-Thin'),
        url(/assets/CeraPro/CeraPro-Thin-66c52374ecb78786f9fa3de4a4dd57fbe1ef761d8bbf228fa9774ef6b2884568.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-Thin-fa41cecf7f624faeb82869b04bf318233b25dd7d0cf7eb6ce40116092a5be0bd.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-Thin-87f8c37d6107ce58e5b871efbea2dec57165ab6ceac35440f1a6c21707b7bb0f.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-MediumItalic-ce488451204f81ef4c6f8f4165f66e76f9573caf73c2ff8488d195e5a0e3c6fa.eot);
    src: local('Cera Pro Medium Italic'), local('CeraPro-MediumItalic'),
        url(/assets/CeraPro/CeraPro-MediumItalic-ce488451204f81ef4c6f8f4165f66e76f9573caf73c2ff8488d195e5a0e3c6fa.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-MediumItalic-d6a2fa72448c3066bceb8e8f47ad998461230266290fa22d975fb426ff4a0b3a.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-MediumItalic-64b5c052295c13cbd47086048e8835796e5f9eb8012c02ac18dfc5bcf2b2194b.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-LightItalic-66db0cad421bfbcd09c3653782feb17a915f046b4c9a4c676cd9fa2e139285f0.eot);
    src: local('Cera Pro Light Italic'), local('CeraPro-LightItalic'),
        url(/assets/CeraPro/CeraPro-LightItalic-66db0cad421bfbcd09c3653782feb17a915f046b4c9a4c676cd9fa2e139285f0.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-LightItalic-45e96fda26247c25b167aa0276dc0499880aaa21ca102e68b86f173c0c32311d.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-LightItalic-1006f9242dd4bd4b21719c8e7a7c3ef87785c0e602f5c468e67f17dd5290f33e.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/assets/CeraPro/CeraPro-ThinItalic-9f08ca4754e9e9c3b7499e53b7324118dbe914e87c20006d206d6ce88be39054.eot);
    src: local('Cera Pro Thin Italic'), local('CeraPro-ThinItalic'),
        url(/assets/CeraPro/CeraPro-ThinItalic-9f08ca4754e9e9c3b7499e53b7324118dbe914e87c20006d206d6ce88be39054.eot?#iefix) format('embedded-opentype'),
        url(/assets/CeraPro/CeraPro-ThinItalic-e08d9731beef5a58295e50472f7f7a78ba01a932b0f162254f4e8dcb75f268db.woff) format('woff'),
        url(/assets/CeraPro/CeraPro-ThinItalic-fea48534d504721b5dee1172d157440b9a46d436ac2e0e2745267c0174323c52.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

/* ===================== Переменные темы ===================== */
:root {
  /* Брендовые цвета */
  --green: #0b4e0b;        /* основной акцент (кнопки, ссылки, активные) */
  --green-hover: #000;
  --green-dark: #0b4e0b;   /* тёмно-зелёный (верхняя строка) */
  --green-light: #f4faf5;   /* светло-зелёный (верхняя строка) */
  --red: #ff0000;          /* акции, бейджи, цена со скидкой */
  --white-label: #fff5a5;          /* акции, бейджи, цена со скидкой */

  /* Текст */
  --text: #000000;         /* основной */
  --text-soft: #000000;
  --text-body: #333;       /* абзацы статей/описаний */
  --text-gray: #5a5a5a;
  --text-muted: #8c8c8c;
  --text-muted-2: #9a9a9a; /* подписи, артикулы, хлебные крошки */
  --price-old: #000000;    /* старая цена (зачёркнутая) */
  --on-dark: #fff;         /* текст на тёмном/фото */
  --topline-text: rgba(255, 255, 255, .82);

  /* Фоны */
  --bg: #fff;
  --bg-soft: #f6f7f5;        /* блоки, сайдбар, «Итого» */
  --bg-hover: #f5f6f4;       /* ховер пунктов меню */
  --bg-placeholder: #f0f0ee; /* подложка фото */
  --topline-bg: var(--green-dark);

  /* Границы */
  --border: #ececec;
  --border-white: #fff;
  --border-input: #e3e3e3;
  --border-light: #f0f0f0;
  --border-2: #cfcfcf;

  --border-25: 25px;

  /* Размеры шрифтов */
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-21: 21px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-25: 25px;
  --fs-26: 26px;
  --fs-28: 28px;
  --fs-30: 30px;
  --fs-35: 35px;
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 100000ms;
  animation-duration: 100000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 5000ms ease-in-out;
  -moz-transition: height 5000ms ease-in-out;
  -ms-transition: height 5000ms ease-in-out;
  -o-transition: height 5000ms ease-in-out;
  transition: height 5000ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 4000ms ease;
  -moz-transition: opacity 4000ms ease;
  -ms-transition: opacity 4000ms ease;
  -o-transition: opacity 4000ms ease;
  transition: opacity 4000ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.owl-carousel-house .owl-nav
{
	position:relative;
	z-index:100;
	
}
.owl-carousel-house .owl-nav .owl-prev
{
	position:absolute;
	top:-75px;
	left:-50px;
	background:url(/images/detail_slider_prev.png) top left no-repeat;
	width:17px;
	height:34px;
}
.owl-carousel-house .owl-nav .owl-next
{
	position:absolute;
	top:-75px;
	right:-50px;
	background:url(/images/detail_slider_next.png) top left no-repeat;
	width:17px;
	height:34px;
}



.owl-carousel-news .owl-nav
{
	position:relative;
	z-index:100;
	
}
.owl-carousel-news .owl-nav .owl-prev
{
	position:absolute;
	top:-50px;
	left:-50px;
	background:url(/images/detail_slider_prev.png) top left no-repeat;
	width:17px;
	height:34px;
}
.owl-carousel-news .owl-nav .owl-next
{
	position:absolute;
	top:-50px;
	right:-50px;
	background:url(/images/detail_slider_next.png) top left no-repeat;
	width:17px;
	height:34px;
}




.owl-carousel-slider-main
{
	position:relative;
}
.owl-carousel-slider-main .owl-nav
{
/* 	position:relative; */
}

.owl-carousel-slider-main .owl-nav .owl-prev
{
	position:absolute;
	top:370px;
	left:7%;
	background:url(/images/main_slider_prev.png) top left no-repeat;
	width:35px;
	height:108px;	
}
.owl-carousel-slider-main .owl-nav .owl-next
{
	position:absolute;
	top:370px;
	right:7%;
	background:url(/images/main_slider_next.png) top left no-repeat;
	width:35px;
	height:108px;		
}
 .owl-stage-outer
{

}
.owl-carousel-slider-main .owl-item
{

}
.main-slider-item
{
/* 	border:#afb42b solid 1px; */
	background:url(/images/main_slider_bg.png) top left repeat;
}
.text-block
{
	border-right:#afb42b solid 1px;	
}
.main-slider-item
{
/* 	border:#afb42b solid 1px; */
}
.filter-block-main-big
{
	
}
.filter-block-main-big .text-block
{
	color:#fff;
	padding:30px;
	padding-left:10%;
}
.filter-block-main-big .title
{
	font-size:47px;
	line-height:47px;
}
.filter-block-main-big .text
{
	font-size:27px;
	line-height:40px;
	font-family: 'gotha-pro-light';

}
.filter-block-main-big .razd
{
	width:50%;
	height:3px;
	background:#afb42b;
	margin-top:25px;
	margin-bottom:25px;
}
.owl-carousel-slider-special .owl-nav
{
	position:relative;
}
.owl-carousel-slider-special .owl-nav .owl-prev
{
	position:absolute;
	top:-140px;
	left:-60px;
	background:url(/images/special_slider_prev.png) top left no-repeat;
	width:17px;
	height:53px;
}
.owl-carousel-slider-special .owl-nav .owl-next
{
	position:absolute;
	top:-140px;
	right:-60px;
	background:url(/images/special_slider_next.png) top left no-repeat;
	width:17px;
	height:53px;
}
.owl-carousel-smi
{
	margin-bottom:20px;
}
.owl-carousel-smi .owl-nav
{
	position:relative;
}
.owl-carousel-smi  .owl-nav .owl-prev
{
	position:absolute;
	top:-116px;
	left:-60px;
	background:url(/images/smi_lider_prev.png) top left no-repeat;
	width:33px;
	height:106px;
}
.owl-carousel-smi .owl-nav .owl-next
{
	position:absolute;
	top:-116px;
	right:-60px;
	background:url(/images/smi_lider_next.png) top left no-repeat;
	width:33px;
	height:106px;
}

@media (max-width:1600px) 
{
	.owl-carousel-house .owl-nav .owl-prev
	{
		top:-60px;
	}
	.owl-carousel-house .owl-nav .owl-next
	{
		top:-60px;
	}
}
@media (max-width:992px) 
{
	.owl-carousel-house .owl-nav .owl-prev
	{
		top:-60px;
	}
	.owl-carousel-house .owl-nav .owl-next
	{
		top:-60px;
	}
	.main-slider-item .title
	{
		font-size:35px;
		line-height:35px;
	}
	.main-slider-item .text
	{
		font-size:24px;
		line-height:30px;
		font-family: 'gotha-pro-light';

	}
	.main-slider-item  .text-block
	{
		border:none;
	}
}
@media (max-width:480px) 
{
	.owl-carousel-slider-special .owl-nav .owl-prev
	{
		left:-40px;
	}
	.owl-carousel-slider-special .owl-nav .owl-next
	{
		right:-40px;
	}
}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

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



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

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

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

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

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

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

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	}

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

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 8px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

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

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

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

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

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

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

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

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



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



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

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



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

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

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

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

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

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

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

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

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

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

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

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

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

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #0e222b;}

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #225f79; background-color: rgba(34,95,121,1); }

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

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(34,95,121,1); }

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

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

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

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


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

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

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

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

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

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

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

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

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

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

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

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

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

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

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

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

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


	/* theme: "light-thick", "dark-thick" */

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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


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

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

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

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

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #0e222b;}
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

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

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

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

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

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

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

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

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

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

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

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

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

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

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

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

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

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

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

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

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

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

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

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

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */


html {background: #ffffff;}
body {font-size: --fs-16; font-family: 'Cera Pro', sans-serif; font-weight: 300; font-weight: 400; background: #ffffff; color: #000; overflow-x: hidden; min-height: 100%; min-width: 1320px;}

body * {-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;}


.clear {clear: both;width: 0px;height: 0px;overflow: hidden;font-size: 0px;line-height: 0px;}

a {-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
    text-decoration: none; color: #000;
    -webkit-appearance: none;
}
a:hover {text-decoration: none; color: var(--red);}

b, strong {font-weight: 600;}

body img {max-width: 100%;}


input, textarea, select {font-family: 'Cera Pro', sans-serif; -webkit-appearance: none; -webkit-appearance: none; border-radius: 0;
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease; font-weight: 300;
}

.btn {color: #fff; position: relative; text-align: center; display: inline-block; font-family: 'Cera Pro', sans-serif; font-weight: 500;
  -webkit-appearance: none; border: none; font-size: 12px; padding: 18px 27px; text-transform: uppercase; font-weight: bold; height: auto; color: #fff; border-radius: 20px; cursor: pointer; text-align: center;
  background: #1BB3FE;
  background: linear-gradient(90deg, rgba(27, 179, 254, 1) 0%, rgba(17, 81, 238, 1) 100%);
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.btn:hover {text-decoration: none; color: #fff;
  background: #126df1;
  background: linear-gradient(90deg, #126df1 0%, #126df1 100%);
}
.btn:hover:before {background-color: #000;}

.btn-white {color: #101f3e; background: #fff; border-color: #fff;}
.btn-white:hover {color: #fff; background: #101f3e; border-color: #101f3e;}

.btn-blank {color: #000; background: transparent; box-shadow: 0 0 1px 0 #000;}
.btn-blank:hover {color: #fff; background: #126df1; box-shadow: none;}

.btn-super-big {font-size: 17px;}

.btn-phone {}
.btn-phone:before {content: ""; position: absolute; margin: auto; left: 19px; top: 0; bottom: 0; width: 16px; height: 16px;
  background-color: #fff;
  -webkit-mask-image: url(/assets/mega/phone-4b7342f05a52007bcb26c84854ea43e3a6ab415e615455b0a66ecded3908af2d.svg);
  mask-image: url(/assets/mega/phone-4b7342f05a52007bcb26c84854ea43e3a6ab415e615455b0a66ecded3908af2d.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.btn-chat {padding-left: 54px;}
.btn-chat:before {content: ""; position: absolute; margin: auto; left: 18px; top: 0; bottom: 0; width: 22px; height: 16px;
  background-color: #fff;
  -webkit-mask-image: url(/assets/mega/question-94f45e7319ae9014579e1af73893e0eda91929ee52e2a56b15a3dd71c1b85a26.svg);
  mask-image: url(/assets/mega/question-94f45e7319ae9014579e1af73893e0eda91929ee52e2a56b15a3dd71c1b85a26.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
/*.btn-phone:hover:before {background-color: #b32222;}*/
.btn-wa {}
.btn-wa:before {content: ""; position: absolute; margin: auto; left: 19px; top: 0; bottom: 0; width: 16px; height: 16px;
  background-color: #fff;
  -webkit-mask-image: url(/assets/mega/wh-94f45e7319ae9014579e1af73893e0eda91929ee52e2a56b15a3dd71c1b85a26.svg);
  mask-image: url(/assets/mega/wh-94f45e7319ae9014579e1af73893e0eda91929ee52e2a56b15a3dd71c1b85a26.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
/*.btn-wa:hover:before {background-color: #b32222;}*/


.pull-left {float: left;}
.pull-right {float: right;}

.desktop {display: block;}
.mobile {display: none!important;}

.cont {padding: 0 40px; position: relative; margin: 0 auto; max-width: 1920px;}


.flex {display: flex;}
.flex-justify {justify-content: space-between;}
.flex-center {align-items: center;}
.flex-end {align-items: flex-end;}
.flex-wrap {flex-wrap: wrap;}


@media screen and (max-width: 800px) {
	.desktop {display: none!important;}
	.mobile {display: block!important;}

  body {min-width: 100%;}
  .cont {width: auto; padding: 0 20px;}


}


/* ===================== Мега Ивушка ===================== */

.cont-narrow {max-width: 1080px; padding-top: 25px;}
.text-center {text-align: center;}

/* Кнопки */
.btn-green {font-family: 'Cera Pro', sans-serif; text-transform: none; font-weight: 500; font-size: var(--fs-18);
  border-radius: 10px; padding: 16px 29px; letter-spacing: 0; font-weight: 300;
  background: var(--green);}
.btn-green:hover {background: var(--green-hover);}
.btn-full {display: block; width: 100%;}

/* --------- Верхняя строка --------- */
.top-line {background: var(--green-light); font-size: var(--fs-16);}
.top-line .cont {min-height: 50px; gap: 20px;}
/* боковые зоны одинаковой ширины — тогда меню стоит ровно по центру полосы */
.top-line-side {flex: 1 1 0; min-width: 0; display: flex; align-items: center;}
.top-line-right {justify-content: flex-end;}
.top-menu {flex: 0 0 auto;}
/* h1 главной: нужен поисковикам, в полосе выглядит как обычная подпись */
.top-h1 {margin: 0; font-size: var(--fs-16); font-weight: 400; color: var(--green);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.top-menu a {color: var(--green); margin-right: 41px;}
.top-menu a:last-child {margin-right: 0;}
.top-menu a:hover {color: var(--red);}
.city {color: var(--green);}
.city span {padding-left: 30px; position: relative;}
.city span:before {content: ""; position: absolute; margin: auto; left: 0; top: 0px; width: 17px; height: 17px;
  display: inline-block; background-color: currentColor;
  -webkit-mask: url(/assets/mega/icons/strelka-84261db8015cfb9452fd485fa4581e6355d1b2b828510b08244a08c9b69ad45e.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/strelka-84261db8015cfb9452fd485fa4581e6355d1b2b828510b08244a08c9b69ad45e.svg) center / contain no-repeat;
}

/* --------- Шапка --------- */
#header {background: var(--bg); border-bottom: 1px solid var(--border-white); position: sticky; top: 0; z-index: 100;}
#header .cont {min-height: 130px; position: relative;}
.fixed-header #header .cont {min-height: 90px;}
.header-left {position: relative; z-index: 2;}
.header-right {position: relative; z-index: 2;}

.sub-page #header {border-bottom: 1px solid var(--border);}
.fixed-header .sub-page #header {border-color: #fff;}

.logo {position: absolute; margin: auto; left: 0; top: 30px; right: 0; width: 212px; height: 118px; z-index: 1;}
.logo img {display: block;}
.fixed-header .logo {width: 159px; height: 89px;}

.catalog-btn {color: var(--green); font-weight: 600; font-size: var(--fs-18); text-transform: uppercase; letter-spacing: .4px;}
.catalog-btn:hover {color: var(--red);}
.burger {width: 30px; height: 16px; margin-right: 22px; display: inline-flex; flex-direction: column; justify-content: space-between;}
.burger span {display: block; height: 1px; border-radius: 2px; background: var(--green);}
.catalog-btn:hover .burger span {background: var(--red);}

.search {position: relative; width: 310px; margin-left: 35px;}
.search input {width: calc(100% - 80px); height: 58px; border: 1px solid var(--border-input); border-radius: 36px; padding: 0 52px 0 28px; font-size: var(--fs-18); background: var(--bg);}
.search input:focus {outline: none; border-color: var(--border-2);}
.search-btn {position: absolute; margin: auto; right: 16px; top: 0; bottom: 0; width: 24px; height: 24px; border: none; background: none; cursor: pointer; padding: 0;
  display: inline-block; background-color: currentColor;
  -webkit-mask: url(/assets/mega/icons/search-0ca748c71aa5291b688c5978cc1e2c205bf929094f6accacd00ae83a2e79f5cd.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/search-0ca748c71aa5291b688c5978cc1e2c205bf929094f6accacd00ae83a2e79f5cd.svg) center / contain no-repeat;
}
.search-btn:hover {color: var(--red);}
.search-drop {display: none; position: absolute; left: 0; right: 0; top: 56px; background: var(--bg); border-radius: 18px;
  box-shadow: 0 14px 34px rgba(0,0,0,.14); padding: 12px 0; z-index: 40;}
.search.is-open .search-drop {display: block;}
.search.is-open input {box-shadow: 0 14px 34px rgba(0,0,0,.10);}
.search-drop a {display: block; padding: 8px 22px; color: var(--text-muted-2); font-size: var(--fs-14);}
.search-drop a b {color: var(--green); font-weight: 500;}
.search-drop a:hover {background: var(--bg-hover);}

.header-right {gap: 45px;}
.phone {color: var(--green); font-weight: 500; font-size: var(--fs-18);}
.phone:hover {color: var(--red);}
.phone span {position: relative; padding: 0 0 0 39px;}
.phone span:before {content: ""; position: absolute; margin: auto; left: 0; top: -6px; width: 26px; height: 26px;
  display: inline-block; background-color: currentColor;
  -webkit-mask: url(/assets/mega/icons/phone-4b7342f05a52007bcb26c84854ea43e3a6ab415e615455b0a66ecded3908af2d.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/phone-4b7342f05a52007bcb26c84854ea43e3a6ab415e615455b0a66ecded3908af2d.svg) center / contain no-repeat;
}
.fav-link {position: relative;}
.fav-link .bag {position: relative; display: inline-flex; width: 24px; height: 24px;}
.fav-link .bag:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; width: 24px; height: 24px;
  display: inline-block; background-color: currentColor;
  -webkit-mask: url(/assets/mega/icons/heart_1-11c93af0a5ae3d08f7368a23753536f1611f4436a96f6ca37de68e3a6b2294e0.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/heart_1-11c93af0a5ae3d08f7368a23753536f1611f4436a96f6ca37de68e3a6b2294e0.svg) center / contain no-repeat;
}
.fav-link .count {position: absolute; top: -7px; right: -9px; width: 16px; height: 16px;
  background: var(--red); color: var(--on-dark); font-size: var(--fs-10); font-weight: 300; font-style: normal; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;}
.cart-link {color: var(--green);}
.cart-link .bag {position: relative; margin-right: 23px; display: inline-flex; width: 26px; height: 27px; margin-top: -3px;}
.cart-link .bag:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; width: 26px; height: 27px;
  display: inline-block; background-color: currentColor;
  -webkit-mask: url(/assets/mega/icons/bag-e4b6188f2011ad172f13593c5128c1620dd30bb215ba1af27fa471ef0fa17a5b.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/bag-e4b6188f2011ad172f13593c5128c1620dd30bb215ba1af27fa471ef0fa17a5b.svg) center / contain no-repeat;
}
.cart-link .count {position: absolute; top: -7px; right: -9px; width: 16px; height: 16px;
  background: var(--red); color: var(--on-dark); font-size: var(--fs-10); font-weight: 300; font-style: normal; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;}
.cart-link .sum {font-size: var(--fs-18); font-weight: normal;}
.cart-link:hover {color: var(--red);}

body.fixed-header #header {box-shadow: 0 4px 18px rgba(0,0,0,.07);}

/* --------- Меню каталога --------- */
.catalog-menu {position: fixed; top: 0; left: 0; width: 380px; height: 100%; background: var(--green-light); z-index: 130;
  padding: 100px 0 0px 0; transform: translateX(-100%); transition: transform .3s ease; overflow-y: auto;
  box-shadow: 0 0 50px rgba(0,0,0,.10);}
body.catalog-open .catalog-menu {transform: translateX(0);}
.catalog-overlay {position: fixed; inset: 0; z-index: 120; background: rgba(0,0,0,0); visibility: hidden; opacity: 0; transition: all .3s ease;}
body.catalog-open .catalog-overlay {visibility: visible; opacity: 1; background: rgba(0,0,0,.14);}
.catalog-menu-close {padding: 0 41px 49px 38px; color: var(--green); font-weight: 600; font-size: var(--fs-18); text-transform: uppercase; letter-spacing: .4px;}
.catalog-menu-close:hover {color: var(--red);}
.catalog-menu-close .x {width: 26px; height: 26px; margin-right: 28px; position: relative;}
.catalog-menu-close .x:before, .catalog-menu-close .x:after {content: ""; position: absolute; left: 0; top: 14px; width: 31px; height: 1px; background: var(--green);}
.catalog-menu-close .x:before {transform: rotate(45deg);}
.catalog-menu-close .x:after {transform: rotate(-45deg);}
.catalog-menu-close:hover .x:before,
.catalog-menu-close:hover .x:after {background: var(--red);}
.catalog-menu-list a {display: block; padding: 11px 38px; font-size: var(--fs-16); color: var(--green);}
.catalog-menu-list a:hover {color: var(--red);}
.catalog-menu-list li {margin: 0 0 12px 0;}

/* --------- Подвал --------- */
#footer {border-top: 1px solid var(--border); margin-top: 47px; padding: 52px 0 50px 0;}
.footer-grid {display: grid; grid-template-columns: 329px 1fr 1fr 1fr; column-gap: 30px; row-gap: 82px; align-items: start;}
.footer-logo {grid-row: 1 / 3; grid-column: 1;}
.footer-logo img {display: block; width: 192px; height: 106px;}
.footer-text {grid-column: 2 / 4; grid-row: 1; color: var(--text-soft); font-size: var(--fs-16); margin: 20px 0 0 0;}
.footer-phone {grid-column: 4; grid-row: 1; font-weight: normal; font-size: var(--fs-18); color: var(--green); margin: 13px 0 0 0;}
.footer-phone span {position: relative; padding: 0 0 0 39px;}
.footer-phone span:before {content: ""; position: absolute; margin: auto; left: 0; top: -6px; width: 26px; height: 26px;
  display: inline-block; background-color: currentColor;
  -webkit-mask: url(/assets/mega/icons/phone-4b7342f05a52007bcb26c84854ea43e3a6ab415e615455b0a66ecded3908af2d.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/phone-4b7342f05a52007bcb26c84854ea43e3a6ab415e615455b0a66ecded3908af2d.svg) center / contain no-repeat;
}
.footer-menu-1 {grid-column: 2; grid-row: 2;}
.footer-menu-2 {grid-column: 3; grid-row: 2;}
.footer-menu-3 {grid-column: 4; grid-row: 2;}
.footer-menu a {display: block; margin-bottom: 24px; color: var(--green); font-size: var(--fs-15);}
.footer-menu a:hover {color: var(--red);}
.footer-bottom {margin-top: 58px; padding-top: 46px; border-top: 1px solid var(--border); font-size: var(--fs-14); color: var(--text-muted-2);}
.footer-bottom a {color: var(--text-muted-2);}
.footer-bottom a:hover {color: var(--red);}
.footer-bottom a.policy {color: var(--green); margin: 0 0 0 60px;}
.footer-bottom a.policy:hover {color: var(--red);}

/* --------- Общие блоки страниц --------- */
.page {padding: 28px 0 10px;}
.bread {gap: 29px; align-items: center; font-size: var(--fs-16); color: var(--green); margin-bottom: 40px;}
.bread a {color: var(--green);}
.bread a:hover {color: var(--red);}
.bread-center {justify-content: center;}
.page-title {font-size: var(--fs-30); font-weight: 500; margin-bottom: 26px; text-align: left;}
.about-page .page-title, .articles-page .page-title, .shops-page .page-title,
.contacts-page .page-title, .article-page .page-title, .delivery-page .page-title {text-align: center;}
.page-title-left {text-align: left;}
.page-title-center {text-align: center; font-size: var(--fs-35); margin-bottom: 42px;}

.text-content {color: var(--text-body); font-size: var(--fs-16); line-height: 1.6; padding: 0 30px;}
.text-content p {margin-bottom: 14px;}
.text-content p.green {color: var(--green);}
.text-content h2 {font-size: var(--fs-25); font-weight: 500; margin: 30px 0 8px 0;}
.text-content h3 {font-size: var(--fs-25); font-weight: 500; margin: 30px 0 8px 0;}
.text-content .note {color: var(--green);}
.text-content ul {color: var(--green); margin: 39px 0 40px 0;}
.text-content ul li {margin: 0 0 14px 0;}

.form-contacts {}
.form-contacts input {margin-bottom: 20px;}

/* --------- Главная: плитки категорий --------- */
.cat-mosaic-cont {padding: 0px 0 8px;}
.cat-mosaic {display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 272px; gap: 18px;}
.cat-tile {position: relative; display: block; border-radius: var(--border-25); overflow: hidden;}
.cat-tile.cat-big {grid-column: span 2; grid-row: span 2;}
.cat-tile.cat-wide {grid-column: span 2;}
.cat-tile img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.cat-tile .cat-name {position: absolute; left: 37px; top: 37px; z-index: 2; color: var(--on-dark); font-size: var(--fs-25); line-height: 30px; font-weight: 300;}
.cat-tile:hover img {transform: scale(1.04);}

/* --------- Список товаров --------- */
.product-list-cont {padding: 45px 0 18px 0;}
.product-list-cont .title {font-size: var(--fs-35); font-weight: 400; text-align: center; margin-bottom: 38px;}
.product-list-cont .title-left {text-align: left;}
.title-center {text-align: center;}
.product-grid {gap: 21px;}
.product-grid .product-item {width: calc(25% - 16px);}
.product-grid-3 .product-item {width: calc(33.333% - 16px); margin-bottom: 24px;}
.product-item {position: relative;}
.product-item .image {display: block; border-radius: var(--border-25); overflow: hidden; background: var(--bg-placeholder); aspect-ratio: 0.765 / 1; margin-bottom: 29px; position: relative;}
.product-item .image img {width: 100%; height: 100%; object-fit: cover; display: block;}
.product-item .image:hover img {transform: scale(1.04);}
.product-item .labels {position: absolute; left: 20px; bottom: 23px; z-index: 2;}
.product-item .labels span {background: var(--red); color: var(--white-label); font-size: var(--fs-10); padding: 4px 9px; border-radius: 12px; display: inline-block;}
.product-item .price {gap: 10px; margin-bottom: 13px;}
.product-item .price b {font-size: var(--fs-25); font-weight: 300;}
.product-item .price b.sale {color: var(--red);}
.product-item .price i {color: var(--price-old); text-decoration: line-through; font-style: normal; font-size: var(--fs-18);}
.product-item .name {display: block; color: var(--text-soft); font-size: var(--fs-16); line-height: 1.55; width: 74%;}
.product-item .name:hover {color: var(--green);}

/* --------- Каталог --------- */
.catalog-layout {gap: 34px; align-items: flex-start;}
.catalog-side {flex: 0 0 320px; width: 320px; max-height: 0 7px 0 0;}
.side-title {font-size: var(--fs-35); font-weight: 500; margin-bottom: 30px;}
.cat-tree {background: var(--green-light); border-radius: var(--border-25); padding: 8px 0;}
.cat-tree > li {border-bottom: 1px solid var(--border);}
.cat-tree > li:last-child {border: none;}
.cat-tree > li > a {display: flex; justify-content: space-between; align-items: center; padding: 21px 19px 21px 29px; font-size: var(--fs-16); color: var(--green);}
.cat-tree > li > a:hover {color: var(--red);}
.cat-tree .arrow {flex: 0 0 auto; width: 17px; height: 10px; margin-left: 10px;
  background: url(/assets/mega/icons/strelka-84261db8015cfb9452fd485fa4581e6355d1b2b828510b08244a08c9b69ad45e.svg) center / contain no-repeat;}
.cat-tree li.open > a {color: var(--green);}
.cat-tree li.open > a .arrow {transform: rotate(180deg);}
.cat-sub {display: none; padding-bottom: 8px; border-top: 1px solid var(--border);}
.cat-tree li.open .cat-sub {display: block;}
.cat-sub {padding: 12px 10px;}
.cat-sub a {display: block; padding: 13px 31px; font-size: var(--fs-14); color: var(--green); border-radius: 10px;}
.cat-sub a.active {color: var(--green-light); background: var(--green);} 
.cat-sub a:hover {color: var(--red);}

.catalog-main {flex: 1; min-width: 0;}
.catalog-main .page-title {margin-bottom: 22px;}
.filters {gap: 14px; margin-bottom: 20px; margin-top: 35px;}
.filters-left {gap: 10px; flex-wrap: wrap; width: calc(100% - 200px);}
.filter-drop {position: relative;}
.filter-drop-btn {display: inline-flex; align-items: center; gap: 10px; padding: 11px 14px 11px 18px; font-size: var(--fs-1); color: var(--green);
  border: 1px solid var(--border); border-radius: 10px; background: var(--bg); justify-content: space-between;
}
.filter-drop-btn-no-border {border: 0; padding-right: 0;}
.filter-drop-btn .arrow {width: 17px; height: 10px; background: url(/assets/mega/icons/strelka-84261db8015cfb9452fd485fa4581e6355d1b2b828510b08244a08c9b69ad45e.svg) center / contain no-repeat;}
.filters-left .filter-drop-btn {width: 198px;}
.filter-drop.open .filter-drop-btn {color: var(--green); box-shadow: 0 0 0 5px var(--green-light); position: relative; z-index: 41;}
.filter-drop.open .filter-drop-btn .arrow {transform: rotate(180deg);}
.filter-drop-body {display: none; position: absolute; left: 0; top: 40px; min-width: 100%; z-index: 40;
  background: var(--green-light); border-radius: 0 0 10px 10px; box-shadow: 0 0 0 5px var(--green-light); padding: 0px;
}
.filter-drop.open .filter-drop-body {display: block;}
.filter-drop.sort .filter-drop-body {left: auto; right: 0;}
.filter-drop-body > a {display: block; padding: 9px 12px; border-radius: 8px; font-size: var(--fs-14); color: var(--text);}
.filter-drop-body > a:hover {background: var(--bg-hover);}
.check {display: flex; align-items: center; gap: 15px; padding: 10px 18px;font-size: var(--fs-16); cursor: pointer; color: var(--green); border-bottom: 1px solid var(--border);}
.check:last-child {border: none;}
.check:hover {color: var(--red);}
.check input {display: none;}
.check .box {flex: 0 0 auto; width: 24px; height: 24px; border: none; background: #fff; border-radius: 5px; position: relative;}
.check input:checked + .box {}
.check input:checked + .box:after {content: ""; position: absolute; inset: 0;
  background: url(/assets/mega/icons/check-145e8a22a3a4c4d46ebf1b63b029f3018e77b68f4e01c6755efcfddb6b534938.svg) center / 14px no-repeat;}

/* --------- Карточка товара --------- */
.product-card {gap: 40px; align-items: flex-start; margin-bottom: 51px;}
.gallery {flex: 0 0 auto; width: 680px; gap: 20px; align-items: stretch;}
/* колонка превью обрезается по высоте большого фото (align-items: stretch) */
.gallery-thumbs {flex: 0 0 134px; position: relative; align-self: stretch; min-height: 0; overflow: hidden;}
.gallery-thumbs-list {position: absolute; inset: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; padding-bottom: 46px;
  scrollbar-width: none; -ms-overflow-style: none;}
.gallery-thumbs-list::-webkit-scrollbar {width: 0; height: 0; display: none;}
.gallery-thumbs .thumb {flex: 0 0 auto; width: 132px; height: 172px; border-radius: 25px; overflow: hidden; border: 1px solid var(--border); display: block;}
.gallery-thumbs .thumb img {width: 100%; height: 100%; object-fit: cover;}
.gallery-thumbs .thumb.active {border-color: var(--green);}
/* стрелка «есть ещё» на белом блюре снизу */
.gallery-thumbs-arrow {position: absolute; left: 0; right: 0; bottom: 0; height: 60px; z-index: 2; pointer-events: none;
  background: linear-gradient(to top, var(--bg) 38%, rgba(255, 255, 255, 0));
  display: flex; align-items: flex-end; justify-content: center;}
.gallery-thumbs-arrow:after {content: ""; width: 18px; height: 11px; margin-bottom: 16px; background-color: var(--green);
  -webkit-mask: url(/assets/mega/icons/strelka-84261db8015cfb9452fd485fa4581e6355d1b2b828510b08244a08c9b69ad45e.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/strelka-84261db8015cfb9452fd485fa4581e6355d1b2b828510b08244a08c9b69ad45e.svg) center / contain no-repeat;}
.gallery-big {flex: 1; border-radius: 25px; overflow: hidden; background: var(--bg-placeholder); aspect-ratio: 1 / 1.3; position: relative;}
.gallery-big img {width: 100%; height: 100%; object-fit: cover;}
.gallery-big .labels {position: absolute; left: 20px; top: 20px; z-index: 2;}
.gallery-big .labels span {background: var(--red); color: var(--white-label); font-size: var(--fs-10); padding: 4px 9px; border-radius: 12px; display: inline-block;}
.product-info {flex: 1; min-width: 0;}
.product-title {font-size: var(--fs-35); font-weight: 500; line-height: 1.3; margin-bottom: 36px;}
.props {margin-bottom: 18px; max-width: 540px; padding: 6px 0 0 0;}
.props .prop {justify-content: flex-start; gap: 8px; padding: 6px 0; font-size: var(--fs-16); align-items: baseline; color: var(--green); margin: 0 0 12px 0;}
.props .prop span {flex: 0 0 auto;}
.props .prop b {font-weight: 300;}
.props .prop-gray {color: var(--text-muted);}
.product-price {font-size: var(--fs-35); font-weight: 400; margin-bottom: 32px; display: flex; align-items: flex-end;}
.product-price b {font-weight: normal; color: var(--red);}
.product-price-old {font-size: var(--fs-20); text-decoration: line-through; color: var(--text-gray); margin: 0 0 3px 10px;}
.buy {gap: 11px; margin-bottom: 28px;}
.fav-btn {width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; position: relative; color: var(--green);}
.fav-btn:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width: 26px; height: 26px;
  display: inline-block; background-color: currentColor;
  -webkit-mask: url(/assets/mega/icons/heart_1-11c93af0a5ae3d08f7368a23753536f1611f4436a96f6ca37de68e3a6b2294e0.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/heart_1-11c93af0a5ae3d08f7368a23753536f1611f4436a96f6ca37de68e3a6b2294e0.svg) center / contain no-repeat;
}
.fav-btn:hover {border-color: var(--green);}
.product-desc {font-size: var(--fs-16); line-height: 1.55;}
.slider-block {padding: 14px 0;}
.product-list-cont-bootom {margin-bottom: 34px}

/* --------- Корзина --------- */
.cart-count {color: var(--green); font-size: var(--fs-16); margin: 35px 0 22px 0;}
.cart-layout {gap: 40px; align-items: flex-start;}
.cart-items {flex: 1; min-width: 0;}
.cart-item {gap: 35px; padding: 0px 0 15px 0; align-items: flex-start;}
.cart-item:first-child {}
.cart-img {flex: 0 0 134px; width: 134px; height: 174px; border-radius: var(--border-25); overflow: hidden; background: var(--bg-placeholder);}
.cart-img img {width: 100%; height: 100%; object-fit: cover;}
.cart-body {flex: 1; min-width: 0; padding: 22px 0 31px 0; border-bottom: 1px solid var(--border);}
.cart-item:last-child .cart-body {border-bottom: none;}
.cart-head {gap: 20px; margin-bottom: 9px; align-items: flex-start;}
.cart-name {display: block; margin-bottom: 10px; font-size: var(--fs-16); color: var(--text); max-width: 560px;}
.cart-name:hover {color: var(--green);}
.cart-art {color: var(--text-muted-2); font-size: var(--fs-16);}
.cart-actions {gap: 15px; margin: -4px 0 0 0;}
.ico-btn {color: var(--green);}
/* Бокс квадратный — у иконок viewBox 26x26. Размер маски дублируем longhand:
   Safari не всегда применяет "center / contain" из сокращённой записи, из-за чего
   svg рисуется в натуральную величину и обрезается краями бокса. */
.ico-btn-remove {width: 26px; height: 26px;
  display: inline-block; background-color: currentColor;
  -webkit-mask: url(/assets/mega/icons/trash-2b811f3e7e4934ca1dfd9380ae94a4b4c4acdee75aaeec408c21d64477812d4f.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/trash-2b811f3e7e4934ca1dfd9380ae94a4b4c4acdee75aaeec408c21d64477812d4f.svg) center / contain no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.ico-btn-fav {width: 26px; height: 26px;
  display: inline-block; background-color: currentColor;
  -webkit-mask: url(/assets/mega/icons/heart_2-98808df40431e07dcdd206538209e69a04d9073578a540804f8c32ff8f98a29b.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/heart_2-98808df40431e07dcdd206538209e69a04d9073578a540804f8c32ff8f98a29b.svg) center / contain no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.cart-row {gap: 20px;}
.qty {display: inline-flex; width: 150px; border-radius: 10px; overflow: hidden; margin-bottom: 10px; background: var(--green-light);}
.qty button {width: 44px; height: 40px; border: none; background: none; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0;}
.qty button img {width: 12px;}
.qty input {width: 60px; height: 40px; text-align: center; border: none; background: transparent; font-size: var(--fs-16);}
.cart-unit {font-size: var(--fs-18); color: var(--text);}
.cart-unit .sale {color: var(--red); font-weight: 300;}
.cart-unit i {color: var(--price-old); text-decoration: line-through; font-style: normal;}
.cart-unit span {color: var(--text-muted-2);}
.cart-total {flex: 0 0 auto; text-align: right; white-space: nowrap; margin: -11px 6px 0 0;}
.cart-total b {font-size: var(--fs-25); font-weight: 300;}
.cart-total b.sale {color: var(--red);}
.cart-total i {color: var(--price-old); text-decoration: line-through; font-style: normal; font-size: var(--fs-18); margin-left: 6px;}

.cart-summary {flex: 0 0 300px; width: 300px; background: var(--green-light); border-radius: 20px; padding: 30px 20px 20px 20px;}
.sum-title {font-size: var(--fs-18); font-weight: 500; margin-bottom: 15px; color: var(--green);}
.sum-count {color: var(--text-muted-2); font-size: var(--fs-14); margin-bottom: 16px;}
.sum-total {font-size: var(--fs-25); font-weight: 300; margin-bottom: 17px;}
.cart-summary .btn-full {padding-left: 0; padding-right: 0;}

/* Согласие на обработку персональных данных в форме заказа */
.consent {display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 16px 0; cursor: pointer;
  font-size: var(--fs-13); line-height: 1.35; color: var(--text);}
.consent input {display: none;}
.consent-box {flex: 0 0 auto; width: 18px; height: 18px; margin-top: 1px; position: relative;
  border: 1px solid var(--border-input); border-radius: 4px; background: #fff; box-sizing: border-box;}
.consent input:checked + .consent-box:after {content: ""; position: absolute; inset: 0;
  background: url(/assets/mega/icons/check-145e8a22a3a4c4d46ebf1b63b029f3018e77b68f4e01c6755efcfddb6b534938.svg) center / 16px no-repeat;}
.consent a {color: var(--green);}
.consent a:hover {text-decoration: underline;}
/* Не отмечено при попытке оформить заказ — подсвечиваем, что согласие обязательно */
.consent.consent-error {color: var(--red);}
.consent.consent-error a {color: var(--red);}
.consent.consent-error .consent-box {border-color: var(--red); background: #fff;}
.cart-summary input[type="text"],
.cart-summary input[type="password"],
.cart-summary input[type="email"],
.cart-summary textarea {width: calc(100% - 50px)!important; margin-bottom: 15px; resize: none;}

/* --------- О нас --------- */
.about-photo {border-radius: 25px; overflow: hidden; margin-bottom: 43px; margin-left: -40px; margin-right: -40px;
  display: flex; align-items: center; justify-content: center; position: relative;
  background: linear-gradient(120deg, #d9dbd6, #c6c8c2);}
.about-photo img {width: 100%; height: 100%; object-fit: cover;}

/* --------- Статьи --------- */
.articles-grid {gap: 20px;}
.articles-grid .article-item {width: calc(33.333% - 16px);}
.article-item {position: relative; display: block; height: 400px; border-radius: var(--border-25); overflow: hidden;}
.article-item img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.article-item:after {content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,0) 62%);}
.article-item:hover img {transform: scale(1.04);}
.article-text {position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 34px 40px; color: var(--on-dark);}
.article-text b {display: block; margin-bottom: 18px; font-size: var(--fs-25); font-weight: 300;}
.article-text p {font-size: var(--fs-16); line-height: 1.5; opacity: .92;}

/* --------- Статья --------- */
.article-photo {border-radius: var(--border-25); overflow: hidden; margin-bottom: 30px;}
.article-photo img {width: 100%; height: 430px; object-fit: cover; display: block;}
.other-articles {margin-top: 50px;}
.other-articles .title {margin-bottom: 40px; font-size: var(--fs-35); font-weight: 500; text-align: center;}

/* --------- Магазины --------- */
.shops-intro {max-width: 920px; margin: 0 auto 34px; color: var(--text-body); font-size: var(--fs-15); line-height: 1.7;}
.shops-intro p {margin-bottom: 14px;}
.shops-map {align-items: stretch; border: 1px solid var(--border); border-radius: var(--border-25); overflow: hidden; margin: 39px auto 0 auto; max-width: 1080px;}
.shops-map-canvas {flex: 1; min-height: 479px;}
.shops-map-canvas #map-canvas {width: 100%; height: 100%; min-height: 479px;}
.shops-list {flex: 0 0 370px; width: 370px; max-height: 479px; overflow-y: auto; padding: 0px 0; border-left: 1px solid var(--border);}
.shops-list::-webkit-scrollbar {-webkit-appearance: none;}
.shops-list::-webkit-scrollbar:vertical {width: 3px;}
.shops-list::-webkit-scrollbar:horizontal {height: 3px;}
.shops-list::-webkit-scrollbar-thumb {background-color: var(--green); border-radius: 3px; border: 2px solid var(--green);}
.shops-list::-webkit-scrollbar-track {border-radius: 10px; background-color: var(--green-light);}
.shop-item {padding: 27px 30px; border-bottom: 1px solid var(--border-light);}
.shop-item:hover {background: var(--green-light);}
.shop-item b {display: block; margin-bottom: 12px; font-size: var(--fs-20); font-weight: 300;}
.shop-item p {margin-bottom: 3px; font-size: var(--fs-16); line-height: 1.4;}
.shop-item .shop-time {}

/* --------- Контакты --------- */
.contacts-info {margin-bottom: 30px;}
.contacts-company {margin-bottom: 19px; font-weight: 500; font-size: var(--fs-16);}
.contacts-info p {color: var(--text-body); font-size: var(--fs-15); line-height: 1.8;}
.contacts-info a {color: var(--green);}
.contacts-info a:hover {color: var(--red);}
.contacts-map {margin-bottom: 50px; border: 1px solid var(--border); border-radius: 16px; overflow: hidden;}
.contacts-map #map-canvas {width: 100%; height: 478px; min-height: 478px;}
.contacts-req h2 {margin-bottom: 18px; font-size: var(--fs-16); font-weight: 500;}
.contacts-req p {color: var(--text-gray); line-height: 1.65;}
/* ===================== Адаптив (Мега Ивушка) =====================
   Базовый макет рассчитан на min-width:1320px, поэтому реальный
   адаптив включается с 800px (там body становится резиновым).
   Брейкпоинты: 800 (планшет/большой телефон), 600 (телефон), 430 (узкий).
================================================================== */

/* ----------------------------- ≤ 800 ----------------------------- */
@media screen and (max-width: 800px) {

  /* Уменьшаем всю типографическую шкалу разом */
  :root {
    --fs-35: 26px;
    --fs-30: 24px;
    --fs-28: 22px;
    --fs-26: 21px;
    --fs-25: 21px;
    --fs-24: 20px;
    --fs-22: 19px;
    --fs-21: 18px;
    --fs-20: 18px;
    --fs-19: 17px;
    --fs-18: 16px;
    --fs-16: 15px;
    --fs-15: 14px;
    --fs-14: 13px;
  }

  .cont {padding: 0 20px;}
  .cont-narrow {padding-top: 10px;}

  /* --- Шапка: 2 ряда (бургер | лого | иконки) + строка поиска --- */
  /* полосу прячем; на главной оставляем — там h1, он нужен поисковикам и на мобильных */
  .top-line {display: none;}
  .top-line.has-h1 {display: block;}
  .top-line .top-menu, .top-line .city-select {display: none;}
  .top-line .cont {min-height: 0; padding: 10px 20px 6px;}
  .top-h1 {white-space: normal; font-size: 13px;}

  #header .cont {flex-wrap: wrap; align-items: flex-start; min-height: auto; padding: 16px 20px; row-gap: 14px;}
  .header-left {flex: 1 1 auto; flex-wrap: wrap; align-items: center;}
  .catalog-btn {min-height: 44px;}
  .burger {margin-right: 16px;}
  .search {flex: 0 0 100%; width: 100%; margin: 14px 0 0 0; display: none;}
  .search input {width: calc(100% - 80px); height: 50px;}
  .search-drop {top: 54px;}

  .logo {top: 16px; width: 132px; height: auto; z-index: 2;}
  .logo img {width: 132px; height: auto;}
  .fixed-header .logo {width: 132px; height: auto;}
  .fixed-header #header .cont {min-height: auto;}

  .header-right {gap: 22px; align-self: center; padding-top: 4px;}
  .phone {display: none;}
  .cart-link .sum {display: none;}
  .cart-link .bag {margin-right: 0;}

  /* --- Главная: плитки в 2 колонки --- */
  .cat-mosaic {grid-template-columns: repeat(2, 1fr); grid-auto-rows: 200px; gap: 12px;}
  .cat-tile.cat-big {grid-column: span 2; grid-row: span 1;}
  .cat-tile.cat-wide {grid-column: span 2;}
  .cat-tile .cat-name {left: 22px; top: 20px;}

  /* --- Сетки товаров: 2 в ряд --- */
  .product-grid .product-item,
  .product-grid-3 .product-item {width: calc(50% - 11px);}
  .product-item .name {width: 100%;}
  .product-list-cont {padding: 30px 0 10px;}

  /* --- Каталог: сайдбар сверху, фильтры в столбик --- */
  .catalog-layout {flex-direction: column; gap: 26px;}
  .catalog-side {flex: none; width: 100%;}
  .catalog-main {width: 100%;}
  .filters {flex-direction: column; align-items: stretch; gap: 10px; margin-top: 6px;}
  .filters-left {width: 100%; gap: 10px;}
  .filters-left .filter-drop,
  .filters-left .filter-drop-btn {width: calc(100% - 16px);}
  .filter-drop.sort {align-self: flex-start;}

  /* --- Карточка товара: фото сверху, превью лентой --- */
  .product-card {flex-direction: column; gap: 24px; margin-bottom: 34px;}
  .gallery {width: 100%; flex-direction: column; align-items: stretch; gap: 14px;}
  .gallery-big {order: 1; aspect-ratio: 1 / 1.05;}
  .gallery-thumbs {order: 2; flex: 0 0 auto; align-self: auto; height: auto; min-height: 0; overflow: visible;}
  .gallery-thumbs-list {position: static; flex-direction: row; overflow-x: auto; overflow-y: hidden; gap: 10px; padding: 0 0 4px;}
  .gallery-thumbs .thumb {width: 96px; height: 124px;}
  .gallery-thumbs-arrow {display: none;}
  .product-info {width: 100%;}
  .props {max-width: none;}

  /* --- Корзина: «Итого» под списком --- */
  .cart-layout {flex-direction: column; gap: 24px;}
  .cart-body {padding-top: 0;}
  .cart-items {width: 100%;}
  .cart-summary {order: 2; flex: none; width: calc(100% - 40px);}

  /* --- Магазины: карта над списком --- */
  .shops-map {flex-direction: column;}
  .shops-map-canvas {flex: none; min-height: 320px;}
  .shops-map-canvas #map-canvas {min-height: 320px;}
  .shops-list {flex: none; width: 100%; max-height: 320px; border-left: none; border-top: 1px solid var(--border);}

  /* --- Статьи: 2 в ряд --- */
  .articles-grid .article-item,
  .articles-grid-3 .article-item {width: calc(50% - 10px);}
  .article-item {height: 320px;}
  .article-text {padding: 24px;}

  /* --- Тексты страниц --- */
  .text-content {padding: 0;}
  .bread {gap: 12px; margin-bottom: 26px;}
  .page {padding: 20px 0 10px;}
  .article-photo img {height: 300px;}

  .about-photo {border-radius: 0; margin-left: -16px; margin-right: -16px;}

  .catalog-menu {padding-top: 25px; padding-bottom: 20px; width: 100%;}
  .catalog-menu-close {padding-left: 15px; padding-bottom: 20px;}
  .catalog-menu-list a {padding: 11px 20px;}
  .catalog-menu-list li {margin-bottom: 0;}

  /* --- Подвал: лого/текст/телефон на всю ширину, меню по 2 --- */
  #footer {padding-bottom: 25px; padding-top: 25px;}
  .footer-grid {grid-template-columns: 1fr 1fr; column-gap: 20px; row-gap: 0px;}
  .footer-logo {grid-row: auto; grid-column: 1 / -1;}
  .footer-text {grid-column: 1 / -1; grid-row: auto; margin: 20px 0 20px 0;}
  .footer-phone {grid-column: 1 / -1; grid-row: auto; margin-bottom: 20px;}
  .footer-menu-1, .footer-menu-2, .footer-menu-3 {grid-column: auto; grid-row: auto;}
  .footer-menu a {margin-bottom: 16px;}
  .footer-bottom {flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 15px; padding-top: 28px;}
  .footer-bottom a.policy {margin: 0;}
}

/* ----------------------------- ≤ 600 ----------------------------- */
@media screen and (max-width: 600px) {

  .catalog-btn-text {display: none;}
  .burger {margin-right: 0;}
  .logo {width: 116px;}
  .logo img {width: 116px;}
  .fixed-header .logo {width: 116px;}

  /* Плитки и статьи — по одной в ряд */
  .cat-mosaic {grid-template-columns: 1fr; grid-auto-rows: 188px;}
  .cat-tile.cat-big, .cat-tile.cat-wide {grid-column: span 1;}
  .articles-grid .article-item,
  .articles-grid-3 .article-item {width: 100%;}

  /* Корзина: цены под счётчиком */
  .cart-item {gap: 16px;}
  .cart-img {flex: 0 0 100px; width: 100px; height: 128px;}
  .cart-row {flex-direction: column; align-items: flex-start; gap: 8px;}
  .cart-total {text-align: left; margin: 0; white-space: normal;}
  .cart-head {flex-wrap: wrap;}

  /* Подвал в одну колонку */
  .footer-grid {grid-template-columns: 1fr;}
  .footer-logo img {width: 116px; height: auto;}

  .shops-list {max-height: 280px;}
}

/* ----------------------------- ≤ 430 ----------------------------- */
@media screen and (max-width: 430px) {

  .cont {padding: 0 16px;}

  /* Товары — по одному в ряд */
  .product-grid .product-item,
  .product-grid-3 .product-item {width: 100%;}
  .product-item .image {margin-bottom: 18px;}

  .header-right {gap: 18px;}
  .article-item {height: 280px;}
  .article-photo img {height: 220px;}
  .buy {flex-wrap: wrap;}
  .buy .btn-green {flex: 1 1 auto;}
}
/* Плашка «Нет в наличии» (серая, отличная от красной «Распродажа») */
.labels .out-of-stock { background: #6b6b6b !important; color: #fff !important; }
.btn.btn-disabled { cursor: default; }

/* Плашка cookie (152-ФЗ) */
.cookie-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9997;
  background: #fff;
  border-top: 1px solid var(--border, #ececec);
  box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.08);
  padding: 18px 0;
  font-family: 'Cera Pro', sans-serif;
}
.cookie-bar .cont { gap: 28px; }
.cookie-bar-text {
  font-size: var(--fs-14, 14px);
  line-height: 1.5;
  color: var(--text-gray, #5a5a5a);
}
.cookie-bar-text a { color: var(--green, #0b4e0b); text-decoration: underline; }
.cookie-bar-btn {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 14px 38px;
}
.cookie-bar.is-hidden { display: none; }
/* пока плашка видна — приподнимаем низ футера, чтобы копирайт не прятался */
.has-cookie-bar #footer { padding-bottom: 130px; }
@media (max-width: 800px) {
  .has-cookie-bar #footer { padding-bottom: 210px; }
}
@media (max-width: 800px) {
  .cookie-bar .cont { flex-direction: column; gap: 14px; text-align: center; }
}

/* Оформление заказа в корзине: способ получения, радио, выбор магазина */
.cart-summary input[type="text"],
.cart-summary input[type="email"],
.cart-summary textarea,
.cart-summary .select-wrap select {
  width: calc(100% - 50px) !important;
}
.cart-summary .select-wrap select {
  width: calc(100% - 0px) !important;
}
.cart-summary textarea {resize: none;}
.order-delivery { margin: 6px 0 14px; }
.order-delivery-title {margin-bottom: 18px; }
.cart-order-form .radio {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  margin-bottom: 17px;
  font-size: var(--fs-16, 16px);
  color: var(--green);
}
.cart-order-form .radio input { display: none; }
.cart-order-form .radio .dot {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #fff;
/*  border: 1px solid var(--border-input, #e3e3e3);*/
  background: #fff;
}
.cart-order-form .radio input:checked + .dot {
  position: relative;
/*  border-color: var(--green, #0b4e0b);*/
/*  background: var(--green, #0b4e0b);*/
}
.cart-order-form .radio input:checked + .dot:before {
  content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 16px; height: 16px; border-radius: 16px; background: var(--green, #0b4e0b);
}
.delivery-block { margin-bottom: 14px; }
.delivery-block.js-delivery-courier {}
.delivery-block.js-delivery-courier input {}
.select-wrap { position: relative; }
.select-wrap select {
  height: 56px;
  padding: 0 46px 0 22px;
  border: 1px solid var(--border-input, #e3e3e3);
  border-radius: 16px;
  background: #fff;
  font-family: 'Cera Pro', sans-serif;
  font-size: var(--fs-16, 16px);
  color: var(--text-muted-2, #9a9a9a);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.select-wrap select option { color: var(--text, #000); }
.select-wrap:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  pointer-events: none;
  background-color: var(--text-muted, #8c8c8c);
  -webkit-mask: url(/assets/mega/icons/strelka.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/strelka.svg) center / contain no-repeat;
}
.delivery-note {
  color: var(--red, #ff0000);
  font-size: var(--fs-12, 12px);
  line-height: 1.5;
  margin: 2px 0px 19px 0px;
}

/* Карты Яндекса: гасим глобальные transition/max-width (иначе метки и тайлы
   «дёргаются» при перемещении из-за правила body * { transition: all .2s }) */
#shops-map, #shops-map *,
#map-canvas, #map-canvas * {
  transition: none !important;
}
#shops-map img,
#map-canvas img {
  max-width: none !important;
}

/* Плашка перехода в админку (видна только админу на витрине) */
.admin-fab {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9998;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: var(--green, #0b4e0b);
  color: #fff;
  border-radius: 30px;
  font-family: 'Cera Pro', sans-serif;
  font-size: var(--fs-15, 15px);
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(11, 78, 11, 0.32);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.admin-fab:hover {
  background: #000;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.3);
}
.admin-fab-ico {
  width: 18px;
  height: 18px;
  background-color: #fff;
  -webkit-mask: url(/assets/mega/icons/strelka.svg) center / contain no-repeat;
  mask: url(/assets/mega/icons/strelka.svg) center / contain no-repeat;
  transform: rotate(-90deg);
}

/* Выбор города в шапке */
.city-select { position: relative; }
.city-drop {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 200px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 12px 34px rgba(0,0,0,0.14);
  padding: 8px 0;
  z-index: 104;
  display: none;
}
.city-select.open .city-drop { display: block; }
.city-drop a {
  display: block;
  padding: 9px 18px;
  font-size: var(--fs-14, 14px);
  color: var(--text, #000);
  white-space: nowrap;
}
.city-drop a:hover { background: var(--green-light, #f4faf5); color: var(--green, #0b4e0b); }
.city-drop a.active { color: var(--green, #0b4e0b); font-weight: 500; }

/* Магазины: выбранный пункт списка */
.shop-item.js-shop-item { cursor: pointer; transition: background .2s ease, box-shadow .2s ease; }
.shop-item.js-shop-item:hover { background: var(--green-light, #f4faf5); }
.shop-item.js-shop-item.active {
  background: var(--green-light, #f4faf5);
  box-shadow: inset 4px 0 0 var(--green, #0b4e0b);
}

/* Активное избранное — заливаем иконку красным (mask + currentColor) */
.fav-btn.active,
.ico-btn-fav.active {
  color: var(--red, #ff0000);
}

/* Карточка товара: по умолчанию контур (heart_1), при добавлении в избранное — сплошное (heart_2) */
.fav-btn.active:before {
  -webkit-mask-image: url(/assets/mega/icons/heart_2.svg);
  mask-image: url(/assets/mega/icons/heart_2.svg);
}

/* Анимация «лайка» при клике по избранному */
.fav-btn, .ico-btn-fav { position: relative; }
@keyframes fav-pop {
  0%   { transform: scale(1); }
  25%  { transform: scale(1.4); }
  45%  { transform: scale(0.85); }
  70%  { transform: scale(1.12); }
  100% { transform: scale(1); }
}
.fav-anim { animation: fav-pop .5s ease; }
@keyframes fav-ring {
  0%   { transform: translate(-50%, -50%) scale(0.3); opacity: 0.5; }
  100% { transform: translate(-50%, -50%) scale(1.9); opacity: 0; }
}
.fav-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--red, #ff0000);
  pointer-events: none;
  z-index: 1;
  animation: fav-ring .5s ease-out forwards;
}

/* Ошибка валидации формы (логин/регистрация) */
.form-error {
  color: var(--red, #ff0000);
  font-size: var(--fs-14, 14px);
  margin: 4px 0 12px;
}

/* Текстовые поля и пароль на сайте (исключая поиск, поле кол-ва и админку) */
input[type="text"]:not(.js-search-input):not(.js-cart-count):not(.form-control),
input[type="password"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="search"]:not(.js-search-input):not(.form-control),
textarea:not(.form-control) {
  width: 100%;
  height: 56px;
  padding: 0 24px;
  border: 1px solid var(--border-input);
  border-radius: 16px;
  background: var(--bg);
  font-family: 'Cera Pro', sans-serif;
  font-size: var(--fs-16);
  color: var(--text);
  transition: border-color .2s ease, box-shadow .2s ease;
}
textarea:not(.form-control) {
  height: auto;
  min-height: 120px;
  padding: 16px 24px;
  line-height: 1.5;
  resize: vertical;
}
input[type="text"]:not(.js-search-input):not(.js-cart-count):not(.form-control)::placeholder,
input[type="password"]:not(.form-control)::placeholder,
input[type="email"]:not(.form-control)::placeholder,
input[type="tel"]:not(.form-control)::placeholder,
textarea:not(.form-control)::placeholder {
  color: var(--text-muted);
}
input[type="text"]:not(.js-search-input):not(.js-cart-count):not(.form-control):focus,
input[type="password"]:not(.form-control):focus,
input[type="email"]:not(.form-control):focus,
input[type="tel"]:not(.form-control):focus,
input[type="search"]:not(.js-search-input):not(.form-control):focus,
textarea:not(.form-control):focus {
  outline: none;
  border-color: var(--green);
  box-shadow: 0 0 0 3px var(--green-light);
}

/* Кнопка «Товар в корзине» — приглушённое (неактивное) состояние */
.btn-green.in-cart {
  background: #fff;
  color: var(--green, #0b4e0b);
  box-shadow: inset 0 0 0 2px var(--green, #0b4e0b);
}
.btn-green.in-cart:hover {
  background: var(--green, #0b4e0b);
  color: #fff;
}

/* Галерея товара: кликабельные стрелки прокрутки превью (вниз / вверх) */
.gallery-big.js-gallery-open { cursor: zoom-in; }
.gallery-thumbs-list { scroll-behavior: smooth; overflow-y: hidden; }
.gallery-thumbs-arrow {
  pointer-events: auto;
  cursor: pointer;
  transition: transform .3s ease, opacity .3s ease;
}
.gallery-thumbs-arrow.js-thumbs-down.is-hidden {
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
}
.gallery-thumbs-arrow-up {
  top: 0;
  bottom: auto;
  align-items: flex-start;
  background: linear-gradient(to bottom, var(--bg) 38%, rgba(255, 255, 255, 0));
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
.gallery-thumbs-arrow-up.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.gallery-thumbs-arrow-up:after {
  margin-bottom: 0;
  margin-top: 16px;
  transform: rotate(180deg);
}

/* Горизонтальный слайдер товаров (похожие / просмотренные) со стрелками */
.slider-wrap { position: relative; }
.slider-wrap .product-slider {
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 6px;
}
.slider-wrap .product-slider::-webkit-scrollbar { display: none; }
.slider-wrap .product-slider .product-item {
  flex: 0 0 calc(25% - 16px);
  max-width: calc(25% - 16px);
}
.slider-nav {
  position: absolute;
  top: 35%;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: transparent;
/*  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);*/
  cursor: pointer;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-nav img { width: 16px; height: 16px; }
.slider-nav:hover { transform: scale(1.2); }
.slider-prev { left: -40px; }
.slider-prev img { transform: rotate(90deg); }
.slider-next { right: -40px; }
.slider-next img { transform: rotate(-90deg); }

/* Меню каталога (мобильный): поиск, телефон, email */
.catalog-menu-search,
.catalog-menu-contacts { display: none; }
@media (max-width: 800px) {
  .catalog-menu-search {
    display: block;
    width: auto;
    margin: 4px 20px 20px;
  }
  .catalog-menu-search input { width: calc(100% - 80px); height: 50px; }
  .catalog-menu-contacts {
    display: flex;
    margin: 22px 20px 0;
    padding-top: 18px;
    border-top: 1px solid rgba(11, 78, 11, 0.15);
  }
  .catalog-menu-phone { font-size: var(--fs-20, 20px); font-weight: 600; color: var(--green, #0b4e0b); text-decoration: none; }
  .catalog-menu-phone span { position: relative; padding-left: 38px; display: inline-block; }
  .catalog-menu-phone span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background-color: currentColor;
    -webkit-mask: url(/assets/mega/icons/phone.svg) center / contain no-repeat;
    mask: url(/assets/mega/icons/phone.svg) center / contain no-repeat;
  }
}

/* Бейдж количества выбранных значений в фильтре */
.filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-left: 7px;
  background: var(--red, #ff0000);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  border-radius: 9px;
  vertical-align: middle;
}
/* подсветим саму кнопку фильтра, если что-то выбрано */
.filter-drop.has-selected > .filter-drop-btn { color: var(--green, #0b4e0b); font-weight: 500; }
/* название + бейдж — единой группой слева, стрелка остаётся справа */
.filter-drop-btn .filter-drop-label { display: inline-flex; align-items: center; }
.filter-drop-btn .filter-count { margin-left: 8px; }

/* Каталог на мобильном: дерево категорий и фильтры — в выезжающих панелях */
.catalog-toolbar { display: none; }
.drawer-close { display: none; }
@media (max-width: 800px) {
  .catalog-toolbar { display: flex; gap: 12px; margin: 0 0 20px; }
  .catalog-toolbar-btn {
    flex: 1;
    height: 50px;
    border: 1px solid var(--green, #0b4e0b);
    border-radius: 14px;
    background: #fff;
    color: var(--green, #0b4e0b);
    font-family: 'Cera Pro', sans-serif;
    font-size: var(--fs-16, 16px);
    cursor: pointer;
  }

  /* общие свойства выезжающей панели */
  .catalog-side,
  .filters {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 86%;
    max-width: 340px;
    background: #fff;
    z-index: 1001;
    transform: translateX(-100%);
    transition: transform .3s ease;
    overflow-y: auto;
    padding: 24px 20px;
    align-items: stretch;
    justify-content: flex-start;
  }
  body.cat-side-open .catalog-side { transform: translateX(0); box-shadow: 0 0 50px rgba(0, 0, 0, 0.22); }
  body.cat-filters-open .filters { transform: translateX(0); box-shadow: 0 0 50px rgba(0, 0, 0, 0.22); }

  /* фильтры внутри панели — в столбик */
  .filters { flex-direction: column; gap: 16px; }
  .filters-left { flex-direction: column; align-items: stretch; gap: 14px; width: 100%; }
  .filters .filter-drop,
  .filters .filter-drop.sort { width: 100%; }
  .filters .filter-drop-body { position: static; box-shadow: none; padding-top: 6px; }

  .catalog-side .drawer-close,
  .filters .drawer-close {
    display: flex;
    padding: 0 0 20px;
    margin-bottom: 4px;
  }

  .catalog-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
  }
  body.cat-side-open .catalog-drawer-overlay,
  body.cat-filters-open .catalog-drawer-overlay { opacity: 1; visibility: visible; }
}

/* Мобильный: без стрелок-слайдера — простой горизонтальный скролл (тач) */
@media (max-width: 800px) {
  .slider-wrap .slider-nav { display: none; }
  .slider-wrap .product-slider {
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    gap: 14px;
  }
  .slider-wrap .product-slider .product-item {
    flex: 0 0 46%;
    max-width: 46%;
    scroll-snap-align: start;
  }
}
@media (max-width: 600px) {
  .slider-wrap .product-slider .product-item {
    flex: 0 0 70%;
    max-width: 70%;
  }
}

/* Пуш-уведомление о добавлении товара в корзину «Мега Ивушка» */
.cart-push {
  position: fixed;
  top: 24px;
  right: 24px;
  width: 360px;
  max-width: calc(100vw - 32px);
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
  padding: 20px 22px;
  z-index: 9999;
  transform: translateX(120%);
  opacity: 0;
  transition: transform .35s ease, opacity .35s ease;
  font-family: 'Cera Pro', sans-serif;
}
.cart-push.show {
  transform: translateX(0);
  opacity: 1;
}
@media (max-width: 800px) {
  .cart-push {
    left: 12px;
    right: 12px;
    top: 12px;
    width: auto;
    max-width: none;
    transform: translateY(-150%);
  }
  .cart-push.show { transform: translateY(0); }
}
.cart-push-close {
  position: absolute;
  top: 10px;
  right: 14px;
  border: 0;
  background: none;
  font-size: 24px;
  line-height: 1;
  color: #b5b5b5;
  cursor: pointer;
}
.cart-push-close:hover { color: #000; }
.cart-push-title {
  font-weight: 600;
  font-size: 16px;
  color: var(--green, #0b4e0b);
  margin-bottom: 14px;
  padding-right: 20px;
}
.cart-push-body {
  display: flex;
  align-items: center;
  gap: 14px;
}
.cart-push-img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 12px;
  flex: 0 0 auto;
  background: #f4f4f4;
}
.cart-push-info { min-width: 0; }
.cart-push-name {
  font-size: 14px;
  line-height: 1.3;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cart-push-price {
  font-weight: 700;
  font-size: 16px;
  margin-top: 6px;
}
.cart-push-btn {
  display: block;
  text-align: center;
  margin-top: 16px;
  padding: 12px 18px;
  background: var(--green, #0b4e0b);
  color: #fff;
  border-radius: 14px;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
}
.cart-push-btn:hover { background: #000; }

/* Заголовок главной: нужен для поиска, в макете его нет — делаем неброским */
.page-h1 {
  margin: 0 0 18px;
  font-size: 20px;
  font-weight: 500;
  color: var(--text-gray, #5a5a5a);
}
@media (max-width: 767px) { .page-h1 { font-size: 17px; margin-bottom: 12px; } }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Дизайн «Мега Ивушка» — стили из mega_html, подключённые через asset pipeline.
 *










 */