@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic,cyrillic-ext,latin-ext');

body{opacity:1;}

/* new styles */

/**
 * furtive - A forward-thinking, CSS micro-framework. Minimal by design.
 * @author John Otander <johnotander@gmail.com> (http://johnotander.com/)
 * @version v2.4.0
 * @link https://github.com/johnotander/furtive
 * @license MIT
 */

/* @import url('https://fonts.googleapis.com/css?family=Exo+2'); */

/*! excerpts from normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * Remove default margin.
 */
body { margin: 0; font-family: 'Roboto', sans-serif !important; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
aside,
details,
main,
summary {
  display: block; }

/**
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

*, *::after, *::before {
  box-sizing: border-box; }

.measure {
  max-width: 48rem;
  margin: 0 auto; }

a { color: #0f0f0f; text-decoration: none; }
a:hover, a:focus, a:active { color: #1A4E85; }

html { font-size: 12px; }

body {
  /* font-family: sans-serif; */
  max-width: 1500px;
  font-size: 13px;
  background:#fff;
  font-weight: 400;
  line-height: 1.85;
  color: #333;
  scrollbar-base-color: #C0C0C0;
  scrollbar-base-color: #C0C0C0;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  margin: auto;
}

/*mozilla scrolbalken*/
@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgb(0,0,255) !important;
}

thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: rgb(255,0,0) !important;
}

scrollbarbutton {
   display: none !important;
}

scrollbar[orient="vertical"] {
  min-width: 15px !important;
}
}
/**/
.scrollbar-container {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: 20px;

    border: 4px solid rgba(0, 0, 0, 0.2);
    overflow: auto;
    background-color: whiteSmoke;
}
.scrollbar-container .inner {
    height: 2011px;
    width: 1985px;
    padding: 1em;
    background-color: #ecf0f1;
    /* font-family: sans-serif; */
}
::-webkit-scrollbar {
    background: #fff;
}
::-webkit-scrollbar-thumb {
    background-color: #999;
    border:0;
    border-right: solid #fff 12px;
    border-top: solid #fff 12px;
    border-bottom: solid #fff 12px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

p,
{
  font-size: 1rem;
  margin-bottom: 1.3rem; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  margin: 1.414rem 0 0.5rem;
  font-weight: inherit;
  line-height: 1.42; }

h1,
.h1 {
  margin:10px 8px 10px 8px;
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  height:auto;
  overflow: hidden;
  width: calc(100% - 30px);
  text-align: left;
}

h1.prt { width:100%; border:4px solid #eee; border-top: 0; border-bottom:0; margin:0; padding:10px; }

h2,
.h2 {
  font-size: 1.2rem;
font-weight: bold; }

h3,
.h3 {
  font-size: 1.999rem; }

h4,
.h4 {
  font-size: 1.414rem; }

h5,
.h5,
table th {
  font-size: 1.121rem; }

h6,
.h6 {
  font-size: .88rem; }

small,
.small {
  font-size: 0.707em; }

pre,
code {
  font-family: "Monaco", "Lucida Console", Courier, monospace; }

.caps, table th {
  font-variant: small-caps; }

.justify {
  text-align: justify; }

.muted {
  opacity: .7; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.center {
  margin: auto auto; }

.txt-c {
  text-align: center; }

.txt-r {
  text-align: right; }

.txt-l, table th {
  text-align: left; }

img,
canvas,
iframe,
video,
svg,
select,
textarea {
  max-width: 100%; }

.list--unstyled {
  list-style-type: none; }

input,
select,
textarea {
  padding: .5rem;
  margin-bottom: .5rem;
  display: block;
  width: 100%;
  box-shadow: none;
  border: thin solid rgba(216, 216, 216, 0.99); }

input[type="submit"] {
  margin-top: .85rem; }

input[type="checkbox"] {
  display: inline-block;
  vertical-align: bottom;
  width: auto; }

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start; }

.media .media-figure {
  margin-right: 1em; }

.media .media-body {
  -ms-flex: 1 0 0;
      flex: 1 0 0; }

table > thead {
  border-bottom: thin solid rgba(250, 250, 250, 0.99); }

table th,
table td {
  padding: .25rem;
  word-wrap: normal;
  line-height: 1; }

.p2 { padding:2%; }

.nos, #head, #atts, #buy, #ptab, #m, .m {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

@-webkit-keyframes col {
0% { background: transparent}
30% {background: #f50}
100% { background: transparent}
}
@-moz-keyframes col {
0% { background: transparent}
30% {background: #f50}
100% { background: transparent}
}
@-ms-keyframes col {
0% { background: transparent}
30% {background: #f50}
100% { background: transparent}
}
@-o-keyframes col {
0% { background: transparent}
30% {background: #f50}
100% { background: transparent}
}
@keyframes col {
0% { background: transparent}
30% {background: #f50}
100% { background: transparent}
}

.col {
  -webkit-animation: col ease 2s 99;
  -moz-animation: col ease 2s 99;
  -o-animation: col ease 2s 99;
  -ms-animation: col ease 2s 99;
  animation: col ease 2s 99;
}

/* ---- CUSTOM floy.com.ua STYLES */

#head {
  width: 100%;
  max-width: 1500px;
  overflow: hidden;
  position: fixed;
  text-align: left;
  z-index: 3;
  background:#0f0f0f;
  box-shadow:0px 3px 8px rgba(200,200,200,0.4);
  /* border-bottom:1px solid #fff; */
}

.hbt {
  width:40px;
  height:100%;
  font-weight: bold;
  float:left;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 0;
  color:#fff;
  /* color:#2645ff; text-shadow:-1px 0 0 #fff,0 0 6px #a3eaff;*/
}

.rhbt {float:right;}

.hbt svg {
  width:40px;
  height:40px;
  margin:8px auto;
}

.rhbt svg { width:30px; height:30px; margin:13px 5px; }

/* #srch svg { width:26px; } */

#logo {
  /* color: #000;
  font-size: 2.5rem; */
}

#logo{
    /* background-image:url(../images/logo.png);
    background-repeat: no-repeat;
    background-size:101px 47px; */
    width:152px;
    height:56px;
    margin-left:10px;
    margin-right:auto;
    display: inline-block;
}

#logo svg { fill: #fff; width:136px; margin:15px 8px; }

#cart, #srch, #info, #catalog {cursor: pointer;}
#catalog {background: #ff6801; width:56px; height:56px; transition: .2s;} /* 00407D 087eb6 */
#catalog:hover {background: #313131; transition: .3s;}
#cart { padding-right:8px; width:48px; }
#cart b { display: inline-block; font-size: 0.9rem; height:20px; width:20px; border-radius: 10px; line-height: 21px; background: #ff6801; color:#fff; position: absolute; right: 8px; top: 8px; }

@media(min-width:200px){
  #head { height:56px; line-height: 56px; }
  /* #logo { width:100px; height:47px; }
  #logo svg{ margin-top:12px; } */
  /* #cart  { width:100px; } */
  #info, #srch { width:40px; display: none;}
  #catalog, #cart, #info { font-size: 1.2rem; }
}

@media(min-width:358px){
  #info, #srch { width:40px; display: block;}
  /* .hbt svg {width:28px;} */
  /* #logo { width:90px; height:47px; }
  #logo svg{ margin-top:15px; } */
  /* #cart { width:80px; } */
  #cart, #info { font-size: 1.2rem; }
}

@media(min-width:420px){
  #info, #srch { width:40px; display: block;}
  .hbt svg {width:35px;}
  /* #logo { width:110px; height:47px; }
  #logo svg{ margin-top:12px; } */
  /* #catalog, #cart, #info  { width:25%; font-size: 1.2rem; } */
}

#tp { height:56px;}

/* Banners */

#bnrs { width:100%; min-height:100px; position: relative; overflow-y: hidden; overflow-x: hidden; clear: both; margin-top:5px;}
#bnrs #sl { width:calc(70% - 5px); position: relative; overflow-y:hidden; overflow-x:scroll; font-size: 0; white-space: nowrap; clear: both;}
#bnrs #sl a{ width:100%; margin:5px 0 0 0; display:inline-block;}
#bnrs #sl a img { width:100%; }

#bnrs a.spoff{ width:50%; position: absolute; left:70% !important; top:0; opacity: 1 !important; background: #fff;}
#bnrs a.spoff:last-child{top:50%;}
#bnrs a.spoff img{ width:calc(70% - 10px); }

/* new */
#bnrs a { margin:0 auto; width:calc(70% - 5px); display: inline-block; float:left; }

#bnrs a{ position: absolute; top:0; left:0;}

#bnrs a:nth-child(n+2){left:100%; opacity: 0;}
#bnrs a:last-child{left:-100%;}
#bnrs a.movel {left: -100%; transition: 0.3s;}
#bnrs a.mover {left: 100%; transition: 0.3s;}
#bnrs a.next {left: 0; transition: 0.3s; opacity: 1; transition-property: opacity;}
/* end new */

#ibnrs { height:30px; line-height:20px; padding:0 20px; background:#fff; text-align: left; display:block; margin-bottom:20px; }
#ibnrs div { display: inline-block; width:8px; height:8px; border-radius: 4px; margin:11px 4px 11px 4px; background: #eee;}
#ibnrs div.on { transition:0.3s; background: #0f0f0f;}

@media(min-width:500px) {
  #ibnrs div.ispoff { display: none;}
}

#mh1 { margin-top:0px; text-align: center; font-weight: normal; font-size: 1.2rem; color:#0f0f0f;}

@media(max-width:500px) {
  #mh1 { margin-top:0px; text-align: left; padding:0 15px;}
  #bnrs { width:100%; overflow-y: hidden; overflow-x: hidden; font-size: 0; white-space: nowrap; clear: both;}

  #bnrs a { margin:0 auto; width:100%; display: inline-block; float:left; }

  /* #bnrs #sl { width:100%; display:inline-block; float:left; overflow-y:hidden; overflow-x:scroll; font-size: 0; white-space: nowrap; clear: both;}
  #bnrs #sl a{ width:100%; margin:5px 0 0 0; display:inline-block;}
  #bnrs #sl a img { width:100%; } */

  #bnrs a.spoff{ width:100% !important; left:100% !important; display: inline-block; position: absolute;}
  /* #bnrs a.spoff{ width:100%; display: inline-block; position: absolute; top:5px; left:auto;} */
  /* #bnrs a.spoff:nth-child(2){top:5px;}*/
  /* #bnrs a.spoff img{ width:100%; } */
}


/* Key values */
#kv { margin-top:15px; }
#kv svg{ width:80px; fill:#0f0f0f;}
#kv h4{ font-size:1rem; color:#0f0f0f; line-height: 10px; font-weight: normal;}
#kv div{ overflow:hidden; height:200px; text-align: center; display: inline-block;}
#kv { text-align: center; overflow: hidden;}

@media(min-width:300px) {
  #kv svg{ width:35px; height:35px; margin:5px; margin-left:15px; margin-right:25px; float:left;}
  #kv div{ width:100%; text-align: left; padding:0 10px; height:45px;}
  #kv h4 { line-height: 18px; font-size: 1.2rem; margin:5px; }
}

@media(min-width:410px) {
  #kv svg{ width:35px; height:35px; margin:5px; float:none;}
  #kv div{ width:33%; float:left; text-align: center; padding:0 10px; height:100px;}
  #kv h4 { line-height: 14px; font-size: 1rem; margin:0px; }
}

@media(min-width:730px) {
  #kv { text-align: center; }
  #kv svg{ width:35px; height:35px; margin:5px; float:left;}
  #kv div{ max-width:220px; margin-right:20px; float:none; text-align: center; padding:0 10px; height:70px;}
  #kv h4 { display: inline-block; text-align:left; margin-top:10px; }
}

.sl {white-space:nowrap;height:140px;overflow-y:hidden; overflow-x:scroll; font-size: 0; display:block;margin:15px 0;}
.sl a {overflow:hidden;display:inline-block; width:100px; height:140px;}
.sl a img {width:80px;height:80px;}
.sl a b{font-size:0.9rem; color:#000;font-weight:normal; white-space: pre-wrap; display: block; line-height: 14px; width:100px; padding:0 5px;}
.sl a b small{color:#888;font-size: 0.9rem;}

#manuf, #manuf a { height:80px; }
#manuf a img { height:auto; }

#brnd, #brnd a { height: 60px; }
#brnd a { width:80px; }
#brnd a img { height:50px; width:50px; margin:0 15px;}

#popp, #popp a { height:200px; }
#popp a { margin-right:10px; }
#popp a img { height:100px; width:100px; }
#popp a b{font-size:0.9rem; color:#000;font-weight:normal; white-space: pre-wrap; display: block; height:auto; max-height:50px; overflow: hidden; line-height: 12px; width:100px; padding:0 5px;}
#popp a big { position: relative; font-size: 1.0rem; color:#000; display: block; width:60%; padding-left: 5px; height:30px; line-height:30px; text-align: left; float:left; }
#popp a big i{ font-size: 1.2rem; font-style: normal; display: block; height:40px; line-height:40px; font-weight: bold; color:#ff6801;}
#popp a big i.pold { height:28px; line-height: 24px; }
#popp a big s{ font-size: 1rem; margin-top:-17px; display: block; color:#999;}

#relp { margin:0 0; }
#relp, #relp a { height:180px; }
#relp a { width:130px; }
#relp a img { height:120px; width:120px; margin-bottom:10px; }
#relp a b { width:120px; font-size: 1rem;}

#mnw { height:165px; }
#mnw a { width:165px; height:165px; }
#mnw a .slimg { width:160px; height:80px; display: inline-block; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: #eee; }
#mnw a b { width:160px; font-size:1rem; height:40px; overflow: hidden;}
#mnw a u { display: block; height:30px; line-height: 30px; text-decoration: none; font-size: 0.9rem; color:#888;}
#mnw a u i { width:16px; height:16px; border-radius:8px; border:1px solid #888; margin:7px 10px 7px 4px; display: inline-block; float:left; font-style: normal; line-height: 12px; text-align: center; font-size: 1.5rem; transform: rotate(142deg);}

#mcatwrap { width:100%; height:60px; background: #eee; float:left; }
#mcat { width:calc(100% - 20px); transition: .2s; cursor:pointer; font-size:1.5rem; height:40px; line-height: 40px; margin:10px auto; max-width: 220px; background: #ff6801; color:#fff; text-align: center; }
#mcat:hover { width:calc(100% - 20px); background: #313131; max-width:calc(100% - 20px); transition: .3s;}

/* Breadcrumbs */

#path {
  padding-left: 2rem;
  padding-right: 1rem;
  text-align: left;
  font-size: 1rem;
  height:40px;
  line-height: 45px;
  white-space: nowrap;
  overflow: hidden;
  display: none;
}

#path * {display: none;}

@media(min-width:320px){
  #path *:nth-last-child(-n+1) {display: inline;}
}

@media(min-width:500px){
  #path *:nth-last-child(-n+3) {display: inline;}
}

@media(min-width:1000px){
  #path * {display: inline;}
}

#path a { padding:15px 5px 5px 5px; text-decoration: none; color:#999;  }
#path a i { font-style: normal; color:#999;  }

/* Main menu */
#mcont { display: none;}
#bo { cursor:pointer; position: fixed; top:0; left:320px; background: transparent; min-height: 100%; min-width: 100%; display: block; z-index: 99;}

.m, #m {
  width:320px;
  height:100%;
  box-shadow: 0 10px 10px 5px rgba(0,0,0,.2), 1600px 1600px 0px 1600px rgba(180,180,180,0.95);
  background:#fff;
  top:0px;
  left:-320px;
  position: fixed;
  /* padding:10px 20px 100px 20px; */
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
  display: none;
  transition:0.4s ease-out;
}

#mhead, #mfoot { height: 56px; background: #313131; color:#fff; width:320px; padding:0 18px;  }
.mc { width:332px; overflow-x: hidden; overflow-y: scroll; height: calc(100% - 56px);}
#inmc { padding:20px 10px 20px 20px; width:320px; height:auto; position: relative; color:#313131; min-height: calc(100% - 56px);}
#mfoot { display: inline-block;}
#mhead { font-size: 10px; letter-spacing: 1px; }
#mhead #logo { display: block; margin:0; width:100%; height:36px;}
#mhead #logo i { height: 36px; }
#mhead #logo i svg { width: 114px; margin:9px 0px; }

.m {
  left:-320px;
  box-shadow: none;
  z-index: 100;
  height: calc(100% - 56px);
  top: 56px;
  opacity: 0;
}

.m .mc { height: calc(100% - 40px); }
#m b.off {
  cursor:pointer;
  width:56px;
  height:56px;
  position: absolute;
  right:0;
  top:0;
  text-align: center;
  font-size: 36px;
  line-height: 56px;
  text-shadow: 0px 1px 0px #000;
}
#m b.off svg { width:24px; height:24px; }
.m b.off {
  position: relative;
  display: block;
  cursor: pointer;
  font-size:1rem;
  box-shadow: 0px -5px 10px 5px #fff;
  background:#8e98a7;color:#fff;
  width:320px; height:40px; line-height: 40px;
  text-align: left;
  font-weight: normal;
  padding:0 5px;
}

.m-on {
  left:0px !important;
  opacity: 1;
  /* transition-delay: 0.2s;
  transition: 0.4s; */
}

@media(min-width:600px){
  .m {
    left:300px;
    z-index: 100;
  }

  #m b.off, .m b.off { display: none; }
}

#m hr, .m hr { margin: 15px 20px 15px 0; color: #ddd; border-style: solid; border-width: 0.7px; }

#m a, #m i, .m a, .m i {
  display: block;
  height:36px;
  line-height: 36px;
  /* padding:0 20px; */
  white-space: nowrap;
  font-size: 1.3rem;
  text-decoration: none;
  color:#000; /* 2645ff */
  transition:0.3s;
  font-style: normal;
  cursor: pointer;
}

#m i b, #m a b { display: inline-block; height:36px; width:40px; float:left; }
#m i b svg, #m a b svg { margin:7px 0; width: 22px; height: 22px; fill:#ff6801; }

#m a, #m i { font-size: 1.3rem; }
#m a.bt { font-size: 1.2rem; color:#0f0f0f; height:44px; line-height: 44px; }

#m i u, .m i u, .m b.off u { text-decoration: none; display: inline-block; width: 36px; height:36px; float:right; color:#ff6801; font-size: 22px; text-align: center;}
.m b.off u { float:left; color:#fff; width:40px; height:40px; line-height: 40px; }

.m a, .m b, .m i { padding:0 20px; }
.m b { color:#313131; }

.m .srnv { display: none; }
.m .opsrnv { height: 36px; line-height: 45px; border-bottom: 1px dotted #0f0f0f; color:#0f0f0f; display: inline-block; margin-top:-8px; margin-left: 20px; margin-bottom: 20px; }

/* #m i, #m a { font-size: 1.6rem;} */

/* .m a:hover { font-size: 1.6rem; transition:0.3s; } */

/* #m a:hover { padding:0 15px 0 25px; transition:0.3s; } */

/* products list */

.prods { padding:0; margin:0 auto; }

.p {
  overflow: hidden;
  height:auto;
  box-shadow: 0px 0px 10px 0px rgba(100,100,100,0.2);
  display: block;
  float:left;
  position: relative;
  line-height: 15px;
  background: #fff; /*#f0eee2;*/
  margin:0 2.5px 5px 2.5px !important;
  width: calc(50% - 5px);
  text-align: center;
}

.nis { opacity: 0.5; }
.nis img {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.p a {display: block;}
.p img { width:150px; margin:0px auto; }

/* .p .im { display: block; position: relative; width: 100%; height:150px; background-size: cover; background-position: center center; background-repeat: no-repeat; } */
/* .p:hover .im { opacity: 0.3; transition:0.7s;  } */
.p span { display: block; width:100%; margin:10px 0 3px 0; height:24px; font-size:0.9rem; line-height: 12px; overflow: hidden; font-weight: normal; text-align: left; color:#000; padding:0 5px;  }
.p:hover b { top:0; opacity: 1; transition:0.3s; }
.p big { position: relative; font-size: 1.0rem; color:#000; display: block; width:40%; padding-left: 5px; height:45px; line-height:40px; text-align: left; float:left; }
.p big i { font-size: 1.2rem; font-style: normal; display: block; height:40px; line-height:40px; font-weight: bold; color:#ff6801;}
.p big i.pold { height:30px; line-height: 30px; }
.p big s { font-size: 1rem; margin-top:-22px; display: block; color:#999;}
.p u { text-decoration: none; padding:0px 5px; left:3px; top:3px; font-size: .9rem; font-weight: bold; position: absolute; height:30px; line-height: 26px; border:2px solid #fff; color:#fff; width:auto;}
/* marks */
.p u.d { background: #f00; border-left:2px solid #fff; height:24px; line-height: 20px; left:3px; top:3px; } /* without class for discounted price */
.p u em{ font-style: normal; font-size: 1.1rem; }
.p u s{ display: block; font-size: 1.1rem; line-height: 10px; } /* stroked old price */
.p u.hit   { background: #0a0; }
.p u.markdown { background: #a00; }
.p u.novinka { background: #07c; }
.p u.sale { background: #d09; }
.p u.skoro { background: #d4b; }
.p u.sk { background: #777; }

.p span.buy {
  display: block;
  width:calc(50% - 5px);
  height:24px;
  line-height: 24px;
  margin:11.5px 5px 0 0;
  text-align: center;
  color:#fff;
  background: #ff6801;
  float: right;
  cursor: pointer;
}

.p span.buy:hover {
  color:#fff;
  background: #f00;
}

.p .fdel { height:24px; line-height:10px; font-size:0.85rem; color:#777; padding:5px 0; width:calc(60% - 10px); float:right; margin-top:7px; text-align: left; }
.p .fdel svg { width:28px; height:20px; margin-right:5px; fill:#777; float:left; }

.p span.sold { color:#ddd; font-size:0.9rem; background: transparent; text-shadow: none; }

@media(min-width:350px) { .p{ width: calc(50% - 5px); } .p img { width:170px; } }
@media(min-width:520px) { .p{ width: calc(33% - 5px); } }
@media(min-width:768px) { .p{ width: calc(25% - 5px); } }
@media(min-width:1000px){ .p{ width: calc(20% - 5px); } }
@media(min-width:1200px){ .p{ width: calc(16.66666666667% - 5px); } }

/* category filters */
#fwrp { height:34px; width: 38px; float: right; display: inline-block; text-align: center; margin:0;}
#ftr, #ask, #sbs { height:34px; line-height:34px; width:100%; display: inline-block; font-size: 1.2rem; color:#fff; margin:0; text-align: center; cursor: pointer;}
#ftrs { text-align: left; display: none; transition: 0.3s; overflow:hidden; background: #fff; margin:0 5px; margin-top:-10px; padding:0 5px 0 5px; }
#ftrs.on { display: block; transition: 0.3s; }
#ftrs .fgrp { margin:0px 0px 20px 0px; }
#ftrs .fgrp:nth-last-child(2) { margin:0px 0px 10px 0px; }
#ftrs .fgrp span{ padding:0 40px 5px 0px; color:#999; display:inline-block; }
#ftrs .fgrp a { font-size: 1.2rem; width:100%; display: inline-block; overflow: hidden; margin:0px 0px 0px 0px; height:28px; line-height: 28px; padding:0 40px 0px 35px; position: relative;}
#ftrs .fgrp a .chck { display: inline-block; width:20px; height:20px; position: absolute; left:3px; top:3px; background: #fff; border:1px solid #0f0f0f;}
#ftrs .fgrp a b { position: absolute; display: block; font-weight: normal; font-size: 1rem; color:#999; right:4px; top:4px; height:20px; line-height: 22px; width:30px; text-align: center;}
#ftrs .fgrp a.active .chck { background: #0f0f0f; box-shadow: inset 0 0 0 5px #fff;}

#ftr { background: #eee; color:#0f0f0f;}
#ftr b{display: inline-block;background: #fff;width: 24px;height: 24px;line-height: 24px;float: right;margin: 8px;color: #0f0f0f;}
#ftr svg { width:22px; height:22px; margin:6px; stroke:#0f0f0f; fill:#fff; }
#ftr.act svg { stroke:#f00; fill:#fff; }

#mart { padding:10px 15px; font-size: 1rem; line-height:15px; transition: .3s; height:200px; overflow: hidden; position: relative; color:#777;}
#mart.on { height:auto; padding:10px 15px 40px 15px; color:#000; transition:.3s; }
#mart h2, #mart h3 { font-size: 1.1rem; font-weight: bold; }
#mart h2 { font-size: 1.4rem; }
#exmart { height:30px; line-height: 30px; cursor:pointer; box-shadow:0px -10px 10px #fff; background: #fff; text-align: left; position: absolute; bottom:0; left:0; padding:0 15px; color:#0f0f0f; font-size: 1.1rem; width:100%; }
#exmart #martc { display: none; }
#mart.on #martc { display: inline; }
#mart.on #marto { display: none; }

#allacc { width:100%; display:none; margin-top:5px; white-space: nowrap; overflow: hidden; padding:0 10px 0 34px; line-height:34px; height:34px; background: #eee; font-weight: bold; position: relative;}
#allacc.act { background: #f00; color:#fff; display:inline-block;}
#allacc b { width:34px; height:34px; background: #f00; color:#fff; display: block; font-size: 16px; position: absolute; top:0; left:0; text-align: center; }


#pbar { height:34px; line-height: 34px; padding:0px 7px; margin-bottom: 20px; }

.pag { font-size: 14px; display: inline-block; overflow: hidden; }
.pag .pag-inf{ padding:0 10px 0 0; font-size:1rem; color:#999; display: inline-block; height:30px; line-height: 34px;}
#pag-bottom { padding:0px 10px; text-align: center;}
#pag-top {display: inline-block;}

#more { width:100%; max-width:250px; margin:0px auto 5px auto; cursor:pointer; text-align: center; height: 44px; line-height: 44px; font-weight:bold; background: #ff6801; color:#fff; font-size: 16px; padding:0 15px; display:block; overflow: hidden; }
#more.act { background: #fff; display: none; transition: 0.5s;}

#srt { height:34px; color:#0f0f0f; font-size:1rem; display: inline-block; position: relative;}
#srt #srt-inf { height:34px; background:#fff; border-bottom:1px dotted #0f0f0f; display: inline-block; padding:0 0 0 5px; overflow: hidden; cursor: pointer; white-space: nowrap;}
#srt #srt-inf b { width:20px; height:36px; display:inline-block; font-size: 16px; top:0; right:0; text-align: center; transform: rotate(90deg);}
#srt ul { width:165px; display:block; visibility:hidden; transition:0.2s; box-shadow: 0 5px 20px 0px #ccc; background: #fff; z-index: 1; position: absolute; top:0px; height:160px; list-style: none; padding: 0;}
#srt:hover ul { visibility: visible; transition: 0.3s; top:24px; }
#srt:hover { color:#999; }
#srt:hover #srt-inf { border-bottom:0; }
#srt ul li{ height:40px;}
#srt ul li a{ display: block; height: 40px; line-height: 40px; padding:0 0 0 15px;}
#srt ul li a:hover { transition: .3s; background: #eee; text-decoration: none;}

/* Product page */
#bck {
  display: block;
    height: 46px;
    line-height: 46px;
    padding: 0 15px 0 0;
    color: #000;
    font-size: 1.2rem;
    border: 4px solid #eee;
    border-bottom: 2px solid #eee;
    border-top: 0;
}
#bck u {
    float: left;
    width: 46px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 1.6rem;
}

#pwrp { background: #eee; float:left; width: 100%; position: relative;}

#iim { height:30px; line-height:20px; padding:0; background:#fff; border-right:4px solid #eee; border-left:4px solid #eee; text-align: center; display:block; }
#iim div { display: inline-block; width:8px; height:8px; border-radius: 4px; margin:11px 4px 11px 4px; background: #eee;}
#iim div.on { transition:0.3s; background: #0f0f0f;}

#im { width:100%; max-width:100%; max-height:500px; white-space: nowrap; font-size: 0; background:#fff; overflow-y:hidden; overflow-x: hidden; position: relative; cursor:pointer; height:auto; border:4px solid #eee; border-top:0; border-bottom: 0; }
#im img { margin:0 auto; width:100%; max-width:500px; display: inline-block; float:left; }
#im img{position: absolute; top:0; left:0;}
#im img:nth-child(n+2){left:100%;}
#im img:last-child{left:-100%;}
#im img.movel {left: -100%; transition: 0.3s;}
#im img.mover {left: 100%; transition: 0.3s;}
#im img.next {left: 0; transition: 0.3s;}
#im #imc { width:100%; height:100%; opacity:0; background:transparent; text-align: center; display: inline-block; margin:calc(50% - 35px) auto; }
#im #imc.on { opacity: 1; transition: .1s;}
#im #imc #impr{ display: inline-block; width:60px; height:60px; background: #fff; border-radius: 30px;
  border:8px inset #eee;
  animation: rot 2s infinite linear;
}

@keyframes rot {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg);}
	100% { transform:rotate(360deg);}
}

#im b { position: absolute; cursor:pointer; top:6px; left:6px; display: block; padding: 0 20px; height:35px; line-height:35px; text-align: center; background:#fff; color:#3498db; }

#pwrp .pd { position: absolute; z-index:1; top:10px; left:10px; display: block; padding: 0 8px; height:24px; line-height:24px; text-align: center; background:#f00; color:#fff; }

.p-inf { width:100%; background:#fff; height:auto; position: relative; border:4px solid #eee; border-top:0;}
.p-inf h1 { margin:0px 10px; font-size: 1.4rem; line-height: 1.4rem; height:auto; text-align: center;}
.p-inf #path {padding:0 2%; }

#pei {
    padding:2px 10px;
    border-left:4px solid #eee;
    border-right:4px solid #eee;
    margin: -10px 0 0 0;
    color: #777;
    text-align: left;
    width: 100%;
  }

/* @media(min-width:300px) { #im{ max-height:600px; } }
@media(min-width:768px) { #im, .p-inf{ max-height:350px; } }
@media(min-width:1300px){ #im, .p-inf{ max-height:400px; } } */

@media(min-width:500px) and (max-width:999px){
  #im img, #im img.next {left:calc(50% - 250px);}
}

/* #atts { text-align: left; width:calc(100% - 20px); white-space: nowrap; height:70px; border-bottom:3px solid #eee; padding:10px 0 0 170px; margin:0px 10px 10px 10px; overflow-x: auto; overflow-y: hidden; font-size: 0;}
#atts a { cursor:pointer; font-size: 0.8rem; background: #fff; white-space: nowrap; margin:0px 10px 10px 0px; width: 40px; color:#000; display: inline-block; position: relative;}
#atts a:hover { background: #fff; }
#atts a.on{ background: #fff; width:170px; position: absolute; height:68px; padding:17px 0; top:-2px; left:10px; z-index: 1;}
#atts a img { border:1px solid #ddd; width:40px; height:40px; border-radius: 20px; float: left; display: block; transition:.3s; }
#atts a.on img { width:34px; height:34px; transform: rotate(360deg); transition:0.9s; }
#atts a:hover img { border:1px solid #f0eee2; transition:0.3s; }
#atts a em{ font-style: normal; visibility: hidden; position: absolute; top:30px; left:100px; font-size:1.1rem; text-align: left;  width:110px; color:#999; height:22px; line-height: 22px; display: block;}
#atts a em.red{ color:#f00; }
#atts a.on em { visibility: visible; left:40px; transition: .3s; }
#atts a u{ visibility: hidden; text-decoration: none; text-align: left; padding:0 5px 0 5px; z-index: 1; display: block;width: 110px;left:100px; font-size: 1.3rem; height:30px; line-height: 30px; position: absolute; top:10px; }
#atts a.on u{ visibility: visible; position: absolute; left:35px; transition:0.3s; }
#atts b { display: block; width:150px; background:#fff; z-index: 1; height:68px; line-height:62px; position: absolute; top:-2px; left:10px; font-size:1.2rem;} */

#atts { text-align:left; width:calc(100% - 20px); white-space: normal; position: relative; height:auto; border-bottom:3px solid #eee; padding:10px 0 0 150px; margin:0px 10px 10px 10px; overflow-x: hidden; overflow-y: hidden; font-size: 0;}
#atts a { cursor:pointer; float:left; font-size: 0.8rem; background: #fff; white-space: nowrap; margin:0px 6px 10px 4px; width: 30px; color:#000; display: inline-block; position: relative;}
#atts a:hover { background: #fff; }
#atts #atsel { position: absolute; overflow: hidden; background:#fff; height:68px; width:147px; z-index: 2; top:0px; left:0px;}
#atts #atsel.off { display: none; }
#atts #atsel img { display: none;}
#atts #atsel em { position: absolute; top:30px; left:5px; font-size:1.1rem; text-align: left;  width:145px; color:#999; height:22px; line-height: 22px; display: block; font-style: normal;}
#atts #atsel em.red{ color:#f00; }
#atts #atsel u { text-decoration: none; text-align: left; white-space: nowrap; font-weight: bold; padding:0 5px 0 5px; z-index: 1; display: block;width: 140px;left:0px; font-size: 1.3rem; height:30px; line-height: 30px; position: absolute; top:10px; }
#atts a img { border:1px solid #bbb; width:30px; height:30px; border-radius: 20px; float: left; display: block; transition:.3s; }
#atts a.on img {box-shadow:0px 0px 0px 2px #fff, 0px 0px 0px 4px #ff6801; transform: rotate(360deg); transition:0.9s; }
#atts a.ns img { opacity: 0.2;}
#atts a:hover img { border:1px solid #f0eee2; transition:0.3s; }
#atts a em{ font-style: normal; visibility: hidden;}
#atts a em.red{ color:#f00; }
/* #atts a.on em { visibility: visible; left:40px; transition: .3s; } */
#atts a u{ visibility: hidden;}
/* #atts a.on u{ visibility: visible; position: absolute; left:35px; transition:0.3s; } */
#atts b { display: block; width:150px; background:#fff; z-index: 1; height:68px; line-height:62px; position: absolute; top:-2px; left:0px; font-size:1.2rem;}


/* @media(min-width:510px) { #atts b{ width:80px;} }
@media(min-width:768px) { #atts b{ width:100px;} }
@media(min-width:1000px) { #atts { text-align: left;} } */

#buy {
  height:100px;
  width:calc(100% - 20px);
  margin-left:10px;
  margin-bottom: 50px;
  position: relative;
  text-align: center;
  border-bottom:2px solid #eee;
}

#buy big { font-size:2.1rem; font-weight: bold; text-align: left; height:60px; width:120px; line-height: 50px; display: block; color:#ff6801; } /* price */
#buy big span { font-size: 1rem; color:#999; font-weight:normal; line-height:0px; display: block; float:left;width: 100%;text-align: left;padding: 0 0 0 5px;}
#buy big span s{ font-size: 1.2rem; text-decoration: line-through;}
/* #buy big span s.d{ font-size:1.4rem; text-decoration: none;} */

#buy b, #buy u {
  position: absolute;
  top:10px;
  left:150px;
  display: inline-block;
  width:170px;
  height:40px;
  line-height: 40px;
  font-size: 1.5rem;
  display: inline-block;
  background: #ff6801; /* #ff9400 */
  color: #fff;
  font-weight: bold;
  cursor:pointer;
  /* box-shadow: -1px 3px 0 #df7400, -2px 2px 8px #ff9400;
  text-shadow: -1px 0 0 #fff, 0 0 6px #ffd800;
  border: 1px solid #cf6400; */
}

#buy b:hover{ cursor: pointer; top:7px; box-shadow: 0px 1px 0px #c0d4df; transition:0.2s; }

#buy b img { width:36px; margin:8px 0 0 8px; float: left; display: inline-block; box-shadow: 0px 0px 0px 2px #fff}

#buy b.inf { background: #eee; color:#0f0f0f; box-shadow: none; font-weight: normal; text-shadow:none; font-size: 1rem; line-height: 12px; text-align: left; padding: 8px 5px 8px 22px; }
#buy b.inf svg{ width:22px; height:22px; float:left; margin:0 9px 0 0; fill:#0f0f0f; }

#buy u {
  top:105px;
  left:0px;
  width:140px;
  background: #fff; /* #ff9400 */
  color: #0f0f0f;
  font-size:1.1rem;
  text-align: left;
  height:34px;
  line-height: 34px;
  border-bottom:1px dotted #0f0f0f;
  font-weight: normal;
  text-decoration: none;
  box-shadow: none;
}

#buy #fdel { position: absolute; width:180px; height:34px; line-height:34px; left:160px; top:105px;}
#buy #fdel svg{ width:30px; height:30px; fill:#ff6801; margin:2px 2px 2px 0px; float:left; }

#buy #ford { text-align: center;
    height: 26px;
    line-height: 26px;
    width: 110px;
    display: inline-block;
    color: #777;
    border-bottom:1px dotted #777;
    float: left;
    margin-left: 180px; }

.sec{cursor: pointer; display: inline-block; text-align: left; padding:0 10px; color:#165da1; background:#fff; font-size: 1.2rem; height:40px; line-height: 40px; width:100%;}
.sec:hover{ color:#000; }
.sec.on{ color:#000; transition:0.3s; background: #fff;  border-top:8px solid #eee; }
.sec span{ font-size:1.4rem; margin-left:10px; height:30px; line-height: 30px; display: inline-block; padding:0 10px;}

#sb { display: block; padding:5px 0 15px 0; width:305px; margin:0 auto; }
#sb b { display: block; text-align: center; height: 40px; line-height: 40px; font-size: 1.2rem; font-weight: normal; color: #666; }
#sb a{ display: inline-block; width:50px; height:40px; transition: 0.2s; margin:0 5px; background: #eee;}
#sb a svg { width:24px; height:24px; margin:8px 13px; fill:#0f0f0f; }
#sb a:hover svg { transition: 0.2s; fill:#fff; }
#sb-f:hover { background:#4a639f; }
#sb-g:hover { background:#d73d32; }
#sb-t:hover { background:#59c8ff; }
#sb-tg:hover { background:#179cde; }
#sb-v:hover { background:#7c529e; }

.tab {display: none; width:100%; background: #fff; clear:both; border-bottom:8px solid #eee;}
.desc { padding:0 10px; line-height: 1.2rem;}
.com { padding:20px 10px;}
.exp { padding:10px 0; }
.exp h2 { padding:0 10px; font-size: 1.5rem;}
.exp a.ft { margin:0 10px 10px 10px; font-size: 1.3rem; color:#0f0f0f; display: block; padding:10px 0px; line-height: 20px;}
.exp a.ft b { font-weight: normal; }
.exp a.ft span { display: none; color:#666; font-size:1rem; line-height: 14px; margin-top:5px;}

.pvid { width:100%; margin-top:5px; height: auto; overflow: hidden;}

ul.padv { list-style: none; padding: 0; }
ul.padv li { padding:3px 0px 3px 20px; }
ul.padv li b { left:10px; position:absolute; }

table.pcar tr td:first-child { font-weight: bold; padding-right: 10px;}

@media(min-width:1000px){
  #plt { width:40%; float:left; }
  .p-inf { width:60%; float:right; }
  #ptab { position: absolute; bottom:0; }
  /* #buy { margin:0; } */
}

@media(min-width:350px){
}

@media(min-width:1400px){
  #ptab { text-align: left; }
  #ptab li{ width:200px; }
}

#cwrap { padding:0 10px; }

.pctxt { text-align: center; padding:20px 0; color:#0f0f0f; font-size: 1.2rem; line-height: 18px;}

#arts { padding:0 10px; text-align: center; }
#arttabs { font-size: 1.2rem; color:#000; text-align: left; height:40px; line-height: 40px; margin-bottom:10px; border-bottom:1px solid #eee; overflow-y: hidden; white-space: nowrap; overflow-x: auto;}
#arttabs a { display: inline-block; margin-right:20px; border-bottom:2px solid #fff; }
#arttabs a.on { border-bottom:2px solid #ff6801; color:#000; height:38px; }

.par { width:100%; height:250px; display: inline-block; float:left; margin-bottom:20px; overflow: hidden; text-align: left;}
.par a { display: block; width:100%; height:250px; color:#000; overflow: hidden;}
.par a .pari { display: block; height:170px; margin-bottom:10px; background-color: #eee; background-size:cover; background-repeat: no-repeat; background-position: top center;}
.par a span { display: block; font-size:1.2rem; overflow: hidden; line-height: 16px; height:35px; }
.par a u { display: block; height:30px; line-height: 30px; text-decoration: none; font-size: 0.9rem; color:#888;}
.par a u i { width:16px; height:16px; border-radius:8px; border:1px solid #888; margin:7px 10px 7px 4px; display: inline-block; float:left; font-style: normal; line-height: 12px; text-align: center; font-size: 1.5rem; transform: rotate(142deg);}

@media(min-width:400px){ .par { width:calc(50% - 7px); margin:0 3.5px; } }
@media(min-width:750px){ .par { width:calc(33.3333333333% - 9px); margin:0 4.5px; } }
@media(min-width:1200px){ .par { width:calc(25% - 10px); margin:0 5px; } }

/* comments */

#c {padding:0px 0; margin:0;}
#c .form { padding:0px; margin:0px 0px 20px 0px; height:130px; position: relative;}
#c .form textarea{ background: #fff; border:1px solid #000; height:75px; font-size: 1rem; font-weight:bold;}
#c .form textarea:focus{outline:0!important;border-color:#999;transition:.2s;color:#000}

#c .reply {padding:0; height:130px;}
#c .reply .rating {display: none;}

.green-btn{background:#0f0f0f;position:absolute;bottom:15px;right:0px;height:34px;line-height:34px;color:#fff;width:100px;text-align:center;font-size:1.2rem;cursor:pointer}
.green-btn:hover{transition: 0.3s;}

.rating{unicode-bidi:bidi-override;direction:rtl;display:block;text-align:center;font-size:1.6rem;margin:5px 0;width:200px;height:34px;line-height:34px;position:absolute;right:120px;top:78px}
.rating>span{display:inline-block;float:right;position:relative;width:1.1em}
.rating>span.gold{color:#ff6801;}
.rating>span:hover,.rating>span:hover~span{color:transparent}
.rating>span:hover:before,.rating>span:hover~span:before{content:"\2605";position:absolute;left:0;color:#ff6801;cursor:pointer;transition:0.3s}

@media(max-width:500px){.rating { display: none}}

#c .item { padding:10px; padding-bottom: 10px; position: relative;}
#c .item big{ font-size: 1rem;font-weight: bold;color:#000; display: block; height:20px; line-height: 10px; margin:0px 0px 5px 75px; position:  relative;}
#c .item big:before{text-align:center;line-height:20px;font-size:1rem;font-weight:700;border-radius:50%;color:#fff;display:block;position:absolute;top:0px;left:-25px;width:20px;height:20px}
#c .item big[data-p=google]:before{content:"G+";background:#dd4b39}
#c .item big[data-p=facebook]:before{content:"f";background:#3c5b9b;font-size:1.1rem}
#c .item big[data-p=anonim]:before{content:"";background:0 0}
#c .item big[data-p=anonim] {margin:0px 0px 5px 40px;}

#c .item img{ width:40px; height:40px; display: block; margin-right: 10px; float:left; }
#c .item big b{ height:20px; line-height: 20px; display: block; position: absolute; top:10px; font-size:0.7rem; left:10px; width:100px; font-weight: normal; color:#999;}
#c .item .rep{ height:20px; line-height: 20px; display:inline-block; border-bottom: 1px dotted #0f0f0f; width:50px; font-size: 1rem; text-align: left;cursor: pointer;}
#c .item p{ padding-left:50px; font-size:1rem;}

#c .tree-1 { padding-left:50px; }
#c .tree-2 { padding-left:100px; }
#c .tree-3 { padding-left:150px; }
#c .tree-1 .reply { margin-left:-40px; }
#c .tree-2 .reply { margin-left:-80px; }
#c .tree-3 .reply { margin-left:-120px; }
#c .new {background: linear-gradient(160deg, #fff 60% , #eee); }

#c .form .wait {display: none;}

/* footer */

.foot{ background-color:#0f0f0f; text-align: left; padding:10px 15px; color:#fff; font-size: 1.2rem; }
.foot a { color:#fff; display: block; height:34px; line-height: 34px;}
.foot hr { border:0; border-bottom:1px solid #313131; }

.lbl, .tel { display: inline-block; height:35px; line-height: 35px; }
.lbl {text-align: left; color:#555; font-size: 1.3rem; width:90px;}
.tel {text-align: right; font-size: 1.5rem; width:130px; }

.whrs{ margin: 0px auto; font-size:16px; width:220px; height:24px; line-height: 24px; text-align: left; color:#595;}
.whrs span{ float:right; font-size:18px;}
.free{ color:#a66;}

/* .foot { margin:2rem; height:200px; } */
.foot .contacts {
  width:240px;
  height:120px;
  float:left;
  color:#777;
}

.foot .contacts b { color:#000; padding-right:10px; }

.foot .info {
  width:240px;
  height:120px;
  float: left;
}

.foot .info .workhours {width:180px;}
.foot .info .workhours span {float:right; color:#373;}
.foot .info .free span { color:#933;}

.foot .soc a{ display: inline-block; text-decoration: none; width: 40px; height: 74px;}
.foot i svg { width:30px; height:30px; fill:#fff; margin:20px 5px; }

#insta {background:#000;}
#face {background:#3b5998;}
#gplus {background:#c0463b;}
#youtube {background:#e62117;}
#blog {background:#ddd;}

#up { display: block; transition: 0.1s; font-size:50px; background:#0f0f0f; color:#fff; border:1px solid #fff; box-shadow: 0px 0px 15px rgba(255,255,255,0.6); font-weight: normal; width:50px; height:50px; line-height: 42px; text-align: center; border-radius: 28px; position: fixed; bottom:-60px; right:10px; z-index: 9999;}
#up.on { bottom:10px; transition: 1.1s; transform:rotate(270deg); }
/* ajax window */

#w { visibility: hidden; transition:0.2s; opacity: 0; position:absolute; z-index: 9999; background: #fff; top:0; left:0.5%; width:99%; height:100%; overflow-x: hidden; overflow-y: scroll;}
#w.on { top:0; visibility: visible; opacity: 1; transition: .4s; transition-property:opacity; width: calc(100% + 2px); height:calc(100% + 60px); left:0; transition-timing-function:ease-in-out;}
/* #w #w-off{position:fixed; z-index:10000; box-shadow: 0px 0px 10px 5px #fff; right:calc(50% - 35px); bottom:15px; border-radius:20px; width:100px; height:40px; line-height: 40px; cursor:pointer; text-align:center; background: #f44; color:#fff;} */

#w #w-off { display: none; }
#w.on #w-off {
  width:56px;
  height:56px;
  position: fixed;
  right:0;
  top:0;
  text-align: center;
  font-size: 36px;
  line-height: 56px;
  text-shadow: 0px 1px 0px #000;
  cursor:pointer;
  z-index:10000;
  display: block;
}

#w #w-off i svg { width:24px; height:24px; }

#w #w-main{padding:0; text-align: center; position: relative; margin-bottom: 100px; min-height:calc(100% + 2000px);}

@media(max-width:1000px){#w #w-off{right:calc(50% - 50px); bottom:15px;}}

/* faq */
#faq {
  display: flex;
  flex-direction: column;
  max-width: 750px;
  margin:0 0;
}

.qa {
  margin-bottom: 10px;
  height: auto;
}

.qa-hd {
  min-height: 20px;
  padding-right: 42px;
  padding-bottom: 0px;
  height: auto;
  position: relative;
  cursor: pointer;
  transition: .4s;
}
.qa-name {
  font-size: 14px;
  line-height: 20px;
  padding: 0 0 0 0 !important;
  transition: .2s;
}

.qa-hd:hover .qa-name { color:#ff6801 !important; transition: .2s; }

.qa-pls-mns {
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  right: -10px;
  top: -10px;
  outline: none; cursor: pointer;
  border:0;
  background: transparent;
}

.qa-pls-mns span {
  font-weight: bold;
  font-size: 20px;
  line-height: 40px;
}

.qa-pls-mns span:nth-child(1) {display: block;}
.qa-pls-mns span:nth-child(2) {display: none;}

.qa-act .qa-pls-mns span:nth-child(1) {display: none;}
.qa-act .qa-pls-mns span:nth-child(2) {display: block;}

.qa-desc {
  font-size: 13px;
  line-height: 21px;
  border-top: 1px solid rgba(250, 255, 255, 0.07);
  padding-top: 0px;
  visibility: hidden;
  opacity: 0;
  transition: .4s;
  height: 0;
  overflow:hidden;
}

.qa-desc a { border-bottom: 1px dotted #0f0f0f !important; }

.qa-act .qa-desc { visibility: visible; opacity: 1; transition: .4s; height:auto; padding-top:0px; }

@media(max-width:1000px){
  .qa { margin-bottom:5px; }
}