/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/**
     * 1. Set default font family to sans-serif.
     * 2. Prevent iOS and IE text size adjust after device orientation change,
     *    without disabling user zoom.
     */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
     * Remove default margin.
     */
body {
  margin: 0;
}

/* HTML5 display definitions
       ========================================================================== */
/**
     * Correct `block` display not defined for any HTML5 element in IE 8/9.
     * 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.
     */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
     * 1. Correct `inline-block` display not defined in IE 8/9.
     * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
     */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
     * Prevent modern browsers from displaying `audio` without controls.
     * Remove excess height in iOS 5 devices.
     */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
       * Address `[hidden]` styling not present in IE 8/9/10.
       */
[hidden] {
  display: none;
}

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

/* Links
       ========================================================================== */
/**
       * Remove the gray background color from active links in IE 10.
       */
a {
  background-color: transparent;
}

/**
     * Improve readability of focused elements when they are also in an
     * active/hover state.
     */
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;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin: 0.75em 0;
}

/**
       * Address styling not present in IE 8/9.
       */
mark {
  background: #ff0;
  color: #000;
}

/**
     * 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
       ========================================================================== */
/**
       * Remove border when inside `a` element in IE 8/9/10.
       */
img {
  border: 0;
}

/**
     * 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: 1.5em 40px;
}

/**
     * Address differences between Firefox and other browsers.
     */
hr {
  -webkit-box-sizing: content-box;
  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.
     * 4. Address `font-family` inconsistency between `textarea` and other form in IE 7
     * 5. Improve appearance and consistency with IE 6/7.
     */
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.
     * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
     *    Known issue: inner spacing remains in IE 6.
     */
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;
}

/**
       * It's recommended that you don't attempt to style these elements.
       * Firefox's implementation doesn't respect box-sizing, padding, or width.
       *
       * 1. Address box sizing set to `content-box` in IE 8/9/10.
       * 2. Remove excess padding in IE 8/9/10.
       * 3. Remove excess padding in IE 7.
       *    Known issue: excess padding remains in IE 6.
       */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
     * 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.
     */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /**
       * 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.
     * 3. Correct alignment displayed oddly in IE 6/7.
     */
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;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
  height: 100%;
}

body {
  font-size: 12px;
  font-family: 'Arial', sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color: #333;
  background: #FFF;
  height: 100%;
  width: 100%;
  min-width: 1000px;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
  display: block;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.header__search--input::-webkit-input-placeholder {
  font-style: italic;
  color: #999;
}

.header__search--input::-moz-placeholder {
  font-style: italic;
  color: #999;
}

/* Firefox 19+ */
.header__search--input:-moz-placeholder {
  font-style: italic;
  color: #999;
}

/* Firefox 18- */
.header__search--input:-ms-input-placeholder {
  font-style: italic;
  color: #999;
}

a, .link {
  color: #3e77aa;
  text-decoration: underline;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

a:hover, .link:hover {
  color: #3e77aa;
  text-decoration: none;
}

.link {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.link:focus {
  outline: 0;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

h1, .h1, h2, .h2, h3, .h3 {
  color: #333;
  font-weight: bold;
}

h1, .h1 {
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
}

h2, .h2 {
  font-size: 26px;
}

h3, .h3 {
  font-size: 24px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 40px;
  padding-right: 40px;
  min-width: 980px;
  max-width: 1420px;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
}

.col-md-12 {
  width: 100%;
}

.col-md-11 {
  width: 91.66666667%;
}

.col-md-10 {
  width: 83.33333333%;
}

.col-md-9 {
  width: 75%;
}

.col-md-8 {
  width: 66.66666667%;
}

.col-md-7 {
  width: 58.33333333%;
}

.col-md-6 {
  width: 50%;
}

.col-md-5 {
  width: 41.66666667%;
}

.col-md-4 {
  width: 33.33333333%;
}

.col-md-3 {
  width: 25%;
}

.col-md-2 {
  width: 16.66666667%;
}

.col-md-1 {
  width: 8.33333333%;
}

.col-md-pull-12 {
  right: 100%;
}

.col-md-pull-11 {
  right: 91.66666667%;
}

.col-md-pull-10 {
  right: 83.33333333%;
}

.col-md-pull-9 {
  right: 75%;
}

.col-md-pull-8 {
  right: 66.66666667%;
}

.col-md-pull-7 {
  right: 58.33333333%;
}

.col-md-pull-6 {
  right: 50%;
}

.col-md-pull-5 {
  right: 41.66666667%;
}

.col-md-pull-4 {
  right: 33.33333333%;
}

.col-md-pull-3 {
  right: 25%;
}

.col-md-pull-2 {
  right: 16.66666667%;
}

.col-md-pull-1 {
  right: 8.33333333%;
}

.col-md-pull-0 {
  right: auto;
}

.col-md-push-12 {
  left: 100%;
}

.col-md-push-11 {
  left: 91.66666667%;
}

.col-md-push-10 {
  left: 83.33333333%;
}

.col-md-push-9 {
  left: 75%;
}

.col-md-push-8 {
  left: 66.66666667%;
}

.col-md-push-7 {
  left: 58.33333333%;
}

.col-md-push-6 {
  left: 50%;
}

.col-md-push-5 {
  left: 41.66666667%;
}

.col-md-push-4 {
  left: 33.33333333%;
}

.col-md-push-3 {
  left: 25%;
}

.col-md-push-2 {
  left: 16.66666667%;
}

.col-md-push-1 {
  left: 8.33333333%;
}

.col-md-push-0 {
  left: auto;
}

.col-md-offset-12 {
  margin-left: 100%;
}

.col-md-offset-11 {
  margin-left: 91.66666667%;
}

.col-md-offset-10 {
  margin-left: 83.33333333%;
}

.col-md-offset-9 {
  margin-left: 75%;
}

.col-md-offset-8 {
  margin-left: 66.66666667%;
}

.col-md-offset-7 {
  margin-left: 58.33333333%;
}

.col-md-offset-6 {
  margin-left: 50%;
}

.col-md-offset-5 {
  margin-left: 41.66666667%;
}

.col-md-offset-4 {
  margin-left: 33.33333333%;
}

.col-md-offset-3 {
  margin-left: 25%;
}

.col-md-offset-2 {
  margin-left: 16.66666667%;
}

.col-md-offset-1 {
  margin-left: 8.33333333%;
}

.col-md-offset-0 {
  margin-left: 0%;
}

@media (min-width: 1280px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.clearfix:before, .cart__item:before,
.clearfix:after,
.cart__item:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after, .cart__item:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 1279px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (max-width: 1279px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (max-width: 1279px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (max-width: 1279px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1280px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1280px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1280px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1280px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 1279px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .hidden-lg {
    display: none !important;
  }
}

body, html {
  height: 100%;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

.cartpage main {
  padding-bottom: 60px;
}

.cartpage .header__phones--margintop {
  margin-right: 0;
}

.cartpage .header__callbackme {
  margin: 5px 0 0 auto;
}

.cartpage .footer__copyright {
  padding: 0;
}

.cartpage .footer {
  background-color: #fff;
  border: 0;
  height: 60px;
  margin-top: -60px;
  padding-top: 20px;
}

main {
  padding: 0 0 190px 0;
}

.green {
  color: #64A201;
}

.green:hover {
  color: #64A201;
}

.red {
  color: #c90019;
}

.red:hover {
  color: #c90019;
}

.relative {
  position: relative;
}

.input {
  height: 30px;
  border: 1px solid #dddddd;
  background: #fff;
  padding: 0 10px;
  color: #333333;
  font-size: 13px;
}

.input.error {
  border-color: #c90019;
}

.input.valid {
  border-color: #64a201;
}

.input.datepick {
  cursor: pointer;
  position: relative;
  padding-right: 30px;
  width: 185px;
  background-image: url("../images/icon_calendar.png");
  background-repeat: no-repeat;
  background-position: 160px center;
}

.input.datepick:hover {
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
}

.input__autocomplete {
  position: relative;
  display: inline-block;
}

.input__autocomplete--button {
  pointer-events: none;
  cursor: pointer;
  content: " ";
  display: block;
  background: #fff url(../images/arrow_icon.png) no-repeat center center;
  width: 13px;
  height: 7px;
  position: absolute;
  top: 12px;
  right: 14px;
}

.button {
  background-color: white;
  border: 2px solid #333;
  padding: 4px 20px;
  font-size: 16px;
  color: #333;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.button:active, .button:focus {
  color: #333;
}

.button:hover {
  background-color: #333;
  color: #fff;
}

.button-soft {
  line-height: 28px;
  height: 30px;
  background-color: white;
  border: 1px solid #ddd;
  padding: 0 10px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.button-soft:hover, .button-soft .active {
  background-color: #343333;
  color: #fff;
  border-color: #343333;
}

.button-green {
  background-color: #64a201;
  color: #fff;
  border: 0;
  height: 34px;
}

.button-green:hover {
  background-color: #407001;
}

.header__topline {
  background-color: #333;
  height: 39px;
  font-size: 13px;
}

.header__topline--links {
  text-align: right;
}

.header__topline--link {
  line-height: 39px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  color: #fff;
  text-decoration: none;
}

.header__topline--link:hover, .header__topline--link:active, .header__topline--link:focus {
  color: #FFF;
  text-decoration: underline;
}

.header__duty {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  line-height: 37px;
  margin-left: 55px;
}

.header__duty span {
  font-size: 15px;
  font-weight: bold;
}

.header__back {
  font-size: 14px;
  position: absolute;
  left: 215px;
  top: 48px;
  white-space: nowrap;
  margin-left: 25px;
}

.catalogs_links {
  line-height: 39px;
  font-size: 12px;
  color: #fff;
  margin-left: 0px;
  white-space: nowrap;
}

.header__course {
  line-height: 39px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

.header__course span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  font-size: 13px;
}

.header__course-right {
  text-align: right;
}

.header__currency {
  text-align: right;
  color: #FFF;
}

.header__currency--title {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-right: 3px;
}

.header__currency--link {
  display: inline-block;
  vertical-align: middle;
  line-height: 39px;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  padding-right: 22px;
}

.header__currency--link .icon {
  position: absolute;
  right: 0;
  width: 23px;
  height: 23px;
  background-color: white;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: 50%;
  margin-top: -12px;
}

.header__currency--link:hover, .header__currency--link:active, .header__currency--link:focus {
  text-decoration: none;
  color: #fff;
}

.header__currency .js-drop:hover .icon {
  background-image: url(../images/uparrow_black.png) !important;
}

.header__currency .dropdown {
  left: auto;
  right: 0;
  width: auto;
}

.header__user {
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.header__user:hover .icon__downarrow {
  background-image: url(../images/uparrow_white.png);
}

.header__user:hover .icon__downarrow-black {
  background-image: url(../images/uparrow_black.png);
}

.header__user--link {
  padding: 0 0 0 22px;
  margin: 0;
  border: 0;
  background-color: transparent;
  line-height: 39px;
  display: inline-block;
  position: relative;
  color: #FFF;
  text-decoration: none;
}

.header__user--link:active, .header__user--link:focus {
  color: #fff;
}

.header__user--link:hover {
  color: #FFF;
  text-decoration: underline;
}

.header__user--link:hover .icon__key {
  background-image: url(../images/icon_key_red.png);
}

.header__user--link:hover .icon__user {
  background-image: url(../images/icon_user_red.png);
}

.header__user--link:hover .icon__downarrow {
  background-image: url(../images/uparrow_white.png);
}

.header__user--link:hover .icon__downarrow-black {
  background-image: url(../images/uparrow_black.png);
}

.header__user--link .icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.header__user--link .icon__downarrow {
  left: auto;
  right: -23px;
  margin-top: -4px;
}

.header__user--post {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  color: #FFF;
  line-height: 39px;
  margin-left: 45px;
}

.header__notify {
  display: inline-block;
  vertical-align: top;
  margin-left: 60px;
}

.header__logo {
  position: relative;
}

.header__logo img {
  max-width: 100%;
  margin-top: 18px;
}
.qr__logo__site {
  position: relative;
      margin-top: 0px;
  margin-left: 0px;
    width: 10%;
    height: auto;
    background: #ffffff;

    line-height: 200px;
    text-align: center;
}
.qr__logo__site img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.qr__logo {
  position: relative;
      margin-top: -52px;
  margin-left: 0px;
    width: 62%;
    height: auto;
    background: #ffffff;

    line-height: 200px;
    text-align: center;
}
.qr__logo img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.banner {
  margin-top: -52px;
  position: relative;
  float:right;
  text-align:left;
  margin-right:-4px;
  vertical-align:top
}
.banner img {
  max-width: 87%;

  float: right;
  margin-right: 127px;

}

.header__middle {
  height: 113px;
}
.qr__image {
  margin: 2px -20px 0px 0px;
  position: relative;
  float:right;
  width:20%;
}

.qr__image img{
  width: 100px;
  padding: 5px;

  vertical-align: middle;
}

.full-text-search-list {
 /* position: absolute;*/
  position: relative;
  display: none;
  background-color: white;
  -webkit-box-shadow: 0 6px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  box-shadow: 0 6px 6.7px 1.3px rgba(223, 219, 219, 0.75);
 /* padding: 10px 35px 20px 20px;*/
 /* top: 78px;*/
/*  left: 10px;*/
  width: 96%;
  max-height: 600px;
  overflow: auto;
  z-index: 1000;
}

.full-text-search-list.showed {
  position: absolute;
  display: block;
  background-color: white;
  -webkit-box-shadow: 0 6px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  box-shadow: 0 6px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  /* padding: 10px 35px 20px 20px;*/
  top: 41px;
  left: 10px;
  width: auto;
  max-height: 600px;
  overflow: auto;
  z-index: 1000;

}

.search-list-item {
  cursor: pointer;
  width: 100%;
  display: inline-block;
}

.search-list-item:hover {
  background-color: lightgrey;
}

.header__search {
  margin-top: 34px;
  width: 100%;
  position: relative;
  float: left;
  z-index: 1000;
}

.header__search .autocomplete-suggestions {
  top: 29px;
  width: 500px !important;
}

.header__search .autocomplete-suggestion {
  color: #069;
}

.header__search .autocomplete-suggestion:hover {
  text-decoration: underline;
  color: #069;
}

.header__search-opt .autocomplete-suggestions {
  top: 29px;
  width: 100% !important;
  padding: 0;
}

.header__search-opt .autocomplete-suggestion {
  color: #000;
  padding: 6px 15px;
  border-bottom: 1px dashed #cccccc;
}

.header__search-opt .autocomplete-suggestion:hover {
  text-decoration: none;
  color: #333;
  background-color: #F7F6F6;
}

.header__search-opt .autocomplete-suggestion:last-child {
  border: 0;
}

.header__search-opt .autocomplete-suggestion .pricing {
  float: none;
  font-size: 14px;
  min-width: 130px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

.header__search--remove {
  position: absolute;
  width: 23px;
  height: 18px;
  background: transparent url(../images/close_little.png) no-repeat left center;
  border: 0;
  border-right: 1px solid #9e9e9e;
  right: 38px;
  top: 5px;
  opacity: 0.5;
  display: none;
}

.header__search--form {
  position: relative;
  z-index: 1005;
}

.header__search--input {
  display: block;
  width: 100%;
  height: 29px;
  padding: 0 40px 0 10px;
  color: #333;
  font-size: 13px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bab8b8;
  border-top-color: #d4d3d3;
  border-right-color: #d4d3d3;
  outline: none;
}

.header__search--input:focus, .header__search--input:active {
  border-color: #62a200;
}

.header__search--input.focused + .header__search--remove {
  display: block;
}

.header__search--submit, .result__search--submit {
 /* position: absolute; */
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  background: transparent url(../images/search_icon.png) no-repeat center center;
  top: 5px;
  right: 11px;
  border: 0;
}

.header__search--text {
  padding: 3px 0 0 0;
}

.header__cart, .header__fav {
  margin: 25px auto 0 auto;
  width: 52px;
  position: relative;
  text-align: center;
  font-size: 11px;
  padding-left: 6px;
}

.header__cart--img, .header__fav--img {
  position: absolute;
  background: transparent url(../images/cart_icon.png) no-repeat center top;
  top: 0;
  left: 0;
  width: 52px;
  height: 50px;
  cursor: pointer;
  z-index: 1;
}

.header__cart--link, .header__fav--link {
  padding-top: 50px;
  color: #161717;
  text-decoration: none;
  display: block;
  text-align: center;
  font-size: 11px;
}

.header__cart--link:hover, .header__fav--link:hover {
  color: #0C628E;
}

.header__cart--count, .header__fav--count {
  width: 23px;
  height: 23px;
  background-color: #c90019;
  line-height: 23px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  right: -10px;
  top: -1px;
  z-index: 2;
}

.header__cart--count_big {
  width: 36px;
  height: 36px;
  background-color: #c90019;
  line-height: 23px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  right: -10px;
  top: -1px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__cart:hover .header__cart--link, .header__fav:hover .header__cart--link {
  color: #C90019;
}

.header__fav {
  background-image: url(../images/fav_icon.png);
  background-position: 7px top;
}

.header__fav:hover .header__fav--link {
  color: #C90019;
}

.header__phones {
  position: relative;
  width: 218px;
}

.header__phones--margintop {
  margin: 32px auto 0 auto;
  min-height: 32px;
}

.header__phones--dropdown {
  position: relative;
  padding-right: 28px;
  z-index: 1000;
}

.header__phones--dropdown.showed {
  background-color: white;
  -webkit-box-shadow: 0 6px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  box-shadow: 0 6px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  position: absolute;
  padding: 10px 35px 20px 20px;
  top: -10px;
  width: 250px;
  left: -20px;
  z-index: 1000;
}

.header__phones--dropdown.showed .header__phones--number {
  display: block;
}

.header__phones--dropdown.showed .header__phones--button {
  right: 12px;
  top: 12px;
  background-image: url(../images/uparrow_black.png);
}

.header__phones--dropdown.showed .header__phones--number a:hover {
  color: #C90019;
}

.header__phones--dropdown.showed .header__phones--worktime {
  display: block;
}

.header__phones--button {
  width: 27px;
  height: 27px;
  border: 2px solid #999;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff url(../images/arrow_icon.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 2px;
  cursor: pointer;
}

.header__phones--number {
  display: none;
}

.header__phones--number a {
  color: #333;
  font-size: 21px;
  text-decoration: none;
}

.header__phones--number span {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: -5px;
  margin-right: 5px;
}

.header__phones--number + .header__phones--number {
  margin-top: 10px;
}

.header__phones--active {
  display: block;
}

.header__phones--kyivstar {
  background-image: url(../images/icon_kyivstar.png);
}

.header__phones--mts {
  background-image: url(../images/icon_mts.png);
}

.header__phones--life {
  background-image: url(../images/icon_life.png);
}

.header__phones--viber {
  background-image: url(../images/icon-viber.png);
}

.header__phones--facebook {
    background-image: url(../images/icon-facebook.png);
}

.header__phones--telegram {
    background-image: url(../images/icon-telegram.png);
}

.header__phones--worktime {
  display: none;
  font-size: 11px;
  color: #C90019;
  margin-top: 10px;
}

.header__phones--worktime a {
  display: block;
  font-size: 12px;
  color: #069;
  text-decoration: underline;
}

.header__phones--worktime a:hover {
  text-decoration: none;
}

.header__callbackme {
  margin: 5px auto 0 auto;
  width: 214px;
  padding-left: 29px;
  display: block;
  text-decoration: underline;
  color: #3E77AA;
  cursor: pointer;
}

.header__callbackme:hover {
  color: #C90019;
  text-decoration: none;
}

.header__blocked {
  background-color: #F9E2E2;
  font-size: 14px;
  color: #333;
  height: 39px;
  line-height: 39px;
}

.header__blocked a {
  color: #333;
  text-decoration: underline;
}

.header__blocked a:hover {
  text-decoration: none;
}

.header__account {
  background-color: #fff;
  line-height: 39px;
  height: 39px;
  color: #333;
  font-size: 14px;
}

.header__account .container {
  position: relative;
}

.header__account--spacer {
  margin-right: 35px;
}

.header__account a {
  font-size: 13px;
}

.header__account a:hover {
  color: #C90019;
}

.header__account--select {
  width: 0;
  -webkit-transition: width 300ms ease-in;
  transition: width 300ms ease-in;
  overflow: hidden;
  position: absolute;
  left: 40px;
  top: 0;
}

.header__account--select .input {
  width: 445px;
}

.header__account--select .icon {
  position: absolute;
  right: 0;
  top: 9px;
}

.header__account-selecting .header__account--spacer {
  font-size: 0;
  opacity: 0;
}

.header__account-selecting .header__account--select {
  width: 475px;
  z-index: 3;
}

.header__account--exit {
  left: 10px;
  position: relative;
  top: 2px;
  margin-left: -25px;
}

.header__account--exit .icon {
  position: absolute;
  left: -11px;
  top: -5px;
}

.header__skidka {
  display: inline-block;
  position: relative;
  background-color: #5a5a5a;
  height: 39px;
  line-height: 39px;
  padding: 0 25px;
  color: #fff;
  font-size: 12px;
  margin-left: 30px;
  cursor: pointer;
}

.header__skidka--text {
  display: block;
  position: relative;
  z-index: 2;
}

.header__skidka b {
  font-weight: bold;
  font-size: 13px;
}

.header__skidka--procent {
  background-color: #64a201;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  z-index: 1;
}

.header__skidka--dropdown.dropdown {
  padding: 0;
  width: 464px;
  left: 50%;
  margin-left: -232px;
  margin-top: 11px;
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0.3px 6px 8.5px 0.5px rgba(204, 204, 204, 0.75);
  box-shadow: 0.3px 6px 8.5px 0.5px rgba(204, 204, 204, 0.75);
  color: #333333;
  font-size: 14px;
}

.header__skidka--info {
  padding: 15px 20px 15px 20px;
  position: relative;
}

.header__skidka--info p {
  margin: 0;
  padding: 0;
  line-height: 30px;
}

.header__skidka--info p + div {
  margin-top: 15px;
}

.header__skidka--info:before, .header__skidka--info:after {
  top: -18px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.header__skidka--info:after {
  border-color: rgba(247, 246, 246, 0);
  border-bottom-color: #fff;
  border-width: 9px;
  margin-left: -9px;
}

.header__skidka--info:before {
  top: -20px;
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 10px;
  margin-left: -10px;
}

.header__skidka--attent {
  padding-left: 30px;
  background: transparent url(../images/icon_attention.png) no-repeat left center;
}

.header__skidka--attent span {
  display: inline-block;
  vertical-align: middle;
  background-color: #64a201;
  line-height: 22px;
  height: 22px;
  padding: 0 5px;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
}

.autocomplete-suggestions {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  box-shadow: 0 5px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  padding: 10px 15px;
}

.autocomplete-suggestion {
  font-size: 14px;
  color: #333;
  padding: 5px 0;
  cursor: pointer;
  position: relative;
}

.autocomplete-suggestion:hover {
  color: #C90019;
}

.autocomplete-suggestion .pricing {
  float: right;
  font-size: 15px;
  color: #333;
}

.autocomplete__remove {
  display: block;
  position: absolute;
  background: transparent url(../images/close_little.png);
  width: 12px;
  height: 12px;
  top: 8px;
  right: 0;
}

#fancyemptycart {
  background: #fff url(../images/cart_icon.png) no-repeat 132px center;
  font-size: 20px;
  white-space: nowrap;
  color: #333;
  padding: 0 130px 0 220px;
  height: 170px;
  line-height: 170px;
}

.menu {
  border-top: 1px solid #dddddd;
  -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.09);
  box-shadow: 0 5px 9px rgba(0, 0, 0, 0.09);
  position: relative;
}

.menu__empty {
  border: 0;
  height: 7px;
  margin-top: -7px;
}

.menu__parent {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.menu__parent.menu__parent-active > li:not(.menu__parent-hover) {
  background-image: url(../images/arrow_icon_hover.jpg);
}

.menu__parent.menu__parent-active > li:not(.menu__parent-hover) a {
  color: #8c8c8c;
}

.menu__parent > li {
  list-style: none;
  display: table-cell;
  vertical-align: middle;
  height: 63px;
  background: #fff url(../images/arrow_icon.png) no-repeat center 45px;
  padding: 5px 3px 15px 3px;
  text-align: center;
  border-right: 1px solid #dddddd;
  position: relative;
}

.menu__parent > li:last-child {
  border-right: 0;
}

.menu__parent > li > a {
  font-size: 14px;
  color: #333;
  line-height: 16px;
  display: inline-block;
  text-decoration: none;
}

.menu__parent > li.menu__parent-hover {
  background-image: none;
}

.menu__parent > li.menu__parent-hover .menu__dropdown {
  display: block;
}

.menu__parent > li.menu__parent-hover:before {
  content: " ";
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  height: 6px;
  background-color: #64A201;
  z-index: 2;
}

.menu__parent > li.menu__parent-hover:after {
  content: " ";
  display: block;
  position: absolute;
  left: 1px;
  bottom: -2px;
  right: 1px;
  height: 3px;
  background-color: #fff;
  z-index: 100;
}

.menu__parent > li.menu__parent-hover > a:after {
  width: 2px;
  height: 101%;
  background-color: #DDD;
  top: -1px;
  left: -1px;
  content: " ";
  position: absolute;
  z-index: 1;
}

.menu__parent > li.menu__parent-hover > a:before {
  width: 2px;
  height: 101%;
  background-color: #DDD;
  top: -1px;
  right: -1px;
  content: " ";
  position: absolute;
  z-index: 1;
}

.menu__child {
  margin: 0;
  padding: 0;
}

.menu__dropdown {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #FFF;
  -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.09);
  box-shadow: 0 5px 9px rgba(0, 0, 0, 0.09);
  top: 63px;
  border-top: 4px solid #e9e6e6;
  z-index: 99;
  text-align: left;
  padding: 27px 25px 25px 25px;
}

.menu__dropdown-active {
  display: block;
}

.menu__dropdown--border {
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: -2px;
  left: 0;
}

.menu__dropdown--secondlevel {
  display: block;
  padding: 0 0 10px 0;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}

.menu__dropdown ul {
  display: block;
  margin: 0;
  padding: 0;
}

.menu__dropdown ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 40px 10px 0;
}

.menu__dropdown ul li a {
  display: block;
  font-size: 12px;
  text-decoration: none;
  padding: 0 0 5px 0;
}

.menu__dropdown ul li a.menu__dropdown--secondlevel {
  color: #000;
  font-size: 13px;
  padding: 0 0 16px 0;
}

.menu__dropdown ul li a:hover {
  color: #c90019;
  text-decoration: underline;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  border: 0;
}

.icon__key {
  width: 16px;
  height: 17px;
  background: transparent url(../images/icon_key.png);
}

.icon__question {
  width: 15px;
  height: 15px;
  background-image: url("../images/icon_question.png");
}

.icon__recalc {
  width: 15px;
  height: 15px;
  background-image: url("../images/icon_recalc.png");
}

.icon__notify {
  width: 34px;
  height: 30px;
  background-image: url("../images/notify_icon.png");
}

.icon__notify_yellow {
  width: 34px;
  height: 30px;
  background-image: url("../images/notify_icon_yellow.png");
}
.icon__notify_green {
  width: 34px;
  height: 30px;
  background-image: url("../images/notify_icon_green.png");
}

.icon__user {
  background-image: url(../images/icon_user.png);
  width: 16px;
  height: 18px;
}

.icon__downarrow {
  background-image: url(../images/downarrow_white.png);
  width: 13px;
  height: 7px;
}

.icon__downarrow-black {
  background-image: url(../images/downarrow_black.png);
}

.icon__close {
  width: 20px;
  height: 20px;
  background-image: url(../images/close_little.png);
}

.icon__close:hover {
  background-image: url(../images/close_little_red.png);
}

.icon__uparrow {
  background-image: url(../images/uparrow_white.png);
  width: 13px;
  height: 7px;
}

.icon__uparrow-black, .header__currency--link:hover .icon, .header__currency--link:active .icon, .header__currency--link:focus .icon {
  background-image: url(../images/uparrow_black.png);
}

.icon__warning {
  width: 20px;
  height: 18px;
  background-image: url("../images/icon_warning.png");
}

.icon__print {
  width: 25px;
  height: 22px;
  background-image: url("../images/print_icon.png");
}

.icon__check {
  width: 16px;
  height: 16px;
  background-image: url(../images/icon_check.png);
}

.icon__car1 {
  background-image: url(../images/icon_car1.png);
}

.icon__resultinfo {
  width: 24px;
  height: 16px;
  background-image: url(../images/icon_resultinfo.png);
}

.icon__resultinfo:hover {
  opacity: 0.6;
}

.icon__noback {
  width: 24px;
  height: 24px;
  background-image: url(../images/icon_noback.png);
}

.icon__comeback {
  width: 22px;
  height: 24px;
  background-image: url(../images/icon_comeback.png);
}

.icon__attention {
  width: 25px;
  height: 22px;
  background-image: url(../images/icon_attention.png);
}

.icon__star {
  width: 27px;
  height: 25px;
  background-image: url(../images/icon_star.png);
}

.icon__star-active {
  width: 27px;
  height: 25px;
  background-image: url(../images/icon_star_active.png);
}

.icon__edit {
  width: 24px;
  height: 16px;
  background-image: url(../images/icon_edit.png);
}

.icon__edit:hover {
  opacity: 0.6;
}

.icon__check {
  width: 16px;
  height: 16px;
  background-image: url(../images/icon_check.png);
}

.icon__cart {
  width: 29px;
  height: 28px;
  background-image: url("../images/icon_cart.png");
}

.icon__cart--count {
  position: absolute;
  right: -9px;
  top: -8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 23px;
  font-size: 15px;
  font-weight: bold;
  color: #FFF;
  width: 23px;
  height: 23px;
  background-color: #c90019;
}

.icon__sort {
  width: 10px;
  height: 13px;
  background-image: url("../images/icon_sort.png");
}

.icon__closelittle {
  width: 12px;
  height: 12px;
  background-image: url(../images/close_little.png);
}

.icon__closedraft {
  width: 12px;
  height: 12px;
  background-image: url(../images/close_little.png);
}

.icon__zoom {
  width: 36px;
  height: 36px;
  background-image: url("../images/icon_zoom.png");
}

.icon__greencheck {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon_greencheck.png");
}

.icon__repair {
  width: 22px;
  height: 22px;
  background-image: url("../images/icon_repair.png");
}

.icon__rightarrow {
  width: 5px;
  height: 10px;
  top: -2px;
  margin: 0 2px;
  background-image: url("../images/rightarrow.png");
}

.icon__arrowleft {
  width: 7px;
  height: 13px;
  background-image: url("../images/arrow_left.png");
}

.icon__arrowright {
  width: 7px;
  height: 13px;
  background-image: url("../images/arrow_right.png");
}

.icon__settings {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon_settings.png");
}

.icon__readall {
  width: 28px;
  height: 21px;
  background-image: url("../images/icon_readall.png");
}

.icon__refresh {
  width: 29px;
  height: 31px;
  background-image: url("../images/icon_refresh.png");
}

.icon__refresh-green {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon_refresh_green.png");
}

.icon__best_price {
  width: 30px;
  height: 30px;
}

.icon__best_delivery {
  width: 25px;
  height: 22px;
  background-image: url("../images/icon_best_delivery.png");
}

.icon__unknown {
  width: 22px;
  height: 30px;
  background-image: url(../images/quality_unknown.png);
  max-width: 100%;
  max-height: 100%;
  background-size: cover;
}

.icon__OE {
  width: 22px;
  height: 24px;
  background-image: url(../images/quality_oe.png);
  max-width: 100%;
  max-height: 100%;
  background-size: cover;
}

.icon__premium {
  width: 22px;
  height: 28px;
  background-image: url(../images/quality_premium.png);
  max-width: 100%;
  max-height: 100%;
  background-size: cover;
}

.icon__middle {
  width: 22px;
  height: 24px;
  background-image: url(../images/quality_middle.png);
  max-width: 100%;
  max-height: 100%;
  background-size: cover;
}

.icon__budget {
  max-width: 100%;
  max-height: 100%;
  background-size: cover;
  width: 22px;
  height: 24px;
  background-image: url(../images/quality_budget.png);
 /* object-fit: cover;*/
}


.footer {
  background-color: #F7F6F6;
  border-top: 6px solid #64a201;
  padding: 16px 0 6px 0;
  position: relative;
  margin-top: -190px;
  height: 190px;
}

.footer__title {
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 10px 0;
}

.footer__text {
  line-height: 21px;
}

.footer__text--link {
  display: block;
  color: #333;
  text-decoration: none;
}

.footer__text--link:hover {
  color: #C90019;
}

.footer__text span {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}

.footer__inline {
  display: inline-block;
  vertical-align: top;
}

.footer__socials {
  text-align: right;
  font-size: 0;
}

.footer__socials > * {
  text-align: left;
}

.footer__fb {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  margin-right: 5px;
  cursor: pointer;
  border-radis: 50%;
  margin-top: 8px;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}

.footer__socials--link {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  margin-right: 5px;
  cursor: pointer;
  background: transparent url(../images/socials.png) no-repeat left top;
  border-radis: 50%;
  margin-top: 8px;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}

.footer__socials--link-vk {
  background-position: 0 0;
}

.footer__socials--link-fb {
  background-position: -41px 0;
}

.footer__socials--link-od {
  background-position: -82px 0;
}

.footer__socials--link-gplus {
  background-position: -123px 0;
}

.footer__socials--link:hover {
  opacity: 0.8;
}

.footer__copyright {
  padding: 29px 0 20px 0;
}

.userpage {
  padding: 40px 0 50px 0;
  position: relative;
  min-height: 380px;
}

.userpage .title {
  font-size: 26px;
}

.userpage__pagelinks {
  border-right: 1px solid #dddddd;
  position: absolute;
  left: -36px;
  top: 17px;
  background-color: #fff;
  z-index: 98;
  bottom: 0;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.userpage__pagelinks:hover {
  border-right-color: gray;
}

.userpage__pagelinks-opened {
  left: -30px;
  width: 200px;
  border-right-color: transparent !important;
  -webkit-box-shadow: 3.9px 1px 5px rgba(204, 204, 204, 0.28);
  box-shadow: 3.9px 1px 5px rgba(204, 204, 204, 0.28);
}

.userpage__pagelinks-opened .userpage__pagelink {
  width: 200px;
}

.userpage__pagelinks-opened .userpage__pagelink--open {
  width: 200px;
}

.userpage__pagelinks-opened .userpage__pagelink--open .icon {
  background-image: url(../images/arrow_left.png);
}

.userpage__pagelinks + .col-md-12 {
  padding-left: 40px;
}

.userpage__pagelink {
  color: #333;
  font-size: 15px;
  text-decoration: none;
  margin-bottom: 5px;
  display: block;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.userpage__pagelink:hover {
  color: #C90019;
}

.userpage__pagelink span {
  display: block;
  padding: 2px 19px;
  background-color: transparent;
}

.userpage__pagelink-active span {
  background-color: #333;
  color: #FFF;
  text-decoration: none;
}

.userpage__pagelink--open {
  -webkit-transition: width 100ms ease-in;
  transition: width 100ms ease-in;
  width: 36px;
  display: block;
  text-align: right;
  padding: 5px 10px 5px 19px;
  margin-bottom: 10px;
}

.userpage__links {
  border-left: 1px solid #dddddd;
  padding-left: 22px;
}

.userpage__link {
  display: block;
  margin-bottom: 11px;
  font-size: 14px;
}

.userpage__link:hover {
  color: #C90019;
}

.userpage__link-red {
  font-size: 15px;
  text-decoration: none;
  color: #C90019;
}

.userpage__line {
  padding: 0 0 13px 0;
  font-size: 0;
}

.userpage__line--label {
  float: left;
  display: block;
  font-size: 14px;
  color: #666;
  width: 222px;
}

.userpage__line--data {
  font-size: 14px;
  display: block;
  margin-left: 222px;
}

.userpage__line--data a {
  font-size: 12px;
}

.userpage__line--info {
  display: block;
  max-width: 255px;
  font-size: 12px;
  line-height: 15px;
  color: #999;
  padding: 5px 0 0 0;
}

.userpage__submit {
  padding: 5px 0 0 0;
}

.userpage__submit a:not(.button) {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.userpage__submit-rekvizit > .tip, .userpage__submit-liqpay > .tip, .userpage__submit-privat > .tip, .userpage__submit-liqpay1 > .tip {
  display: block;
  width: 670px;
}

.userpage__submit-rekvizit > .tip span, .userpage__submit-liqpay > .tip span, .userpage__submit-privat > .tip span, .userpage__submit-liqpay1 > .tip span {
  width: 160px;
  display: inline-block;
  vertical-align: middle;
}

.userpage__submit-rekvizit > .tip b, .userpage__submit-liqpay > .tip b, .userpage__submit-privat > .tip b, .userpage__submit-liqpay1 > .tip b {
  color: #C90019;
}

.userpage__submit-rekvizit > .tip__warning, .userpage__submit-liqpay > .tip__warning, .userpage__submit-privat > .tip__warning, .userpage__submit-liqpay1 > .tip__warning {
  margin-top: 15px;
}

.userpage__change .userpage__pagelink__line--label {
  width: 305px;
}

.userpage__change .userpage__pagelink__line--data {
  margin-left: 308px;
  width: 260px;
}

.userpage__change .userpage__pagelink__line--data .input {
  width: 100%;
}

.userpage .infowindow {
  max-width: 568px;
}

.userpage__variant {
  display: block;
  margin: 0 0 6px 0;
  color: #333;
  font-size: 13px;
  line-height: 16px;
  position: relative;
}

.userpage__remove {
  top: 50% !important;
  right: -22px !important;
  margin-top: -6px;
}

.userpage .notactive {
  padding-right: 0;
  display: none;
  margin-bottom: 13px;
}

.userpage .notactive .input {
  margin-bottom: 13px;
}

.userpage .notactive .userpage__remove {
  margin-top: -13px;
}

.userpage__settings {
  font-size: 14px;
}

.userpage__settings .input {
  width: 50px;
  text-align: center;
  margin: 0 2px 0 4px;
}

.userpage__settings .icon {
  margin-left: 5px;
}

.userpage__settings .userpage__pagelink__submit {
  padding-top: 30px;
}

.userpage__calculation .popitem__tabs {
  display: inline-block;
  margin-top: 0;
}

.userpage__calculation .popitem__tablink {
  margin: 0 30px 0 0;
}

.userpage__calculation .popitem__tablink:last-child {
  margin: 0;
}

.userpage__calculation .tabs .tabs .popitem__tablink {
  font-size: 15px;
}

.userpage__calculation--time {
  font-size: 14px;
  color: #666;
  margin: 1px 0 18px 0;
}

.userpage__calculation--time a {
  margin-left: 10px;
  font-size: 12px;
}

.userpage__calculation--duty {
  font-size: 16px;
  color: #333;
  padding: 0 0 7px 0;
}

.userpage__calculation--duty i {
  font-style: normal;
  font-size: 15px;
}

.userpage__calculation--hr {
  border: 0;
  border-top: 1px solid #dddddd;
  margin: 5px 0 5px 0;
  padding: 0;
  max-width: 500px;
}

.userpage__calculation--title {
  font-size: 15px;
  color: #666;
  padding: 10px 0 10px 0;
}

.userpage__calculation--li {
  display: block;
  padding: 0 0 6px 0;
  font-size: 15px;
}

.userpage__calculation--li span {
  font-size: 14px;
  color: #069 !important;
  text-decoration: underline;
  cursor: pointer;
}

.userpage__calculation--li span:before {
  margin: -3px 14px 0 1px;
}

.userpage__calculation--li:hover span {
  text-decoration: none;
}

.userpage__calculation--li-disabled span {
  opacity: 1 !important;
  cursor: pointer !important;
  color: #C90019 !important;
}

.userpage__calculation--li-disabled span:before {
  opacity: 0.4;
}

.userpage__calculation--li .tip {
  max-width: 471px;
  margin: 16px 0 11px 28px;
}

.userpage__calculation--li + .userpage__calculation--hr {
  margin-top: 16px;
}

.userpage__calculation--payduty {
  font-size: 16px;
  padding: 20px 0 20px 0;
}

.userpage__calculation--payduty .input {
  width: 82px;
  font-weight: bold;
  text-align: center;
  margin: 0 4px;
  font-size: 16px;
}

.userpage__calculation--payduty span {
  font-size: 15px;
}

.userpage__calculation--payduty i {
  color: #666;
  font-size: 15px;
  display: block;
  padding: 18px 0 2px 0;
  font-style: normal;
}

.userpage__calculation--summary {
  font-size: 16px;
  color: #333;
  line-height: 18px;
  padding-bottom: 12px;
}

.userpage__calculation--summary i {
  font-style: normal;
  font-size: 15px;
}

.userpage__calculation--comis {
  font-size: 13px;
  color: #666;
}

.userpage__calculation .userpage__pagelink__submit .tip {
  display: inline-block;
  padding: 15px 23px 18px 23px;
  font-size: 14px;
}

.userpage__calculation .userpage__pagelink__submit .tip span {
  width: 90px;
  display: inline-block;
  vertical-align: middle;
}

.userpage__calculation .userpage__pagelink__submit .tip__warning {
  margin-top: 15px;
}

.userpage__sverka--dates {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  position: relative;
}

.userpage__sverka--dates:first-child:after {
  content: " ";
  display: block;
  width: 12px;
  height: 1px;
  background-color: #000;
  display: block;
  position: absolute;
  right: -18px;
  top: 15px;
}

.userpage__sverka--fastdates {
  padding: 10px 0 20px 0;
  font-size: 12px;
}

.userpage__sverka--fastdates a {
  margin-right: 10px;
}

.userpage__sverka--time {
  color: #666;
  font-size: 13px;
  padding: 25px 0 20px 0;
}

.userpage__sverka--balance {
  font-size: 16px;
  padding-bottom: 2px;
  padding-top: 7px;
}

.userpage__history {
  padding: 35px 0 0 0;
}

.tabs {
  font-size: 0;
  padding: 0 0 25px 0;
}

.tabs__link {
  font-size: 15px;
  display: inline-block;
  height: 32px;
  background-color: #fff;
  vertical-align: top;
  padding: 0 23px;
  line-height: 32px;
  position: relative;
  color: #069;
  text-decoration: underline;
}

.tabs__link-active {
  background-color: #f7f6f6;
  color: #333 !important;
  text-decoration: none;
  cursor: default;
}

.tabs__link-active:after {
  content: " ";
  position: absolute;
  display: block;
  left: 10px;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #f7f6f6 transparent transparent transparent;
}

.title {
  font-size: 32px;
  line-height: 26px;
  padding: 0 0 30px 0;
  margin: 0;
  color: #333;
  font-weight: normal;
}

.title .print {
  float: right;
}

.title + .result__links {
  position: relative;
  margin-top: -10px;
}

.title__right {
  float: right;
  font-size: 15px;
  padding: 0;
  line-height: 1;
}

.sort {
  font-size: 15px;
  position: relative;
}

.sort span {
  color: #006699;
  text-decoration: underline;
  position: relative;
  display: block;
  padding-right: 36px;
  cursor: pointer;
}

.sort .icon {
  width: 27px;
  height: 27px;
  border: 2px solid #999;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff url(../images/arrow_icon.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: -5px;
  cursor: pointer;
}

.sort .dropdown {
  margin-top: 10px;
  right: 0;
  width: auto;
}

.sort .dropdown a, .sort .dropdown b {
  display: block;
  padding: 4px 0;
}

.print {
  font-size: 14px;
}

.print .icon {
  margin-right: 3px;
}

.topslide {
  text-align: center;
  background-color: #D81C21;
}

.topslide img {
  height: 100%;
  max-width: 100%;
}

.tip {
  display: none;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 17px;
  padding: 12px 18px;
  position: relative;
}

.tip div {
  padding: 3px 0;
}

.tip:after, .tip:before {
  bottom: 100%;
  left: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.tip:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.tip:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 11px;
  margin-left: -11px;
}

.tip__warning {
  padding-left: 35px !important;
  position: relative;
}

.tip__warning .icon {
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -9px;
}

.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  box-shadow: 0 4px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  padding: 16px 37px 32px 30px;
  z-index: 103;
  text-align: left;
  width: 313px;
}

.dropdown__close {
  position: absolute;
  top: 13px;
  right: 22px;
  border: 0;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  background: transparent url(../images/close_button.png) no-repeat center center;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}

.dropdown__close:hover {
  background-image: url(../images/close_button_red.png);
}

.dropdown__text {
  font-size: 14px;
  line-height: 18px;
  color: #333;
}

.dropdown__text p {
  margin: 0 0 12px 0;
}

.dropdown__text p:last-child {
  margin: 0;
}

.dropdown__title {
  font-size: 20px;
  color: #333;
  padding: 0 0 5px 0;
}

.dropdown__label {
  display: block;
  font-size: 16px;
  color: #666;
  padding: 10px 0 1px 0;
}

.dropdown__input {
  display: block;
  width: 246px;
  color: #333333;
  font-size: 13px;
  padding: 0 13px;
  height: 30px;
  line-height: 28px;
  font-style: normal;
  border: 1px solid #dddddd;
  margin-bottom: 3px;
}

.dropdown__input.error {
  border-color: #c90019;
}

.dropdown__input.valid {
  border-color: #64a201;
}

.dropdown__link {
  font-size: 12px;
  margin-bottom: 17px;
  display: block;
}

.dropdown__check {
  padding: 0 0 15px 0;
}

.dropdown__submit {
  padding-top: 10px;
  text-align: center;
}

.dropdown__submit a {
  background-color: white;
  border: 2px solid #333;
  padding: 4px 10px;
  min-width: 100px;
  font-size: 16px;
  color: #333;
  text-decoration: none;
  display: block;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.dropdown__submit a:hover {
  background-color: #333;
  color: #fff;
}

.dropdown__bottomlink {
  padding-top: 12px;
  text-align: center;
  font-size: 15px;
}

.dropdown__question {
  color: #666;
  font-size: 12px;
  text-align: right;
  padding-top: 10px;
}

.dropdown__info {
  color: #999;
  font-size: 12px;
  line-height: 15px;
  padding: 2px 0 12px 0;
}

.dropdown__cart {
  left: auto;
  right: 0;
  margin-top: 10px;
  width: 230px;
  padding-bottom: 20px;
  z-index: 1000;
}

.dropdown__cart input {
  display: block;
  width: 100%;
}

.dropdown__incart {
  font-size: 15px;
  color: #333;
  line-height: 20px;
  padding: 0 0 5px 0;
}

.dropdown__emptycart {
  left: auto;
  right: 0;
  margin-top: 10px;
  width: 380px;
  padding-left: 115px;
  padding-bottom: 40px;
  background: #fff url(../images/cart_icon.png) no-repeat 32px center;
}

.dropdown__emptycart .dropdown__title {
  margin-top: 15px;
}

.dropdown__worktime {
  font-size: 12px;
  padding: 19px 24px;
  left: auto;
  right: 10px;
}

.dropdown__worktime .dropdown {
  width: 319px;
}

.dropdown__worktime .dropdown__title {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 2px;
}

.dropdown__worktime .dropdown__text {
  line-height: 20px;
}

.dropdown__worktime .dropdown__close {
  top: 22px;
}

.dropdown__worktime--time {
  font-size: 14px;
}

.dropdown__worktime--time span {
  display: inline-block;
  vertical-align: middle;
  width: 70px;
}

.dropdown__worktime p {
  margin: 24px 0 0 0 !important;
  font-size: 12px;
  line-height: 16px;
}

.dropdown__menu {
  padding: 10px 10px 4px 15px;
  width: auto;
  z-index: 1001;
}

.dropdown__menu a {
  display: block;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  padding: 0 25px 8px 0;
  position: relative;
}

.dropdown__menu a:hover {
  color: #C90019;
}

.dropdown__menu a:hover:after {
  content: " ";
  background: transparent url(../images/rightarrow_red.png);
  width: 7px;
  height: 13px;
  display: block;
  position: absolute;
  right: 0;
  top: 4px;
}

.dropdown__years {
  width: auto;
  padding: 20px 25px 25px 25px;
  border: 1px solid #cccccc;
}

.dropdown__years--line {
  position: relative;
  padding-bottom: 12px;
  font-size: 0;
}

.dropdown__years--line:last-child {
  padding-bottom: 0;
}

.dropdown__years--line .button {
  margin-right: 8px;
}

.dropdown__years--label {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
}

label.error, .dropdown label.info, .dropdown label.error, label.info {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  position: relative;
  padding: 12px 15px;
  font-size: 12px;
  line-height: 19px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #333;
}

label.error:after, .dropdown label.info:after, .dropdown label.error:after, label.error:before, .dropdown label.info:before, .dropdown label.error:before, label.info:after, label.info:before {
  bottom: 100%;
  left: 12px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

label.error:after, .dropdown label.info:after, .dropdown label.error:after, label.info:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

label.error:before, .dropdown label.info:before, .dropdown label.error:before, label.info:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #ccc;
  border-width: 9px;
  margin-left: -9px;
}

label.error a, .dropdown label.info a, .dropdown label.error a, label.info a {
  display: block;
  font-size: 15px;
}

label.error b, .dropdown label.info b, .dropdown label.error b, label.info b {
  display: block;
}

label.error p, .dropdown label.info p, .dropdown label.error p, label.info p {
  margin: 0 0 10px 0;
}

label.info {
  background-color: #F7F6F6;
  border: 0;
  font-size: 14px;
  width: auto;
  display: inline-block;
  padding: 4px 13px;
}

label.info:after {
  display: none;
}

label.info:before {
  border-bottom-color: #F7F6F6;
  margin-left: 3px;
}

.infowindow {
  padding: 8px 30px 8px 10px;
  position: relative;
  font-size: 14px;
  color: #333;
  line-height: 18px;
  background-color: #C1FFC1;
  margin-bottom: 20px;
}

.infowindow__close, .userpage__remove {
  cursor: pointer;
  position: absolute;
  width: 12px;
  height: 12px;
  display: block;
  background: transparent url(../images/close_little.png) no-repeat;
  right: 8px;
  top: 10px;
  border: 0;
  text-indent: -9999px;
}

.infowindow__close:hover, .userpage__remove:hover {
  background-image: url(../images/close_little_red.png);
}

.infowindow__red {
  background-color: #F9E2E5;
}

@media (max-width: 1279px) {
  .userpage__change .userpage__line--label {
    width: 210px;
  }
  .userpage__change .userpage__line--data {
    margin-left: 220px;
  }
}

.loginmap {
  position: relative;
  margin-top: -52px;
}

#loginmap  {
  position: relative;
  margin-top: -84px;
}
.formpage {
  max-width: 429px;
  padding: 35px 0 40px 0;
}

.formpage .title {
  font-size: 26px;
}

.formpage__label {
  font-size: 16px;
  color: #666;
  display: inline-block;
  vertical-align: top;
  width: 175px;
  position: absolute;
  left: 0;
  top: 3px;
}

.formpage .input {
  display: inline-block;
  vertical-align: top;
  width: 254px;
}

.formpage__line {
  margin-bottom: 16px;
  padding-left: 175px;
  position: relative;
}

.formpage__line-simple {
  padding-left: 0;
}

.formpage__line-simple > .formpage__label {
  position: relative;
  width: 100%;
  top: auto;
}

.formpage__line-simple .input {
  width: 260px;
}

.formpage__line-simple + .formpage__submit {
  padding-top: 3px;
}

.formpage__link {
  font-size: 12px;
  color: #006699;
  text-decoration: underline;
  display: block;
  padding: 5px 0 0 0;
}

.formpage__link:hover {
  text-decoration: none;
}

.formpage__info {
  font-size: 12px;
  color: #999;
  line-height: 15px;
}

.formpage__check {
  padding-bottom: 5px;
}

.formpage__submit {
  margin-left: 175px;
  padding-top: 20px;
}

.formpage__submit--link {
  display: block;
  margin-top: 15px;
}

.hideShowPassword-toggle {
  display: block;
  border: 0;
  background-color: transparent;
  position: absolute;
  z-index: 11;
  text-indent: -9999px;
  width: 25px;
  height: 18px;
  background-image: url("../images/showpass_hide.png");
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  top: 15px !important;
}

.hideShowPassword-toggle-hide {
  background-image: url(../images/showpass.png);
}

.arrowbox {
  font-size: 14px;
  color: #333;
  padding: 5px 17px;
  position: relative;
  background: #F7F6F6;
}

.arrowbox__bottom:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #f7f6f6 transparent transparent transparent;
}

.arrowbox__top:after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #f7f6f6 transparent;
}

.popup {
  padding: 0 14px 20px 14px;
}

.popup__callback {
  width: 315px;
}

.popup__title {
  font-size: 20px;
  color: #333;
  padding: 0 0 15px 0;
}

.popup__title .icon__star, .popup__title .icon__star-active {
  top: -4px;
  margin-left: 10px;
}

.popup__title + .simpletable {
  margin-top: 18px;
}

.popup__label {
  font-size: 16px;
  color: #666;
  display: block;
  padding: 0 0 1px 0;
}

.popup__input {
  display: block;
  width: 100%;
  margin-bottom: 12px;
}

.popup input[type="submit"] {
  margin-top: 9px;
}

.popup__prices .popup__title {
  padding-bottom: 3px;
}

.popup__prices .simpletable:last-child {
  margin-bottom: 0;
}

.popup__subtitle {
  font-size: 14px;
  color: #666;
  padding: 0 0 18px 0;
}

.popup__recommend--text {
  font-size: 15px;
  color: #666;
  padding: 0 0 6px 0;
}

.popup__recommend .cart__addcomment {
  margin-bottom: 50px;
}

.popup__recommend--success {
  font-size: 17px;
  color: #666;
  padding: 10px 0 15px 0;
}

.popup__correct--tip {
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 17px;
  padding: 12px 12px;
  position: relative;
  margin-top: 22px;
  min-width: 157px;
}

.popup__correct--tip:after, .popup__correct--tip:before {
  bottom: 100%;
  left: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.popup__correct--tip:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.popup__correct--tip:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 11px;
  margin-left: -11px;
}

.popup__correct .button {
  margin-top: 20px;
}

.popup__correct--line {
  padding-bottom: 24px;
  font-size: 14px;
  padding-top: 6px;
}

.popup__correct--txt {
  font-size: 15px;
}

.popup__correct--inline {
  display: inline-block;
  vertical-align: top;
  margin: 0 40px 25px 0;
}

.popup__correct--inline-txt {
  display: inline-block;
  vertical-align: top;
  line-height: 39px;
  font-size: 15px;
}

.popup__correct--inline-txt span {
  font-size: 14px;
}

.popup__correct--text {
  display: inline-block;
  vertical-align: top;
  line-height: 39px;
  width: 155px;
  font-size: 15px;
}

.popup__correct--text span {
  font-size: 14px;
}

.popup__correct .jq-number {
  display: inline-block;
  vertical-align: top;
  margin-right: 7px;
  width: 98px;
}

.popup__correct .jq-number__field {
  padding: 0 0 0 23px;
  height: 39px;
  line-height: 37px;
}

.popup__correct .jq-number__field input {
  height: 39px;
  font-size: 15px;
}

.popup__correct .jq-number__spin {
  height: 17px;
  width: 17px;
  top: 2px;
  right: auto;
  left: 0;
}

.popup__correct .jq-number__spin.plus:before {
  top: 0px;
  left: 8px;
}

.popup__correct .jq-number__spin.plus:after {
  top: 8px;
  left: 0;
}

.popup__correct .jq-number__spin.minus {
  bottom: -6px;
  top: auto;
}

.popup__correct .jq-number__spin.minus:after {
  top: 9px;
  left: 0;
}

.popup__nomoney--top {
  border-bottom: 1px solid #dddddd;
  font-size: 15px;
  color: #CA001A;
  padding-bottom: 13px;
  display: inline-block;
}

.popup__nomoney--top .input {
  border: 0;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0;
  height: auto;
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  top: -1px;
  position: relative;
}

.popup__nomoney--top span {
  color: #333;
}

.popup__nomoney .userpage__calculation--payduty {
  padding-top: 0;
}

.popup__nomoney--comment {
  font-size: 13px;
  line-height: 19px;
  color: #333;
  padding-top: 15px;
}

.popitem {
  padding-bottom: 0;
}

.popitem__image {
  width: 175px;
  height: 182px;
  border: 1px solid #eceaea;
  display: table;
  margin-right: 15px;
}

.popitem__image2 {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 180px;
  text-align: center;
  position: relative;
}

.popitem__image2 img {
  max-width: 173px;
  max-height: 180px;
}

.popitem__image2:hover .icon {
  display: none;
}

.popitem__image2 .icon {
  position: absolute;
  left: 7px;
  bottom: 7px;
}

.popitem__images {
  height: 182px;
  overflow: hidden;
  position: relative;
  width: 66px;
}

.popitem__images ul {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 20000em;
  position: relative;
  list-style: none;
}

.popitem__images ul li {
  list-style: none;
  float: left;
  width: 100%;
}

.popitem__images--next, .popitem__images--prev {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #fff;
}

.popitem__images--next.inactive, .popitem__images--next.inactive2, .popitem__images--prev.inactive, .popitem__images--prev.inactive2 {
  display: none;
}

.popitem__images--next:before, .popitem__images--prev:before {
  content: " ";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  bottom: 18px;
  background: transparent url(../images/popup_shad.png) repeat-x left bottom;
}

.popitem__images--next:hover .icon, .popitem__images--prev:hover .icon {
  opacity: 0.7;
}

.popitem__images--prev {
  bottom: auto;
  top: 0;
}

.popitem__images--prev:before {
  background: transparent url(../images/popup_shad_top.png) repeat-x left top;
  bottom: auto;
  top: 18px;
}

.popitem__smallimage {
  display: table;
  width: 66px;
  height: 66px;
  border: 1px solid #eceaea;
  margin-bottom: 7px;
}

.popitem__smallimage2 {
  display: table-cell;
  width: 66px;
  height: 66px;
  text-align: center;
  vertical-align: middle;
}

.popitem__smallimage2 img {
  max-width: 60px;
  max-height: 60px;
}

.popitem__inline {
  display: inline-block;
  vertical-align: top;
}

.popitem__itemcount {
  margin-left: 40px;
  width: 125px;
  text-align: center;
}

.popitem__itemcount--price {
  height: 30px;
  background-color: #f7f6f6;
  width: 125px;
  text-align: center;
  line-height: 30px;
  color: #333;
  font-size: 17px;
  position: relative;
  margin-top: 20px;
}

.popitem__itemcount--price:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 8px 9px;
  border-color: transparent transparent #f7f6f6 transparent;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
}

.popitem__submit {
  width: 125px;
  margin-top: 19px;
  margin-left: 40px;
}

.popitem__submit .button {
  display: block;
  width: 100%;
}

.popitem__incart {
  margin-left: 40px;
  margin-top: 10px;
  display: none;
}

.popitem__incart .icon__cart {
  position: relative;
}

.popitem__incart .icon__greencheck {
  position: absolute;
  top: -10px;
  right: -10px;
}

.popitem__incart a {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.popitem__tabs__search{
  border-bottom: 1px solid #cccccc;
  display: table;
  width: 500px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 15px;
}

.popitem__tablink__search {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
  padding: 5px 10px;
  height: 31px;
  border-bottom: 4px solid transparent;
  cursor: pointer;
}
.popitem__tabs {
  border-bottom: 1px solid #cccccc;
  display: table;
  width: 100%;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 15px;
}

.popitem__tablink__search:hover {
  color: #C90019;
}

.popitem__tablink__search-active {
  border-bottom: 4px solid #64a201;
}

.popitem__tablink__search:hover {
  color: #333;
}

.popitem__tabcontent__search {
  display: none;
  font-size: 13px;
}
.popitem__tabcontent__search-active {
  display: block;
}


.popitem__tablink {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  font-size: 16px;
  padding: 0 5px;
  height: 31px;
  border-bottom: 4px solid transparent;
  cursor: pointer;
}

.popitem__tablink:hover {
  color: #C90019;
}

.popitem__tablink-active {
  border-bottom: 4px solid #64a201;
}

.popitem__tablink-active:hover {
  color: #333;
}

.popitem__tabcontent {
  display: none;
  font-size: 13px;
}

.popitem__tabcontent-active {
  display: block;
}

.popitem__tabcontent .simpletable:last-child {
  margin-bottom: 10px;
}

.popitem__tabcontent .simpletable thead th, .popitem__tabcontent .simpletable thead td {
  border: 0;
  padding-bottom: 4px;
  padding-left: 5px;
  white-space: nowrap;
}

.popitem__tabcontent .simpletable thead th:last-child, .popitem__tabcontent .simpletable thead td:last-child {
  padding-right: 5px;
}

.popitem__tabcontent .simpletable tbody tr td {
  padding: 5px 0 5px 5px;
}

.popitem__tabcontent .simpletable tbody tr td a {
  white-space: nowrap;
}

.popitem__tabcontent .simpletable tbody tr:last-child td {
  padding-right: 5px;
}

.popitem__tabcontent .simpletable-small thead th, .popitem__tabcontent .simpletable-small thead td {
  padding-left: 0;
}

.popitem__tabcontent .simpletable-small thead th:last-child, .popitem__tabcontent .simpletable-small thead td:last-child {
  padding-right: 0;
}

.popitem__tabcontent .simpletable-small tbody tr td {
  padding: 5px 0;
}

.popitem__tabcontent .simpletable-small tbody tr:last-child td {
  padding-right: 0;
}

.popitem__tabcontent .simpletable-hoverable {
  width: 100%;
}

.popitem__tabcontent .simpletable-hoverable tbody tr:hover {
  background-color: #F7F6F6;
  cursor: pointer;
}

.popitem__models {
  font-size: 0;
  color: #666;
  margin-bottom: 5px;
}

.popitem__models div {
  font-size: 15px;
  margin-bottom: 4px;
}

.popitem__models--link {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #dddddd;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  margin: 0 10px 7px 0;
  font-size: 12px;
  color: #333;
  text-decoration: none;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.popitem__models--link-active, .popitem__models--link:hover {
  background-color: #343333;
  border-color: #343333;
  color: #fff;
}

.popitem__models + .simpletable {
  margin-top: 15px;
}

.popitem .tabs {
  padding-bottom: 0;
}

.simpletable {
  margin-bottom: 25px;
  font-size: 13px;
}

.simpletable td + td, .simpletable th + th {
  padding-left: 15px !important;
}

.simpletable tbody tr td {
  border-top: 1px dashed #cccccc;
  color: #333;
  padding: 3px 0;
}

.simpletable tbody tr:first-child td {
  border-top: 0;
}

.simpletable thead td, .simpletable thead th {
  text-align: left;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}

.simpletable .icon__check {
  margin-left: 2px;
}

.simpletable-small {
  font-size: 12px;
}

.simpletable-small thead td, .simpletable-small thead th {
  font-size: 12px;
}

.simpletable-inline {
  width: auto !important;
}

.simpletable-hoverable tbody tr:hover {
  background-color: #F7F6F6;
  cursor: pointer;
}

.simpletable-big tbody tr td {
  padding-top: 12px;
  padding-bottom: 12px;
}

.simpletable-middle {
  font-size: 14px;
}

.simpletable-middle thead tr th, .simpletable-middle thead tr td {
  border: 0;
  padding-bottom: 4px;
  padding-left: 5px;
}

.simpletable-middle tbody tr td {
  padding: 7px 0 7px 5px;
}

.simpletable-fullwidth {
  width: 100%;
}

.cart {
  font-size: 14px;
  padding: 35px 0 40px 0;
}

.cart_new {
    font-size: 14px;
    padding: 107px 0 40px 0;
}

.cart .title {
  font-size: 26px;
}

.cart .jq-selectbox__select {
  width: 260px;
}

.cart__step {
  cursor: pointer;
  font-size: 16px;
  color: #333;
  line-height: 27px;
  margin-bottom: 18px;
}

.cart__stepwrap {
  padding-left: 34px;
  display: none;
}

.cart__stepwrap-active {
  display: block;
}

.cart__stepwrap-nomarg {
  padding-left: 0;
}

.cart__step--edit {
  font-size: 12px;
  margin-left: 8px;
}

.cart__stepcount {
  font-size: 16px;
  position: relative;
  top: -1px;
  width: 27px;
  height: 27px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #999999;
  color: #999;
  line-height: 23px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}

.cart__stepcount-active {
  border-color: #64a201;
}

.cart__stepcount-active + .cart__step--edit {
  display: none;
}

.cart .tabs__link {
  font-size: 14px;
}

.cart .formpage__submit {
  margin-left: 0;
  margin-bottom: 75px;
}

.cart .cartform__register {
  max-width: 420px;
}

.cart .cartform__register .input {
  width: 245px;
}

.cart .cartform__register .formpage__info {
  margin-top: 4px;
}

.cart .oneline-form {
  max-width: 420px;
}

.cart .oneline-form .formpage__label {
  display: block;
  position: relative;
  left: 0;
  top: 0;
}

.cart .oneline-form .formpage__line {
  padding-left: 0;
}

.cart .oneline-form .input {
  width: 245px;
}

.cart .oneline-form label.error, .cart .oneline-form .dropdown label.info, .dropdown .cart .oneline-form label.info {
  width: 245px;
}

.cart .oneline-form .dropdown__submit {
  text-align: left;
}

.cart .oneline-form .dropdown__bottomlink {
  text-align: left;
  padding-bottom: 40px;
}

.cart .cartform__login {
  padding-bottom: 70px;
}

.cart .cartform__login input[type="submit"].button {
  padding-left: 5px;
  padding-right: 5px;
  width: 245px;
  margin-top: 10px;
}

.cart .cartform__login .dropdown__question {
  padding-top: 0;
  position: absolute;
  left: 255px;
  top: 30px;
}

.cart__selectlabel {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding: 0 0 2px 0;
}

.cart .jq-selectbox {
  margin-bottom: 8px;
}

.cart label.error, .cart .dropdown label.info, .dropdown .cart label.info {
  width: 260px;
}

.cart__form--label {
  display: block;
  font-size: 15px;
  color: #666;
}

.cart__form .input {
  width: 260px;
  margin-bottom: 14px;
}

.cart__form .row {
  width: 324px;
  margin-left: -5px;
  margin-right: -5px;
}

.cart__form .row .col-md-1, .cart__form .row .col-md-2, .cart__form .row .col-md-3, .cart__form .row .col-md-4, .cart__form .row .col-md-5, .cart__form .row .col-md-6, .cart__form .row .col-md-7, .cart__form .row .col-md-8, .cart__form .row .col-md-9, .cart__form .row .col-md-10, .cart__form .row .col-md-11, .cart__form .row .col-md-12 {
  padding-left: 5px;
  padding-right: 5px;
}

.cart__form .row .input {
  display: block;
  width: 100%;
}

.cart__form--comment {
  color: #666;
  font-size: 12px;
  padding: 0 0 16px 0;
  position: relative;
  margin-top: -13px;
}

.cart__form--check {
  font-size: 14px;
}

.cart__form--check + label.info {
  margin-top: 19px;
  margin-left: 30px;
}

.cart__delivery {
  padding-bottom: 20px;
}

.cart__delivery .cart__form {
  padding-top: 10px;
}

.cart__addcomment {
  padding-top: 15px;
  font-size: 14px;
}

.cart__addcomment a {
  display: block;
}

.cart__addcomment .input {
  height: auto;
  width: 430px;
  margin-top: 10px;
  display: none;
  padding-top: 5px;
  padding-bottom: 5px;
  resize: none;
}

.cart__addcomment .js-maxinput {
  display: none;
}

.cart__oneorder {
  padding: 0 0 14px 0;
}

.cart__oneorder label.error, .cart__oneorder .dropdown label.info, .dropdown .cart__oneorder label.info {
  width: 260px;
}

.cart .tip__warning {
  margin-top: 10px;
}

.cart__samo {
  display: block;
}

.cart__samo-title {
  color: #666;
  font-size: 13px;
  padding-bottom: 3px;
}

.cart__samo-text {
  font-size: 13px;
  color: #333;
}

.cart__samo-text span {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}

.cart__tr {
  display: table-row;
}

.cart__td {
  display: table-cell;
  vertical-align: top;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 13px;
  color: #333;
}

.cart__td:first-child {
  color: #666;
  font-size: 15px;
}

.cart__td span {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}

.cart__maplink {
  font-size: 12px !important;
  position: relative;
  margin-bottom: 15px;
}

.cart__maplink:after {
  width: 11px;
  height: 16px;
  background-image: url(../images/icon_loc.png);
  content: " ";
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 6px;
}

.cart__edit {
  display: block;
  text-align: right;
  font-size: 14px;
  padding: 0 0 8px 0;
}

.cart__items {
  max-height: 460px;
  overflow: auto;
  border: 1px solid #f7f6f6;
  border-top: 0;
  position: relative;
}

.cart__items--arrow {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 9px 0 9px;
  border-color: #f7f6f6 transparent transparent transparent;
  position: relative;
  top: 100%;
  left: 15px;
  margin-bottom: 15px;
}

.cart__itemblock--wrap {
  display: none;
  background-color: #fff;
  padding: 12px 14px;
}

.cart__itemblock--name {
  font-size: 14px;
  color: #333;
  padding: 0 15px;
  line-height: 30px;
  border-top: 1px solid #fff;
  background-color: #F7F6F6;
  position: relative;
  cursor: pointer;
}

.cart__itemblock--name:after {
  content: " ";
  display: block;
  background: transparent url(../images/downarrow_black.png) no-repeat right center;
  width: 13px;
  height: 7px;
  position: absolute;
  right: 10px;
  top: 12px;
}

.cart__itemblock-active .cart__itemblock--name:after {
  background-image: url(../images/uparrow_black.png);
}

.cart__itemblock-active .cart__itemblock--name:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 9px 0 9px;
  border-color: #F7F6F6 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 15px;
}

.cart__itemblock-active .cart__itemblock--wrap {
  display: block;
}

.cart__item {
  padding-bottom: 13px;
}

.cart__remove {
  display: none;
}


.cart__img {
  width: 72px;
  height: 72px;
  float: left;
}

.cart__img img {
  width: 72px;
  max-width: 100%;
  max-height: 72px;
}

.cart__right {
  margin-left: 90px;
}

.cart__name {
  display: block;
  font-size: 12px;
  padding-bottom: 5px;
}

.cart__iteminfo {
  font-size: 13px;
}

.cart__itemprice {
  float: right;
  font-size: 15px;
}

.cart__itemprice--manager {
  display: none;
}

.cart__summary {
  padding: 15px 15px 0 15px;
  text-align: center;
  border-top: 1px solid #f7f6f6;
}

.cart__table {
  display: table;
  width: 100%;
  text-align: left;
}

.cart__table--tr {
  display: table-row;
}

.cart__table--td {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 10px;
  font-size: 15px;
}

.cart__table--td:last-child {
  font-size: 16px;
  text-align: right;
}

.cart__table--summary .cart__table--td {
  font-size: 18px;
  padding: 15px 0 25px 0;
}

.cart__table--summary .cart__table--td b {
  display: block;
  font-size: 18px;
  color: #333;
}

.cart__table--summary .cart__table--td:last-child {
  font-size: 13px;
  color: #666;
}

.cart__itemcount, .cart .popup__correct--inline {
  display: none;
}

.cart__popup {
  width: 800px;
}

.cart__popup--title {
  font-size: 24px;
  padding: 0 15px;
  line-height: 45px;
}

.cart__popup--bottom {
  height: 140px;
  -webkit-box-shadow: 0 -5px 13px rgba(0, 1, 1, 0.12);
  box-shadow: 0 -5px 13px rgba(0, 1, 1, 0.12);
  padding: 0 38px;
  position: relative;
}

.cart__popup--bottom1 {
  height: 60px;
  -webkit-box-shadow: 0 -5px 13px rgba(0, 1, 1, 0.12);
  box-shadow: 0 -5px 13px rgba(0, 1, 1, 0.12);
  padding: 0 38px;
  position: relative;
}

.cart__popup--center {
  text-align: center;
  padding-top: 30px;
}

.cart__popup--center > button, .cart__popup--center a {
  border:0;
  padding: 0;
  background-color: transparent;
  text-decoration: none;
  font-size: 18px;
  color: #069;
  border-bottom: 1px solid transparent;
  display: inline-block;
  line-height: 20px;
}
.cart__popup--center > button:hover, .cart__popup--center a:hover {
  border-bottom-color: #069;
}
.cart__popup--addnote:before {
  content:" ";
  display: block;
  position: absolute;
  left: -21px;
  top: 3px;
  width: 13px;
  height: 13px;
  background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANAgMAAAAPhQzvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAADFBMVEX///8NDQ0AZpn///8llZvaAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAeSURBVAjXYwgNDXVgcGBggBEcKITTqgUYYgjFIL0ANKwJe5mHRLkAAAAASUVORK5CYII=') no-repeat center center;
}
.cart__popup--addnote {
  margin-left: 21px !important;
  position: relative;
}
.cart__popup--gotonote {
  margin-top: 32px;
}

.cart__popup--noteform {
  display: none;
  font-size: 0;
  margin-top: -5px;
  margin-bottom: -4px;
}

.cart__popup--offername {
  font-size: 0;
  margin-top: -5px;
  margin-bottom: -4px;
}

.cart__popup--noteok {
  border-left: 0;
  background-color: #ddd;
  height: 30px;
  vertical-align: top;
  padding: 0 10px;
  border: 0;
  color: #333;
  font-size: 18px;
}

.cart__popup--noteok:hover {
  background-color: #333;
  color: #fff;
}

.cart__popup--clear {
  border: 0;
  padding: 0 0 0 21px;
  position: absolute;
  display: block;
  font-size: 18px;
  color: #069;
  background: transparent url(../images/close_little.png) no-repeat left 7px;
  margin: 0;
  cursor: pointer;
  top: 27px;
}

.cart__popup--check {
  border: 0;
  padding: 0 0 0 21px;
  position: absolute;
  display: block;
  font-size: 18px;
  color: #069;
  margin: 0;
  cursor: pointer;
  top: 27px;
}

.cart__popup--clear span {
  border-bottom: 1px solid transparent;
}

.cart__popup--clear:hover span {
  border-bottom-color: #069;
}

.cart__popup--back {
  font-size: 18px;
  color: #069;
  text-decoration: none;
  display: block;
  margin-top: 80px;
  float: left;
}

.cart__popup--back span {
  text-decoration: underline;
  margin-left: 4px;
  cursor: pointer;
}

.cart__popup--back:hover span {
  text-decoration: none;
}

.cart__popup--summary {
  float: right;
  width: 320px;
  font-size: 18px;
  margin-top: 30px;
}

.cart__popup--summary .button {
  margin-top: 15px;
  display: block;
  width: 100%;
  font-size: 18px;
  text-align: center;
}

.cart__popup--summ {
  /*
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  background-color: #f7f6f6;
  line-height: 34px;
  padding: 0 20px;
  font-size: 19px;
  float: right;
  position: relative;
  top: -6px;
  */
}

.cart__popup--summ:after {
  /*
  content: " ";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 9px 0 9px;
  border-color: #f7f6f6 transparent transparent transparent;
  top: 100%;
  left: 15px;
  */
}

.cart__popup--manager {
  width: 950px;
}

.cart__popup--manager .cart__itemcount {
  display: none !important;
}

.cart__popup--manager .cart__right {
  margin-right: 390px !important;
}

.cart__popup--manager .cart__item {
  min-height: 125px;
}

.cart__popup--manager .cart__itemprice span {
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
}

.cart__popup--manager .popup__correct {
  position: absolute;
  top: 0;
  right: 28px;
}

.cart__popup--manager .popup__correct--inline {
  margin: 0 0 25px 40px;
}

.cart__popup--manager .popup__correct--inline:first-child {
  margin-left: 0;
}

.cart__popup--manager .popup__correct--tip {
  width: 140px;
}

.cart__popup .cart__itemblock--name:hover {
  background-color: #e8e8e8;
}

.cart__popup .cart__itemblock--name:hover:before {
  border-color: #e8e8e8 transparent transparent transparent;
}

.cart__popup .cart__itemblock--wrap {
  background-color: #fff;
}

.cart__popup .cart__name {
  font-size: 14px;
}

.cart__popup .cart__count {
  display: none;
}

.cart__popup .cart__itemprice {
  font-size: 17px;
  float: none;
  display: inline-block;
}

.cart__popup .cart__itemprice span {
  font-size: 15px;
}

.cart__popup .cart__remove {
  width: 48px;
  padding-top: 20px;
  display: block;
  float: left;
}


.cart__popup .cart__remove--link {
  display: inline-block;
  background: transparent url(../images/close_little.png);
  width: 12px;
  height: 12px;
}

.cart__popup .cart__remove--link:hover {
  background-image: url(../images/close_little_red.png);
}

.cart__popup .cart__item {
  position: relative;
}

.cart__popup .cart__draft--check {
  display: inline-block;
}

.draft {
  margin: -5px 0px 12px -5px;
}

.cart__popup .cart__img {
  width: 92px;
  height: 92px;
}

.cart__popup .cart__right {
  margin-left: 150px;
  margin-right: 155px;
  font-size: 14px;
}

.cart__popup .cart__itemcount {
  position: absolute;
  top: 0;
  right: 28px;
  display: block;
}

.cart__popup .cart__itemcount--price {
  height: 30px;
  background-color: #f7f6f6;
  width: 125px;
  text-align: center;
  line-height: 30px;
  color: #333;
  font-size: 15px;
  position: relative;
  margin-top: 20px;
}

.cart__popup .cart__itemcount--price span {
  font-size: 17px;
}

.cart__popup .cart__itemcount--price:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 8px 9px;
  border-color: transparent transparent #f7f6f6 transparent;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
}

.nophoto {
  border: 1px solid #cccccc;
}

.js-maxinput {
  font-size: 11px;
  color: #666;
}

.ordered {
  padding: 35px 0 40px 0;
  font-size: 18px;
}

.ordered .title {
  font-size: 26px;
  padding-bottom: 45px;
}

.ordered-simple {
  font-size: 14px;
}

.ordered__info-15 {
  padding: 6px 0 36px 0;
  font-size: 15px;
}

.ordered__info-14 {
  font-size: 14px;
  line-height: 29px;
}

.ordered .tip {
  width: 400px;
  display: block;
  margin-top: 20px;
  padding: 15px 23px 18px 23px;
  font-size: 14px;
}

.ordered .tip span {
  width: 90px;
  display: inline-block;
  vertical-align: middle;
}

.ordered .tip__warning {
  margin-top: 15px;
}

.ordered .tip b {
  color: #C90019;
}

.ordered__back {
  margin: 13px 0;
  color: #069;
  font-size: 18px;
}

.ordered__back a {
  margin-left: 5px;
}

.search {
  padding: 40px 0 50px 0;
}

.search .title {
  font-size: 26px;
}

.search__prices {
  display: table;
  width: 100%;
}

.search__prices--row {
  display: table-row;
  cursor: pointer;
}

.search__prices--row:last-child .search__prices--cell {
  border-bottom: 0;
}

.search__prices--row:hover .search__prices--cell {
  background-color: #F7F6F6;
}

.search__prices--cell {
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  color: #333;
  padding: 10px 15px;
  border-bottom: 1px dashed #cccccc;
}

.search__prices--name {
  white-space: nowrap;
  font-weight: bold;
}

.search__prices--name .icon {
  margin-left: 5px;
  top: -1px;
}

.search__prices--link {
  text-align: right;
  display: block;
  white-space: nowrap;
}

.search__path {
  color: #333;
  font-size: 13px;
  padding-bottom: 20px;
}

.search__path a {
  margin: 0 3px;
}

.search__path-last {
  color: #999;
}

.result {
  width: 100%;
  border-collapse: collapse;
}

.result tbody td {
  vertical-align: middle;
  padding: 13px 0;
  color: #333;
  font-size: 14px;
}

.result tbody td i {
  display: block;
  font-size: 12px;
  color: #333;
}

.result tbody td + td {
  padding-left: 10px;
}

.result tbody td.nowrap {
  min-width: 210px;
  line-height: 28px;
}

.result tbody .icon {
  margin-left: 4px;
}

.result tbody tr {
  border-top: 1px dashed #cccccc;
}

.result tbody tr.disabled td {
  color: #999 !important;
}

.result tbody tr.hide_provider td {
  color: #999 !important;
    // background: #e2e2e2;

}


.result tbody tr.disabled td i, .result tbody tr.disabled td a {
  color: #999 !important;
}

.result tbody tr.yellow td {
  background-color: #f1eb9a;
}

.result tbody tr:first-child {
  border-top: 0;
}

.result tbody tr.result__group {
  border-top: 0;
  background-color: #f1eb9a;
}

.result tbody tr.result__group td {
  position: relative;
  font-size: 16px;
  background-color: #F7F6F6;
  padding: 10px 15px;
  border: 0;
  font-weight: normal;
}

.result tbody tr.result__group td:after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 9px 0 9px;
  border-color: #f7f6f6 transparent transparent transparent;
  top: 100%;
  left: 8px;
  margin-bottom: 15px;
}

.result tbody tr.result__group + tr {
  border-top: 0 !important;
}
/* подсветка склада */
tr.storage {
  background: #dbffdb;
}
.result thead th {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  padding: 7px 0;
  line-height: 18px;
  white-space: nowrap;
  position: relative;
}

.result thead th + th {
  padding-left: 15px;
}

.result thead th:first-child {
  padding-left: 0;
}

.result thead th .result__sorting {
  border-bottom: 1px solid #d6d6d6;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.result thead th .icon__sort {
  margin-left: 8px;
}

.result thead th.tablesorter-headerAsc .icon__sort {
  background-image: url("../images/icon_sort_down.png");
}

.result thead th.tablesorter-headerDesc .icon__sort {
  background-image: url("../images/icon_sort_up.png");
}

.result thead th .js-brandfilter {
  cursor: pointer;
}

.result thead th .js-statusfilter {
  cursor: pointer;
}

.result thead th .js-statusfilter + .dropdown:before {
  left: 120px;
  top: -20px;
}

.result thead th .dropdown {
  white-space: normal;
  width: 310px;
  border: 1px solid #cccccc;
  padding: 15px 20px;
}

.result thead th .dropdown:before {
  content: " ";
  display: block;
  background-image: url(../images/uparrow_black.png);
  width: 13px;
  height: 7px;
  position: absolute;
  left: 59px;
  top: -24px;
  background-color: #fff;
}

.result thead th .dropdown__post:before {
  left: 96px;
}

.result thead th .dropdown label {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 11px;
}

.result thead th .dropdown-oneline label {
  width: 100%;
}

.result__price {
  font-size: 15px;
}

.result__price-fix {
  position: relative;
  top: 2px;
}

.result__pricewrap {
  width: 104px;
  display: inline-block;
}

.result__cart {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.result__cart .icon__cart {
  cursor: pointer;
}

.result__cart .dropdown {
  width: 120px;
  padding: 12px 15px;
  border: 1px solid #cccccc;
  left: 50%;
  margin-left: -56px;
  top: 38px;
}

.result__cart .dropdown:after, .result__cart .dropdown:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.result__cart .dropdown:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}

.result__cart .dropdown:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 8px;
  margin-left: -8px;
}

.result__cart .dropdown .button {
  width: 100%;
  margin-top: 12px;
}

.result__quality {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-color: #CCC;
  margin-right: 5px;
}

.result__quality-good {
  background-color: #64A201;
}

.result__quality-normal {
  background-color: #FFCB2A;
}

.result__quality-bad {
  background-color: #C90019;
}

.result .icon__star {
  cursor: pointer;
}

.result__currency {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
  position: relative;
  cursor: pointer;
  width: 53px;
  height: 28px;
}

.result__currency--text {
  display: inline-block;
  vertical-align: middle;
}

.result__currency--wrap {
  padding: 5px 18px 5px 5px;
}

.result__currency .icon {
  position: absolute;
  right: 0;
  top: 10px;
}

.result__currency-active .result__currency--wrap {
  z-index: 10;
  position: absolute;
  border: 1px solid #cccccc;
  top: -1px;
  left: -1px;
  right: -5px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  box-shadow: 0 4px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  padding-bottom: 0;
}

.result__currency-active .result__currency--select {
  display: block;
  padding-bottom: 5px;
}

.result__currency-active .result__currency--select:hover {
  color: #C90019;
}

.result__currency-active .icon {
  right: 5px;
  background-image: url(../images/uparrow_black.png);
}

.result__currency--select {
  display: none;
}

.result__currency--select-active {
  display: block;
}

.result__search {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding-bottom: 28px;
  width: 450px;
  padding-right: 28px;
  top: -4px;
  position: relative;
}

.result__search--form {
  display: block;
  width: 100%;
  position: relative;
}

.result__search .input {
  display: block;
  width: 100%;
}

.result__search .input:active, .result__search .input:focus {
  border-color: #62a200;
}

.result__search--submit {
  top: 6px;
  right: 7px;
}

.result__checks {
  padding-bottom: 28px;
  display: inline-block;
  font-size: 14px;
}

.result__checks label {
  margin-right: 30px;
}

.result__infos {
  position: relative;
  margin-top: -30px;
  float: right;
  font-size: 13px;
  text-align: right;
  margin-right: 35px;
}

.result__infos div {
  margin-bottom: 10px;
  line-height: 15px;
}

.result__infos div .icon {
  margin-left: 10px;
}

.result__brands {
  padding: 0 0 15px 0;
  font-size: 0;
  line-height: 32px;
}

.result__brands--text {
  font-size: 14px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
}

.result__brands--brand {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ccc;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  margin-right: 9px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
}

.result__brands--brand .icon {
  margin-left: 5px;
  top: -1px;
}

.result__brands--brand:hover {
  color: #333;
}

.result__brands--brand:hover .icon {
  background-image: url(../images/close_little_red.png);
}

.result__brands--reset {
  line-height: 32px;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
}

.result__links {
  padding: 0 210px 15px 0;
}

.result__links a {
  font-size: 15px;
  margin: 0 25px 10px 0;
  display: inline-block;
  vertical-align: top;
}

.result__fright {
  white-space: nowrap;
  float: right;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  padding-right: 10px;
}

.result__min250 {
  min-width: 250px;
}

.result__max100 {
  max-width: 115px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.result__max100-nobreak {
  -ms-word-wrap: normal;
  word-wrap: normal;
}

.result__orderinfo {
  border: 1px solid #cccccc;
  margin-top: 10px;
  width: 332px;
  margin-left: -166px;
  left: 50%;
  padding: 15px 15px 5px 15px;
}

.result__orderinfo--title {
  font-size: 15px;
  padding: 0 0 5px 0;
}

.result__orderinfo--day {
  padding: 0 0 10px 0;
  line-height: 24px;
}

.result__orderinfo--day span {
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
}

.result__orderinfo--date {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  white-space: nowrap;
}

.result__orderinfo:after, .result__orderinfo:before {
  bottom: 100%;
  left: 47%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.result__orderinfo:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 8px;
  margin-left: -8px;
}

.result__orderinfo:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}

.nowrap {
  white-space: nowrap;
}

.client-font {
  color: #DA261D;
  font-weight: 900
}

.zoomContainer {
  z-index: 9999 !important;
}

.zoomWrapper {
  width: 100% !important;
  text-align: center;
}

.zoomWrapper img {
  position: relative !important;
}

.totop {
  display: none;
  right: 50px;
  bottom: 50px;
  position: fixed;
  width: 48px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 48px;
  opacity: 0.84;
  background-color: white;
  background: #fff url(../images/totop_icon.png) no-repeat center center;
  border: 1px solid #64a201;
  -webkit-box-shadow: 0 0 3.9px 0.1px #666;
  box-shadow: 0 0 3.9px 0.1px #666;
  cursor: pointer;
  -webkit-transition: border-color 100ms ease-in;
  transition: border-color 100ms ease-in;
}

.totop:hover {
  border-color: #c90019;
}

.notify {
  position: relative;
  height: 39px;
}

.notify__icon {
  cursor: pointer;
  height: 50px;
  background-position: left 8px;
}

.notify .icon__arrowleft {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  border: 2px solid #a1a1a1;
  background-position: center;
}

.notify__count {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #C90019;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: -1px;
  top: 0px;
  z-index: 2;
  width: 25px;
  text-align: center;
  height: 25px;
  border: 2px solid #333;
  line-height: 21px;
}

.notify__count:empty {
  display: none;
}

.notify__dropdown {
  padding: 0 13px 10px 13px;
  width: 414px;
  left: 50%;
  margin-left: -173px;
  margin-top: 11px;
  display: none;
  background-color: #f7f6f6;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0.3px 6px 8.5px 0.5px rgba(204, 204, 204, 0.75);
  box-shadow: 0.3px 6px 8.5px 0.5px rgba(204, 204, 204, 0.75);
  z-index: 1020;
}

.notify__dropdown:after, .notify__dropdown:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.notify__dropdown:after {
  border-color: rgba(247, 246, 246, 0);
  border-bottom-color: #f7f6f6;
  border-width: 9px;
  margin-left: -49px;
}

.notify__dropdown:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 10px;
  margin-left: -50px;
}

.notify__top {
  position: relative;
  width: 100%;
  text-align: center;
}

.notify__topbutton {
  padding: 0;
  position: absolute;
  top: 12px;
  left: 0;
  border: 0;
  background: transparent;
}

.notify__topbutton-right {
  left: auto;
  right: 0;
}

.notify__title {
  font-size: 17px;
  color: #333;
  text-align: center;
  padding: 12px 0;
}

.notify__title-left {
  text-align: left;
  padding-left: 20px;
  font-size: 15px;
}

.notify__item {
  overflow: hidden;
  width: 100%;
  min-height: 106px;
  background-color: white;
  -webkit-box-shadow: 2px 3.5px 10px rgba(204, 204, 204, 0.75);
  box-shadow: 2px 3.5px 10px rgba(204, 204, 204, 0.75);
  margin-bottom: 15px;
  border-left: 6px solid #fff;
  padding: 8px 10px 10px 12px;
  font-size: 14px;
  position: relative;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.notify__item-full {
  min-height: 0px;
}

.notify__item-full .notify__item--annotation {
  height: auto;
}

.notify__item a {
  text-decoration: underline;
}

.notify__item-green {
  border-left-color: #64a201;
}

.notify__item-red {
  border-left-color: #c90019;
}

.notify__item-center {
  text-align: center;
}

.notify__item--date {
  color: #666;
}

.notify__item--annotation {
  font-size: 15px;
  color: #333;
  overflow: hidden;
  margin: 6px 0;
  line-height: 18px;
  height: 36px;
}

.notify__item--close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: transparent url(../images/close_button.png) no-repeat center;
  background-size: cover;
  width: 15px;
  height: 15px;
  cursor: pointer;
  text-indent: -9999px;
}

.notify__item--close:hover {
  background-image: url(../images/close_button_red.png);
}

.notify__item:hover:not(.notify__item-center) {
  cursor: pointer;
  -webkit-box-shadow: 4px 5.5px 12px rgba(204, 204, 204, 0.95);
  box-shadow: 4px 5.5px 12px rgba(204, 204, 204, 0.95);
}

.notify__item:hover:not(.notify__item-center) a {
  color: #C90019;
}

.notify__bottom {
  text-align: center;
  font-size: 14px;
}

.notify__bottom a {
  display: block;
  margin-bottom: 2px;
}

.notify .css3-checkboxes {
  padding-top: 10px;
  font-size: 14px;
}

.notify .css3-checkboxes label {
  display: block;
  margin-bottom: 14px;
}

.notify__inside.nice__scroll {
  overflow: auto;
  max-height: 492px;
  padding-right: 10px;
}

.path {
  padding-bottom: 15px;
  font-size: 13px;
  color: #999;
}

.path__link {
  position: relative;
}

.path__link .icon {
  margin: 0 5px 0 8px;
}

.items.row {
  margin-left: -5px;
  margin-right: -5px;
}

.items .item {
  margin-bottom: 10px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.items .col-md-4 {
  padding-left: 5px;
  padding-right: 5px;
}

.item {
  height: 310px;
  position: relative;
  overflow: hidden;
}

.item:hover {
  overflow: visible;
}

.item:hover .item__wrap {
  background-color: white;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 5px 10px rgba(204, 204, 204, 0.75);
  box-shadow: 0 5px 10px rgba(204, 204, 204, 0.75);
  z-index: 4;
  position: absolute;
  top: -12px;
  right: -12px;
  left: -12px;
  padding: 11px 24px;
}

.item:hover .item__favorite {
  right: 23px;
  top: 261px;
}

.item:hover .item__features {
  display: block;
}

.item__wrap {
  position: relative;
  padding: 0 13px;
}

.item__img {
  display: table;
  width: 100%;
  height: 180px;
  position: relative;
}

.item__img2 {
  display: table-cell;
  width: 100%;
  height: 180px;
  vertical-align: middle;
  text-align: center;
}

.item__img2 img {
  max-width: 100%;
  max-height: 150px;
}

.item__label {
  position: absolute;
  height: 24px;
  background-color: #f90;
  display: block;
  left: 0;
  top: 0;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 23px;
  padding: 0 10px;
}

.item__label:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #f90 transparent transparent transparent;
}

.item__name {
  height: 44px;
  overflow: hidden;
  margin-top: 18px;
  line-height: 16px;
}

.item__name a {
  font-size: 15px;
  color: #3e77aa;
  text-decoration: none;
}

.item__name a:hover {
  color: #C90019;
}

.item__price {
  font-size: 15px;
}

.item__price b {
  font-size: 17px;
  font-weight: bold;
}

.item__price span {
  font-size: 17px;
}

.item__stock {
  font-size: 14px;
  font-style: italic;
}

.item__stock-green {
  color: #77b255;
}

.item__favorite {
  position: absolute;
  right: 12px;
  top: 250px;
  cursor: pointer;
}

.item__features {
  font-size: 14px;
  display: none;
  padding-top: 7px;
}

.item__feature {
  border-bottom: 1px dashed #cccccc;
  line-height: 30px;
  height: 30px;
}

.item__feature:last-child {
  border-bottom: 0;
}

.item__prices--line {
  border-bottom: 1px dashed #cccccc;
  line-height: 35px;
  height: 37px;
}

.item__prices--line:last-child {
  border-bottom: 0;
}

.item__prices--price {
  font-size: 17px !important;
}

.item__prices--right {
  float: right;
  font-size: 14px;
}

.item .css3-radios input[type="radio"] + span::before {
  width: 19px;
  height: 19px;
  margin-top: 7px;
}

.item__submit {
  margin: 5px 0 6px 0;
}

.item-wide {
  height: 340px;
}

.item__more {
  display: table;
  width: 100%;
  height: 100%;
  font-size: 21px;
  line-height: 25px;
  color: #006699;
  text-decoration: none;
}

.item__more--cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.item__more .icon {
  margin-bottom: 15px;
}

.item__more:hover {
  color: #C90019;
}

.filtered {
  background-color: #f7f5f6;
  padding: 13px 17px 5px 17px;
  margin-bottom: 20px;
  position: relative;
  font-size: 13px;
}

.filtered:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #f7f5f6 transparent transparent transparent;
}

.filtered__left {
  width: 140px;
  float: left;
  font-size: 13px;
}

.filtered__left b {
  display: block;
  padding-bottom: 10px;
}

.filtered__right {
  margin-left: 140px;
  font-size: 0;
}

.filtered__choose {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px 0;
}

.filtered__choose--text {
  display: block;
  height: 22px;
}

.filtered__button {
  display: block;
  vertical-align: middle;
  border: 1px solid #ccc;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  margin-right: 9px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  background-color: #fff;
}

.filtered__button .icon {
  margin-left: 5px;
  top: -1px;
}

.filtered__button:hover {
  color: #333;
}

.accordion__block {
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 6px;
}

.accordion__block.open .accordion__title--arrow {
  background-image: url(../images/uparrow_black.png);
}

.accordion__block.open .accordion__wrap {
  display: block;
}

.accordion__title {
  cursor: pointer;
  font-size: 14px;
  color: #006699;
  position: relative;
  padding: 9px 0 11px 0;
}

.accordion__title--arrow {
  display: block;
  width: 13px;
  height: 7px;
  background: #fff url(../images/arrow_icon.png) no-repeat center center;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}

.accordion__title .icon__question .icon__recalc{
  margin-left: 5px;
  position: relative;
  margin-top: -1px;
}

.accordion .css3-checkboxes input[type="checkbox"]:disabled + span {
  color: #999999;
}

.accordion .css3-checkboxes input[type="checkbox"]:disabled + span:before {
  border: 0;
}

.accordion__line label {
  display: block !important;
  cursor: pointer;
  padding: 4px 25px 4px 5px;
}

.accordion__line label:hover {
  background-color: #f7f5f6;
}

.accordion__line label i {
  color: #999999;
  font-style: normal;
}

.accordion__wrap {
  display: none;
  padding-bottom: 11px;
  margin-left: -5px;
  position: relative;
}

.accordion__wrap .accordion__line:nth-child(1n+6) {
  display: block;
}

.accordion__wrap-more .accordion__line:nth-child(1n+6) {
  display: none;
}

.accordion__more {
  margin-top: 8px;
  padding-left: 5px;
  color: #006699;
  cursor: pointer;
  font-size: 14px;
}

.accordion__more:hover {
  color: #c90019;
}

.catalog {
  padding: 40px 0 50px 0;
  position: relative;
  min-height: 345px;
}

.catalog .title {
  line-height: 26px;
  padding: 0 0 30px 0;
  margin: 0;
  color: #333;
  font-weight: normal;
  font-size: 26px;
}

.catalog__title {
  font-size: 21px;
  color: #333;
  padding: 10px 0 20px 0;
}

.catalog__minifilter {
  position: relative;
  margin-bottom: 25px;
}

.catalog__minifilter .js-drop {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
}

.catalog__minifilter .js-drop > span {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

.catalog__minifilter .result__brands {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 0;
}

.catalog__minifilter--checks {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
}

.catalog__filter ul {
  display: block;
  line-height: 50px;
  margin: 0;
  padding: 0;
  font-size: 0;
  border-bottom: 1px solid #cccccc;
}

.catalog__filter ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  margin: 0 20px 0 0;
  height: 40px;
  border-bottom: 4px solid transparent;
  cursor: pointer;
  -webkit-transition: border 100ms ease-in;
  transition: border 100ms ease-in;
}

.catalog__filter ul li.active, .catalog__filter ul li:hover {
  border-bottom-color: #64a201;
}

.catalog__result {
  padding-top: 30px;
}

.catalog__mark {
  padding-left: 37px;
  position: relative;
  line-height: 30px;
  font-size: 0;
  padding-bottom: 5px;
}

.catalog__mark--letter {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 30px;
  color: #C90019;
  font-size: 21px;
  text-transform: uppercase;
}

.catalog__mark--link {
  display: inline-block;
  vertical-align: top;
  line-height: 28px;
  height: 30px;
  background-color: white;
  border: 1px solid #ddd;
  padding: 0 10px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  margin: 0 12px 12px 0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.catalog__mark--link:hover {
  background-color: #343333;
  color: #fff;
  border-color: #343333;
}

.catalog__mark--model {
  padding-left: 10px;
}

.catalog__mark .news__bottom, .catalog__mark .news__link, .catalog__mark .news__link--cell {
  height: 30px;
}

.catalog__mark .news__bottom .icon, .catalog__mark .news__link .icon, .catalog__mark .news__link--cell .icon {
  top: 10px;
}

.catalog__car {
  padding: 10px 0 20px 0;
}

.catalog__car--image {
  width: 230px;
  float: left;
  text-align: left;
}

.catalog__car--image img {
  max-width: 210px;
}

.catalog__car--features {
  font-size: 14px;
  line-height: 26px;
  color: #333;
}

.catalog__car--features span {
  color: #666;
}

.catalog__search {
  width: 340px;
  position: relative;
  margin-bottom: 18px;
}

.catalog__search--input {
  display: block;
  width: 100%;
  height: 29px;
  padding: 0 40px 0 10px;
  color: #333;
  font-size: 12px;
  font-style: italic;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bab8b8;
  border-top-color: #d4d3d3;
  border-right-color: #d4d3d3;
  outline: none;
}

.catalog__search--input:active, .catalog__search--input:focus {
  border-color: #62a200;
}

.catalog__search--submit {
  position: absolute;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  background: transparent url(../images/search_icon.png) no-repeat center center;
  top: 5px;
  right: 11px;
  border: 0;
}

.tree ul {
  margin: 0;
  padding: 0;
}

.tree ul li {
  list-style: none;
  padding: 3px 0;
}

.tree ul li span {
  cursor: pointer;
  position: relative;
  font-size: 14px;
  color: #069;
  padding-left: 17px;
  background: transparent url(../images/icon_tree_right.png) no-repeat 3px 3px;
}

.tree ul li ul {
  display: none;
  overflow: hidden;
  padding-left: 17px;
}

.tree ul li a {
  display: block;
  text-decoration: none;
  margin: 4px 0 0px 15px;
}

.tree ul li a:hover {
  color: #C90019;
}

.tree ul li.open > span {
  font-weight: bold;
  color: #333;
  background: transparent url(../images/icon_tree_down.png) no-repeat 2px 3px;
}

.tree ul li.open > ul {
  display: block;
}

.tree i {
  font-style: normal;
  background-color: yellow;
}

.news__items {
  margin-left: -5px;
  margin-right: -5px;
}

.news__items .col-md-4 {
  padding-left: 5px;
  padding-right: 5px;
}

.news__item {
  margin-bottom: 10px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 0 16px 20px 6px;
}

.news__item:hover {
  -webkit-box-shadow: 2px 2px 2px 0px #e8e8e8;
  box-shadow: 2px 2px 2px 0px #e8e8e8;
  cursor: pointer;
}

.news__item:hover .news__link {
  color: #C90019;
}

.news__image {
  display: table;
  width: 100%;
}

.news__image a {
  display: table-cell;
  width: 100%;
  height: 180px;
  vertical-align: middle;
  text-align: center;
}

.news__image a img {
  max-width: 100%;
  max-height: 160px;
}

.news__date {
  font-size: 13px;
  color: #666;
}

.news__link {
  display: table;
  width: 100%;
  font-size: 15px;
  height: 40px;
  overflow: hidden;
  text-decoration: none;
}

.news__link:hover {
  color: #C90019;
}

.news__link--cell {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  overflow: hidden;
  height: 40px;
  position: relative;
  padding-right: 10px;
}

.news__link--cell .icon {
  position: absolute;
  right: 0;
  top: 15px;
}

.news__bottom {
  height: 44px;
  overflow: hidden;
}

.news__back {
  font-size: 15px;
  padding-bottom: 20px;
  display: block;
  margin-top: 8px;
}

.news__page {
  font-size: 13px;
}

.news__page--date {
  font-size: 14px;
  color: #666;
  line-height: 18px;
}

.news__page--title {
  font-size: 26px;
  color: #333;
  padding-bottom: 26px;
}

.news__page p {
  margin: 0 0 16px 0;
  font-size: 13px;
  line-height: 20px;
  color: #333;
}

.news__page h3 {
  font-weight: normal;
  font-size: 19px;
  margin: 0;
  padding: 0 0 10px 0;
}

.news__page ul {
  margin: 0;
  padding: 5px 0 3px 12px;
}

.news__page ul li {
  list-style: none;
  position: relative;
  padding-bottom: 17px;
}

.news__page ul li:before {
  width: 4px;
  height: 4px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #64A201;
  position: absolute;
  left: -12px;
  top: 7px;
  content: " ";
}

.news__features {
  font-size: 13px;
  line-height: 19px;
  color: #333;
}

.news__features span {
  color: #666;
}

.pagination {
  text-align: center;
  padding: 35px 0;
}

.pagination__more {
  border: 0;
  display: inline-block;
  background-color: transparent;
  font-size: 21px;
  color: #069;
}

.pagination__more .icon {
  position: relative;
  margin-right: 15px;
  top: -2px;
}

.pagination__more:hover {
  color: #C90019;
}

.pagination__list {
  padding: 24px 0 0 0;
  font-size: 0;
}

.pagination__item {
  width: 41px;
  height: 31px;
  display: inline-block;
  vertical-align: middle;
  font-size: 21px;
  color: #069;
  text-decoration: none;
  margin-right: 3px;
  position: relative;
}

.pagination__item:after {
  width: 1px;
  height: 31px;
  position: absolute;
  right: -1px;
  top: 0;
  bottom: 0;
  content: " ";
  background-color: #DDD;
}

.pagination__item:hover {
  color: #C90019;
}

.pagination__item-active {
  background-color: #64A201;
  color: #fff !important;
  cursor: default;
}

.pagination__item-active:after {
  display: none;
}

.pagination__item-active:before {
  width: 1px;
  height: 31px;
  position: absolute;
  left: -3px;
  top: 0;
  bottom: 0;
  content: " ";
  background-color: #fff;
}

.pagination__item:last-child:after {
  display: none;
}

.js-click-area {
  cursor: pointer;
}

.js-addtofav {
  display: none;
}

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: justify;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  -webkit-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

.tooltipster-slide {
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

@-webkit-keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.tooltipster-update-fade {
  -webkit-animation: tooltipster-fading 400ms;
  animation: tooltipster-fading 400ms;
}

@-webkit-keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

.tooltipster-update-rotate {
  -webkit-animation: tooltipster-rotating 600ms;
  animation: tooltipster-rotating 600ms;
}

@-webkit-keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.tooltipster-update-scale {
  -webkit-animation: tooltipster-scaling 600ms;
  animation: tooltipster-scaling 600ms;
}

.tooltipster-sidetip .tooltipster-box {
  background: #000;
  border: 1px solid #fff;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 15px;
  font-size: 12px;
  padding: 4px 10px;
}

.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #000;
  left: 0px;
  top: 1px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #000;
  left: -1px;
  top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #000;
  left: 1px;
  top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #000;
  left: 0px;
  top: -1px;
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: -1px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #fff;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #fff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #fff;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #fff;
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

.nice__scroll::-webkit-scrollbar {
  width: 5px;
  cursor: pointer;
}

.nice__scroll::-webkit-scrollbar-track {
  background-color: #ececec;
}

.nice__scroll::-webkit-scrollbar-thumb {
  background-color: #cecece;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}

.nice__scroll::-webkit-scrollbar-thumb:hover {
  background-color: #9f9f9f;
}

.css3-radios {
  position: relative;
}

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

.css3-radios label * {
  cursor: pointer;
}

.css3-radios label:hover span {
  color: #000;
}

.css3-radios label:hover span::before {
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
}

.css3-radios input[type="radio"] {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
}

.css3-radios input[type="radio"] + span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #333;
}

.css3-radios input[type="radio"] + span::before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 16px;
  height: 16px;
  margin: 1px 7px 0 0;
  border: solid 1px #aaaaaa;
  line-height: 16px;
  text-align: center;
  background: #fff;
  float: left;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.css3-radios input[type="radio"]:checked + span::before {
  color: #666;
  background-color: #fff;
  border: 5px solid #329304;
  font-size: 16px;
  line-height: 10px;
}

.css3-radios input[type="radio"]:disabled + span {
  cursor: default;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.css3-checkboxes, .css3-checkboxes2 {
  position: relative;
}

.css3-checkboxes label, .css3-checkboxes2 label {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #333;
}

.css3-checkboxes label *, .css3-checkboxes2 label * {
  cursor: pointer;
}

.css3-checkboxes label:hover span, .css3-checkboxes2 label:hover span {
  color: #000;
}

.css3-checkboxes label:hover span::before, .css3-checkboxes2 label:hover span::before {
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
}

.css3-checkboxes input[type="checkbox"], .css3-checkboxes2 input[type="checkbox"] {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
}

.css3-checkboxes input[type="checkbox"] + span, .css3-checkboxes2 input[type="checkbox"] + span {
  display: inline-block;
  vertical-align: middle;
}

.css3-checkboxes input[type="checkbox"] + span:before, .css3-checkboxes2 input[type="checkbox"] + span:before {
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #adaaaa;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin: -3px 6px 0 0;
  text-align: center;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.css3-checkboxes input[type="checkbox"]:checked + span:before, .css3-checkboxes2 input[type="checkbox"]:checked + span:before {
  border: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABF1BMVEV3slV1slV8ulB3slV1slemzZB2slR2sVN0sFF2sVR3slRyrk9oqUNurUprrEZ1sVJwrkxlqD/F3rf9/vuky45qq0RfpTfK4rz////5/fhpqkN1sVNvrkxjpjzK4b3D3bFnqkJjpz7K4bvR5MVmqEBysE9qq0Vxrk5hpjnF3rbQ5cVqqkSfyYe9269xr09srEbL477J4bxipjqKvG7p9ORvrUthpjrM4cDM4r9lqT9vrkturEqMv3Dn8eBqq0ZbojLD3rXP5MJkpz1vrkplpz+pz5Pe7NXB27BhpTlzsFHM4r5zsE9ipjuq0JTK4bxlqUBepTer0JbR5cVmqT+OwHGbxoFoq0RsrEhrq0VzsVB2sld2slV0tFbV9xolAAAAA3RSTlOmq6XMzNdJAAAAAWJLR0QYm2mFHgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAPRJREFUGNON0dlawjAQBeBqbOJUanEBRgiuCFVZVRZXFFxAFMUd9P2fg0lbQKQXnJt8+S+SnInG2BybiK4xv0zLXMyDMcGwEDAXrf8MwaXlldUQjDMEwxHEtWhsjEHG1xFxY1M4zLnh6tY26U5ilxNzK5lICaX2Hum+LUFdGTtIZ7I5S0g7T1o4lMJ5t3mEeFwMmKUyaeXkVLh1zs5pe3FZvaLlulYHr6V1c0twd6+0oU5wmTcbOjp5qHnqtOStxyel7ee6p0xT74bWSwfxNT5Ulxk0394/PuVQPaZKX99dGI1hZjATw/gznN6s3+/8/Oqa7ps+fRUdLe2rXp0AAAAASUVORK5CYII=");
}

.css3-checkboxes input[type="checkbox"]:disabled + span, .css3-checkboxes2 input[type="checkbox"]:disabled + span {
  cursor: default;
}

.css3-checkboxes input[type="checkbox"]:disabled + span:before, .css3-checkboxes2 input[type="checkbox"]:disabled + span:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAolBMVEWDg4OEhISurq6CgoKAgIB+fn52dnZ7e3t5eXmBgYF9fX1zc3PKysr8/PysrKx3d3dubm7Pz8/////6+vpxcXHHx8dycnLOzs7U1NR0dHR/f394eHhvb2/V1dWoqKjFxcXQ0NBwcHCVlZXs7Ox8fHyXl5fo6OhqamrJycnT09OxsbHg4OCysrJ/k3Ozs7OYmJijo6N6enp+knSCmHKFhYX///9L8RhRAAAANXRSTlNCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkIrQkJCQiwrQn9ZIiUAAAABYktHRBJ7vGwAAAAACXBIWXMAAAsSAAALEgHS3X78AAAAw0lEQVQY043R1xaCMAwG4NIwCwpWBBkKKO493v/ZTCniYVz43/T0u0iTlBCikF4oGczfDCr0GTTdMK0uA7Od0dgF2lFvwvlUbzMwH5XP2gwsCFHnUVzVtpJIA6Gpg7pIGQgGd5nFpoWao4YFkw0aK87XpW4UQvOoBDmOscHrNtnt8TgElQq27CPCKRMq6n6HV1PKq+RBrXLKuDgLDWVdkUvVcOxdsTO/Ucm4teh2d1mjNeO7j0T9KXkO/oLyGuQ3JXQwH3TODcS6X3EKAAAAAElFTkSuQmCC");
}

.js-styler.width-100 {
  width: 100%;
}

.jq-checkbox {
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #adaaaa;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin: -3px 3px 0 0;
  text-align: center;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  cursor: pointer;
}

.jq-checkbox.checked {
  border: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABF1BMVEV3slV1slV8ulB3slV1slemzZB2slR2sVN0sFF2sVR3slRyrk9oqUNurUprrEZ1sVJwrkxlqD/F3rf9/vuky45qq0RfpTfK4rz////5/fhpqkN1sVNvrkxjpjzK4b3D3bFnqkJjpz7K4bvR5MVmqEBysE9qq0Vxrk5hpjnF3rbQ5cVqqkSfyYe9269xr09srEbL477J4bxipjqKvG7p9ORvrUthpjrM4cDM4r9lqT9vrkturEqMv3Dn8eBqq0ZbojLD3rXP5MJkpz1vrkplpz+pz5Pe7NXB27BhpTlzsFHM4r5zsE9ipjuq0JTK4bxlqUBepTer0JbR5cVmqT+OwHGbxoFoq0RsrEhrq0VzsVB2sld2slV0tFbV9xolAAAAA3RSTlOmq6XMzNdJAAAAAWJLR0QYm2mFHgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAPRJREFUGNON0dlawjAQBeBqbOJUanEBRgiuCFVZVRZXFFxAFMUd9P2fg0lbQKQXnJt8+S+SnInG2BybiK4xv0zLXMyDMcGwEDAXrf8MwaXlldUQjDMEwxHEtWhsjEHG1xFxY1M4zLnh6tY26U5ilxNzK5lICaX2Hum+LUFdGTtIZ7I5S0g7T1o4lMJ5t3mEeFwMmKUyaeXkVLh1zs5pe3FZvaLlulYHr6V1c0twd6+0oU5wmTcbOjp5qHnqtOStxyel7ee6p0xT74bWSwfxNT5Ulxk0394/PuVQPaZKX99dGI1hZjATw/gznN6s3+/8/Oqa7ps+fRUdLe2rXp0AAAAASUVORK5CYII=");
}

.jq-checkbox:hover {
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
}

.jq-checkbox.disabled {
  cursor: default;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAolBMVEWDg4OEhISurq6CgoKAgIB+fn52dnZ7e3t5eXmBgYF9fX1zc3PKysr8/PysrKx3d3dubm7Pz8/////6+vpxcXHHx8dycnLOzs7U1NR0dHR/f394eHhvb2/V1dWoqKjFxcXQ0NBwcHCVlZXs7Ox8fHyXl5fo6OhqamrJycnT09OxsbHg4OCysrJ/k3Ozs7OYmJijo6N6enp+knSCmHKFhYX///9L8RhRAAAANXRSTlNCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkIrQkJCQiwrQn9ZIiUAAAABYktHRBJ7vGwAAAAACXBIWXMAAAsSAAALEgHS3X78AAAAw0lEQVQY043R1xaCMAwG4NIwCwpWBBkKKO493v/ZTCniYVz43/T0u0iTlBCikF4oGczfDCr0GTTdMK0uA7Od0dgF2lFvwvlUbzMwH5XP2gwsCFHnUVzVtpJIA6Gpg7pIGQgGd5nFpoWao4YFkw0aK87XpW4UQvOoBDmOscHrNtnt8TgElQq27CPCKRMq6n6HV1PKq+RBrXLKuDgLDWVdkUvVcOxdsTO/Ucm4teh2d1mjNeO7j0T9KXkO/oLyGuQ3JXQwH3TODcS6X3EKAAAAAElFTkSuQmCC");
}

.jq-checkbox.disabled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.jq-radio {
  top: -1px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  border: 1px solid #C3C3C3;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #F5F5F5;
  background: -webkit-linear-gradient(#FFF, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
  background: linear-gradient(#FFF, #E6E6E6);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  cursor: pointer;
}

.jq-radio.checked .jq-radio__div {
  width: 10px;
  height: 10px;
  margin: 3px 0 0 3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #777;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7);
}

.jq-radio.focused {
  border: 1px solid #08C;
}

.jq-radio.disabled {
  opacity: .55;
}

.jq-file {
  width: 270px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.jq-file input {
  height: auto;
  line-height: 1em;
  cursor: pointer;
}

.jq-file__name {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 80px 0 10px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #FFF;
  -webkit-box-shadow: inset 1px 1px #F1F1F1;
  box-shadow: inset 1px 1px #F1F1F1;
  font: 14px/32px Arial, sans-serif;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  background: #F5F5F5;
  background: -webkit-linear-gradient(#FFF, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
  background: linear-gradient(#FFF, #E6E6E6);
  -webkit-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/32px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF;
}

.jq-file:hover .jq-file__browse {
  background: #E6E6E6;
  background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E6E6E6));
  background: linear-gradient(#F6F6F6, #E6E6E6);
}

.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  -webkit-box-shadow: inset 1px 1px 3px #DDD;
  box-shadow: inset 1px 1px 3px #DDD;
}

.jq-file.focused .jq-file__name {
  border: 1px solid #5794BF;
}

.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #888;
}

.jq-number__field {
  width: 100%;
  text-align: center;
  height: 32px;
  line-height: 30px;
  border: 0;
  padding: 0 28px;
  background-color: #FFF;
}

.jq-number__field input {
  width: 100%;
  height: 32px;
  border: 0;
  background-color: #FFF;
  font-size: 18px;
  color: #2f2f2f;
  text-align: center;
  outline: none;
  border: 1px solid #cccccc;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  vertical-align: top;
}

.jq-number__field input:active, .jq-number__field input:focus {
  border-color: #64a201;
}

.jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.jq-number__spin {
  position: absolute;
  top: 0px;
  right: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  height: 32px;
  width: 27px;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.jq-number__spin:after {
  content: " ";
  background-color: #000;
  height: 1px;
  width: 17px;
  position: absolute;
  top: 15px;
  left: 5px;
}

.jq-number__spin.plus:before {
  content: " ";
  background-color: #000;
  width: 1px;
  height: 17px;
  position: absolute;
  top: 7px;
  left: 13px;
}

.jq-number__spin.minus {
  top: 0px;
  right: auto;
  left: 0px;
  content: "-";
}

.jq-number__spin.minus:hover:after {
  background-color: #d32d42;
}

.jq-number__spin.plus:hover:after,
.jq-number__spin.plus:hover:before {
  background-color: #669F0A;
}

.jq-number {
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0;
  display: block;
  text-align: center;
  border: 0;
  width: 90px;
  height: 32px;
}

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer;
  width: auto;
}

.jq-selectbox__select {
  height: 30px;
  padding: 0 30px 0 10px;
  background-color: #fff;
  border: 1px solid #dddddd;
  color: #333;
  font-size: 14px;
  line-height: 28px;
}

.jq-selectbox.disabled .jq-selectbox__select {
  opacity: 0.6;
}

.jq-selectbox__select-text {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jq-selectbox .placeholder {
  color: #888;
}

.jq-selectbox__trigger {
  position: absolute;
  top: 12px;
  right: 9px;
  background: transparent url(../images/downarrow_black.png) no-repeat center;
  width: 13px;
  height: 7px;
}

/* .jq-selectbox__trigger-arrow {
	position: absolute;
	top: 14px;
	right: 12px;
	width: 0;
	height: 0;
	border-top: 5px solid #999;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
} */
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
  border-top-color: #000;
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  border-top-color: #AAA;
}

.jq-selectbox__dropdown {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0px 0 0 0;
  padding: 0;
  background-color: white;
  -webkit-box-shadow: 0 5px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  box-shadow: 0 5px 6.7px 1.3px rgba(223, 219, 219, 0.75);
  top: 30px !important;
}

.jq-selectbox__search {
  margin: 5px;
}

.jq-selectbox__search input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 27px 6px 8px;
  border: 1px solid #CCC;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  outline: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
  -webkit-box-shadow: inset 1px 1px #F1F1F1;
  box-shadow: inset 1px 1px #F1F1F1;
  color: #333;
  -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #F0F0F0;
  font-size: 13px;
}

.jq-selectbox ul {
  margin: 0;
  padding: 0;
}

.jq-selectbox li {
  min-height: 27px;
  padding: 2px 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  font-size: 14px;
  color: #333;
}

.jq-selectbox li.selected {
  background-color: #0088cc;
  color: #fff;
}

.jq-selectbox li:hover {
  background-color: #0088cc;
  color: #fff;
}

.jq-selectbox li.disabled {
  color: #AAA;
}

.jq-selectbox li.disabled:hover {
  background: none;
}

.jq-selectbox li.optgroup:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 9px 0 9px;
  border-color: #f7f6f6 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 15px;
}

.jq-selectbox li.optgroup {
  background-color: #F7F6F6;
  position: relative;
  margin-bottom: 8px;
}

.jq-selectbox li.optgroup:hover {
  cursor: default;
  color: #333;
}

.jq-selectbox li.option {
  padding-left: 13px;
}

.jq-select-multiple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #FFF;
  -webkit-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/18px Arial, sans-serif;
  color: #333;
  cursor: default;
}

.jq-select-multiple.focused {
  border: 1px solid #5794BF;
}

.jq-select-multiple.disabled {
  border-color: #CCC;
  background: #F5F5F5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #888;
}

.jq-select-multiple ul {
  margin: 0;
  padding: 0;
}

.jq-select-multiple li {
  padding: 3px 9px 4px;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.jq-select-multiple li:first-child {
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.jq-select-multiple li:last-child {
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.jq-select-multiple li.selected {
  background: #08C;
  color: #FFF;
}

.jq-select-multiple li.disabled {
  color: #AAA;
}

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
  background: #CCC;
  color: #FFF;
}

.jq-select-multiple li.optgroup {
  font-weight: bold;
}

.jq-select-multiple li.option {
  padding-left: 25px;
}

input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
  padding: 8px 9px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px Arial, sans-serif;
  color: #333;
}

input[type='search'].styler {
  -webkit-appearance: none;
}

textarea.styler {
  overflow: auto;
}

input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
  border-color: #B3B3B3;
}

input[type='email'].styler:focus,
input[type='password'].styler:focus,
input[type='search'].styler:focus,
input[type='tel'].styler:focus,
input[type='text'].styler:focus,
input[type='url'].styler:focus,
textarea.styler:focus {
  border-color: #CCC;
  border-top-color: #B3B3B3;
  outline: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
  overflow: visible;
  padding: 8px 11px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  background: #F5F5F5;
  background: -webkit-linear-gradient(#FFF, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
  background: linear-gradient(#FFF, #E6E6E6);
  -webkit-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF;
  cursor: pointer;
}

button.styler::-moz-focus-inner,
input[type='button'].styler::-moz-focus-inner,
input[type='submit'].styler::-moz-focus-inner,
input[type='reset'].styler::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
  background: #E6E6E6;
  background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E6E6E6));
  background: linear-gradient(#F6F6F6, #E6E6E6);
}

button.styler:not([disabled]):active,
input[type='button'].styler:not([disabled]):active,
input[type='submit'].styler:not([disabled]):active,
input[type='reset'].styler:active {
  background: #F5F5F5;
  -webkit-box-shadow: inset 1px 1px 3px #DDD;
  box-shadow: inset 1px 1px 3px #DDD;
}

button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
  border-color: #CCC;
  background: #F5F5F5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #888;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.datepicker--cell {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}

.datepicker--cell.-focus- {
  background: #f0f0f0;
}

.datepicker--cell.-current- {
  color: #64a201;
}

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}

.datepicker--cell.-current-.-in-range- {
  color: #64a201;
}

.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.datepicker--cell.-range-from-.-range-to- {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.datepicker--cell.-selected- {
  color: #fff;
  border: none;
  background: #64a201;
}

.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #64a201;
}

.datepicker--cell.-selected-.-focus- {
  background: #558a00;
}

.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}

.datepicker--day-name {
  color: #c90019;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em;
}

.datepicker--cell-day {
  width: 14.28571%;
}

.datepicker--cells-months {
  height: 170px;
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}

.datepicker--years {
  height: 170px;
}

.datepicker--cells-years {
  height: 170px;
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}

@media print {
  .datepickers-container {
    display: none;
  }
}

.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 91;
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
  transform: translateX(8px);
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  -ms-transform: translateX(-8px);
  transform: translateX(-8px);
}

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--content {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 4px;
}

.-only-timepicker- .datepicker--content {
  display: none;
}

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  top: -webkit-calc(100% - 4px);
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  right: -webkit-calc(100% - 4px);
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  bottom: -webkit-calc(100% - 4px);
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
  left: -webkit-calc(100% - 4px);
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
  left: 10px;
}

.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  right: 10px;
}

.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
  left: -webkit-calc(50% - 10px / 2);
  left: calc(50% - 10px / 2);
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  top: 10px;
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  bottom: 10px;
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
  top: -webkit-calc(50% - 10px / 2);
  top: calc(50% - 10px / 2);
}

.datepicker--body {
  display: none;
}

.datepicker--body.active {
  display: block;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}

.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker--nav-action:hover {
  background: #f0f0f0;
}

.datepicker--nav-action.-disabled- {
  visibility: hidden;
}

.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}

.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}

.datepicker--nav-title {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 8px;
}

.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}

.datepicker--nav-title:hover {
  background: #f0f0f0;
}

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none;
}

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}

.datepicker--button {
  color: #64a201;
  cursor: pointer;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  height: 32px;
}

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 4px;
  position: relative;
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  -webkit-box-flex: 0;
  flex: 0 1 138px;
  max-width: 138px;
}

.-only-timepicker- .datepicker--time {
  border-top: none;
}

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  -webkit-box-flex: 0;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}

.datepicker--time-label {
  display: none;
  font-size: 12px;
}

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  content: '';
  background: #f0f0f0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat;
  background: -webkit-linear-gradient(left, #dedede, #dedede) left 50%/100% 1px no-repeat;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
}

.datepicker--time-row:first-child {
  margin-bottom: 4px;
}

.datepicker--time-row input[type='range'] {
  background: none;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.datepicker--time-row input[type='range']::-ms-tooltip {
  display: none;
}

.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type='range']:hover::-ms-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type='range']:focus {
  outline: none;
}

.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
  background: #64a201;
  border-color: #64a201;
}

.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
  background: #64a201;
  border-color: #64a201;
}

.datepicker--time-row input[type='range']:focus::-ms-thumb {
  background: #64a201;
  border-color: #64a201;
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.datepicker--time-row input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.datepicker--time-row input[type='range']::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  margin-top: -6px;
}

.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type='range']::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type='range']::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type='range']::-ms-fill-lower {
  background: transparent;
}

.datepicker--time-row input[type='range']::-ms-fill-upper {
  background: transparent;
}

.datepicker--time-row span {
  padding: 0 12px;
}

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}

.datepicker--time-icon:after,
.datepicker--time-icon:before {
  content: '';
  background: currentColor;
  position: absolute;
}

.datepicker--time-icon:after {
  height: .4em;
  width: 1px;
  left: -webkit-calc(50% - 1px);
  left: calc(50% - 1px);
  top: -webkit-calc(50% + 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.datepicker--time-icon:before {
  width: .4em;
  height: 1px;
  top: -webkit-calc(50% + 1px);
  top: calc(50% + 1px);
  left: -webkit-calc(50% - 1px);
  left: calc(50% - 1px);
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/*# sourceMappingURL=style.css.map */
/* карусель */
.horizontal-slidermix {
    position: relative;
    height: 190px;
    overflow: hidden;
}

.slider-prevmix, .slider-nextmix {
    position: absolute;
    top: 50%;
    margin: -23px -50px 0 -50px;
    width: 47px;
    height: 46px;
    background: url(../images/navi-hor.png) no-repeat;
}

.slider-prevmix {
    background-position: 0 0;
    left: 0;
}

.slider-nextmix {
    background-position: -47px 0;
    right: 0;
}

ul.no-mark {
    margin: 0;
    padding: 0;
}

ul.sm-slider li {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    position: relative;
    width: 175px;
    margin-bottom: 20px;
    text-align: center;
}

ul.sm-slider .slide-cont {
    display: block;
    margin: 0 15px;
    text-decoration: none;
}

.img-over_x95 {
    display: block;
    margin: 0 auto 14px auto;
    height: 95px;
}

.link-namemix {
    display: block;
    font-weight: 700;
    line-height: 24px;
    font-size: 18px;
    color: #3399cc;
    text-decoration: none;
}

.img-over_x95 img {
    max-height: 95px;
}

.horizontal-slidermix0 {
    position: relative;
    z-index: 15;
    margin: 0 50px;
}

.horizontal-slidermix1 {
    font-size: 36px;
    font-weight: 500 !important;
    line-height: 1.2em;
    color: #2E70BF;
    margin: 56px 0 34px 0;
    text-align: center;
}

/*=========== owl-carousel ==================*/

/*
.owl-carousel .owl-item .item{
  cursor: pointer;
  border-radius: 5px!important;
}
.owl-carousel .owl-item .item p{
  margin: -7px 5px!important;
}
.owl-carousel .owl-nav button{
  color: #2E70BF!important;
  font-size: 14px!important;
}
.owl-carousel .owl-nav button:hover{ color: white!important;}
*/

.owl-carousel .owl-item .item {
  cursor: pointer;
  border-radius: 5px !important;
}

.owl-carousel .owl-item .item p {
  margin: -7px 18px !important;
}

.owl-carousel {
  /*width: 94% !important;
  left: 3% !important;*/
}

.owl-prev, .owl-next {
  position: absolute;
  top: -53%;
  font-size: 80px !important;
  background: none !important;
  /*color: #9c9494 !important;*/
  color: white !important;
}

.owl-prev:hover,
.owl-next:hover {
  /*color: #2E70BF !important;*/
  color: #c90019 !important;
}

.owl-prev {
  /*left: -3%;*/
  left: -7px;
}

.owl-next {
  /*right: -3%;*/
  right: -7px;
}

/*********************************************************************************** заготовка для модального окна */
#xModal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  /* text-align: center;*/
  overflow-x: auto;
  overflow-y: scroll;
  /*   padding: 20px;*/
  z-index: 9999;


}

#xModalWindow {
  display: none;
  width: 600px;
  height: auto;
  position: relative;
  z-index: 400;
  background-color: #FAFAFA;
  outline: 2px solid #000; /* Чёрная рамка */
  border: 3px solid #fff; /* Белая рамка */
  border-radius: 10px; /* Радиус скругления */

}

.xModalHeader{
  font-size: 25px;
  background-color: lightgrey;
}

#xModalCloseBtn{
  /*font-size: 60px;*/
  /* position: relative;*/
  border: none;
  background: none;
  padding: 5px;
  margin: 0;
  /* z-index: 99999;*/
}

.alert-success{
  color: blue;
}
.alert-danger{
  color: red;
}
/*********************************************************************************** заготовка для модального окна */
.cart__popup--summ_rozdrib {
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  font-size: 19px;
  position: relative;
  top: -6px;
  color: blue;
}